:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f6f3eb;background:#0b0b0c;--ink:#0b0b0c;--paper:#f6f3eb;--acid:#d8ff38;--muted:#9d9b95;--line:#292929}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 4%,#232712 0,transparent 24%),#0b0b0c;color:var(--paper)}button,input,textarea{font:inherit}.shell{width:min(1420px,100%);margin:auto;padding:42px clamp(20px,5vw,72px) 96px}.hero{min-height:55vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);padding:80px 0 64px}.eyebrow,.kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--acid)}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid);margin-right:9px}.hero h1{font-size:clamp(54px,8.2vw,126px);line-height:.84;letter-spacing:-.065em;margin:26px 0 34px;max-width:1200px}.hero h1 em{font-weight:450;color:var(--acid)}.hero>p{max-width:650px;color:#b8b6af;font-size:clamp(17px,2vw,23px);line-height:1.48}.legend{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.legend span{border:1px solid #343434;border-radius:999px;padding:8px 12px;font-size:12px;color:#aaa}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:62px 0 24px}.section-head h2,.composer h2{font-size:clamp(35px,5vw,66px);letter-spacing:-.045em;margin:7px 0}.api-state{color:#85837e;font-size:12px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#141415;border:1px solid #272727;border-radius:18px;overflow:hidden;transition:.3s transform,.3s border-color}.card:hover{transform:translateY(-5px);border-color:#555}.visual{height:260px;position:relative;overflow:hidden;background:#222}.scene{position:absolute;inset:0;background:var(--scene);filter:saturate(.82);transform:scale(1.02);transition:transform .8s}.card:hover .scene{transform:scale(1.09)}.scene:before,.scene:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.16);animation:float 5s ease-in-out infinite}.scene:before{width:170px;height:170px;left:10%;top:12%}.scene:after{width:90px;height:90px;right:12%;bottom:8%;animation-delay:-2s}.scan{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.18) 50%,transparent 56%);animation:scan 5s linear infinite}.number,.duration{position:absolute;top:14px;font-size:11px;font-weight:800;letter-spacing:.12em}.number{left:15px}.duration{right:15px;background:rgba(0,0,0,.65);padding:6px 8px;border-radius:999px}.play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);color:white;cursor:pointer;backdrop-filter:blur(8px)}.card-body{padding:21px}.category{color:var(--acid);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:850}.card h3{font-size:25px;letter-spacing:-.025em;margin:9px 0}.description{color:#9d9b95;line-height:1.5;min-height:66px}.use,.primary{width:100%;border:0;border-radius:11px;background:var(--paper);color:var(--ink);padding:13px 15px;font-weight:850;display:flex;justify-content:space-between;cursor:pointer}.use:hover,.primary:hover{background:var(--acid)}.composer{display:none;position:relative;margin-top:80px;background:#f0eee7;color:#111;border-radius:24px;padding:clamp(24px,4vw,55px)}.composer.open{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}.close{position:absolute;right:18px;top:18px;border:0;background:#111;color:white;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.composer-copy>p{color:#5b5b56}.idea span{display:block;font-weight:850;margin-bottom:10px}.idea{display:block;position:relative}.idea textarea{width:100%;min-height:150px;border:1px solid #c9c6bc;border-radius:14px;background:#faf9f5;padding:17px;resize:vertical;outline:none}.idea textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}.idea small{position:absolute;right:13px;bottom:10px;color:#777}.uploads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.upload{height:190px;border:1px dashed #aaa79d;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;position:relative;overflow:hidden;background:#faf9f5}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{font-size:30px}.upload small{color:#777;margin-top:5px}.preview{position:absolute;inset:0;display:none;background:#eee}.preview.on{display:block}.preview img{width:100%;height:100%;object-fit:cover}.remove{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:#111;color:white;font-size:20px;cursor:pointer;z-index:2}.form-foot{margin-top:17px;display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center}.form-foot p{color:#6c6a64;font-size:12px;line-height:1.4}.primary{background:#111;color:white}.result{display:none;margin-top:16px;padding:14px;border-radius:12px;background:#e3ffc2;color:#173400}.result.error{background:#ffd7d7;color:#5b1111}@keyframes scan{to{transform:translateX(50%)}}@keyframes float{50%{transform:translate(20px,-14px) scale(.86)}}@media(max-width:980px){.gallery{grid-template-columns:repeat(2,1fr)}.composer.open{grid-template-columns:1fr}.hero{min-height:48vh}}@media(max-width:620px){.gallery{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.uploads,.form-foot{grid-template-columns:1fr}.hero h1{font-size:52px}.visual{height:230px}}