@font-face{font-family:Jost;src:url('./jost.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--lime:#b8ff18;--green:#35f27c;--cyan:#16d9d2;--yellow:#fff21a;--ink:#0b0e0d;--paper:#f7ffe8;--white:#fff;--pink:#fa6afb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Jost,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}.shell{width:min(1420px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:#fff;padding:10px 15px;border:3px solid;border-radius:10px;z-index:100}.skip:focus{top:20px}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:1.2rem;letter-spacing:-.04em}.brand img{width:48px;height:48px;border-radius:14px;box-shadow:4px 4px 0 var(--ink)}.brand strong{font-weight:900}.nav nav{display:flex;gap:36px;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.nav nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.pill{display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--ink);border-radius:999px;padding:13px 20px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:5px 5px 0 var(--ink);transition:.15s transform,.15s box-shadow}.pill:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.pill.dark{background:var(--ink);color:white;box-shadow:5px 5px 0 var(--lime)}.pill.light{background:white;color:var(--ink)}
.hero{padding-top:64px;position:relative}.hero:before{content:'';position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,rgba(184,255,24,.14) 50%,transparent 50%),linear-gradient(rgba(184,255,24,.14) 50%,transparent 50%);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 78%)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:900;letter-spacing:.15em}.eyebrow span{width:13px;height:13px;background:var(--green);border:2px solid;border-radius:50%}.hero h1{font-size:clamp(5.4rem,9vw,10.6rem);line-height:.77;letter-spacing:-.085em;font-weight:900;margin:44px 0 38px}.hero h1 em{font-style:normal;color:var(--lime);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;position:relative;display:inline-block;transform:rotate(-3deg)}.hero h1 em:after{content:'';position:absolute;left:-2%;right:-3%;bottom:-8%;height:13px;background:var(--pink);border:3px solid var(--ink);border-radius:50%;transform:rotate(2deg);z-index:-1}.hero-copy>p{max-width:585px;font-size:1.2rem;font-weight:600;line-height:1.55}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:34px}.plain{font-size:.78rem;font-weight:900;text-transform:uppercase;border-bottom:3px solid}
.hero-art{min-height:760px;position:relative}.phone{position:absolute;width:390px;height:655px;right:8%;top:0;border:5px solid var(--ink);border-radius:48px;overflow:hidden;box-shadow:15px 15px 0 var(--ink);transform:rotate(3deg);background:var(--lime)}.phone img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.app-badge{position:absolute;left:3%;bottom:70px;width:155px;border-radius:35px;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--yellow);transform:rotate(-8deg)}.orbit{position:absolute;right:0;bottom:54px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--cyan);border:4px solid;font-weight:900;font-size:.75rem;line-height:1.1;transform:rotate(10deg);box-shadow:8px 8px 0 var(--ink)}.sticker{position:absolute;font-weight:900;text-align:center;border:4px solid var(--ink);filter:drop-shadow(7px 7px 0 var(--ink))}.wow{top:90px;left:-5%;padding:9px 18px;background:var(--green);color:var(--yellow);font-size:2rem;border-radius:50% 45% 55% 40%;transform:rotate(-12deg)}.tap{top:330px;right:-2%;width:105px;height:105px;display:grid;place-items:center;background:var(--yellow);border-radius:42% 58% 50% 46%;font-size:1.35rem;line-height:.8;transform:rotate(11deg)}
.ticker{grid-column:1/-1;margin-top:20px;display:flex;overflow:hidden;border-block:4px solid var(--ink);background:var(--lime);padding:13px 0;font-weight:900;font-size:1rem;letter-spacing:.08em;white-space:nowrap}.ticker div{animation:run 22s linear infinite}@keyframes run{to{transform:translateX(-100%)}}
.section-tag{font-size:.7rem;font-weight:900;letter-spacing:.16em}.intro{padding:145px 0 100px}.intro-grid{display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:end;margin-top:25px}.intro h2,.steps h2,.faq h2,.start h2{font-size:clamp(4rem,7vw,8rem);line-height:.83;letter-spacing:-.075em;font-weight:900}.intro h2 span{color:var(--green);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.intro-grid>p{font-size:1.15rem;line-height:1.55;font-weight:600;border-left:4px solid;padding-left:25px}
.tools{display:grid;gap:25px;padding-bottom:130px}.tool{border:4px solid var(--ink);border-radius:36px;min-height:620px;overflow:hidden;box-shadow:12px 12px 0 var(--ink);display:grid;grid-template-columns:1fr 1fr}.tool-copy{padding:58px;display:flex;flex-direction:column;align-items:flex-start}.tool-copy>span,.play-copy>span,.start span{font-size:.68rem;font-weight:900;letter-spacing:.16em}.tool-copy h3{font-size:clamp(3.5rem,5.5vw,6.6rem);line-height:.86;letter-spacing:-.065em;margin:60px 0 30px}.tool-copy p{font-size:1.05rem;max-width:520px;line-height:1.55;font-weight:600}.tool-copy a{margin-top:auto;font-size:.8rem;font-weight:900;border-bottom:3px solid}.tool.photo{background:var(--yellow)}.tool-visual{position:relative;overflow:hidden;background:#111}.tool-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12)}.tool-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.6%,var(--ink) 49.8% 50.2%,transparent 50.4%)}.before,.after{position:absolute;top:25px;padding:8px 12px;background:white;border:3px solid;border-radius:999px;font-size:.68rem;font-weight:900}.before{left:25px}.after{right:25px;background:var(--green)}.tool.prompt{background:var(--green);grid-template-columns:.85fr 1.15fr}.prompt-card{margin:55px;align-self:center;background:var(--paper);border:4px solid;border-radius:24px;padding:28px;box-shadow:13px 13px 0 var(--pink);transform:rotate(-3deg)}.prompt-card>span{font-size:.65rem;font-weight:900;letter-spacing:.16em}.prompt-card p{font-size:2.5rem;font-weight:800;line-height:1.04;margin:45px 0 65px}.prompt-card b{display:block;background:var(--ink);color:white;padding:16px;text-align:center;border-radius:999px;letter-spacing:.12em}.tool.effects{background:var(--cyan)}.effect-stack{position:relative;margin:45px;min-height:520px}.effect-stack>div{position:absolute;width:55%;height:75%;border:4px solid;border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:white}.effect-stack>div:nth-child(1){left:0;top:13%;transform:rotate(-8deg)}.effect-stack>div:nth-child(2){left:23%;top:3%;transform:rotate(1deg);z-index:2}.effect-stack>div:nth-child(3){right:0;top:17%;transform:rotate(9deg);z-index:3}.effect-stack img{width:100%;height:100%;object-fit:cover}.effect-stack span{position:absolute;left:10px;bottom:10px;background:var(--lime);padding:7px 11px;border:3px solid;border-radius:999px;font-size:.65rem;font-weight:900}
.steps{background:var(--ink);color:white;padding:125px 0;position:relative}.steps:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,rgba(184,255,24,.24),transparent 20rem),linear-gradient(135deg,transparent 70%,rgba(22,217,210,.12));pointer-events:none}.steps-head{display:grid;grid-template-columns:.5fr 1fr;gap:50px}.steps h2{color:var(--lime)}.steps ol{list-style:none;padding:0;margin:90px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps li{min-height:300px;border:3px solid white;border-radius:28px;padding:28px;display:flex;flex-direction:column;background:rgba(255,255,255,.04)}.steps li:nth-child(2){transform:translateY(30px);border-color:var(--green)}.steps li:nth-child(3){transform:translateY(60px);border-color:var(--yellow)}.steps li>b{font-size:3.5rem;color:var(--lime)}.steps li>div{margin-top:auto}.steps li span{font-size:1.35rem;font-weight:900}.steps li p{margin-top:12px;color:#cbd2cf;max-width:300px}
.playground{padding:180px 0 140px;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.play-copy h2{font-size:clamp(4rem,6.5vw,7.5rem);line-height:.84;letter-spacing:-.07em;margin:30px 0}.play-copy p{font-size:1.05rem;line-height:1.55;max-width:450px;font-weight:600}.playground figure{height:720px;position:relative;border:5px solid;border-radius:40px;box-shadow:16px 16px 0 var(--lime);overflow:hidden;transform:rotate(2deg)}.playground figure img{width:100%;height:100%;object-fit:cover}.playground figcaption{position:absolute;left:20px;bottom:20px;max-width:78%;background:var(--ink);color:white;border-radius:22px;padding:20px;font-size:1.25rem;font-weight:900}.playground figure i{position:absolute;right:25px;top:25px;width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);border:4px solid;font-style:normal;font-size:1.5rem}
.faq{padding:120px 0 140px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;border-top:4px solid}.faq h2{margin-top:28px}.faq h2 span{color:var(--pink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.questions{display:grid;gap:13px}.questions details{border:3px solid;border-radius:20px;background:white;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.questions details[open]{background:var(--lime)}.questions summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px 1fr 28px;gap:16px;padding:22px;font-weight:900;font-size:1.05rem}.questions summary::-webkit-details-marker{display:none}.questions summary>b{font-size:.65rem}.questions summary span{width:28px;height:28px;background:var(--ink);border-radius:50%;position:relative}.questions summary span:before,.questions summary span:after{content:'';position:absolute;left:8px;right:8px;top:13px;height:2px;background:white}.questions summary span:after{transform:rotate(90deg)}.questions details[open] summary span:after{display:none}.questions details>p,.questions .answer{padding:0 60px 26px 80px;line-height:1.55}.questions table{width:100%;border-collapse:collapse;margin:18px 0;background:rgba(255,255,255,.6)}.questions th,.questions td{border:2px solid;padding:8px;text-align:left;font-size:.82rem}
.start{margin-bottom:80px;min-height:360px;background:linear-gradient(120deg,var(--lime),var(--green),var(--cyan));border:5px solid;border-radius:40px;box-shadow:14px 14px 0 var(--ink);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:45px;padding:48px}.start>img{width:170px;border:4px solid;border-radius:38px;transform:rotate(-8deg)}.start h2{font-size:clamp(3.5rem,6vw,7rem);margin-top:15px}
footer{background:var(--ink);color:white;padding:70px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.footer-main .brand img{box-shadow:4px 4px 0 var(--lime)}.footer-main p{font-size:.7rem;font-weight:800;letter-spacing:.13em;line-height:1.8;color:#b8c3be}.footer-main nav{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-weight:800}.footline{border-top:1px solid #59605d;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.14em;font-weight:800;color:#b8c3be}.legal-main{padding:130px 0;min-height:70vh}.legal-main>span{font-size:.7rem;font-weight:900;letter-spacing:.16em}.legal-main h1{font-size:clamp(5rem,10vw,11rem);line-height:.8;letter-spacing:-.08em;margin:40px 0}.legal-main p{font-size:1.2rem;max-width:650px}.legal .nav>a:last-child{font-weight:900;font-size:.75rem;text-transform:uppercase}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-art{min-height:720px}.phone{right:20%}.app-badge{left:12%}.intro-grid,.faq,.playground{grid-template-columns:1fr}.tool{grid-template-columns:1fr}.tool-visual{min-height:520px}.tool.prompt{grid-template-columns:1fr}.prompt-card{order:2}.steps ol{grid-template-columns:1fr}.steps li:nth-child(2),.steps li:nth-child(3){transform:none}.start{grid-template-columns:140px 1fr}.start>a{grid-column:2}.start>img{width:135px}}
@media(max-width:720px){.shell{width:calc(100% - 28px)}.nav{height:auto;min-height:70px}.nav nav{display:none}.nav .pill{display:none}.brand img{width:42px;height:42px}.hero{padding-top:45px;gap:20px}.hero h1{font-size:4.7rem}.hero h1 em{-webkit-text-stroke-width:3px}.hero-art{min-height:650px}.phone{right:6%;width:82%;height:590px}.app-badge{width:112px;left:1%;bottom:45px}.orbit{width:115px;height:115px;right:-2%;bottom:25px}.wow{left:0}.tap{display:none}.intro{padding:95px 0 70px}.intro-grid{gap:35px}.intro h2,.steps h2,.faq h2{font-size:4.5rem}.tool{border-radius:26px}.tool-copy{padding:35px 25px}.tool-copy h3{font-size:4rem;margin:40px 0 25px}.prompt-card{margin:30px 22px}.prompt-card p{font-size:2rem}.effect-stack{margin:25px}.steps{padding:90px 0}.steps-head{display:block}.steps h2{margin-top:25px}.playground{padding:100px 0;gap:45px}.play-copy h2{font-size:4.3rem}.playground figure{height:580px;box-shadow:9px 9px 0 var(--lime)}.faq{padding:90px 0}.questions details>p,.questions .answer{padding:0 20px 24px}.questions .answer{overflow-x:auto}.start{grid-template-columns:1fr;padding:30px 22px}.start>img{width:110px}.start>a{grid-column:1}.footer-main{grid-template-columns:1fr}.footer-main nav{align-items:flex-start}.footline{flex-direction:column;gap:10px}}
@media(max-width:420px){.hero h1{font-size:4rem}.hero-art{min-height:590px}.phone{height:535px}.intro h2,.steps h2,.faq h2{font-size:3.8rem}.tool-copy h3{font-size:3.4rem}.start h2{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Product imagery expansion */
.product-reel{padding:0 0 135px}.product-reel>header{display:grid;grid-template-columns:.6fr 1fr;gap:50px;align-items:start;margin-bottom:55px}.product-reel>header>span,.scene-title>span{font-size:.68rem;font-weight:900;letter-spacing:.16em}.product-reel h2,.scene-title h2{font-size:clamp(3.8rem,6.5vw,7.5rem);line-height:.84;letter-spacing:-.07em;margin:0}.reel-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:530px 530px;gap:18px}.reel-grid figure{margin:0;position:relative;overflow:hidden;border:4px solid var(--ink);border-radius:30px;background:var(--lime);box-shadow:7px 7px 0 var(--ink)}.reel-grid .reel-main{grid-row:1/3}.reel-grid figure:last-child{grid-column:2/4}.reel-grid img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform .35s ease}.reel-grid figure:hover img{transform:scale(1.035)}.reel-grid figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:var(--ink);color:white;border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.1em}.reel-grid figcaption b{color:var(--lime)}
.prompt-stage{position:relative;min-height:620px;overflow:hidden;border-right:4px solid}.prompt-stage>img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}.prompt-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(11,14,13,.58))}.prompt-stage .prompt-card{position:absolute;z-index:2;left:28px;right:28px;bottom:35px;margin:0;padding:26px;transform:rotate(-2deg)}.prompt-stage .prompt-card p{font-size:1.75rem;margin:28px 0}.prompt-stage .prompt-card b{padding:14px}
.scene-wall{padding:160px 0 30px}.scene-title{display:grid;grid-template-columns:.5fr 1.3fr;gap:50px;align-items:start;margin-bottom:65px}.scene-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr 1.15fr;gap:16px;align-items:center}.scene-grid figure{height:560px;margin:0;border:4px solid;border-radius:28px;overflow:hidden;position:relative;background:var(--lime);box-shadow:7px 7px 0 var(--ink)}.scene-grid figure:nth-child(2),.scene-grid figure:nth-child(3){height:450px}.scene-grid figure:nth-child(1){transform:rotate(-2deg)}.scene-grid figure:nth-child(4){transform:rotate(2deg)}.scene-grid img{width:100%;height:100%;object-fit:cover}.scene-grid figcaption{position:absolute;left:12px;bottom:12px;background:var(--lime);border:3px solid;border-radius:999px;padding:8px 11px;font-size:.62rem;font-weight:900;letter-spacing:.1em}
@media(max-width:1050px){.reel-grid{grid-template-columns:1fr 1fr;grid-template-rows:700px 500px 500px}.reel-grid .reel-main{grid-column:1/3;grid-row:auto}.reel-grid figure:last-child{grid-column:1/3}.prompt-stage{min-height:650px;border-right:0;border-bottom:4px solid}.scene-grid{grid-template-columns:1fr 1fr}.scene-grid figure,.scene-grid figure:nth-child(2),.scene-grid figure:nth-child(3){height:600px}}
@media(max-width:720px){.product-reel>header,.scene-title{display:block}.product-reel h2,.scene-title h2{font-size:4.2rem;margin-top:24px}.reel-grid{display:flex;overflow-x:auto;padding:0 8px 15px}.reel-grid figure,.reel-grid .reel-main,.reel-grid figure:last-child{min-width:78vw;height:610px}.prompt-stage{min-height:590px}.prompt-stage .prompt-card{left:18px;right:18px}.prompt-stage .prompt-card p{font-size:1.55rem}.scene-wall{padding-top:110px}.scene-grid{display:flex;overflow-x:auto;padding:10px}.scene-grid figure,.scene-grid figure:nth-child(2),.scene-grid figure:nth-child(3){min-width:75vw;height:540px;transform:none}}

/* Complete scene gallery: every card carries a full visual. */
.reel-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:18px}
.reel-grid .reel-main,.reel-grid figure:last-child{grid-column:auto;grid-row:auto}
.reel-grid figure{height:560px}
.reel-grid img,.scene-grid img,.effect-stack img,.prompt-stage>img,.playground figure img{object-position:center}
.reel-grid img{filter:saturate(1.08) contrast(1.02)}
@media(max-width:1050px){.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.reel-grid .reel-main,.reel-grid figure:last-child{grid-column:auto;grid-row:auto}.reel-grid figure{height:620px}}
@media(max-width:720px){.reel-grid{display:flex}.reel-grid figure,.reel-grid .reel-main,.reel-grid figure:last-child{min-width:78vw;height:610px}}

