:root{--bg:#0a0a0a;--fg:#fafafa;--muted:#8a8a8a;--soft:#d4d4d4;--rule:#1f1f1f;--rule-strong:#2a2a2a;--code-bg:#ffffff09;--page-padding-x:clamp(1.25rem, 4vw, 3.5rem);--page-padding-y:1.75rem;--sans:"Manrope", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-size:16px;line-height:1.55}html{scroll-behavior:smooth}.topo{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}#app{z-index:1;min-height:100dvh;position:relative}.page{z-index:1;min-height:100dvh;padding:var(--page-padding-y) var(--page-padding-x);padding-left:max(var(--page-padding-x), env(safe-area-inset-left));padding-right:max(var(--page-padding-x), env(safe-area-inset-right));padding-bottom:max(var(--page-padding-y), env(safe-area-inset-bottom));flex-direction:column;max-width:96rem;margin:0 auto;display:flex;position:relative}.nav{justify-content:space-between;align-items:center;gap:2rem;font-size:.875rem;display:flex}.wordmark{letter-spacing:-.035em;align-items:baseline;gap:.625rem;font-size:1.625rem;font-weight:800;line-height:1;display:inline-flex}.wordmark-mark{color:var(--muted);font-size:1rem;font-weight:700;transition:color .2s,transform .2s;transform:translateY(-3px)}.wordmark:hover .wordmark-mark{color:var(--fg);transform:translateY(-3px)rotate(45deg)}.wordmark-text .dot{color:var(--muted)}.nav-links{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);align-items:center;gap:clamp(1.25rem,2.5vw,2.25rem);font-size:.75rem;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover{color:var(--fg)}.hero{flex-direction:column;justify-content:center;gap:2rem;min-height:calc(100dvh - 8rem);padding:3rem 0 6rem;display:flex}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:.6875rem}.hero h1{font-family:var(--sans);letter-spacing:-.045em;margin:0;font-size:clamp(3rem,9.5vw,10.5rem);font-weight:500;line-height:.96}.hero h1 .dot{color:var(--muted)}.hero .lede{color:var(--soft);max-width:42rem;margin:0;font-size:clamp(1rem,1.2vw,1.1875rem);line-height:1.55}.cta{flex-wrap:wrap;gap:.875rem;margin-top:.5rem;display:flex}.btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.75rem;transition:opacity .16s,background .16s,color .16s,border-color .16s;display:inline-flex}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{opacity:.85}.btn-ghost{color:var(--fg);border-color:var(--rule-strong);background:0 0}.btn-ghost:hover{border-color:var(--fg)}.section{border-top:1px solid var(--rule);padding:clamp(3rem,7vw,5.5rem) 0}.section-head{align-items:baseline;gap:1rem;margin-bottom:2.25rem;display:flex}.section-index{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);font-size:.6875rem}.section-title{font-family:var(--sans);letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:500}.section-lede{color:var(--soft);max-width:50rem;margin:0 0 1.75rem;font-size:1rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.feature-grid li{border-top:1px solid var(--rule);padding:2rem clamp(1rem,2vw,2rem) 2rem 0}.feature-grid li:nth-child(n+2){padding-left:clamp(1rem,2vw,2rem)}.feature-grid h3{font-family:var(--sans);letter-spacing:-.01em;margin:0 0 .625rem;font-size:1.0625rem;font-weight:600}.feature-grid p{color:var(--soft);margin:0;font-size:.9375rem;line-height:1.6}.feature-grid code,.section-lede code,.profile-table code,.compat-grid code{font-family:var(--mono);background:var(--code-bg);border-radius:2px;padding:.05em .35em;font-size:.85em}.profile-table{border-top:1px solid var(--rule);display:grid}.profile-row{border-bottom:1px solid var(--rule);color:var(--soft);grid-template-columns:minmax(9rem,1fr) minmax(7rem,1fr) minmax(8rem,1fr) minmax(0,2.2fr);align-items:baseline;gap:1.25rem;padding:1rem 0;font-size:.9375rem;display:grid}.profile-head{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.6875rem}.profile-head span{color:var(--muted)}.code{background:var(--code-bg);border:1px solid var(--rule);font-family:var(--mono);color:var(--fg);white-space:pre;margin:0 0 1.5rem;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.65;overflow-x:auto}.code code{background:0 0;padding:0;font-family:inherit}.compat-grid{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.compat-grid li{border-bottom:1px solid var(--rule);font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--soft);padding:1.25rem 0;font-size:.8125rem}.footer{border-top:1px solid var(--rule);font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding:1.75rem 0;font-size:.6875rem;display:flex}.footer a{transition:color .16s}.footer a:hover{color:var(--fg)}.footer .status{align-items:center;gap:.5rem;display:inline-flex}.footer .status:before{content:"";background:var(--fg);opacity:.9;border-radius:999px;width:6px;height:6px}@media (width<=960px){.nav{gap:1.25rem}.nav-links{letter-spacing:.12em;gap:clamp(.875rem,2.2vw,1.75rem);font-size:.6875rem}}@media (width<=720px){:root{--page-padding-x:1.25rem;--page-padding-y:1.25rem}.nav-links a:not(:last-child){display:none}.nav-links{gap:0}.nav-links a{padding:.5rem 0}.wordmark{gap:.5rem;font-size:1.3125rem}.wordmark-mark{font-size:.8125rem;transform:translateY(-2px)}.wordmark:hover .wordmark-mark{transform:translateY(-2px)rotate(45deg)}.hero{gap:1.5rem;min-height:auto;padding:2rem 0 3rem}.hero h1{letter-spacing:-.05em;font-size:clamp(3rem,15.5vw,5.5rem)}.hero .lede{font-size:.9375rem}.cta{flex-direction:column;align-items:stretch;gap:.625rem}.btn{justify-content:center;padding:1rem 1.5rem;font-size:.6875rem}.section{padding:2.75rem 0}.section-head{gap:.875rem;margin-bottom:1.75rem}.section-title{font-size:1.5rem}.feature-grid{grid-template-columns:1fr}.feature-grid li,.feature-grid li:nth-child(n+2){padding:1.5rem 0}.profile-row{grid-template-columns:1fr;gap:.375rem;padding:1.25rem 0}.profile-head{display:none}.profile-row span:first-child{color:var(--fg);margin-bottom:.125rem;font-size:1rem;font-weight:600}.profile-row span:nth-child(2):before{content:"4WD penalty — ";color:var(--muted)}.profile-row span:nth-child(3):before{content:"Min smoothness — ";color:var(--muted)}.profile-row span:nth-child(4){color:var(--muted);margin-top:.125rem;font-size:.875rem}.code{padding:1rem 1.1rem;font-size:.8125rem}.compat-grid{grid-template-columns:1fr 1fr}.compat-grid li{padding:1rem 0}.footer{flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.5rem 0}}@media (width<=420px){.hero h1{letter-spacing:-.055em;line-height:.94}.compat-grid{grid-template-columns:1fr}}@media (hover:none){.wordmark:hover .wordmark-mark{transform:translateY(-3px)}.btn-ghost:hover{border-color:var(--rule-strong)}}
