:root{--ink: #f5f5f7;--ink-soft: #dcdce0;--ink-mid: #98989d;--ink-faint: #6e6e73;--paper: #000000;--paper-soft: #0d0d0f;--paper-deep: #1c1c1e;--rule: rgba(255, 255, 255, .1);--rule-strong: rgba(255, 255, 255, .18);--ember: #00a6e8;--ember-soft: #5dc5f2;--gold: #e5b76a;--kelp: #3fb585;--indigo: #6678e0;--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", "Menlo", monospace;--serif: "Source Serif 4", "Times New Roman", serif;--sans: "Inter", "Helvetica Neue", "Noto Sans SC", system-ui, sans-serif;--col-w: clamp(18rem, 64vw, 64rem);--gutter: clamp(1rem, 2.4vw, 2.5rem)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(15px,1vw + .6rem,17px);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:78px}::selection{background:var(--ember);color:var(--paper)}a{color:inherit;text-decoration:none}a.inline{border-bottom:1px solid var(--ember)}a.inline:hover{color:var(--ember)}img,video,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 var(--gutter);background:#000000b3;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--rule)}.nav__brand{display:flex;align-items:center;gap:.85rem;font-family:var(--mono);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.nav__brand-logo{height:28px;width:auto;color:var(--ink);display:block}.nav__links{display:flex;align-items:center;gap:clamp(.9rem,1.4vw,1.4rem);font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.nav__links a{color:var(--ink-mid);transition:color .15s ease}.nav__links a:hover{color:var(--ember)}.nav__lang{border:1px solid var(--rule-strong);color:var(--ink);padding:.42rem .75rem;border-radius:999px;background:transparent;font-family:var(--mono);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s}.nav__lang:hover{background:var(--ember);color:#fff;border-color:var(--ember)}@media(max-width:880px){.nav__links a:not(.nav__lang):not(.nav__paper){display:none}}section{position:relative;padding:clamp(4rem,7vw,6.5rem) var(--gutter)}section+section{border-top:1px solid var(--rule)}.shell{max-width:1240px;margin:0 auto}.kicker{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ember)}.kicker:before{content:"";width:28px;height:1px;background:var(--ember)}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.08}h2.section-title{font-size:clamp(2rem,3.6vw,3.4rem);margin:.6rem 0 1.4rem;max-width:22ch}h3{font-size:clamp(1.1rem,1.4vw,1.4rem);margin:0 0 .4rem}p.lede{font-family:var(--serif);font-size:clamp(1.05rem,1.3vw,1.35rem);line-height:1.45;color:var(--ink-soft);max-width:60ch}p{max-width:64ch;color:var(--ink-soft)}.rule{display:block;height:1px;background:var(--rule);margin:2rem 0}.hero{position:relative;padding:clamp(4.5rem,9vw,9rem) var(--gutter) clamp(3.5rem,6vw,6rem);overflow:hidden;isolation:isolate;background:radial-gradient(110% 80% at 80% 10%,rgba(0,166,232,.18) 0%,transparent 55%),radial-gradient(80% 60% at 8% 90%,rgba(94,92,230,.16) 0%,transparent 60%),var(--paper)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:96px 96px;mask-image:radial-gradient(ellipse at 50% 30%,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 35%,transparent 75%);z-index:-1}.hero__tag{font-family:var(--mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ember)}.hero__title{font-family:var(--serif);font-weight:600;font-size:clamp(4.2rem,13vw,11rem);letter-spacing:-.04em;line-height:.92;margin:.7rem 0 0;display:flex;align-items:baseline;gap:.4rem}.hero__title em{font-style:normal;color:var(--ember)}.hero__title sup{font-family:var(--mono);font-size:.18em;font-weight:500;color:var(--ink-mid);letter-spacing:.18em;text-transform:uppercase;transform:translateY(-1.3em)}.hero__subtitle{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.18;letter-spacing:-.005em;margin:1.3rem 0 1.6rem;max-width:26ch}.hero__lede{max-width:56ch;font-size:clamp(1.05rem,1.15vw,1.18rem)}.hero__cta{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.3rem;border-radius:999px;font-family:var(--mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--rule-strong);transition:transform .15s,background .15s,color .15s,border-color .15s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ember);color:#fff;border-color:var(--ember)}.btn--primary:hover{background:var(--ember-soft);border-color:var(--ember-soft);color:#000}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn__arrow{transition:transform .2s}.btn:hover .btn__arrow{transform:translate(4px)}.hero__stats{margin-top:clamp(3rem,5vw,4.5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}.hero__stat{padding:1.4rem 1.5rem;border-right:1px solid var(--rule)}.hero__stat:last-child{border-right:0}.hero__stat-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid)}.hero__stat-value{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;font-weight:600;margin-top:.55rem}.hero__byline{margin-top:2rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid)}.intro__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,3rem);margin-top:1.5rem}.intro__body p{font-family:var(--serif);font-size:clamp(1.02rem,1.1vw,1.15rem);line-height:1.55}@media(max-width:760px){.intro__body{grid-template-columns:1fr}}.principle__axes{margin-top:2.6rem;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.axis-card{position:relative;padding:1.6rem 1.7rem 1.7rem;border:1px solid var(--rule);background:var(--paper-soft);border-radius:8px}.axis-card--bad{background:linear-gradient(180deg,rgba(255,95,95,.1) 0%,var(--paper-soft) 100%)}.axis-card--good{background:linear-gradient(180deg,rgba(0,166,232,.12) 0%,var(--paper-soft) 100%)}.axis-card__label{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mid)}.axis-card__title{margin:.5rem 0 .6rem;font-size:1.3rem}.axis-card__diagram{margin-top:1.2rem;width:100%;height:110px}.principle__points{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem 2rem}.point{border-top:1px solid var(--rule-strong);padding-top:1.1rem}.point h3{font-family:var(--sans);font-weight:600;font-size:1.05rem;letter-spacing:-.005em}.point p{font-size:.95rem;color:var(--ink-soft)}@media(max-width:760px){.principle__axes{grid-template-columns:1fr}}.arch__steps{margin-top:2.6rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule-strong);border-radius:6px;overflow:hidden}.arch__step{padding:1.6rem 1.5rem;border-right:1px solid var(--rule);background:var(--paper-soft);position:relative}.arch__step:last-child{border-right:0}.arch__step:nth-child(odd){background:var(--paper-deep)}.arch__step-n{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;color:var(--ember)}.arch__step h3{font-family:var(--sans);font-size:1.1rem;margin:.4rem 0 .55rem}.arch__step p{font-size:.92rem}@media(max-width:920px){.arch__steps{grid-template-columns:1fr 1fr}.arch__step{border-right:none;border-bottom:1px solid var(--rule)}.arch__step:nth-child(odd){border-right:1px solid var(--rule)}}@media(max-width:540px){.arch__steps{grid-template-columns:1fr}.arch__step{border-right:none!important}}.schema{margin-top:3.2rem;position:relative;padding:2rem;border:1px solid var(--rule-strong);background:var(--paper-soft);border-radius:6px;background-image:linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}.schema__caption{margin-top:1.4rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;color:var(--ink-mid);max-width:64ch}.safety__grid{margin-top:2.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem}.safety__card{position:relative;padding:1.5rem 1.6rem 1.6rem;border:1px solid var(--rule-strong);background:var(--paper-soft);border-radius:6px}.safety__card:before{content:"";position:absolute;inset:6px 6px auto auto;width:10px;height:10px;background:var(--ember);border-radius:50%}.safety__card h3{font-family:var(--sans);font-size:1.05rem;font-weight:600}.safety__card p{font-size:.94rem}.demo__head{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end}@media(max-width:760px){.demo__head{grid-template-columns:1fr}}.demo__list{margin-top:3rem;display:flex;flex-direction:column;gap:clamp(2rem,3.5vw,3.4rem)}.demo__item{display:grid;grid-template-columns:.95fr 1.4fr;gap:clamp(1.2rem,2.4vw,2.4rem);align-items:start}@media(max-width:880px){.demo__item{grid-template-columns:1fr}}.demo__copy h3{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2rem);margin:.4rem 0 .6rem}.demo__tags{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.demo__tags li{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);padding:.32rem .6rem;border-radius:4px;background:var(--paper-soft)}.cmp{position:relative;border:1px solid var(--rule-strong);background:#000;border-radius:6px;overflow:hidden;user-select:none;touch-action:none;outline:none}.cmp:focus-visible{box-shadow:0 0 0 3px var(--ember)}.cmp__stage{position:relative;width:100%;aspect-ratio:1920 / 800;background:#06070a;cursor:ew-resize}.cmp[data-mode=heatmap] .cmp__stage{cursor:default}.cmp__media,.cmp__media-clip{position:absolute;inset:0;width:100%;height:100%}.cmp__media video,.cmp__media-clip video{width:100%;height:100%;object-fit:cover;display:block}.cmp__media--baseline{z-index:1}.cmp__media--cache{z-index:2;clip-path:inset(0 0 0 50%);transition:clip-path .06s linear}.cmp__media--heatmap{z-index:3;opacity:0;pointer-events:none;transition:opacity .18s ease}.cmp[data-mode=heatmap] .cmp__media--heatmap{opacity:1}.cmp[data-mode=heatmap] .cmp__media--cache{clip-path:inset(0)}.cmp__handle{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,var(--paper) 12%,var(--paper) 88%,transparent 100%);z-index:6;pointer-events:none;box-shadow:0 0 12px #0000008c}.cmp__handle-grip{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border:2px solid var(--paper);border-radius:50%;background:#0d0e108c;color:var(--paper);font-size:16px;font-weight:700;display:grid;place-items:center;backdrop-filter:blur(6px)}.cmp[data-mode=heatmap] .cmp__handle{display:none}.cmp__label{position:absolute;bottom:14px;z-index:5;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);background:#0d0e109e;padding:.42rem .8rem;border-radius:999px;backdrop-filter:blur(6px)}.cmp__label--left{left:14px}.cmp__label--right{right:14px;background:#00a6e8eb}.cmp[data-mode=heatmap] .cmp__label{display:none}.cmp__hud{position:absolute;top:14px;left:14px;z-index:5;display:flex;gap:.4rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.cmp__hud-pill{padding:.42rem .7rem;background:#0d0e108c;color:var(--paper);border-radius:999px;backdrop-filter:blur(6px)}.cmp__hud-pill--ember{background:#00a6e8eb}.cmp__ribbon{position:absolute;top:14px;right:14px;z-index:5;display:flex;align-items:center;gap:.6rem;background:#0d0e108c;padding:.42rem .7rem;border-radius:999px;backdrop-filter:blur(6px);overflow:hidden;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#f6f1e6b3;max-width:min(32%,220px)}.cmp__ribbon-label{display:none}.cmp__ribbon-track{display:flex;gap:1px;flex:1 1 auto;align-items:center}.blk{flex:1 1 0;height:14px;min-width:3px;background:#f6f1e62e;border-radius:1px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.blk[data-state=anchor]{background:var(--gold)}.blk[data-state=compute]{background:var(--ember);box-shadow:0 0 6px #00a6e8a6}.blk[data-state=skip]{background:#3fb585bf}.blk[data-state=kv]{background:var(--indigo);box-shadow:0 0 6px #6678e0a6}@media(max-width:700px){.cmp__ribbon{max-width:44%;gap:.35rem;padding:.32rem .5rem}.cmp__ribbon-label{display:none}}.cmp__scrub{padding:.4rem .9rem .6rem;background:var(--paper-soft);border-top:1px solid var(--rule)}.cmp__scrub-bar{position:relative;height:18px;cursor:pointer;display:flex;align-items:center}.cmp__scrub-bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:#ffffff1a;border-radius:2px;transform:translateY(-50%)}.cmp__scrub-fill{position:absolute;left:0;top:50%;height:4px;width:0%;background:var(--ember);border-radius:2px;transform:translateY(-50%);pointer-events:none}.cmp__scrub-handle{position:absolute;top:50%;left:0%;width:14px;height:14px;border-radius:50%;background:var(--ember);border:2px solid var(--ink);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 1px 4px #0009}.cmp__scrub-tick{position:absolute;top:50%;width:1px;height:12px;background:#ffffff2e;transform:translateY(-50%);pointer-events:none}.cmp__controls{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--paper-soft);border-top:1px solid var(--rule);gap:.6rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.cmp__modes{display:flex;gap:.3rem;flex-wrap:wrap}.cmp__mode-btn{padding:.45rem .85rem;border:1px solid var(--rule-strong);background:transparent;color:var(--ink);font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;border-radius:999px;transition:background .15s,color .15s,border-color .15s}.cmp__mode-btn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cmp__mode-btn--accent[aria-pressed=true]{background:var(--ember);color:#fff;border-color:var(--ember)}.cmp__time{display:flex;align-items:center;gap:.6rem;color:var(--ink-mid)}.cmp__play{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border:1px solid var(--ember);border-radius:999px;background:var(--ember);color:#fff;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit}.cmp__hint{margin:0;padding:.55rem .95rem;background:var(--paper);border-top:1px solid var(--rule);font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-mid)}.results__grid{margin-top:2.4rem;display:grid;grid-template-columns:1.55fr 1fr;gap:2rem;align-items:start}@media(max-width:920px){.results__grid{grid-template-columns:1fr}}table.metrics{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.82rem}table.metrics caption{text-align:left;caption-side:bottom;margin-top:.7rem;font-size:.74rem;color:var(--ink-mid);letter-spacing:.04em}table.metrics th,table.metrics td{padding:.55rem .8rem;border-bottom:1px solid var(--rule);text-align:right;vertical-align:middle}table.metrics th:first-child,table.metrics td:first-child{text-align:left}table.metrics thead th{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);border-bottom:1px solid var(--rule-strong);background:var(--paper-soft)}table.metrics tbody tr.scenario-head td{background:var(--paper-soft);border-top:1px solid var(--rule-strong);font-family:var(--sans);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ember);font-size:.78rem}table.metrics tbody tr.combined td{background:var(--paper-deep);font-weight:600;color:var(--ink)}.skip-card{border:1px solid var(--rule-strong);background:var(--paper-soft);padding:1.4rem 1.5rem;border-radius:6px}.skip-card__chart{margin-top:1rem;width:100%;height:200px}.foot{padding:3rem var(--gutter);border-top:1px solid var(--rule-strong);background:var(--paper-soft);color:var(--ink)}.foot a{color:var(--ember)}.foot__row{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:1.4rem;align-items:end}.foot__brand{font-family:var(--serif);font-size:1.7rem;font-weight:600}.foot__meta{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ember)}.foot__note{margin-top:1rem;max-width:60ch;color:var(--ink-mid);font-size:.94rem}@media(max-width:760px){.foot__row{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.fade-in.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}