/* Full local legal documents */
.legal-full{max-width:980px;padding-top:100px;padding-bottom:140px}
.legal-full>h1{font-size:clamp(4.5rem,9vw,9rem);line-height:.82;letter-spacing:-.075em;margin:28px 0 50px}
.legal-kicker{display:inline-flex;background:var(--lime);border:3px solid var(--ink);border-radius:999px;padding:8px 13px;font-size:.68rem;font-weight:900;letter-spacing:.15em;box-shadow:4px 4px 0 var(--ink)}
.legal-intro{max-width:820px;font-size:1.08rem!important;line-height:1.7;margin-bottom:20px}
.legal-copy{display:grid;gap:18px;margin-top:55px}
.legal-copy section{background:#fff;border:3px solid var(--ink);border-radius:24px;padding:34px;box-shadow:7px 7px 0 var(--ink)}
.legal-copy section:nth-child(3n+1){border-top-color:var(--lime)}
.legal-copy section:nth-child(3n+2){border-top-color:var(--cyan)}
.legal-copy section:nth-child(3n){border-top-color:var(--pink)}
.legal-copy h2{font-size:1.75rem;line-height:1.1;margin:0 0 20px}
.legal-copy h3{font-size:1.05rem;margin:26px 0 10px}
.legal-copy p,.legal-copy li{font-size:.98rem;line-height:1.7}
.legal-copy p{margin:12px 0}
.legal-copy ul{padding-left:22px;margin:12px 0}
.legal-copy li+li{margin-top:10px}
.legal-copy a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.company-card{display:block;background:var(--ink);color:#fff;border-radius:18px;padding:24px;line-height:1.75;margin-top:18px}
.company-card strong{display:block;color:var(--lime);font-size:1.15rem;margin-bottom:8px}
.footer-main>p strong{color:var(--lime);font-size:.78rem}
.footer-main>p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.legal-full{padding-top:75px}.legal-full>h1{font-size:4.2rem}.legal-copy section{padding:24px 20px}.legal-copy h2{font-size:1.45rem}}