:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080808;--surface:#0f0f0f;--surface-2:#151515;--surface-3:#1b1b1b;--line:#ffffff12;--line-2:#ffffff1a;--line-3:#ffffff29;--fg:#f2f2f2;--fg-2:#a1a1a1;--fg-3:#6b6b6b;--accent:#f5f5f5;--accent-fg:#0a0a0a;--font:"Geist Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--gutter:clamp(16px, 4vw, 40px);--max:1160px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}::selection{color:#000;background:#ffffffe6}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}.dim{color:var(--fg-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:top;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(80% 55% at 50% 0,#000 20%,#0000 75%)}.bg-glow{background:radial-gradient(closest-side,#ffffff17,#0000);width:1300px;height:1000px;position:absolute;top:-520px;left:50%;transform:translate(-50%)}.btn{--h:40px;height:var(--h);font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:560;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .26s var(--ease)}.btn:active{transform:scale(.97)}.btn-sm{--h:34px;padding:0 14px;font-size:13.5px}.btn-lg{--h:48px;padding:0 22px;font-size:15.5px}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 1px #fff6,0 10px 30px -10px #ffffff59}.btn-primary:hover{background:#fff;box-shadow:0 0 0 1px #fff,0 14px 40px -10px #ffffff80}.btn-primary:hover svg{transform:translate(2px,-2px)}.btn-ghost{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-3);background:#ffffff0a}.btn-ghost:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff42}.nav{z-index:20;height:64px;padding:0 var(--gutter);transition:background-color .3s var(--ease), box-shadow .3s var(--ease), backdrop-filter .3s var(--ease);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.nav.scrolled{box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:saturate(140%)blur(14px);background:#080808b8}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:640;display:inline-flex}.logo path{fill:var(--fg)}.logo .logo-b{opacity:.45;transition:opacity .3s var(--ease), transform .4s var(--spring);transform-origin:50%}.brand:hover .logo .logo-b{opacity:.8;transform:translate(1px)}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--fg-2);transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;padding:6px 12px;font-size:14px}.nav-links a:hover{color:var(--fg);background:#ffffff0d}main{display:block}.hero{text-align:center;padding:clamp(56px, 11vw, 120px) var(--gutter) 0;flex-direction:column;align-items:center;display:flex}.pill{height:32px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-3);transition:background-color .2s var(--ease), box-shadow .2s var(--ease);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 11px;font-size:13.5px;font-weight:520;display:inline-flex}.pill svg{width:15px;height:15px}.pill:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff47}.hero-title{letter-spacing:-.052em;margin-top:28px;font-size:clamp(42px,8.4vw,104px);font-weight:700;line-height:.98}.hero-title .line{display:block}.hero-title .word{clip-path:inset(-.2em -.1em -.1em);margin:-.04em -.02em -.12em;padding:.04em .02em .12em;display:inline-block}.js .hero-title .word{clip-path:inset(0 -.2em -.12em)}.js .hero-title .word>span{animation:rise 1s var(--ease) forwards;animation-delay:calc(.12s + var(--w) * 70ms);display:inline-block;transform:translateY(105%)}@keyframes rise{to{transform:none}}.hero-sub{max-width:620px;color:var(--fg-2);letter-spacing:-.005em;margin-top:26px;font-size:clamp(16.5px,1.9vw,19px);line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero-meta{font-family:var(--mono);letter-spacing:.02em;color:var(--fg-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:12.5px;display:flex}.hero-meta i{background:var(--fg-3);border-radius:50%;width:3px;height:3px}.film-wrap{max-width:1200px;padding:0 var(--gutter);perspective:1800px;margin:clamp(56px,8vw,88px) auto 0}.film{transform-origin:50% 0;background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 60px 140px -30px #000000f2,0 30px 80px -40px #ffffff29}.js .film{transform:rotateX(var(--tilt,14deg)) scale(var(--scale,.94));opacity:var(--o,.5);will-change:transform}.film:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.win-bar{border-bottom:1px solid var(--line);background:#121212;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex;position:relative}.win-bar i{background:#333;border-radius:50%;width:10px;height:10px}.win-bar span{font-family:var(--mono);color:var(--fg-3);letter-spacing:.03em;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.film video{aspect-ratio:16/9;background:#050505;width:100%}.sound{height:36px;font:inherit;color:var(--fg);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background-color .2s var(--ease), transform .2s var(--ease);background:#0a0a0ab8;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:560;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:inset 0 0 0 1px #fff3}.sound:hover{background:#1e1e1ed9}.sound:active{transform:scale(.96)}.sound svg{width:16px;height:16px}.caption{text-align:center;max-width:560px;color:var(--fg-3);margin:18px auto 0;font-size:13.5px}section{position:relative}.how,.features,.connect,.faq,.showcase{max-width:var(--max);padding:clamp(88px, 12vw, 150px) var(--gutter) 0;margin:0 auto}.section-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:clamp(40px,6vw,64px);display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:500}.section-head h2,.privacy h2,.final h2{letter-spacing:-.045em;margin-top:14px;font-size:clamp(32px,5.2vw,56px);font-weight:680;line-height:1.04}.lead{max-width:560px;color:var(--fg-2);margin-top:18px;font-size:17px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#ffffff09,#ffffff03);border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex}.step-no{font-family:var(--mono);color:var(--fg-3);letter-spacing:.08em;font-size:12px}.step h3{letter-spacing:-.025em;font-size:19px;font-weight:620;line-height:1.25}.step>p{color:var(--fg-2);font-size:14.5px}.step .shot,.step .prompt{margin:auto 0 0;padding-top:8px}.shot img{aspect-ratio:16/10;object-fit:cover;object-position:50% 0;width:100%;box-shadow:0 0 0 1px var(--line-2), 0 20px 40px -20px #000000e6;transition:transform .5s var(--ease);border-radius:10px}.step:hover .shot img{transform:translateY(-3px)}.prompt{display:block}.prompt>div,.prompt>p{background:#0c0c0c}.prompt-head{box-shadow:inset 1px 1px 0 var(--line-2), inset -1px 0 0 var(--line-2);border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:12px 14px 0;font-size:13px;font-weight:600;display:flex}.prompt-head svg{width:15px;height:15px}.prompt>p{min-height:150px;box-shadow:inset 1px -1px 0 var(--line-2), inset -1px 0 0 var(--line-2);color:var(--fg);border-radius:0 0 10px 10px;padding:8px 14px 14px;font-size:14.5px;line-height:1.55}.caret{vertical-align:-.18em;background:var(--fg);width:2px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.big-shot{margin:0}.big-shot img{width:100%;box-shadow:0 0 0 1px var(--line-2), 0 50px 120px -40px #000000f2;border-radius:16px}.showcase-notes{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;display:grid}.note{color:var(--fg-2);border-top:1px solid var(--line-2);padding-top:16px;font-size:15px}.note b{color:var(--fg);font-weight:600}.grid{background:var(--line);box-shadow:0 0 0 1px var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.card{background:var(--bg);transition:background-color .3s var(--ease);padding:28px 26px 30px;position:relative}.card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #ffffff0f, transparent 60%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;position:absolute;inset:0}.card:hover:before{opacity:1}.icon{width:38px;height:38px;color:var(--fg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .4s var(--spring);border-radius:10px;place-items:center;display:inline-grid}.icon svg{width:18px;height:18px}.card:hover .icon{transform:translateY(-2px)rotate(-4deg)}.card h3{letter-spacing:-.02em;margin-top:18px;font-size:16.5px;font-weight:620}.card p{color:var(--fg-2);margin-top:6px;font-size:14.5px}.privacy{max-width:820px;padding:clamp(88px, 12vw, 150px) var(--gutter) 0;text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.icon.big{border-radius:14px;width:52px;height:52px}.icon.big svg{width:22px;height:22px}.privacy h2{margin-top:22px}.privacy p{max-width:540px;color:var(--fg-2);margin-top:18px;font-size:17px}.connect-card{max-width:720px;box-shadow:inset 0 0 0 1px var(--line-2), 0 40px 100px -40px #000000e6;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:20px;margin:0 auto;padding:10px}.tabs{box-shadow:inset 0 0 0 1px var(--line);background:#0006;border-radius:12px;gap:2px;padding:3px;display:inline-flex;position:relative}.tabs button{z-index:1;height:34px;font:inherit;color:var(--fg-2);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:13.5px;font-weight:560;position:relative}.tabs button[aria-selected=true]{color:var(--fg)}.tabs .tab-ind{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .32s var(--ease), width .32s var(--ease);border-radius:9px;position:absolute;top:3px;bottom:3px;left:0}.tab-body{animation:fade-up .36s var(--ease);padding:18px 12px 4px}.tab-body>p{color:var(--fg-2);font-size:14.5px}.tab-body b,.connect-steps b{color:var(--fg);font-weight:600}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}.code{box-shadow:inset 0 0 0 1px var(--line-2);background:#050505;border-radius:12px;margin-top:12px;position:relative}.code pre{font-family:var(--mono);color:#e6e6e6;margin:0;padding:16px 56px 16px 16px;font-size:13px;line-height:1.65;overflow-x:auto}.copy{width:32px;height:32px;color:var(--fg-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease), transform .2s var(--ease);border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:9px;right:9px}.copy:hover{color:var(--fg);background:var(--surface-3)}.copy:active{transform:scale(.92)}.copy svg{width:15px;height:15px}.copy.done svg{animation:pop .36s var(--spring)}@keyframes pop{0%{transform:scale(.5)}}.connect-steps{color:var(--fg-2);margin:20px 0 0;padding:0 12px 0 36px;font-size:14.5px}.connect-steps li+li{margin-top:6px}.connect-steps li::marker{font-family:var(--mono);color:var(--fg-3);font-size:12.5px}.small{border-top:1px solid var(--line);color:var(--fg-3);margin:18px 12px 10px;padding-top:14px;font-size:13px}.faq-list{border-top:1px solid var(--line-2);max-width:720px;margin:0 auto}.faq details{border-bottom:1px solid var(--line-2)}.faq summary{letter-spacing:-.015em;cursor:pointer;transition:color .2s var(--ease);justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:16.5px;font-weight:560;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:11px;height:11px;color:var(--fg-3);transition:transform .3s var(--ease), color .2s var(--ease);background:linear-gradient(currentColor,currentColor) 50%/11px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 11px no-repeat;flex:none}.faq details[open] summary:after{color:var(--fg);transform:rotate(45deg)}.faq summary:hover{color:#fff}.faq details p{color:var(--fg-2);padding:0 40px 22px 2px;font-size:15px}.faq details[open] p{animation:fade-up .36s var(--ease)}.faq code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:.92em}.final{padding:0 var(--gutter);text-align:center;flex-direction:column;align-items:center;gap:34px;margin:clamp(100px,14vw,170px) auto 0;display:flex}.final h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,6.4vw,76px);line-height:1}.foot{max-width:var(--max);padding:26px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:clamp(100px,14vw,160px) auto 0;font-size:13.5px;display:flex}.foot-links{gap:22px;display:flex}.foot-links a{transition:color .2s var(--ease)}.foot-links a:hover{color:var(--fg)}.js .reveal{opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}.js .hero .reveal{transition-delay:calc(.36s + var(--i,0) * 90ms)}@media (width<=900px){.steps,.grid{grid-template-columns:1fr 1fr}.steps .step:first-child{grid-column:1/-1}.showcase-notes{grid-template-columns:1fr;gap:18px}}@media (width<=720px){.nav-links{display:none}}@media (width<=600px){.steps,.grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-self:stretch}.hero-cta .btn{width:100%}.film{border-radius:12px}.win-bar span,.sound span{display:none}.sound{justify-content:center;width:36px;padding:0;bottom:10px;right:10px}.card{padding:24px 20px}.faq details p{padding-right:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}.js .film{opacity:1;transform:none}.caret{animation:none}}.dl-row{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px;display:flex}.dl-meta{font-family:var(--mono);color:var(--fg-3);font-size:12px}