.hero{padding:clamp(120px, 14vw, 168px) 0 var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:40px 64px;display:grid}.hero-copy{justify-items:start;gap:24px;display:grid}.hero-title{font:600 clamp(2.5rem, 5.2vw, 5.25rem) / .98 var(--f-display);letter-spacing:-.045em;color:var(--deep);text-wrap:balance}.hero-title em{font-family:var(--f-serif);letter-spacing:-.01em;font-size:1.1em;font-style:italic;font-weight:400;line-height:.95;display:block}.hero-lede{max-width:44ch}.hero-lede code{font:500 .9em / 1 var(--f-mono);color:var(--deep)}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.copy-cmd{white-space:nowrap}.copy-cmd code{font:500 .9375rem / 1 var(--f-mono)}.copy-cmd[data-done] .ic{color:var(--ok)}.copy-state{font:500 .8125rem / 1 var(--f-mono);color:var(--ok);min-width:9ch}.facts{flex-wrap:wrap;gap:6px;display:flex}.facts li{font:500 .75rem / 1 var(--f-mono);color:var(--ink-2);background:var(--glass);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;align-items:center;padding:7px 12px;display:inline-flex}.facts .dot-ok{width:6px;height:6px;margin-right:8px}.stage{min-width:0;display:grid;position:relative}.meter{z-index:2;pointer-events:none;grid-template-columns:1fr auto;align-items:end;gap:0 20px;display:grid;position:relative}.meter-side{justify-items:start;gap:10px;padding-bottom:58px;display:grid}.m-eyebrow{font:600 .6875rem / 1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.chip{font:600 .75rem / 1 var(--f-body);color:var(--ok-ink);background:var(--ok-soft);border-radius:999px;padding:6px 10px}.chip[data-band="0"],.chip[data-band="1"]{color:var(--bad-ink);background:var(--bad-soft)}.chip[data-band="2"]{color:var(--amber-ink);background:color-mix(in srgb, var(--amber) 22%, transparent)}.scale{grid-template-columns:repeat(5,1fr);gap:4px;width:180px;display:grid}.scale i{background:var(--hair-2);height:5px;transition:background .4s var(--ease);border-radius:3px}.scale i.on{background:var(--blue)}.scale i.cur{background:linear-gradient(90deg, var(--blue), var(--amber))}.scale-l{width:180px;font:500 .6875rem / 1 var(--f-mono);color:var(--ink-3);justify-content:space-between;display:flex}.hint{color:var(--ink-2);font-size:.8125rem}.stats{grid-template-columns:repeat(4,auto);justify-content:start;gap:2px 16px;margin:6px 0 0;display:grid}.stats dt{font:500 .6875rem / 1.2 var(--f-body);color:var(--ink-3);grid-row:1}.stats dd{font:500 .9375rem / 1.2 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--deep);grid-row:2;margin:0}.big{font:600 clamp(7rem, 13vw, 13rem) / .8 var(--f-mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--deep);align-items:baseline;margin-bottom:-.2em;display:flex}.big .num{background:linear-gradient(180deg, var(--deep) 30%, var(--blue-ink));color:#0000;text-align:right;-webkit-background-clip:text;background-clip:text;min-width:2ch;padding-bottom:.06em}.big .num.tick{animation:tick .45s var(--ease)}.big .of{letter-spacing:0;color:var(--ink-3);margin-left:.2em;font-size:.14em;font-weight:500}@keyframes tick{0%{opacity:.55;translate:0 .06em}}.hero>*,.stage>*{min-width:0}.sheet{background:color-mix(in srgb, var(--surf) 84%, transparent);min-height:300px;transition:box-shadow .2s var(--ease);border-radius:18px;padding:6px;position:relative}.sheet:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 18%, transparent), var(--shadow)}.sheet .aurora{pointer-events:none;z-index:-1;background:radial-gradient(40% 60% at 35% 50%, rgba(var(--glow-blue), .26), transparent 70%), radial-gradient(35% 55% at 68% 50%, #ffc46b2e, transparent 70%);height:90px;position:absolute;bottom:-10px;left:10%;right:10%}.sheet-host{flex-direction:column;min-height:288px;display:flex;position:relative}.sheet-static{color:var(--deep);padding:24px 28px 16px;font-size:1.0625rem;line-height:1.65}.sheet-static p+p{margin-top:12px}.sheet .ve-root,.sheet .ve-root:focus-within{box-shadow:none;background:0 0;border:0;border-radius:12px}.sheet .ve-root .vive-content{flex:1}.demo{border-radius:var(--r-xl);grid-template-columns:minmax(0,1fr);gap:0;padding:12px;display:grid}.demo-host{border-radius:var(--r-lg);background:var(--solid);min-height:520px;box-shadow:inset 0 0 0 1px var(--hair)}.demo-status{text-align:center;min-height:520px;color:var(--ink-2);place-items:center;margin-top:-520px;padding:24px;font-size:.9375rem;display:none}.demo-status span{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:none}.demo:not([data-state=ready]) .demo-status{display:grid}.demo[data-state=waiting] [data-when=waiting],.demo[data-state=loading] [data-when=loading],.demo[data-state=error] [data-when=error]{display:inline-flex}.demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px 8px 4px;display:flex}.demo-note{color:var(--ink-2);align-items:flex-start;gap:8px;max-width:62ch;font-size:.875rem;display:flex}.demo-note .ic{width:16px;height:16px;color:var(--ok);margin-top:3px}.demo-actions{flex-wrap:wrap;gap:8px;display:flex}.demo-actions .btn:disabled{opacity:.5;cursor:not-allowed}.demo-html{border-radius:var(--r-md);background:var(--night);color:#e6eef9;max-height:360px;font:400 .8125rem / 1.6 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;color-scheme:dark;margin:12px 0 0;padding:16px 18px;overflow:auto}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature{border-radius:var(--r-lg);height:100%;color:inherit;transition:translate .25s var(--ease);grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;gap:8px 12px;padding:24px;text-decoration:none;display:grid}.feature:hover{translate:0 -3px}.feature-ic{width:44px;height:44px;color:var(--blue-ink);background:color-mix(in srgb, var(--blue) 12%, transparent);border-radius:12px;grid-column:1/-1;place-items:center;margin-bottom:10px;display:grid}.feature h3{font:600 1.0625rem / 1.25 var(--f-display);letter-spacing:-.01em;color:var(--deep)}.feature p{color:var(--ink-2);grid-column:1;font-size:.9375rem;line-height:1.55}.feature-go{width:16px;height:16px;color:var(--blue-ink);transition:translate .25s var(--ease);grid-area:2/2;align-self:center}.feature:hover .feature-go{translate:3px}.install{border-radius:var(--r-xl);padding:12px}.tabs{background:color-mix(in srgb, var(--tint) 6%, transparent);scrollbar-width:none;border-radius:999px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tabs [role=tab]{min-height:40px;color:var(--ink-2);font:500 .875rem / 1 var(--f-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;padding:0 16px}.tabs [role=tab]:hover{color:var(--deep)}.tabs [role=tab][aria-selected=true]{background:var(--solid);color:var(--deep);box-shadow:var(--shadow-soft)}.tabs [role=tab]:focus-visible{outline-offset:-2px}.tab-panel{padding:20px 8px 4px}.tab-lead{color:var(--ink-2);max-width:72ch;margin-bottom:14px;font-size:.9375rem}.code-wrap{position:relative}.code-wrap pre{border-radius:var(--r-md);font:400 .875rem / 1.65 var(--f-mono);margin:0;padding:20px 22px;overflow:auto;box-shadow:inset 0 0 0 1px #e0e2e614}.btn-copy{color:#e6eef9;background:#ffffff14;min-height:36px;padding:0 12px;font-size:.8125rem;position:absolute;top:10px;right:10px;box-shadow:inset 0 0 0 1px #ffffff24}.btn-copy:hover{background:#ffffff29}.btn-copy[data-done] .ic{color:#37be7f}.install-note{padding:14px 8px 4px}.points{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;display:grid}.points li{grid-template-columns:auto 1fr;align-content:start;gap:6px 14px;display:grid}.points .ic{width:22px;height:22px;color:var(--ok);background:var(--ok-soft);box-sizing:content-box;border-radius:999px;grid-row:1/3;padding:4px}.points h3{font:600 1.0625rem / 1.3 var(--f-display);color:var(--deep)}.points p{color:var(--ink-2);font-size:.9375rem;line-height:1.55}.cta-sec{padding-top:0}.cta{border-radius:var(--r-2xl);grid-template-columns:auto 1fr auto;align-items:center;gap:24px 40px;padding:clamp(28px,4vw,48px);display:grid}.cta .title{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.75rem)}.cta-mark{width:96px;height:96px}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=1024px){.hero{grid-template-columns:1fr;gap:56px}.feature-grid,.points{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{grid-template-columns:auto 1fr}.cta-actions{grid-column:1/-1}}@media (width<=640px){.meter{grid-template-columns:1fr}.meter-side{padding:0 0 4px}.big{justify-self:end;margin-bottom:-.16em}.sheet-static{padding:20px 18px 12px;font-size:1rem}.stats{gap:2px 12px}.feature-grid,.points{grid-template-columns:1fr}.demo{padding:6px}.cta{grid-template-columns:1fr}.cta-mark{width:72px;height:72px}.hero-cta .btn{flex:100%}}