@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Fraunces:ital,wght@1,500&display=swap";:root{--bg:#17131c;--surface:#211c28;--ink:#f6efe3;--muted:#b9aebd;--accent:#ffcc70;--coral:#f1947d;--lavender:#c3a9d8;--line:#403544;--heading:"Space Grotesk", sans-serif;--mono:"JetBrains Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.7 IBM Plex Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{transition:color .2s,background .2s,border-color .2s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#ffcc7040}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.045em;text-wrap:balance;font-weight:500;line-height:1.12}p{color:var(--muted);text-wrap:pretty}.container{width:min(1200px,100% - 64px);margin-inline:auto}.accent{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:.12em;color:var(--muted)}.skip{background:var(--accent);color:var(--bg);z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip:focus{top:12px}.header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#17131cf5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:82px;display:flex}.brand{font:600 26px var(--heading);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{align-items:center;gap:3px;height:26px;display:flex;transform:skew(-14deg)}.brand-mark i{background:var(--accent);width:4px;height:16px}.brand-mark i:nth-child(2){background:var(--coral);height:26px}.brand-mark i:nth-child(3){background:var(--lavender);height:16px}.brand-note{font:10px var(--mono);letter-spacing:.05em;color:var(--muted);margin-left:5px;padding:4px 6px}.header nav,.header-actions{align-items:center;gap:30px;font-size:13px;display:flex}.header nav a,.header-actions a{align-items:center;min-height:44px;display:inline-flex}.header-actions{gap:22px}.header-actions>a:first-child{font:11px var(--mono)}.github-link{border:1px solid var(--line);border-radius:2px;gap:20px;padding:0 16px}.hero{border-bottom:1px solid var(--line);padding-top:40px;position:relative}.hero-kicker{justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px;display:flex}.hero-kicker .eyebrow{color:var(--accent)}.hero-kicker a{font:10px var(--mono);color:var(--muted);align-items:center;min-height:44px;display:inline-flex}h1{letter-spacing:-.065em;font-size:clamp(66px,8vw,112px);line-height:1.02}h1 em{color:var(--accent);letter-spacing:-.055em;font-family:Fraunces,serif;font-weight:500}.headline-period{color:var(--coral);font:500 .7em var(--heading);vertical-align:top;margin-left:15px}.hero-grid{grid-template-columns:.8fr 1.25fr;align-items:center;gap:66px;padding:42px 0 36px;display:grid}.hero-description{max-width:415px;margin-bottom:24px;font-size:17px;line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.button{border:1px solid var(--line);border-radius:2px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:#211920;border-color:var(--accent)}.primary:hover{color:#211920;background:#ffdda0}.secondary{background:#ffffff03}.secondary:hover{border-color:var(--accent);background:#ffcc7009}.text-link{min-height:44px;color:var(--accent);align-items:center;gap:12px;font-size:13px;display:inline-flex}.hero-meta{font:10px/1.8 var(--mono);letter-spacing:.04em;margin-top:20px}.measurement-board{background:#201a23;border:1px solid #665460;min-width:0;position:relative}.measurement-board:before,.measurement-board:after{content:"";border:1px solid var(--accent);background:var(--bg);width:7px;height:7px;position:absolute}.measurement-board:before{top:-4px;left:-4px}.measurement-board:after{bottom:-4px;right:-4px}.board-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.board-heading .eyebrow{color:var(--ink)}.board-status{font:8px/1.8 var(--mono);letter-spacing:.06em;color:var(--coral)}.board-content{grid-template-columns:1fr 1fr;display:grid}.ratio-readout{border-right:1px solid var(--line);padding:23px 24px}.ratio-label{font:9px var(--mono);color:var(--muted);letter-spacing:.08em}.ratio-readout>strong{font:500 clamp(52px,5.5vw,78px)/1.3 var(--heading);letter-spacing:-.07em;color:var(--accent);display:block}.ratio-readout>strong span{color:var(--coral);margin-left:6px;font-size:.5em}.ratio-readout>p{font:9px/1.8 var(--mono);color:var(--ink);white-space:nowrap}.ratio-readout>p span{color:var(--muted)}.ratio-ruler{background:repeating-linear-gradient(90deg,#786577 0 1px,#0000 1px 10%);border-top:1px solid #786577;height:20px;margin-top:20px;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.ratio-footnote{font:10px var(--mono);color:var(--muted)}.board-metrics{padding:25px 22px}.measurement+.measurement{margin-top:23px}.measurement>div:first-child{font:9px var(--mono);color:var(--muted);justify-content:space-between;display:flex}.bar-pair{gap:5px;margin:12px 0 8px;display:grid}.bar-pair>div{height:6px}.baseline-bar{background:var(--coral)}.optimized-bar{background:var(--accent)}.measurement>p{font:11px var(--mono)}.measurement>p span{padding-inline:8px}.measurement>p strong{color:var(--accent);font-weight:400}.board-footer{border-top:1px solid var(--line);font:8px/1.5 var(--mono);color:var(--muted);flex-wrap:wrap;gap:12px 16px;padding:12px 20px;display:flex}.board-footer>span{align-items:center;gap:5px;display:inline-flex}.board-footer>span:last-child{margin-left:auto}.board-footer i{background:var(--coral);width:5px;height:5px}.board-footer i.legend-optimized{background:var(--accent)}.hero-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:19px 0;display:flex}.hero-bottom p{font:10px/1.8 var(--mono)}.hero-bottom a{min-height:44px;font:9px var(--mono);color:var(--accent);align-items:center;gap:15px;display:inline-flex}.hero-bottom a span{font-size:18px}.section{padding-block:85px}h2{font-size:clamp(32px,3.6vw,48px)}.section-intro{grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.section-intro>p{justify-self:end;max-width:410px}.section-intro .eyebrow,.section>.eyebrow,.workflow .eyebrow,.install-grid .eyebrow,.community .eyebrow{margin-bottom:20px}.features-grid{color:#2c2130;background:#ece3d3;grid-template-columns:repeat(2,1fr);margin-top:40px;display:grid}.feature{grid-template-columns:45px 1fr;column-gap:22px;padding:32px 36px;display:grid}.feature:nth-child(2n){border-left:1px solid #c6b9be}.feature:nth-child(n+3){border-top:1px solid #c6b9be}.feature-top{font:10px var(--mono);color:#654750;grid-column:1/-1;justify-content:space-between;margin-bottom:23px;display:flex}.feature-top>span:first-child{letter-spacing:-.06em;font-size:22px}.feature h3{grid-column:2;margin-bottom:12px;font-size:25px;line-height:1.2}.feature p{color:#645669;grid-column:2;font-size:14px;line-height:1.8}.workflow-section{border-block:1px solid var(--line);background:#1d1723}.workflow{grid-template-columns:1fr 1fr;gap:100px;padding-block:76px;display:grid}.workflow>div>p:not(.eyebrow){margin:22px 0}.workflow-list{margin:0;padding:0;list-style:none}.workflow-list li{border-bottom:1px solid var(--line);gap:24px;padding:25px 0;display:flex}.workflow-list li:first-child{padding-top:0}.workflow-list li:last-child{border:0}.workflow-list li>span{color:var(--coral);padding-top:3px;font:24px/1.1 Fraunces,serif}.workflow-list h3{letter-spacing:-.025em;margin-bottom:8px;font-size:20px}.workflow-list p{font-size:14px}.example-panel{border:1px solid var(--line);background:var(--surface);margin-top:38px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.tabs button{min-height:56px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 22px;font-size:12px}.tabs button[aria-selected=true]{color:var(--bg);background:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--ink);background:#403044}.tabs button[aria-selected=true]:hover{color:var(--bg);background:#ffdda0}.example-content{padding:28px}.command{background:#15111a;border:1px solid #5a455c;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;margin:12px 0 20px;padding:16px;display:flex;position:relative}.command code{font:12px/1.8 var(--mono);color:#f2d5aa;overflow-wrap:anywhere;white-space:pre-wrap;align-self:center;min-width:0}.command button{color:var(--muted);min-height:44px;font:11px var(--mono);background:0 0;border:1px solid #5a455c;flex-shrink:0;padding:8px 12px}.command button:hover{color:var(--accent);border-color:var(--accent)}.copy-status{color:var(--accent);font-size:10px;position:absolute;bottom:-22px;right:0}.example-content p{margin-top:28px;font-size:14px}.install-section{background:var(--accent);color:#2b2130}.install-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;padding-block:70px;display:grid}.install-grid>div>p:not(.eyebrow){color:#54404b;max-width:360px;margin-top:22px}.install-grid>div>.eyebrow{color:#54404b}.install-grid .accent{color:#754431;font-family:Fraunces,serif;font-style:italic}.install-grid .text-link{color:#2b2130;border-bottom:1px solid #926640}.install-card{color:var(--ink);background:#241b29;padding:30px}.install-card>.eyebrow{color:var(--coral);font-size:10px}.install-divider{background:var(--line);height:1px;margin:28px 0}.install-card>p{margin-top:28px;font-size:12px}.install-card>p a{color:var(--accent)}.community{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.community>div>p:not(.eyebrow){margin-bottom:25px}footer{border-top:1px solid var(--line);padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-tag{letter-spacing:0;color:var(--muted);margin-left:15px;font:11px IBM Plex Sans,sans-serif}.footer-inner>div{color:var(--muted);gap:25px;font-size:11px;display:flex}.docs{max-width:850px;padding-block:60px 90px}.docs h1{font-size:55px}.docs h2{margin:50px 0 18px;font-size:30px}.docs h3{margin:26px 0 10px;font-size:21px}.docs p{margin:18px 0}.docs code{font-family:var(--mono);color:var(--accent);font-size:.85em}.docs li{color:var(--muted);margin:12px 0}.docs-nav{border-bottom:1px solid var(--line);color:var(--accent);flex-wrap:wrap;gap:20px;margin:24px 0;padding-bottom:22px;font-size:13px;display:flex}.docs-note{border-left:2px solid var(--coral);background:var(--surface);padding:18px 22px}@media (min-width:1500px){.hero{padding-top:50px}.hero-grid{padding-top:55px;padding-bottom:45px}}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr 1.15fr;gap:30px}.ratio-readout,.board-metrics{padding-inline:16px}.board-content{grid-template-columns:1fr 1fr}.ratio-readout>p{white-space:normal;font-size:8px}.workflow,.install-grid,.community{gap:50px}.feature{grid-template-columns:15px 1fr;column-gap:15px;padding:28px}.footer-tag{display:none}}@media (max-width:760px){.container{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:4px 16px;height:auto;min-height:76px;padding-block:12px}.brand{font-size:23px}.brand-note{display:none}.header nav{order:3;justify-content:center;gap:24px;width:100%}.header-actions{gap:16px}.github-link{border:0;gap:8px;padding:0}.hero{padding-top:24px}.hero-kicker{align-items:flex-start;gap:14px;margin-bottom:22px}.hero-kicker .eyebrow{max-width:180px;font-size:8px}.hero-kicker a{text-align:right;max-width:130px;min-height:0;font-size:8px}h1{letter-spacing:-.07em;font-size:clamp(45px,9.1vw,72px);line-height:1.08}.headline-period{margin-left:5px}.hero-grid{grid-template-columns:1fr;gap:28px;padding:28px 0}.hero-description{max-width:520px;font-size:16px}.hero-meta{margin-top:16px}.board-heading{padding:12px 15px}.ratio-readout{padding:20px 18px}.ratio-readout>strong{font-size:65px}.ratio-readout>p{font-size:8px}.board-metrics{padding:22px 18px}.board-footer{padding:12px 15px}.board-footer>span:last-child{width:100%;margin-left:0}.hero-bottom{flex-wrap:wrap;gap:5px;padding:14px 0}.hero-bottom p{font-size:9px}.section{padding-block:55px}.section-intro,.workflow,.install-grid,.community{grid-template-columns:1fr;gap:28px}.section-intro>p{justify-self:start;max-width:none}.features-grid{grid-template-columns:1fr;margin-top:28px}.feature{grid-template-columns:15px 1fr;padding:26px}.feature:nth-child(2n){border-left:0}.feature+.feature{border-top:1px solid #c6b9be}.feature h3{font-size:25px}.workflow{padding-block:55px}.workflow-list{margin-top:12px}.tabs button{width:50%;padding:14px 8px}.example-content{padding:18px}.command{gap:10px;padding:12px}.command code{font-size:11px}.command button{padding:8px}.install-grid{padding-block:50px}.install-card{padding:20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:20px}.footer-inner>div{flex-wrap:wrap;gap:10px 22px}.docs h1{font-size:42px}.docs{padding-top:40px}}@media (max-width:380px){.ratio-readout>strong{font-size:54px}.ratio-label{font-size:8px}.board-metrics{padding-inline:12px}.measurement>div:first-child{font-size:8px}.board-status{font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}