.hero-b{position:relative;display:grid;width:100%;padding:44px 36px 32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start;border-radius:var(--radius-xl)}.hero-b .hb-main{align-self:start;min-width:0}.hero-b .hero-title{font-size:var(--size-hero-tracer);line-height:1.04;letter-spacing:-.05em}.hero-b .hero-text{margin-top:28px;max-width:56ch;font-size:var(--size-lead);line-height:1.6;text-align:left;color:var(--hero-muted)}d10-traceur{display:block;position:relative;width:100%;aspect-ratio:3 / 2;min-width:0;pointer-events:none}d10-traceur:is([data-state="playing"],[data-state="paused"]){pointer-events:auto;cursor:pointer}d10-traceur:is([data-state="playing"],[data-state="paused"]):focus-visible{outline:var(--border-width-control) solid var(--focus);outline-offset:4px;border-radius:var(--radius-s)}d10-traceur svg{display:block;width:100%;height:100%;overflow:visible}d10-traceur .guide{fill:none;stroke:var(--hero-accent);stroke-width:.8;stroke-dasharray:3 4}d10-traceur .frame{fill:none;stroke:var(--text);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}d10-traceur .div{fill:none;stroke:var(--text);stroke-width:.8;stroke-linecap:round;opacity:.7}d10-traceur .spiral{fill:none;stroke:var(--hero-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}d10-traceur .hair{stroke:var(--hero-accent);stroke-width:.6;stroke-opacity:.45}d10-traceur .thin{stroke:var(--hero-accent);stroke-width:.8;fill:none}d10-traceur .txt{font-family:var(--font-mono);font-size:var(--size-tracer-label);font-weight:500;fill:var(--hero-accent);letter-spacing:.06em}d10-traceur .read{font-family:var(--font-mono);font-size:var(--size-tracer-read);fill:var(--text);fill-opacity:.6;letter-spacing:.05em;font-variant-numeric:tabular-nums}@media (max-width:1000px){.hero-b{grid-template-columns:minmax(0,1fr);padding:32px 24px 24px;gap:20px}.hero-b .hero-title{font-size:var(--size-hero-tracer-tablet)}d10-traceur{width:min(100%,540px);justify-self:center}}@media (max-width:767px){.hero-b{padding:24px 14px 16px;gap:12px;text-align:center}.hero-b .hero-title{font-size:var(--size-hero-tracer-mobile)}.hero-b .hero-text{margin-left:auto;margin-right:auto;max-width:36ch;margin-top:24px;font-size:var(--size-body)}d10-traceur{max-width:420px}}.hero-b{background:var(--hero-surface);box-shadow:inset 0 0 0 1px var(--border)}.hero-text .hl-accent{color:var(--accent-strong);text-decoration-color:var(--accent-strong);text-decoration-thickness:1px}@media (max-width:1000px) and (min-width:768px){.hero-b .hero-text{max-width:60ch}}