.hero{background:radial-gradient(90% 120% at 18% 0%, #1f2a38 0%, #141d27 46%, var(--ob-bg) 100%);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;inset:0}.hero:before{background-image:linear-gradient(var(--ob-grid-fine) 1px, transparent 1px), linear-gradient(90deg, var(--ob-grid-fine) 1px, transparent 1px);background-size:72px 72px}.hero:after{background-image:linear-gradient(var(--ob-grid-coarse) 1px, transparent 1px), linear-gradient(90deg, var(--ob-grid-coarse) 1px, transparent 1px);background-size:360px 360px}.hero__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,4.2vw,120px);max-width:1680px;margin:0 auto;padding:clamp(48px,5.2vw,150px) clamp(24px,4.9vw,140px);display:grid;position:relative}.hero__copy{flex-direction:column;gap:clamp(24px,1.8vw,52px);min-width:0;display:flex}.hero__icon{filter:drop-shadow(0 18px 36px #00000073);width:clamp(88px,7vw,200px);height:auto}.hero__soon{border:1px solid var(--ob-accent-edge);background:var(--ob-accent-fill);width:max-content;max-width:100%;color:var(--ob-ink-chip);border-radius:999px;align-items:center;gap:clamp(8px,.49vw,14px);margin:0;padding:clamp(7px,.45vw,13px) clamp(13px,.85vw,24px);font-size:clamp(13px,.9vw,26px);display:inline-flex}.hero__soon-dot{border:2px solid var(--ob-accent);border-radius:50%;flex:none;width:.6em;height:.6em}.hero__titleblock{flex-direction:column;gap:clamp(16px,1.2vw,34px);display:flex}.hero__name{letter-spacing:-.03em;align-items:center;gap:clamp(12px,.8vw,22px);margin:0;font-size:clamp(38px,3.6vw,102px);font-weight:600;line-height:1;display:flex}.hero__led{background:var(--ob-accent);width:clamp(11px,.85vw,24px);height:clamp(11px,.85vw,24px);box-shadow:0 0 0 .33em var(--ob-accent-glow), 0 0 26px var(--ob-accent-halo);border-radius:50%;flex:none}.hero__tagline{max-width:22ch;color:var(--ob-ink-dim);text-wrap:pretty;margin:0;font-size:clamp(17px,1.34vw,38px);line-height:1.45}.hero__subtitle{max-width:46ch;color:var(--ob-ink-muted);text-wrap:pretty;margin:0;font-size:clamp(.94rem,.95vw,26px);line-height:1.6}.hero__readout{border:1px solid var(--ob-line);background:var(--ob-plate);width:max-content;max-width:100%;color:var(--ob-ink);border-radius:14px;flex-wrap:wrap;align-items:center;gap:clamp(14px,.9vw,26px);padding:clamp(12px,.77vw,22px) clamp(18px,1.2vw,34px);font-size:clamp(17px,1.2vw,34px);display:flex}.hero__readout span{white-space:nowrap}.hero__readout .is-charging{color:var(--ob-accent)}.hero__readout hr{background:var(--ob-rule);border:0;width:1px;height:1em;margin:0}.hero__actions{flex-wrap:wrap;gap:clamp(10px,.7vw,20px);display:flex}.hero__badges{flex-wrap:wrap;gap:clamp(10px,.56vw,16px);margin:0;padding:0;list-style:none;display:flex}.hero__badges li{border:1px solid var(--ob-line);background:var(--ob-plate-soft);color:var(--ob-ink-chip);border-radius:10px;align-items:center;gap:clamp(8px,.49vw,14px);padding:clamp(9px,.56vw,16px) clamp(14px,.9vw,26px);font-size:clamp(13px,1.04vw,30px);display:flex}.hero__badges b{color:var(--ob-ink-muted);font-weight:400}.hero__panel{flex-direction:column;gap:clamp(12px,.77vw,22px);min-width:0;display:flex}.deck{aspect-ratio:1700/1340;width:100%;min-width:0;position:relative}.deck__card,.deck__popover{max-width:100%;height:auto;display:block;position:absolute}.deck__card{left:calc(var(--i) * 9.4%);transform-origin:50% 165%;width:57.6%;bottom:24.6%}.deck__popover{filter:drop-shadow(0 40px 70px #0000008c);width:25.3%;bottom:3%;left:.6%;transform:rotate(-3.5deg)}.hero__caption{color:var(--ob-ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(.94rem,.9vw,26px);display:flex}@media (width<=900px){.hero__inner{grid-template-columns:minmax(0,1fr);gap:40px}.hero__tagline{max-width:34ch}.deck{width:88%;margin-inline:auto}}.stats{border-top:1px solid var(--ob-line);background:var(--ob-surface)}.stats__inner{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:clamp(20px,1.8vw,52px);max-width:1680px;margin:0 auto;padding:clamp(24px,2.1vw,60px) clamp(24px,4.9vw,140px);display:grid}.stats__item{flex-direction:column;gap:clamp(4px,.35vw,10px);display:flex}.stats__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(24px,1.9vw,54px);font-weight:600}.stats__label{color:var(--ob-ink-muted);margin:0;font-size:clamp(.88rem,.85vw,24px)}.menubar__mock{border:1px solid var(--ob-line);background:var(--ob-plate);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:12px;align-items:center;gap:clamp(8px,.6vw,18px);width:max-content;max-width:100%;padding:clamp(10px,.7vw,20px) clamp(16px,1.1vw,32px);font-size:clamp(15px,1.2vw,34px);display:flex;overflow-x:auto}.menubar__icon{font-size:.95em}.menubar__sep{color:var(--ob-ink-muted)}.menubar__charging{color:var(--ob-accent)}.menubar__fields{flex-wrap:wrap;gap:clamp(8px,.56vw,16px);margin:0;padding:0;list-style:none;display:flex}.menubar__fields li{border:1px solid var(--ob-line);background:var(--ob-plate-soft);color:var(--ob-ink-dim);border-radius:10px;padding:clamp(8px,.56vw,16px) clamp(14px,.9vw,26px);font-size:clamp(.94rem,.95vw,28px)}.menubar__fields li.is-free{border-color:var(--ob-accent-edge);color:var(--ob-ink)}.menubar__key{max-width:78ch;color:var(--ob-ink-muted);text-wrap:pretty;align-items:baseline;gap:clamp(8px,.56vw,16px);margin:0;font-size:clamp(.88rem,.88vw,26px);line-height:1.6;display:flex}.menubar__dot{border:1px solid var(--ob-accent-edge);background:var(--ob-accent-fill-strong);border-radius:3px;flex:none;width:.6em;height:.6em}.features__tabs{flex-direction:column;gap:clamp(20px,1.6vw,44px);display:flex}.features__tablist{flex-wrap:wrap;gap:clamp(8px,.56vw,16px);display:flex}.features__tab{border:1px solid var(--ob-line-control);background:var(--ob-plate-soft);font:inherit;color:var(--ob-ink-dim);cursor:pointer;border-radius:10px;align-items:center;gap:clamp(8px,.49vw,14px);padding:clamp(10px,.63vw,18px) clamp(14px,.9vw,26px);font-size:clamp(.94rem,1.04vw,30px);transition:color .12s,border-color .12s,background-color .12s;display:inline-flex}.features__tab:hover{color:var(--ob-ink)}.features__tab[aria-selected=true]{border-color:var(--ob-accent-line);background:var(--ob-accent-fill);color:var(--ob-ink)}.features__tab:focus-visible{outline:2px solid var(--ob-accent);outline-offset:3px}.features__kbd{border:1px solid var(--ob-line);font:inherit;color:var(--ob-ink-muted);border-radius:6px;padding:.2em .5em;font-size:.8em}.features__panel{border:1px solid var(--ob-line);background:var(--ob-plate);border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(20px,2.4vw,68px);padding:clamp(16px,1.3vw,38px);display:grid}.features__panel:focus-visible{outline:2px solid var(--ob-accent);outline-offset:3px}.features__shot{aspect-ratio:993/787;background:radial-gradient(120% 120% at 50% 0,#1f2a38 0%,#141d27 100%);border-radius:10px;justify-content:center;align-items:center;max-height:560px;animation:.18s ease-out features-fade;display:flex;overflow:hidden}.features__shot img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}@keyframes features-fade{0%{opacity:0}to{opacity:1}}.features__copy{color:var(--ob-ink-dim);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.04vw,30px);line-height:1.6}@media (width<=900px){.features__panel{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.features__shot{animation:none}.features__tab{transition:none}}.get__actions{flex-wrap:wrap;align-items:center;gap:clamp(14px,1.2vw,34px);display:flex}
