:root{--honey:#ffb020;--honey-hi:#ffc24d;--honey-soft:#ffb02024;--honey-line:#ffb02059;--bg:#16181c;--alt:#101216;--surface:#1c1f24;--code-bg:#0c0e12;--border:#2b3038;--hover:#ffffff0d;--text:#e9eaee;--muted:#98a0ac;--display:"Space Grotesk Variable", system-ui, sans-serif;--body:"Inter Variable", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, monospace;--hexagon:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0}a{color:inherit;text-decoration:none}code{font-family:var(--mono)}.nav{backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:20;background:#16181cdb;align-items:center;gap:20px;height:62px;padding:0 22px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.chip{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);border-radius:999px;padding:3px 9px;font-size:11px}.nav nav{gap:4px;margin-left:auto;display:flex}.nav nav a{color:var(--muted);border-radius:7px;padding:7px 11px;font-size:14px}.nav nav a:hover{background:var(--hover);color:var(--text)}.gh{border:1px solid var(--honey);color:var(--honey-hi);font-family:var(--mono);border-radius:8px;justify-content:center;align-items:center;width:38px;height:32px;font-size:12px;display:flex}.gh:hover{background:var(--honey-soft)}.hero{background:var(--alt);border-bottom:1px solid var(--border);padding:84px 22px 72px;position:relative;overflow:hidden}.glow{opacity:.55;pointer-events:none;background-image:radial-gradient(circle at 18% 12%,#ffb02029,#0000 42%),radial-gradient(circle at 78% 78%,#ffb02017,#0000 46%);position:absolute;inset:0}.hero-inner{flex-wrap:wrap;align-items:center;gap:48px;max-width:1080px;margin:0 auto;display:flex;position:relative}.hero-copy{flex:420px;min-width:0}.hero-mark{flex:220px;justify-content:center;display:flex}.hero-mark img{filter:drop-shadow(0 24px 44px #ffb02038);width:100%;max-width:320px;height:auto;animation:6s ease-in-out infinite qb-bob}@keyframes qb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.hero-mark img{animation:none}}.pill{background:var(--honey-soft);border:1px solid var(--honey-line);color:var(--honey-hi);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:5px 11px;font-size:11.5px;display:inline-flex}.dot{background:var(--honey);border-radius:50%;width:6px;height:6px}.hero h1{font-family:var(--display);letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(38px,5.4vw,64px);font-weight:700;line-height:1.02}.hero h1 span{color:var(--honey-hi)}.lede{color:var(--muted);text-wrap:pretty;max-width:30em;margin:0 0 30px;font-size:18.5px;line-height:1.6}.lede strong{color:var(--text);font-weight:600}.cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--border);border-radius:9px;padding:12px 22px;font-size:15px;font-weight:600}.btn:hover{background:var(--hover)}.btn.primary{background:var(--honey);border-color:var(--honey);color:#1b1e23}.btn.primary:hover{background:var(--honey-hi)}.install{background:var(--code-bg);border:1px solid var(--border);color:#c9cfd8;border-radius:9px;padding:11px 15px;font-size:13px}.prompt{color:#6b7280;margin-right:6px}.adapter{color:var(--muted);margin:18px 0 0;font-size:14.5px}.adapter a{color:var(--honey-hi);text-underline-offset:3px;text-decoration:underline}.hex{background:var(--honey);clip-path:var(--hexagon);width:34px;height:38px;margin-bottom:16px;display:block}.hex.sm{flex:none;width:13px;height:15px;margin:0}.features{grid-template-columns:minmax(0,1fr);gap:18px;max-width:1080px;margin:0 auto;padding:64px 22px;display:grid}@media (width>=560px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.features{grid-template-columns:repeat(4,minmax(0,1fr))}}.features article{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .15s}.features article:hover{border-color:var(--honey-line)}.features h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 8px;font-size:17px}.features p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.sample{max-width:1080px;margin:0 auto;padding:0 22px 72px}.sample-head h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 10px;font-size:27px}.sample-head>p{color:var(--muted);max-width:40em;margin:0 0 20px;line-height:1.65}.sample table{border-collapse:collapse;margin-bottom:22px;font-size:13.5px}.sample th,.sample td{border-bottom:1px solid var(--border);text-align:left;padding:7px 22px 7px 0}.sample th{color:var(--muted);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.sample strong{color:var(--honey-hi)}.code-frame{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-bar{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:7px;padding:10px 14px;display:flex}.code-bar span{background:#2b3038;border-radius:50%;width:10px;height:10px}.code-bar em{color:var(--muted);font-family:var(--mono);margin-left:8px;font-size:12px;font-style:normal}.code{margin:0;padding:22px;font-size:13.5px;line-height:1.7;overflow-x:auto}.code .k{color:#c792ea}.code .s{color:#b8e08a}.code .f{color:#7fd7e8}.code .n{color:#ffd79a}.code .c{color:#6b7280}.drivers{max-width:1080px;margin:0 auto;padding:0 22px 90px}.drivers-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.drivers-head h2{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:27px}.drivers-head span{color:var(--muted);font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;display:grid}.grid a{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:13px 14px;transition:border-color .15s,transform .15s;display:flex}.grid a:hover{border-color:var(--honey);transform:translateY(-2px)}.grid .name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}footer{background:var(--alt);border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:34px 22px;font-size:13.5px}
