:root{--bg: oklch(.974 .008 80);--bg-soft: oklch(.95 .012 80);--bg-panel: oklch(.99 .005 80);--ink: oklch(.18 .012 60);--ink-soft: oklch(.38 .015 60);--ink-faint: oklch(.6 .015 60);--rule: oklch(.88 .012 70);--rule-soft: oklch(.93 .01 70);--accent: oklch(.58 .13 40);--accent-ink:oklch(.3 .1 40);--shadow-1: 0 1px 2px oklch(.2 .02 60 / .06), 0 8px 24px oklch(.2 .02 60 / .06);--shadow-2: 0 1px 2px oklch(.2 .02 60 / .08), 0 24px 60px oklch(.2 .02 60 / .12);--serif: "Instrument Serif", "Cormorant Garamond", "Source Serif Pro", "Times New Roman", serif;--sans: "Geist", "Söhne", "Helvetica Neue", Helvetica, sans-serif;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}:root[data-theme=dark]{--bg: oklch(.155 .008 60);--bg-soft: oklch(.2 .01 60);--bg-panel: oklch(.185 .01 60);--ink: oklch(.94 .008 80);--ink-soft: oklch(.72 .012 80);--ink-faint: oklch(.52 .012 80);--rule: oklch(.28 .012 60);--rule-soft: oklch(.22 .01 60);--shadow-1: 0 1px 2px #000a, 0 8px 24px #0008;--shadow-2: 0 1px 2px #000a, 0 24px 60px #000a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.display{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.02;color:var(--ink);margin:0;text-wrap:balance}.display em{font-style:italic;color:var(--accent)}.lede{font-family:var(--serif);font-weight:400;font-size:clamp(20px,1.8vw,26px);line-height:1.35;color:var(--ink-soft);max-width:38ch;text-wrap:pretty;margin:0}.h-section{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.02em;margin:0}.h-sub{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.2vw,32px);line-height:1.1;letter-spacing:-.01em;margin:0}.copy{font-size:15.5px;line-height:1.6;color:var(--ink-soft);max-width:60ch;text-wrap:pretty}.shell{width:100%;max-width:1240px;padding:0 40px;margin:0 auto}.shell-narrow{max-width:880px;margin:0 auto;padding:0 40px}.rule{height:1px;background:var(--rule);width:100%}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklab,var(--bg) 85%,transparent);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.nav[data-scrolled=true]{border-bottom-color:var(--rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;max-width:1240px;margin:0 auto}.wordmark{font-family:var(--serif);font-size:26px;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:8px}.wordmark .dot{width:7px;height:7px;border-radius:999px;background:var(--accent);display:inline-block;transform:translateY(-2px)}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--ink-soft)}.nav-links a{position:relative;padding:4px 0;transition:color .18s ease}.nav-links a:hover{color:var(--ink)}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .25s ease}.nav-links a:hover:after{right:0}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--ink-soft);background:transparent;border:0;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-icon:hover{background:var(--bg-soft);color:var(--ink);transform:translateY(-1px)}.theme-icon{display:none}:root[data-theme=light] .theme-icon--moon{display:inline}:root[data-theme=dark] .theme-icon--sun{display:inline}.trademark{margin-top:14px;font-family:var(--mono);font-size:10px;color:var(--ink-faint);opacity:.7;line-height:1.4;max-width:70ch}.footer-brand{display:inline-flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:500;transition:transform .25s ease,background .2s ease,box-shadow .25s ease,border-color .2s;white-space:nowrap;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform}.btn svg{flex-shrink:0;display:block;width:14px;height:14px;transform:translateZ(0)}.btn--primary{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-1)}.btn--primary:hover{transform:translate3d(0,-2px,0);box-shadow:var(--shadow-2)}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}.btn--ghost:hover{border-color:var(--ink-soft);background:var(--bg-panel);transform:translate3d(0,-2px,0)}.btn .arrow{transition:transform .25s ease}.btn:hover .arrow{transform:translate(3px)}.hero{padding-top:clamp(60px,9vw,130px);padding-bottom:clamp(60px,8vw,110px);position:relative;overflow:hidden}.hero-text{display:flex;flex-direction:column;gap:40px;max-width:900px;margin:0 auto;align-items:center;text-align:center}.hero-text .display{font-size:clamp(44px,6.5vw,84px);line-height:1.06;text-wrap:balance;max-width:14ch}.hero-text .lede{max-width:46ch;margin-left:auto;margin-right:auto}.hero-text .hero-actions,.hero-text .reqs{justify-content:center}.hero-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--rule);border-radius:999px;font-family:var(--mono);font-size:11px;color:var(--ink-soft);background:var(--bg-panel)}.tag .pulse{width:6px;height:6px;background:var(--accent);border-radius:999px;box-shadow:0 0 0 0 var(--accent);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in oklab,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--accent) 0%,transparent)}}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-foot{display:flex;gap:18px;align-items:center;color:var(--ink-faint);font-family:var(--mono);font-size:12px}.hero-foot .dotsep{width:3px;height:3px;border-radius:999px;background:currentColor}.shots-section{padding:clamp(60px,9vw,120px) 0 clamp(80px,11vw,140px)}.shots-head{margin-bottom:clamp(28px,4vw,44px)}@media(max-width:880px){.shots-head{margin-bottom:22px}}.shots-carousel{position:relative;width:100%}.shots-track{display:flex;gap:clamp(20px,3vw,44px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:20px max(40px,calc((100vw - min(1100px,82vw))/2)) 28px}.shots-track::-webkit-scrollbar{display:none}.shots-card{flex:0 0 min(1100px,82vw);scroll-snap-align:center;margin:0;display:flex;flex-direction:column;gap:14px;transform:scale(.96);opacity:.62;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s ease;position:relative}.shots-card.is-active{transform:scale(1);opacity:1}.shots-card .appshot-wrap{width:100%}.shot-toggle{position:absolute;top:16px;right:16px;display:inline-flex;padding:3px;background:color-mix(in oklab,var(--bg) 75%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rule);border-radius:999px;opacity:0;transform:translateY(-4px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}.shots-card.is-active .shot-toggle{opacity:1;transform:translateY(0);pointer-events:auto}.shot-toggle__btn{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;color:var(--ink-soft);background:transparent;border:0;cursor:pointer;transition:background .2s ease,color .2s ease}.shot-toggle__btn:hover{color:var(--ink)}.shot-toggle__btn.is-active{background:var(--ink);color:var(--bg)}@media(max-width:760px){.shot-toggle{top:10px;right:10px}.shot-toggle__btn{font-size:10px;padding:5px 9px}}.shots-card figcaption{display:flex;gap:18px;align-items:baseline;padding:0 4px;font-size:14px;color:var(--ink-soft)}.shots-card figcaption .mono{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.shots-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:clamp(20px,3vw,32px)}.shots-arrow{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--rule);background:var(--bg-panel);color:var(--ink);transition:background .2s,border-color .2s,transform .2s,opacity .2s}.shots-arrow:hover:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-1px)}.shots-arrow:disabled{opacity:.35;cursor:default}.shots-dots{display:flex;gap:8px;align-items:center}.shots-dot{width:8px;height:8px;border-radius:999px;background:var(--rule);transition:width .25s ease,background .25s ease}.shots-dot.is-active{width:22px;background:var(--accent)}@media(max-width:760px){.shots-track{padding:14px 22px 22px;gap:16px}.shots-card{flex-basis:88vw}.shots-card figcaption{font-size:12.5px;gap:12px}}.appshot-wrap{display:block;background:transparent;transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}.appshot-wrap img{display:block;width:100%;height:auto}.hero-screenshot .appshot-wrap{transform-origin:center top}.gallery-img .appshot-wrap:hover{transform:translateY(-3px)}section{padding:clamp(80px,12vw,160px) 0;position:relative}.section-head{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:baseline;margin-bottom:60px}.section-head--solo{display:block;margin-bottom:28px}@media(max-width:880px){.section-head{grid-template-columns:1fr}}.section-head .num,.shots-head .num{font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:.12em}.section-head .num span,.shots-head .num span{color:var(--accent);margin-right:8px}.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}@media(max-width:760px){.players-grid{grid-template-columns:1fr}.players-grid>*+*{border-top:1px solid var(--rule);border-left:0!important}.player-card{padding:24px 22px 22px}.player-card h3{font-size:28px}}.player-card{padding:56px 32px 48px;display:flex;flex-direction:column;gap:22px;border-left:1px solid var(--rule);position:relative;transition:background .3s ease}.player-card:first-child{border-left:0}.player-card:hover{background:var(--bg-panel)}.player-card__head{display:flex;align-items:center;gap:14px}.player-icon{flex:0 0 auto;display:inline-flex;width:36px;height:36px;border-radius:9px;overflow:hidden;box-shadow:0 1px 2px #1d140d1a}.player-icon svg{display:block}.player-card h3{font-family:var(--serif);font-size:44px;font-weight:400;margin:0;letter-spacing:-.01em;line-height:1}.player-links{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:12px}.player-links a{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);padding:4px 0;transition:color .18s ease,gap .2s ease;width:fit-content}.player-links a:hover{color:var(--accent);gap:12px}.player-links a .arrow{transition:transform .25s ease;display:inline-block}.player-links a:hover .arrow{transform:translate(2px,-2px)}.features-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}.feature-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr);gap:24px 60px;padding:clamp(36px,5vw,64px) 0;border-bottom:1px solid var(--rule);align-items:baseline}.feature-row:last-child{border-bottom:0}.feature-row__label{font-family:var(--serif);font-size:clamp(22px,2.2vw,28px);letter-spacing:-.005em;line-height:1.1;color:var(--ink);text-wrap:balance}.feature-row__body{font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:56ch;margin:0;text-wrap:pretty}.feature-row__body p{margin:0 0 24px}.feature-row__body p:last-child{margin-bottom:0}.feature-row--players{grid-template-columns:1fr;gap:24px}.feature-row--players .feature-row__body{max-width:none}.feature-row--players .players-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:28px}@media(max-width:880px){.feature-row{grid-template-columns:1fr;gap:14px}}footer{padding:36px 0 28px;border-top:1px solid var(--rule);color:var(--ink-faint);font-size:13px}footer .row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a:hover{color:var(--ink)}footer .links{display:flex;gap:22px;font-family:var(--mono);font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:translateY(0)}.reveal--lift{transform:translateY(40px)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.tag .pulse{animation:none}}@media(max-width:960px){.appshot{grid-template-columns:180px 1fr;min-height:480px}.appshot-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.shell,.shell-narrow{padding:0 22px}.nav-inner{padding:14px 22px}.nav-links{gap:18px;font-size:13px}.hero{padding-top:70px;padding-bottom:60px}.hero-text{gap:24px}.hero-text .display{font-size:clamp(40px,13vw,64px)}.lede{font-size:18px}.hero-actions{gap:10px}.btn{padding:12px 18px;font-size:14px}section{padding:48px 0}.section-head{gap:12px;margin-bottom:28px}.section-head--solo{margin-bottom:14px}.feature-row{padding:28px 0}.feature-row__label{font-size:20px}.feature-row__body{font-size:15px}.h-section{font-size:clamp(34px,9vw,48px)}.player-card{padding:28px 22px 26px}.player-card h3{font-size:30px}.reqs{gap:8px 16px;font-size:10.5px}footer{padding:28px 0 22px}footer .row{gap:18px}footer .links{gap:16px;font-size:11px;flex-wrap:wrap}}@media(max-width:480px){.shell,.shell-narrow{padding:0 18px}.nav-inner{padding:12px 18px}.nav-links{gap:12px}.wordmark{font-size:22px}.hero-text .display{font-size:clamp(36px,14vw,56px)}.lede{font-size:16.5px}.player-card h3{font-size:26px}}