:root{--fs-100:0.6875rem;--fs-200:0.75rem;--fs-300:0.8125rem;--fs-400:0.875rem;--fs-500:1rem;--fs-600:1.125rem;--fs-700:1.25rem;--fs-800:1.5625rem;--fs-900:1.9375rem;--fs-1000:2.4375rem;--fs-1100:3.0625rem;--fs-1200:3.8125rem;--fs-1300:4.75rem;--fs-hero:clamp(var(--fs-1100),7.2vw,var(--fs-1300));--fs-display:clamp(var(--fs-1100),6.4vw,var(--fs-1200));--fs-h1:clamp(var(--fs-1000),5.2vw,var(--fs-1100));--fs-h2:clamp(var(--fs-900),4vw,var(--fs-1000));--fs-h3:clamp(var(--fs-800),3vw,var(--fs-900));--tr-display:-0.03em;--tr-tight:-0.02em;--tr-normal:0;--tr-open:0.04em;--tr-label:0.1em;--tr-label-wide:0.14em;--lh-display:1.05;--lh-flat:1;--lh-heading:1.2;--lh-ui:1.4;--lh-body:1.6;--measure:68ch;--measure-tight:56ch;--s-05:4px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--s-7:56px;--s-8:64px;--s-10:80px;--s-12:96px;--s-16:128px;--section-y:var(--s-12);--container-w:1360px;--gutter:clamp(var(--s-3),4vw,var(--s-7));--grid-gap:var(--s-3);--line-w:1px;--line:#3f4760;--line-strong:#525a74;--line-soft:rgba(255,255,255,0.06);--line-accent:#2e4cd5;--rule:var(--line-w) solid var(--line);--rule-strong:var(--line-w) solid var(--line-strong);--radius:4px;--radius-dot:50%;--ease:cubic-bezier(0.22,0.61,0.36,1);--dur-hover:160ms;--dur-enter:450ms;--rise:10px;--t-hover:var(--dur-hover) var(--ease);--t-enter:var(--dur-enter) var(--ease);--font-body:var(--font-figtree),system-ui,-apple-system,sans-serif;--font-display:var(--font-figtree),system-ui,-apple-system,sans-serif;--font-mono:var(--font-figtree),system-ui,-apple-system,sans-serif;--bg:#1a1f2e;--bg-sunken:#14182a;--surface:#222838;--surface-2:#262d40;--surface-3:#303749;--ink:#f5f7fa;--ink-2:#dce0ec;--ink-3:#c8cfe0;--accent:#2e4cd5;--accent-deep:#2540b8;--accent-bright:#4a6aef;--accent-fg:#7aa2ff;--accent-ink:#ffffff;--accent-wash:rgba(46,76,213,0.08);--ok:#34d399;--warn:#f59e0b;--danger:#ef4444;--danger-fg:#fca5a5;--focus:var(--accent-fg);--focus-w:2px;--focus-offset:2px;--bg-primary:var(--bg);--bg-secondary:var(--surface-2);--bg-tertiary:var(--surface-3);--bg-card:var(--surface);--bg-card-hover:var(--surface-3);--border:var(--line);--border-light:var(--line-strong);--text-primary:var(--ink);--text-secondary:var(--ink-2);--text-muted:var(--ink-3);--accent-light:var(--accent-bright);--accent-dim:var(--accent-deep);--accent-secondary:var(--accent-fg);--accent-glow:var(--accent-wash);--accent-glow-strong:var(--accent-wash);--red:var(--danger);--green:var(--ok);--amber:var(--warn);--radius-lg:var(--radius);--transition:var(--t-hover)}.sec{position:relative;z-index:1;padding-block:var(--section-y);border-top:var(--rule)}.sec--flush{border-top:0}.sec--alt{background:var(--surface-2)}.wrap{width:100%;max-width:var(--container-w);margin-inline:auto;padding-inline:var(--gutter)}.wrap--ruled{border-inline:0 solid var(--line)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)}.rule{border:0;border-top:var(--rule);margin:0}.rule--strong{border-top:var(--rule-strong)}.eyebrow{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-200);font-weight:600;line-height:var(--lh-ui);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-2)}.eyebrow:before{content:"";width:var(--s-3);height:var(--line-w);background:var(--line-accent);flex:none}.eyebrow--bare:before{display:none}.h-display,.h1,.h2,.h3{font-family:var(--font-display);font-weight:700;color:var(--ink);text-wrap:balance}.h-display{font-size:var(--fs-display)}.h-display,.h1{line-height:var(--lh-display);letter-spacing:var(--tr-display)}.h1{font-size:var(--fs-h1)}.h2{font-size:var(--fs-h2);line-height:var(--lh-display)}.h2,.h3{letter-spacing:var(--tr-tight)}.h3{font-size:var(--fs-h3);line-height:var(--lh-heading)}.body{font-size:var(--fs-500);line-height:var(--lh-body);color:var(--ink-2);max-width:var(--measure);text-wrap:pretty}.body--lead{font-size:var(--fs-600)}.body--wide{max-width:none}.cell{background:var(--surface);border:var(--rule);border-radius:var(--radius);padding:var(--s-3);transition:border-color var(--t-hover),background-color var(--t-hover)}.cell:hover{border-color:var(--line-strong);background:var(--surface-2)}.cell--flush{background:transparent}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum";letter-spacing:var(--tr-tight)}.num__unit{font-size:max(.6em,var(--fs-100));font-weight:500;color:var(--ink-3);letter-spacing:var(--tr-normal);margin-left:.15em}:where(input,textarea,select,button,optgroup){font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}.dot{width:var(--s-1);height:var(--s-1);border-radius:var(--radius-dot);background:var(--ink-3);flex:none}.dot--live{background:var(--ok)}.dot--accent{background:var(--accent-fg)}.dot--warn{background:var(--warn)}.dot--down{background:var(--danger)}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.rise{opacity:0;transform:translate3d(0,var(--rise),0);transition:opacity var(--t-enter),transform var(--t-enter)}.rise.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}*,:after,:before{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}}@media (max-width:1023px){:root{--section-y:var(--s-8)}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:767px){:root{--section-y:var(--s-6);--fs-hero:var(--fs-1000);--fs-display:var(--fs-1000);--fs-h1:var(--fs-900);--fs-h2:var(--fs-800);--fs-h3:var(--fs-700)}.grid{grid-template-columns:minmax(0,1fr)}.cell{padding:var(--s-2)}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;opacity:0;z-index:1001;pointer-events:none}@supports (animation-timeline:scroll(root)){.scroll-progress{animation:scroll-progress-fill linear,scroll-progress-show steps(1);animation-timeline:scroll(root block),scroll(root block);animation-range:normal,0 120px;animation-fill-mode:both,both}@keyframes scroll-progress-fill{to{transform:scaleX(1)}}@keyframes scroll-progress-show{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mq-cs__compare>.mq-cs__lane{animation:cs-lane-in linear both;animation-timeline:view(block);animation-range:entry 10% entry 80%}.mq-cs__compare>.mq-cs__lane--ai{animation-delay:90ms}@keyframes cs-lane-in{0%{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}}}.figure{display:block;border:var(--rule);border-radius:var(--radius);background:var(--bg-sunken);overflow:hidden;aspect-ratio:3/2}.figure img{width:100%;height:100%;object-fit:cover;display:block}.figure--wide{max-width:900px;margin-inline:auto}.figure--ground{position:absolute;inset:0;z-index:0;border:0;border-radius:0;background:none;aspect-ratio:auto;opacity:.24;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 38%,#000 68%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 38%,#000 68%)}.figure--ground img{width:100%;height:100%;object-fit:cover;object-position:right center}.anatomy:has(.figure--ground),.mq-section:has(.figure--ground),.section:has(.figure--ground){position:relative;overflow:hidden}.anatomy:has(.figure--ground)>:not(.figure--ground),.mq-section:has(.figure--ground)>:not(.figure--ground),.section:has(.figure--ground)>:not(.figure--ground){position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.figure--ground{opacity:.18}}@media (max-width:768px){.figure--ground{inset:0 0 auto 0;height:clamp(180px,42vh,300px);-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 62%,transparent);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 62%,transparent)}.figure--ground img{object-position:center top}}.mq-hero:has(.figure--ground){overflow:hidden}.mq-hero:has(.figure--ground)>:not(.figure--ground){position:relative;z-index:1}.mq-hero:has(.figure--ground):not(:has(.mq-hero__visual)) .mq-hero__grid{grid-template-columns:minmax(0,1fr)}.mq-hero:has(.figure--ground):not(:has(.mq-hero__visual)) .mq-hero__lead{max-width:62ch}@media (min-width:769px){.mq-hero .figure--ground{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 30%,#000 58%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 30%,#000 58%)}}