:root{--ink:#0d0e11;--surface:#15171c;--surface-2:#1d2027;--hairline:#2b2f39;--chalk:#f2f0ea;--text-2:#a6abb4;--text-3:#686d77;--lime:#c6f740;--lime-press:#a8d62e;--on-lime:#0d0e11;--warn:#ffb23e;--error:#ff5b4e;--g-green:#3fb950;--g-yellow:#f2c500;--g-orange:#ff8a1e;--g-red:#e5392c;--g-blue:#2f81f7;--g-purple:#a371f7;--g-pink:#ff6ac1;--g-teal:#1fb6b6;--font-display:"Bricolage Grotesque", "Hanken Grotesk", sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--r-card:18px;--r-btn:14px;--r-pill:999px;--r-sheet:24px;--container:1180px;--gutter:clamp(20px, 4vw, 48px)}
*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ink);color:var(--chalk);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}::selection{background:var(--lime);color:var(--on-lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:700;line-height:1.05}.kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lime);align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.kicker:before{content:"";background:var(--lime);opacity:.7;width:22px;height:1px}.section-title{margin-top:16px;font-size:clamp(30px,4.4vw,52px);font-weight:800}.section-sub{color:var(--text-2);max-width:56ch;margin-top:18px;font-size:clamp(16px,1.6vw,18px)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(80px,11vw,150px);position:relative}.skip-link{z-index:200;background:var(--lime);color:var(--on-lime);border-radius:var(--r-btn);padding:10px 18px;font-weight:600;transition:top .2s;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.grain{z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;position:fixed;inset:-50%}.btn{border-radius:var(--r-btn);font-family:var(--font-body);will-change:transform;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:600;line-height:1;transition:background-color .18s,border-color .18s,color .18s,transform .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--lime);color:var(--on-lime)}.btn--primary:hover{background:var(--lime-press)}.btn--ghost{border:1px solid var(--hairline);color:var(--chalk);background:#15171c80}.btn--ghost:hover{border-color:var(--text-3)}.btn--dark{background:var(--ink);color:var(--chalk)}.btn--dark:hover{background:#1a1c22}.nav{z-index:100;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--hairline);background:#0d0e11c7}.nav__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav__brand{font-family:var(--font-display);letter-spacing:.08em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.nav__brand img{object-fit:contain;width:30px;height:30px}.nav__links{align-items:center;gap:30px;display:flex}.nav__links a:not(.btn){color:var(--text-2);font-size:14.5px;font-weight:500;transition:color .15s}.nav__links a:not(.btn):hover{color:var(--chalk)}.nav .btn{padding:10px 20px;font-size:14.5px}@media (max-width:760px){.nav__links a:not(.btn){display:none}}.footer{border-top:1px solid var(--hairline);background:var(--ink);padding-block:56px 40px;position:relative}.footer__grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px;display:grid}@media (max-width:700px){.footer__grid{grid-template-columns:1fr}}.footer__brand{font-family:var(--font-display);letter-spacing:.08em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.footer__brand img{object-fit:contain;width:26px;height:26px}.footer__tag{color:var(--text-3);max-width:30ch;margin-top:12px;font-size:14.5px}.footer__col h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:11.5px;font-weight:500}.footer__col ul{gap:10px;padding:0;list-style:none;display:grid}.footer__col a{color:var(--text-2);font-size:14.5px;transition:color .15s}.footer__col a:hover{color:var(--lime)}.footer__legal{border-top:1px solid var(--hairline);color:var(--text-3);font-size:13px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;display:flex}.legal{padding-top:clamp(140px,18vw,190px);padding-bottom:clamp(80px,10vw,130px)}.legal__inner{max-width:720px}.legal h1{margin-top:16px;font-size:clamp(34px,5vw,52px);font-weight:800}.legal__updated{color:var(--text-3);font-family:var(--font-mono);margin-top:16px;font-size:13px}.legal__body{color:var(--text-2);margin-top:48px}.legal__body h2{color:var(--chalk);margin:44px 0 14px;font-size:21px;font-weight:600}.legal__body p{margin-bottom:14px;font-size:16px}.legal__body ul{gap:8px;margin:0 0 14px;padding-left:22px;display:grid}.legal__body a{color:var(--lime)}.legal__body a:hover{text-decoration:underline}.press-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}@media (max-width:800px){.press-grid{grid-template-columns:1fr}}.press-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);flex-direction:column;gap:18px;padding:28px;display:flex}.press-card__preview{border:1px solid var(--hairline);border-radius:12px;place-items:center;height:160px;display:grid}.press-card__preview img{width:auto;max-height:120px}.press-card h3{font-size:17px;font-weight:600}.press-card .mono{color:var(--text-3);font-size:12.5px}.press-card a{color:var(--lime);margin-top:auto;font-size:14.5px;font-weight:600}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:32px;display:grid}.swatch{border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.swatch__chip{height:72px}.swatch__meta{font-family:var(--font-mono);color:var(--text-2);gap:2px;padding:12px 14px;font-size:12px;display:grid}.swatch__meta strong{color:var(--chalk);font-weight:500}.notfound{text-align:center;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.notfound__code{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #c6f7401f;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(200px,42vw,560px);font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.notfound__content h1{font-size:clamp(36px,6vw,64px);font-weight:800}.notfound__content p{color:var(--text-2);margin:18px 0 32px}
.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;background:radial-gradient(120% 90% at 70% 10%, #c6f74012, transparent 55%), radial-gradient(90% 70% at 20% 90%, #c6f7400d, transparent 60%), var(--ink);position:absolute;inset:0}.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero__fade{z-index:1;background:linear-gradient(to bottom, transparent, var(--ink));pointer-events:none;height:200px;position:absolute;inset:auto 0 0}.hero__ghost{z-index:1;font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px #c6f74021;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(220px,36vw,540px);font-weight:800;line-height:.8;position:absolute;bottom:-6vw;right:-4vw}.hero__grid{z-index:2;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(32px,5vw,72px);width:100%;padding-top:110px;padding-bottom:140px;display:grid;position:relative}@media (max-width:940px){.hero__grid{grid-template-columns:1fr}.hero__device{display:none}}.hero__content{max-width:680px}.hero__title{letter-spacing:-.025em;margin-top:26px;font-size:clamp(44px,5.6vw,80px);font-weight:800;line-height:.98}.hero__title em{color:var(--lime);font-style:normal}.hero__sub{color:var(--text-2);max-width:46ch;margin-top:26px;font-size:clamp(17px,2vw,20px)}.hero__ctas{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.hero__meta{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.04em;flex-wrap:wrap;gap:26px;margin-top:34px;font-size:12.5px;display:flex}.hero__meta span:before{content:"▸ ";color:var(--lime)}.hero__scroll{z-index:2;font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-3);writing-mode:vertical-rl;font-size:11px;position:absolute;bottom:28px;left:50%;translate:-50%}.hero__device{will-change:transform;justify-content:center;display:flex}@media (prefers-reduced-motion:no-preference){.hero__device{animation:7s ease-in-out infinite phone-float}}@keyframes phone-float{50%{translate:0 -12px}}.phone{aspect-ratio:9/18.6;border:1px solid var(--hairline);background:linear-gradient(160deg,#2e323c,#181a20 55%,#2a2e38);border-radius:44px;width:min(290px,100%);padding:10px;box-shadow:0 50px 100px -30px #000c,0 0 90px -20px #c6f7402e}.phone__screen{background:var(--ink);border:1px solid #07080a;border-radius:35px;flex-direction:column;height:100%;padding:52px 18px 18px;display:flex;position:relative;overflow:hidden}.phone__notch{background:#07080a;border-radius:999px;width:86px;height:22px;position:absolute;top:14px;left:50%;translate:-50%}.app__bar{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-3);justify-content:space-between;align-items:baseline;font-size:10.5px;display:flex}.app__bar .app__timer{color:var(--lime)}.app__tally{align-items:baseline;gap:10px;margin-top:18px;display:flex}.app__count{font-family:var(--font-display);color:var(--chalk);font-size:56px;font-weight:800;line-height:1}.app__count-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:10px}.app__pad{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.app__cell{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:8px;padding:11px 12px;display:flex}.app__cell--active{border-color:var(--lime);background:#c6f74012}.app__dot{border-radius:50%;flex:none;width:9px;height:9px}.app__grade{font-family:var(--font-mono);color:var(--chalk);font-size:13px}.app__cellcount{font-family:var(--font-mono);color:var(--text-3);margin-left:auto;font-size:11px}.app__styles{gap:6px;margin-top:14px;display:flex}.app__style{text-align:center;border:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-3);border-radius:999px;flex:1;padding:7px 0;font-size:9.5px}.app__style--on{border-color:var(--lime);color:var(--lime);background:#c6f74012}.app__log{background:var(--lime);color:var(--on-lime);font-family:var(--font-display);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:15px 0;font-size:16px;font-weight:700;display:flex}.app__log-bolt{font-size:13px}.marquee{border-block:1px solid var(--hairline);background:var(--ink);z-index:2;padding-block:16px;position:relative;overflow:hidden}.marquee__track{gap:0;width:max-content;animation:36s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.marquee__seq{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-3);align-items:center;font-size:13px;display:flex}.marquee__seq span{padding-inline:28px}.marquee__seq i{color:var(--lime);font-style:normal}.features__grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid}@media (max-width:980px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features__grid{grid-template-columns:1fr}}.feature-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);padding:30px 28px;transition:border-color .25s,transform .25s,background-color .25s}.feature-card:hover{background:var(--surface-2);border-color:#c6f74059;transform:translateY(-3px)}.feature-card__icon{border:1px solid var(--hairline);width:44px;height:44px;color:var(--lime);background:#c6f7400d;border-radius:12px;place-items:center;display:grid}.feature-card h3{margin-top:20px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-2);margin-top:10px;font-size:15px}.feature-card__tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:18px;font-size:11px;display:inline-block}.analytics{background:var(--surface);border-block:1px solid var(--hairline)}.analytics__split{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(40px,6vw,90px);display:grid}@media (max-width:900px){.analytics__split{grid-template-columns:1fr}}.analytics__stats{flex-wrap:wrap;gap:38px;margin-top:42px;display:flex}.stat{gap:4px;display:grid}.stat__value{font-family:var(--font-display);color:var(--chalk);font-variant-numeric:tabular-nums;font-size:clamp(34px,4vw,46px);font-weight:800;line-height:1}.stat__value .mono{font-size:inherit}.stat__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:11.5px}.pyramid{background:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-sheet);gap:10px;padding:clamp(24px,3vw,40px);display:grid}.pyramid__row{grid-template-columns:44px 1fr 40px;align-items:center;gap:14px;display:grid}.pyramid__grade{font-family:var(--font-mono);color:var(--text-2);text-align:right;font-size:13px}.pyramid__track{height:26px;display:flex}.pyramid__bar{transform-origin:0;border-radius:6px;height:100%}.pyramid__count{font-family:var(--font-mono);color:var(--text-3);font-size:12.5px}.pyramid__caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);text-align:center;margin-top:14px;font-size:11.5px}.grades{text-align:center;overflow:hidden}.grades .section-sub{margin-inline:auto}.grades__display{place-items:center;height:clamp(120px,18vw,220px);margin-block:48px 40px;display:grid}.grades__numeral{font-family:var(--font-display);color:var(--lime);letter-spacing:-.02em;font-size:clamp(96px,16vw,200px);font-weight:800;line-height:1}.grades__system{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-top:14px;font-size:12.5px}.grades__chips{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.chip{border:1px solid var(--hairline);border-radius:var(--r-pill);font-family:var(--font-mono);color:var(--text-2);background:var(--surface);padding:9px 20px;font-size:13px}.chip--active{border-color:var(--lime);color:var(--lime);background:#c6f7400f}.offline{background:var(--surface);border-block:1px solid var(--hairline)}.offline__split{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(40px,6vw,90px);display:grid}@media (max-width:900px){.offline__split{grid-template-columns:1fr}}.offline__title{font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1.04}.offline__title em{color:var(--lime);font-style:normal;display:block}.terminal{background:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-card);font-family:var(--font-mono);font-size:13.5px;overflow:hidden;box-shadow:0 30px 80px -30px #000000b3}.terminal__bar{border-bottom:1px solid var(--hairline);color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;padding:12px 16px;font-size:11.5px;display:flex}.terminal__dot{background:var(--hairline);border-radius:50%;width:9px;height:9px}.terminal__dot--lime{background:var(--lime);animation:2.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.terminal__dot--lime{animation:none}}.terminal__body{gap:10px;padding:20px 18px;display:grid}.terminal__row{color:var(--text-2);justify-content:space-between;gap:16px;display:flex}.terminal__row strong{color:var(--chalk);font-weight:500}.terminal__row .ok{color:var(--lime)}.terminal__row .dim{color:var(--text-3)}.terminal__row .warn{color:var(--warn)}.discover__cards{grid-template-columns:1.3fr 1fr;gap:18px;margin-top:56px;display:grid}@media (max-width:900px){.discover__cards{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sheet);padding:clamp(24px,3vw,36px)}.panel h3{font-size:19px;font-weight:600}.panel>p{color:var(--text-2);margin-top:8px;font-size:15px}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;margin-top:26px;display:grid}.heatmap__cell{aspect-ratio:1;background:var(--surface-2);border-radius:3px;width:100%;min-width:8px}.heatmap__cell--active{background:var(--lime)}.heatmap__legend{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-3);text-transform:uppercase;justify-content:space-between;margin-top:14px;font-size:11px;display:flex}.presence{align-items:center;margin-top:30px;display:flex}.presence__avatar{width:52px;height:52px;font-family:var(--font-display);color:var(--ink);border:3px solid var(--surface);border-radius:50%;place-items:center;margin-left:-10px;font-size:17px;font-weight:700;display:grid;position:relative}.presence__avatar:first-child{margin-left:0}.presence__live{border:1px dashed var(--lime);width:52px;height:52px;font-family:var(--font-mono);color:var(--lime);background:var(--ink);border-radius:50%;place-items:center;margin-left:-10px;font-size:12px;display:grid}.presence__caption{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-3);margin-top:18px;font-size:12px}.presence__caption i{color:var(--lime);font-style:normal}.cta__block{background:var(--lime);color:var(--on-lime);border-radius:var(--r-sheet);text-align:center;padding:clamp(48px,7vw,90px) clamp(28px,5vw,80px);position:relative;overflow:hidden}.cta__block:after{content:"";opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cta__kicker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;opacity:.65;font-size:12px}.cta__title{letter-spacing:-.02em;margin-top:18px;font-size:clamp(38px,6vw,72px);font-weight:800}.cta__sub{opacity:.75;margin-top:16px;max-width:42ch;margin-inline:auto;font-size:17px}.cta__buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:38px;display:flex;position:relative}