.custom-hero{max-width:1280px;margin:auto;padding:75px 32px 65px}.custom-hero h1{font-size:clamp(52px,6vw,82px);line-height:1;letter-spacing:-.055em;margin-bottom:25px}.custom-hero h1 em{font-style:normal;color:var(--green)}.custom-hero>p{max-width:680px;color:var(--muted);line-height:1.8}.mockup-showcase{max-width:1280px;margin:0 auto 92px;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:38px}.mockup-board,.lifestyle-card{min-height:520px;position:relative;overflow:hidden}.mockup-board{background:#d9ffc8}.mockup-board:before{content:"";position:absolute;inset:8%;background:#fff6;border-radius:50%;filter:blur(40px)}.design-sheet{position:absolute;left:7%;top:8%;width:36%;aspect-ratio:1;transform:rotate(-8deg);background:#fff;border:1px solid #d8ddd8;box-shadow:0 18px 45px rgba(22,34,29,.18);padding:14px;animation:floatSheet 5s ease-in-out infinite}.design-sheet span{position:relative;z-index:2;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--green)}.wave-pattern,.mock-pattern{position:absolute;inset:0;background:radial-gradient(circle at 28% 30%,transparent 0 8%,#9a83df 9% 13%,transparent 14% 23%,#9a83df 24% 29%,transparent 30%),repeating-radial-gradient(circle at 62% 60%,#9a83df 0 7px,#fff 8px 20px);opacity:.9;animation:patternDrift 7s linear infinite}.product-mock{position:absolute;background:#fff;box-shadow:0 20px 50px rgba(22,34,29,.18);overflow:hidden}.phone-mock{right:13%;top:18%;width:33%;height:62%;border:5px solid #111;border-radius:34px}.camera-hole{position:absolute;left:12%;top:9%;width:30%;aspect-ratio:1;border:4px solid #111;border-radius:15px;background:#e9e9e9;z-index:4}.phone-mock .safe-line{position:absolute;inset:16px;border:2px dashed #111;border-radius:26px;z-index:5}.mock-pattern{animation-duration:9s}.shirt-mock{left:18%;bottom:9%;width:30%;height:30%;background:#fff;border-radius:28px 28px 8px 8px;display:grid;place-items:center;transform:rotate(4deg);animation:floatShirt 6s ease-in-out infinite}.shirt-mock:before,.shirt-mock:after{content:"";position:absolute;top:18%;width:28%;height:42%;background:#fff}.shirt-mock:before{left:-18%;transform:rotate(24deg)}.shirt-mock:after{right:-18%;transform:rotate(-24deg)}.shirt-neck{position:absolute;top:8%;width:28%;height:18%;border-radius:0 0 80px 80px;background:#d9ffc8}.shirt-mock strong{font-size:18px;color:var(--green);letter-spacing:.08em;z-index:2}.upload-chip{position:absolute;left:42%;top:50%;background:var(--green);color:#fff;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(22,34,29,.22);animation:pulseChip 2.2s ease-in-out infinite}.lifestyle-card img{position:absolute;inset:0}.lifestyle-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(9,24,18,.25))}.mock-label{position:absolute;z-index:2;font-weight:900;letter-spacing:.02em}.mock-label.ready{left:28px;top:28px;background:#fff;color:var(--green);padding:12px 16px;border-radius:999px;font-size:12px;animation:floatSheet 5.5s ease-in-out infinite}.mock-label.sold{right:28px;bottom:32px;background:var(--lime);color:var(--ink);padding:18px 24px;font-size:24px;transform:rotate(-5deg);box-shadow:0 16px 35px rgba(22,34,29,.18);animation:soldPop 4s ease-in-out infinite}.studio{max-width:1280px;margin:auto;padding:0 32px 120px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:start}.studio-preview{position:sticky;top:140px}.preview-stage{height:650px;background:#e8e7e2;position:relative;overflow:hidden}.base-product{position:absolute;inset:0}.artwork-layer{position:absolute;left:50%;top:44%;width:24%;transform:translate(-50%,-50%);cursor:move;touch-action:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.artwork-layer img{width:100%;height:auto;object-fit:contain}.stage-tip{position:absolute;left:18px;bottom:18px;background:rgba(22,34,29,.84);color:#fff;padding:8px 11px;font-size:10px}.preview-warning{background:var(--cream);padding:20px 24px;display:grid;grid-template-columns:120px 1fr;gap:20px}.preview-warning strong{font-size:12px}.preview-warning p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.studio-panel{border-top:1px solid var(--ink)}.studio-progress{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.studio-progress .active{color:var(--green);font-weight:700}.studio-block{padding:34px 0;border-bottom:1px solid var(--line)}.block-label{font-size:9px;letter-spacing:.14em;color:var(--green);font-weight:700}.studio-block h2{font-size:25px;margin:8px 0 20px}.custom-products{display:grid;grid-template-columns:1fr 1fr;gap:9px}.custom-products button{border:1px solid var(--line);background:#fff;padding:16px;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer}.custom-products button.active{border-color:var(--green);background:var(--green);color:#fff}.custom-products strong{font-size:13px}.custom-products span{font-size:9px;color:var(--muted)}.custom-products button.active span{color:rgba(255,255,255,.65)}.custom-upload{height:82px;border:1px dashed #aab4ae;background:#fff;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer}.custom-upload input{display:none}.custom-upload>b{font-size:26px;color:var(--green)}.custom-upload>span{display:flex;flex-direction:column;gap:4px}.custom-upload strong{font-size:12px}.custom-upload small{font-size:9px;color:var(--muted)}.artwork-controls{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-top:15px}.artwork-controls label{font-size:10px;display:flex;flex-direction:column;gap:8px}.artwork-controls input{accent-color:var(--green)}.artwork-controls button{border:0;background:none;color:var(--green);font:10px inherit;cursor:pointer}.studio-block>label,.detail-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.studio-block input,.studio-block textarea{border:1px solid var(--line);background:#fff;padding:12px;font:12px inherit;outline:none}.studio-block textarea{resize:vertical}.custom-submit{width:100%;height:52px;border:0;background:var(--green);color:#fff;margin-top:18px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font:600 12px inherit;cursor:pointer}.custom-status{font-size:11px;color:var(--green);margin:12px 0 0;min-height:16px}
@keyframes floatSheet{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-4deg)}}@keyframes floatShirt{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(12px) rotate(1deg)}}@keyframes patternDrift{to{background-position:90px 120px,120px 80px}}@keyframes pulseChip{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes soldPop{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(-2deg) scale(1.04)}}
@media(max-width:900px){.mockup-showcase,.studio{grid-template-columns:1fr}.mockup-board,.lifestyle-card{min-height:480px}.studio-preview{position:relative;top:auto}.preview-stage{height:600px}}
@media(max-width:600px){.custom-hero{padding:50px 20px}.custom-hero h1{font-size:48px}.mockup-showcase{padding:0 20px;margin-bottom:62px}.mockup-board,.lifestyle-card{min-height:360px}.phone-mock{right:8%;width:38%;height:58%}.design-sheet{width:40%}.shirt-mock{width:35%;left:13%}.mock-label.sold{font-size:16px}.studio{padding:0 20px 80px;gap:35px}.preview-stage{height:460px}.preview-warning{grid-template-columns:1fr;gap:5px}.detail-grid{grid-template-columns:1fr}.artwork-layer{width:25%}}