*{box-sizing:border-box}body{margin:0;background:#101914;color:#f4f3df;font-family:"Cabinet Grotesk",Outfit,sans-serif}main{overflow-x:hidden;width:100%;max-width:100%}a{color:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:25px 6%;border-bottom:1px solid #425146}nav a{text-decoration:none}nav div{display:flex;gap:24px}.brand{font-size:25px;font-weight:600}section{padding:110px 6%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6vw,86px);line-height:1.02;letter-spacing:-.045em;max-width:72rem}h2{font-size:clamp(32px,4.5vw,58px);line-height:1.08;letter-spacing:-.035em}h3{font-size:24px}p,li{line-height:1.7;font-size:17px;color:#c1ccbf}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.hero p{max-width:550px}.btn,button{border:0;border-radius:8px;padding:15px 20px;font:inherit;background:#d8ef75;color:#142015;text-decoration:none;cursor:pointer;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:#f4f3df;border:1px solid #718271}.actions{display:flex;gap:12px;flex-wrap:wrap}.preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;transform:rotate(3deg);background:#283c30;padding:16px}.preview div{aspect-ratio:1.5;background:linear-gradient(145deg,#557c54,#d8ef75);display:grid;place-items:center;color:#142015;font-size:13px}.preview div:nth-child(2){background:linear-gradient(135deg,#93835c,#303d29)}.preview div:nth-child(3){background:linear-gradient(135deg,#8aacc0,#24485d)}.preview div:nth-child(4){background:linear-gradient(135deg,#dda785,#62594a)}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:1px;background:#425146;border:1px solid #425146}.features article{background:#15251c;padding:34px}.light{background:#e9ecdf;color:#142015}.light p,.light li{color:#435247}.tool{border:1px solid #a0b19f;border-radius:16px;padding:30px;background:#f8f9f1}.form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}label{display:block;font-size:15px}input,select{width:100%;margin-top:8px;border:1px solid #a0b19f;border-radius:7px;background:white;color:#15251c;padding:12px;font:inherit}input[type=file]{padding:10px}video{width:100%;max-height:320px;background:#101914;border-radius:8px;margin:22px 0}#status{padding:14px 0;min-height:50px;color:#435247}canvas{max-width:100%;height:auto;display:block;border-radius:8px}#frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.frame{background:#e3e8da;padding:10px;border-radius:8px}.frame button{padding:9px 12px;margin-top:8px}.frame img{width:100%;transition:transform .7s}.frame:hover img{transform:scale(1.03)}.frame .overflow{overflow:hidden}.workflow{max-width:1050px;margin:auto}.step{border-top:1px solid #425146;padding:35px 0;background:#101914}.step p{max-width:780px}.accordion{display:flex;gap:10px}.accordion details{flex:1;background:#25372b;padding:25px;transition:flex .6s}.accordion details[open]{flex:2}summary{font-size:23px;cursor:pointer}.inline-image{display:inline-block;width:80px;height:35px;border-radius:40px;background:linear-gradient(120deg,#84a494,#d8ef75);vertical-align:middle;margin:0 8px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.source-list article{border-top:1px solid #425146;padding-top:20px}.quotes{padding:30px;border:1px solid #425146;max-width:740px}.quotes button{background:transparent;color:#f4f3df;border:1px solid #718271;padding:8px 16px}.quotes p{font-size:22px}footer{padding:70px 6%;border-top:1px solid #425146}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #eead58;outline-offset:4px}@media(max-width:760px){section{padding:75px 6%}.hero,.form,.features,.source-list{grid-template-columns:1fr}.preview{margin-top:30px}.accordion{flex-direction:column}nav div{gap:12px;font-size:14px}.tool{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}
body{background:#151a29;color:#f1f4fa;font-family:Geist,sans-serif}.hero{display:block;text-align:center}.hero h1{margin:0 auto 28px;max-width:72rem;font-size:clamp(40px,5.6vw,78px)}.hero p{max-width:760px;margin:0 auto 30px}.hero .actions{justify-content:center}.btn,button{background:#bce3fe;color:#102039}.features article,.step{background:#1c2437}.features{border-color:#4c5670;background:#4c5670}.light{background:#e7edf4}.tool{background:#f7f9fc}.marquee{overflow:hidden;white-space:nowrap;font-size:clamp(32px,5vw,70px);padding:30px 0;border-block:1px solid #4c5670}.marquee span{display:inline-block;animation:drift 25s linear infinite}@keyframes drift{to{transform:translateX(-35%)}}textarea{width:100%;min-height:100px;font:inherit;border:1px solid #a0b19f;border-radius:8px;padding:12px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline-frame{display:inline-block;width:100px;height:50px;object-fit:cover;border-radius:40px;vertical-align:middle;margin:0 12px}.decision-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.question-controls{display:flex;gap:10px}.question-controls button{min-width:44px}.features article:hover{transform:translateY(-4px);transition:transform .7s}.production-note{padding:24px;border:1px solid #526177}@media(max-width:850px){.brief-grid,.decision-layout{grid-template-columns:1fr}.inline-frame{width:70px;height:35px}}@media(prefers-reduced-motion:reduce){.marquee span{animation:none}}