:root{--bg:#080b12;--panel:#101622;--ink:#f5f7fb;--muted:#9aa5b5;--line:#263144;--lime:#c8ff45;--blue:#6fd6ff;--max:1180px;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55;background-image:radial-gradient(circle at 80% 12%,#15345c55,transparent 25%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
a{color:inherit}
.skip{position:fixed;left:1rem;top:-5rem;background:var(--lime);color:#050708;padding:.8rem 1rem;z-index:20}
.skip:focus{top:1rem}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 1.5rem;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;letter-spacing:-.03em}
.brand img{border-radius:10px}
.nav nav{display:flex;align-items:center;gap:1.6rem}
.nav nav a{font-size:.9rem;text-decoration:none;color:var(--muted)}
.nav nav a:hover,.nav nav a:focus-visible{color:var(--ink)}
.nav-cta{border:1px solid var(--line);padding:.55rem .9rem;border-radius:99px}
.hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 74px);padding:7vw 1.5rem 6rem;display:grid;grid-template-columns:.88fr 1.35fr;gap:5vw;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;color:var(--lime);font-weight:800}
.hero h1,.section h2{font-size:clamp(3.4rem,7.4vw,7.2rem);line-height:.88;letter-spacing:-.07em;margin:.65rem 0 1.6rem}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--blue)}
.lede{max-width:34rem;font-size:1.15rem;color:#c1c8d2}
.actions{display:flex;align-items:center;gap:1.35rem;margin-top:2rem}
.button{display:inline-flex;justify-content:center;background:var(--lime);color:#07090d;text-decoration:none;padding:.9rem 1.2rem;border-radius:8px;font-weight:850;box-shadow:5px 5px 0 var(--blue);transition:transform .2s}
.button:hover{transform:translate(-2px,-2px)}
.text-link{text-underline-offset:.25em;font-weight:750}
.meta{font-size:.8rem;color:var(--muted);margin-top:1.25rem}
.hero-shot{margin:0;transform:rotate(2deg);border:1px solid #42516b;background:#111927;padding:.7rem;box-shadow:18px 18px 0 #05070b}
.hero-shot img{display:block;width:100%;height:auto;aspect-ratio:2.174;object-fit:cover}
.hero-shot figcaption{display:flex;justify-content:space-between;font:700 .7rem/1 monospace;color:var(--muted);padding:.75rem .2rem .1rem}
.ticker{border-block:1px solid var(--line);padding:1rem;display:flex;gap:2rem;justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;font-size:.75rem;font-weight:850;letter-spacing:.12em}
.ticker i{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.section{max-width:var(--max);margin:auto;padding:8rem 1.5rem}
.section-head{max-width:830px}
.section h2{font-size:clamp(2.7rem,6vw,5.7rem)}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);margin-top:4rem}
.feature-grid article{padding:2.2rem;border:1px solid var(--line);margin:-1px}
.feature-grid span{font:700 .75rem monospace;color:var(--blue)}
.feature-grid h3{font-size:1.45rem;margin:2.4rem 0 .6rem}
.feature-grid p{color:var(--muted);max-width:30rem}
.shots{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;margin-top:3rem}
.shots figure{margin:0;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.shots figure:nth-child(3n){grid-column:span 2}
.shots img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block;transition:transform .5s}
.shots figure:hover img{transform:scale(1.02)}
.platform,.support{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-top:1px solid var(--line)}
.platform>div,.support>div{max-width:720px}
.platform h2,.support h2{font-size:clamp(2.5rem,5vw,4.5rem)}
.platform p,.support p{color:var(--muted)}
footer{max-width:var(--max);margin:auto;padding:2rem 1.5rem 3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:1.25rem 2rem;align-items:center;color:var(--muted);font-size:.82rem}.more-apps{grid-column:1/-1;margin:0}.content-hero{min-height:auto;padding-bottom:4rem}.prose{max-width:860px}.prose h2{font-size:clamp(2rem,5vw,4rem);margin-top:4rem}.prose h3{font-size:1.35rem;margin-top:2rem}.prose p,.prose li{color:var(--muted)}.prose img{display:block;width:100%;height:auto;border:7px solid #543421;border-radius:18px;box-shadow:8px 9px 0 rgba(64,35,19,.22);margin:2.5rem 0}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-weight:800}
footer>div{display:flex;gap:1rem}
footer a{text-underline-offset:.25em}
@media(max-width:800px){.nav nav>a:not(.nav-cta){display:none}
.hero{grid-template-columns:1fr;padding-top:5rem;min-height:auto}
.hero-shot{transform:none}
.feature-grid{grid-template-columns:1fr}
.shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
.shots figure,.shots figure:nth-child(3n){min-width:86%;scroll-snap-align:center}
.platform,.support{align-items:flex-start;flex-direction:column}
footer{grid-template-columns:1fr}
footer>div{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}
:root{--bg:#f2d19e;--panel:#f8e3bd;--ink:#2c1b12;--muted:#72543d;--line:#9a6d45;--lime:#d8a83e;--blue:#9e3533;color-scheme:light}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 75% 8%,rgba(255,239,197,.85),transparent 32%),repeating-linear-gradient(3deg,rgba(126,73,35,.055) 0 2px,transparent 2px 24px);background-size:auto,100% 110px}.skip{background:var(--ink);color:#fff7e5}.nav{border-color:rgba(77,46,27,.35)}.nav nav a,.lede{color:var(--muted)}.hero h1 em{color:var(--blue);-webkit-text-stroke:0}
.button{background:#d4a437;color:#2b1a10;border:2px solid #5d3a20;border-radius:16px;box-shadow:5px 6px 0 #6f2928}.hero-shot{border:7px solid #4f2f1d;background:#6a4128;padding:.55rem;box-shadow:18px 18px 0 rgba(64,35,19,.3);border-radius:18px}.ticker{background:#4f2f1d;color:#f8e3bd;border:0}.ticker i{background:#bb5148}
.feature-grid{background:rgba(248,227,189,.55);border:2px solid #70462a;border-radius:24px;overflow:hidden}.feature-grid article{border-color:rgba(112,70,42,.5)}.feature-grid span{color:#9e3533}.feature-grid p,.platform p,.support p{color:var(--muted)}.shots figure{border:7px solid #543421;background:#6a4128;border-radius:18px;box-shadow:8px 9px 0 rgba(64,35,19,.22)}.platform,.support,footer{border-color:rgba(77,46,27,.35)}footer{color:var(--muted)}

.gallery-hint{color:var(--muted)}
.showcase{margin-top:3rem}.showcase+.showcase{margin-top:4rem}.showcase-label{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1rem}.showcase-label span{font-weight:900;font-size:1.2rem}.showcase-label small{color:var(--muted);font:700 .72rem monospace;text-transform:uppercase;letter-spacing:.12em}
.carousel{width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y pinch-zoom;padding:1rem max(1.5rem,calc((100vw - var(--max))/2 + 1.5rem)) 2rem}.carousel::-webkit-scrollbar{display:none}.carousel:active{cursor:grabbing}.carousel:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}.carousel-track{display:flex;width:max-content;gap:1.2rem}.carousel figure{flex:none;margin:0;overflow:hidden;border:7px solid #543421;background:#6a4128;border-radius:18px;box-shadow:8px 9px 0 rgba(64,35,19,.22)}.carousel img{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}.carousel-phone figure{width:clamp(190px,23vw,300px)}
@media(max-width:800px){.carousel{padding-inline:1.5rem}.carousel-phone figure{width:68vw}}