:root{--ink:#080a09;--ink-soft:#101311;--cream:#fff4dc;--paper:#f4ead6;--gold:#ffad27;--green:#0aa657;--purple:#7a3ed1;--muted:#a7aba8;--dark-line:#fff4dc29;--light-line:#080a0929}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--ink);color:var(--cream);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}section[id]{scroll-margin-top:84px}:focus-visible{outline-offset:4px;outline:3px solid #6ccfff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.site-nav{z-index:30;color:#fff;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;min-height:94px;padding:18px clamp(24px,5vw,78px);display:grid;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.3px;align-items:center;gap:13px;width:max-content;font:14px/.88 Archivo Black,sans-serif;display:inline-flex}.brand img{border-radius:13px;width:50px;height:50px}.site-nav nav{align-items:center;gap:34px;font-size:13px;font-weight:800;display:flex}.site-nav nav a{border-bottom:2px solid #0000;padding:12px 0}.site-nav nav a:hover{border-color:var(--gold)}.nav-cta,.primary-cta,.secondary-cta,.outline-cta,.dark-cta,.launch-cta{letter-spacing:.7px;text-transform:uppercase;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:13px;min-height:52px;padding:0 21px;font-size:12px;font-weight:900;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.nav-cta{background:var(--green);color:#fff;justify-self:end}.nav-cta:hover,.primary-cta:hover,.dark-cta:hover,.launch-cta:hover{transform:translateY(-2px)}.menu-toggle{color:#fff;background:#00000040;border:1px solid #ffffff38;border-radius:5px;justify-content:center;align-items:center;width:46px;height:46px;display:none}.hero{background:#050706;align-items:center;min-height:900px;display:flex;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:2;text-shadow:0 2px 26px #0009;width:min(520px,44vw);margin-left:clamp(24px,5vw,78px);padding-top:68px;position:relative}.hero h1{letter-spacing:-2px;color:var(--cream);flex-direction:column;margin:0 0 26px;font:400 clamp(74px,8.4vw,126px)/.82 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;display:flex}.hero h2{letter-spacing:-1.5px;color:var(--gold);margin-bottom:18px;font-size:clamp(27px,3vw,43px);line-height:1.08}.hero-copy>p{color:#f3efe7;max-width:485px;margin-bottom:33px;font-size:clamp(17px,1.5vw,21px);line-height:1.5}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.primary-cta{background:var(--gold);min-width:220px;color:var(--ink);text-shadow:none}.secondary-cta{border-color:var(--green);color:#fff;min-width:268px;text-shadow:none;background:#05070694}.secondary-cta:hover,.outline-cta:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-2px)}.proof-strip{background:var(--ink);border-top:1px solid #ffad2799;border-bottom:1px solid var(--dark-line);grid-template-columns:repeat(3,1fr);padding:36px clamp(24px,6vw,94px);display:grid}.proof-point{border-right:1px solid var(--dark-line);justify-content:center;align-items:center;gap:22px;min-height:92px;display:flex}.proof-point:last-child{border-right:0}.proof-point>svg{color:var(--green);flex:none}.proof-point p{flex-direction:column;margin:0;font:700 23px/1.12 Fraunces,serif;display:flex}.section-kicker{color:var(--green);letter-spacing:3.2px;font-size:12px;font-weight:900;display:block}.play-section{background:#0a0c0b;padding:92px clamp(24px,5.5vw,86px) 100px}.play-layout{grid-template-columns:minmax(300px,.42fr) minmax(650px,1fr);align-items:start;gap:clamp(42px,5vw,78px);width:100%;max-width:1340px;margin:auto;display:grid}.play-layout>*{min-width:0}.play-intro{padding-top:13px;position:sticky;top:110px}.play-intro h2,.section-heading h2,.full-gist-copy h2,.faq-intro h2,.download-section h2{letter-spacing:-3.5px;margin:15px 0 28px;font:700 clamp(49px,5.6vw,82px)/.94 Fraunces,serif}.play-intro h2{letter-spacing:-2px;font-size:clamp(48px,4vw,58px)}.play-intro h2:after{content:"";background:var(--purple);border-radius:999px;width:58px;height:4px;margin-top:22px;display:block}.play-intro>p{color:#b9bdb9;margin-bottom:30px;font-size:17px;line-height:1.7}.outline-cta{border-color:var(--green);color:#fff}.demo-note{color:var(--gold);align-items:flex-start;gap:9px;margin:22px 0 0 35px;font:italic 600 17px/1.35 Fraunces,serif;display:flex}.demo-note svg{transform:rotate(7deg)}.demo-shell{background:#0d100e;border:1px solid #ffad278c;border-radius:14px;padding:24px}.demo-topline{color:var(--gold);letter-spacing:2.2px;justify-content:space-between;padding:1px 3px 18px;font-size:11px;font-weight:900;display:flex}.demo-status{color:#b3b5b3;letter-spacing:1px}.demo-status i{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.category-pills{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-bottom:19px;display:grid}.category-pills button{color:#8d928e;cursor:pointer;background:#171a18;border:1px solid #343835;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:800;display:flex}.category-pills button span{color:var(--gold);display:inline-flex}.category-pills button.active{color:var(--cream);border-color:var(--gold);background:#211b10}.demo-stage{grid-template-columns:88px 1fr 88px;place-items:center;gap:23px;min-height:420px;padding:34px 12px 20px;display:grid}.demo-score{text-align:center}.demo-score span{color:#a8aca8;letter-spacing:2.6px;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.demo-score strong{font:700 52px/1 Fraunces,serif}.demo-score strong.urgent{color:#ff6b50}.demo-card{text-align:center;border:4px solid #d5a649;border-radius:18px;flex-direction:column;align-items:center;width:min(100%,450px);min-height:320px;padding:25px 30px;transition:transform .22s,opacity .22s;display:flex}.demo-card.green{background:#086b43}.demo-card.gold{background:#80540c}.demo-card.teal{background:#075c52}.demo-card.blue{background:#164e70}.demo-card.orange{background:#8e451b}.demo-card.correct{transform:translateY(-9px)rotate(1deg)}.demo-card.skip{opacity:.55;transform:translateY(7px)rotate(-1deg)}.card-category{color:#ffd35c;letter-spacing:2px;text-transform:uppercase;justify-content:space-between;align-items:center;width:100%;font-size:11px;font-weight:900;display:flex}.demo-card>p{color:#e6e2d8;letter-spacing:3px;margin:45px 0 10px;font-size:9px;font-weight:900}.demo-card h3{margin:0 0 33px;font:700 clamp(47px,5vw,66px)/.92 Fraunces,serif}.no-mention{border-top:1px solid #ffffff40;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding-top:16px;display:grid}.no-mention span{color:#ffd35c;letter-spacing:1.8px;grid-column:1/-1;font-size:9px;font-weight:900}.no-mention b{justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}.demo-actions{justify-content:center;gap:12px;padding:18px 0 7px;display:flex}.demo-actions button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:16px;min-width:220px;min-height:52px;font-weight:900;display:inline-flex}.start-demo,.correct-demo{background:var(--gold);color:var(--ink);border:0}.correct-demo{background:var(--green);color:#fff}.skip-demo{color:var(--cream);background:#222623;border:1px solid #4a4f4b}.demo-hint{color:#8f948f;text-align:center;margin:9px 0 2px;font-size:12px}.modes-section{background:var(--cream);color:var(--ink);padding:96px clamp(24px,6vw,92px)}.section-heading{justify-content:space-between;align-items:end;gap:70px;max-width:1260px;margin:0 auto 46px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>p{color:#5d645f;max-width:400px;margin-bottom:8px;font-size:18px;line-height:1.6}.mode-explorer{max-width:1260px;margin:auto}.mode-tabs{border-bottom:1px solid var(--light-line);grid-template-columns:repeat(3,1fr);display:grid}.mode-tabs button{color:#8b8e8c;text-align:left;letter-spacing:.6px;cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;min-height:64px;padding:0 12px;font-weight:900}.mode-tabs button span{color:var(--green);margin-right:18px}.mode-tabs button.active{border-color:var(--green);color:var(--ink)}.mode-panel{background:var(--ink);min-height:540px;color:var(--cream);border-radius:14px;grid-template-columns:1fr .82fr;align-items:center;margin-top:24px;display:grid;overflow:hidden}.mode-copy{padding:clamp(35px,6vw,78px)}.mini-label{color:var(--gold);letter-spacing:2.6px;font-size:11px;font-weight:900}.mode-copy h3{letter-spacing:-2.7px;margin:20px 0;font:700 clamp(41px,4.5vw,66px)/.97 Fraunces,serif}.mode-copy>p{color:#c1c5c1;max-width:590px;font-size:17px;line-height:1.7}.mode-copy ul{flex-wrap:wrap;gap:18px;margin:30px 0 0;padding:0;list-style:none;display:flex}.mode-copy li{color:#e9e8e3;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.mode-copy li svg{color:var(--green)}.mode-visual{background:#151916;height:540px;overflow:hidden}.mode-visual img{object-fit:cover;object-position:top center;width:100%;height:100%}.full-gist-section{background:var(--paper);min-height:700px;color:var(--ink);grid-template-columns:1fr 1fr;display:grid}.full-gist-art{background:var(--ink);min-height:620px;overflow:hidden}.full-gist-art img{object-fit:cover;object-position:center;width:100%;height:100%}.full-gist-copy{align-self:center;padding:80px clamp(34px,8vw,120px) 80px clamp(34px,6vw,90px)}.full-gist-copy h2{margin-bottom:20px}.full-gist-copy>p{color:#5d645f;font-size:18px;line-height:1.7}.full-gist-copy ul{margin:28px 0 36px;padding:0;list-style:none}.full-gist-copy li{border-bottom:1px solid var(--light-line);align-items:center;gap:11px;padding:13px 0;font-weight:800;display:flex}.full-gist-copy li svg{color:var(--green)}.dark-cta{background:var(--ink);color:var(--cream)}.faq-section{background:var(--ink);grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,120px);padding:100px clamp(24px,7vw,110px);display:grid}.faq-intro h2{margin-bottom:24px}.faq-intro>p{max-width:330px;color:var(--muted);line-height:1.65}.text-link{color:var(--gold);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;margin-top:18px;font-size:12px;font-weight:900;display:inline-flex}.faq-list{border-top:1px solid var(--dark-line)}.faq-item{border-bottom:1px solid var(--dark-line)}.faq-item button{width:100%;min-height:78px;color:var(--cream);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:22px;padding:20px 0;font-size:18px;font-weight:800;display:flex}.faq-item button svg{color:var(--gold);flex:none}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .28s;display:grid}.faq-answer[hidden]{display:none}.faq-answer p{color:#acb0ac;max-width:660px;margin:0;line-height:1.7;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:24px}.download-section{text-align:center;background:var(--green);color:#fff;flex-direction:column;align-items:center;padding:92px 24px 100px;display:flex}.download-section>img{border-radius:23px;width:96px;height:96px;margin-bottom:24px}.download-section .section-kicker{color:#dff5e8}.download-section h2{max-width:900px;margin-bottom:23px}.download-section>p{color:#e3f4e9;max-width:560px;font-size:18px;line-height:1.6}.launch-cta{background:var(--cream);min-height:56px;color:var(--ink);cursor:pointer;border:0;margin:0}.app-store-cta{min-width:280px;margin-top:25px}footer{border-top:1px solid var(--dark-line);color:#999e99;background:#050706;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:66px clamp(24px,6vw,92px) 28px;display:grid}.footer-brand .brand{color:var(--cream)}.footer-brand p{margin-top:21px}.footer-links{flex-direction:column;gap:11px;font-size:13px;display:flex}.footer-links strong{color:var(--cream);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:7px;font-size:12px}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--dark-line);grid-column:1/-1;justify-content:space-between;padding-top:24px;font-size:12px;display:flex}.legal-shell{background:var(--ink);min-height:100vh;padding:150px 24px 100px}.legal-hero{text-align:center;margin-bottom:48px}.legal-hero .section-kicker{text-align:center}.legal-hero h1{letter-spacing:-5px;margin:23px 0;font:700 clamp(62px,8vw,108px)/.9 Fraunces,serif}.legal-hero>p{color:var(--muted)}.legal-card{border:1px solid var(--dark-line);background:var(--ink-soft);border-radius:14px;max-width:1000px;margin:auto;padding:clamp(26px,5vw,64px)}.support-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.support-grid>a{border:1px solid var(--dark-line);background:#171a18;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;min-height:154px;padding:26px;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.support-grid>a:hover{background:#1b1f1c;border-color:#ffad27a6;transform:translateY(-3px)}.support-grid>a>svg:first-child{color:var(--gold)}.support-card-copy strong{color:var(--cream);margin-bottom:8px;font:700 24px Fraunces,serif;display:block}.support-card-copy small{color:#b8bdb8;font-size:15px;line-height:1.5;display:block}.support-card-arrow{color:var(--green);align-self:center}.faq-title{margin:62px 0 24px;font:700 40px Fraunces,serif}.contact-box{background:var(--green);color:#fff;border-radius:10px;margin-top:52px;padding:36px}.contact-box>span{color:#d9f3e3;letter-spacing:2.6px;font-size:11px;font-weight:900}.contact-box h2{margin:10px 0;font:700 34px Fraunces,serif}.contact-box p{max-width:690px}.contact-box a{background:var(--cream);min-height:50px;color:var(--ink);text-transform:uppercase;align-items:center;gap:10px;margin-top:12px;padding:0 20px;font-size:12px;font-weight:900;display:inline-flex}.policy{max-width:850px}.policy h2{margin:47px 0 12px;font:700 31px Fraunces,serif}.policy h2:first-child{margin-top:0}.policy p,.policy li{color:#bac0ba;line-height:1.75}.policy a{color:var(--gold);text-decoration:underline}@media (max-width:1050px){.site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}.nav-cta{grid-area:1/2;margin-right:58px}.menu-toggle{display:inline-flex;position:absolute;right:24px}.site-nav.menu-open nav{border:1px solid var(--dark-line);background:#0b0e0c;border-radius:8px;flex-direction:column;align-items:stretch;gap:0;width:min(330px,100vw - 48px);padding:14px;display:flex;position:absolute;top:82px;right:24px}.site-nav.menu-open nav a{border-bottom:1px solid var(--dark-line);align-items:center;min-height:48px;padding:0 12px;display:flex}.hero-copy{width:50vw}.play-layout{grid-template-columns:1fr}.play-intro{max-width:580px;position:static}.play-intro h2{font-size:72px}.demo-note{margin-left:0}.mode-panel{grid-template-columns:1fr 1fr}.full-gist-section{grid-template-columns:.9fr 1.1fr}}@media (max-width:760px){.site-nav{gap:12px;min-height:78px;padding:13px 18px}.brand img{width:46px;height:46px}.brand span{font-size:12px}.nav-cta{display:none}.menu-toggle{right:18px}.site-nav.menu-open nav{width:calc(100vw - 36px);top:70px;right:18px}.hero{align-items:flex-end;min-height:850px}.hero-photo{object-position:78% center}.hero:after{content:"";background:#00000042;position:absolute;inset:0}.hero-copy{width:auto;margin:0;padding:130px 22px 62px}.hero h1{letter-spacing:-4px;font-size:clamp(58px,19vw,78px)}.hero h2{font-size:30px}.hero-copy>p{max-width:350px;font-size:17px}.primary-cta,.secondary-cta{width:100%;max-width:310px}.proof-strip{grid-template-columns:1fr;padding:0 22px}.proof-point{border-right:0;border-bottom:1px solid var(--dark-line);justify-content:flex-start;min-height:105px;padding:0 12px}.proof-point:last-child{border-bottom:0}.play-section,.modes-section,.faq-section{padding:72px 20px}.play-intro h2,.section-heading h2,.full-gist-copy h2,.faq-intro h2,.download-section h2{letter-spacing:-2.4px;font-size:51px}.demo-shell{padding:14px}.category-pills{scrollbar-width:thin;padding-bottom:14px;display:flex;overflow-x:auto}.category-pills button{flex:0 0 132px}.demo-stage{grid-template-columns:1fr;min-height:485px;padding:80px 4px 15px;position:relative}.demo-score{position:absolute;top:21px;left:20px}.demo-score.right{left:auto;right:20px}.demo-score strong{font-size:42px}.demo-card{width:100%;min-height:335px;padding:24px 17px}.demo-card h3{font-size:48px}.demo-actions{flex-direction:column}.demo-actions button{width:100%;min-width:0}.section-heading{display:block}.section-heading>p{margin-top:24px}.mode-tabs{grid-template-columns:1fr}.mode-tabs button{border-bottom:1px solid var(--light-line)}.mode-tabs button.active{border-left:4px solid var(--green);border-bottom-color:var(--light-line)}.mode-panel{grid-template-columns:1fr;min-height:auto}.mode-copy{padding:38px 25px}.mode-visual{height:520px}.full-gist-section{grid-template-columns:1fr}.full-gist-art{min-height:430px}.full-gist-copy{padding:72px 23px 82px}.faq-section{grid-template-columns:1fr}.download-section{padding:84px 22px 94px}.launch-cta{width:min(100%,340px)}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.support-grid{grid-template-columns:1fr}.legal-shell{padding-top:118px}}@media (max-width:430px){.hero{min-height:810px}.hero h1{letter-spacing:-1px;font-size:72px}.hero-copy{padding-bottom:42px}.proof-point p{font-size:21px}.no-mention{gap:4px}.no-mention b{font-size:9px}footer{grid-template-columns:1fr}.footer-brand,.footer-bottom{grid-column:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}