:root{color-scheme:dark;--bg: #09111f;--bg-2: #101d33;--panel: rgba(13, 23, 41, .72);--panel-strong: rgba(22, 35, 60, .88);--ink: #eef3ff;--muted: #9fadc9;--accent: #9ec4ff;--accent-2: #f0b98b;--line: rgba(157, 191, 255, .18);--line-strong: rgba(157, 191, 255, .3);--shadow: 0 22px 70px rgba(0, 0, 0, .34);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 10%,rgba(84,127,208,.28),transparent 24%),radial-gradient(circle at 88% 14%,rgba(240,185,139,.18),transparent 18%),linear-gradient(180deg,var(--bg-2),var(--bg))}body{margin:0;color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Baskerville,Georgia,serif;line-height:1.68;min-height:100vh;position:relative}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em;color:#d7e6ff;background:#ffffff0a;padding:.08rem .3rem;border-radius:.4rem}.code-block{margin:.9rem 0 0;padding:.95rem 1rem;overflow-x:auto;border:1px solid rgba(158,196,255,.16);border-radius:14px;background:#040a12c7}.code-block code{display:block;padding:0;background:transparent;border-radius:0;line-height:1.58;white-space:pre}.plain-code-block{font-size:.95rem}.plain-code-block code{color:#d7e6ff}.shiki-block{padding:.95rem 1rem;border-color:#f0b98b2e;background:linear-gradient(180deg,#16233cf0,#080e18f0)!important;box-shadow:inset 0 1px #ffffff08,0 18px 40px #0003}.shiki-block code{font-size:.95rem}.page-glow{position:fixed;z-index:-1;inset:auto;width:24rem;height:24rem;border-radius:999px;filter:blur(80px);opacity:.42;pointer-events:none}.page-glow-left{top:5rem;left:-6rem;background:#78a4ff40}.page-glow-right{top:14rem;right:-8rem;background:#f0b98b29}.wrap{width:min(1200px,calc(100vw - 2rem));margin:0 auto}.site-header{padding:4.8rem 0 2rem}.hero-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:end}.eyebrow,.section-kicker,.demo-topline,.note-label,.hero-note-label,.card-topline,.summary-label,.aside-popup-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;color:var(--accent)}h1,h2,h3{text-wrap:balance}h1,h2{font-family:Avenir Next Condensed,Arial Narrow,Franklin Gothic Medium,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:0}h1{margin-top:.5rem;font-size:clamp(3rem,7vw,5.7rem);max-width:10.5ch}h2{margin-bottom:1rem;font-size:clamp(1.85rem,3vw,2.7rem)}h3{margin:0 0 .75rem;font-family:Avenir Next Condensed,Arial Narrow,sans-serif;font-size:1.25rem;letter-spacing:-.02em}.lede,.demo-copy,.hero-note p,.summary-value,.callout p,.info-card p,.steps-list,.clean-list{color:var(--muted)}.lede{max-width:38rem;margin:1.25rem 0 0;font-size:1.16rem}.hero-note{padding:1.2rem 1.25rem 1.15rem;border:1px solid rgba(240,185,139,.22);border-radius:var(--radius-lg);background:linear-gradient(180deg,#1f283bd6,#0d1421e0);box-shadow:var(--shadow)}.hero-note p{margin:.5rem 0 0;font-size:1rem}.post{padding-bottom:5rem}.post article{display:grid;gap:2.3rem}.post section{position:relative}.post p{max-width:72ch;margin:0 0 1rem;font-size:1.06rem}.summary-strip{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-pill,.info-card,.callout,.demo-card{border:1px solid var(--line);background:linear-gradient(180deg,#111c30e0,#0a121fd1);box-shadow:var(--shadow)}.summary-pill{padding:1rem 1.05rem;border-radius:999px}.summary-value{display:block;margin-top:.35rem;font-size:.96rem}.callout{padding:1rem 1.1rem;border-radius:var(--radius-md);max-width:58rem}.theory-callout{border-color:#9ec4ff47}.warning-callout{border-color:#f0b98b52;background:linear-gradient(180deg,#311f18b3,#10121bdb)}.card-grid{display:grid;gap:1rem}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{padding:1.2rem 1.15rem;border-radius:var(--radius-lg)}.compact-card{min-height:10.5rem}.emphasis-card{border-color:var(--line-strong)}.clean-list,.steps-list{margin:0;padding-left:1.25rem}.clean-list li,.steps-list li{margin-bottom:.45rem}.demo-card{padding:1.35rem;border-radius:var(--radius-xl);border-color:#9ec4ff47;background:radial-gradient(circle at top right,rgba(158,196,255,.14),transparent 28%),linear-gradient(180deg,#142239f0,#0a121feb)}.inline-note-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(158,196,255,.14)}.note-inline-topline{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;color:var(--accent)}.inline-note-copy{margin:.45rem 0 .9rem;color:var(--muted);font-size:.98rem}.toggle{appearance:none;border:0;border-radius:999px;padding:.86rem 1.08rem;font:inherit;font-weight:700;color:#071120;background:linear-gradient(135deg,#f2c299,#9ec4ff);cursor:pointer;box-shadow:0 14px 30px #0003;transition:transform .18s ease,box-shadow .18s ease}.toggle:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0000003d}.note-shell{margin-top:1rem;overflow:hidden;height:var(--target-height, 0px);transition:height .24s ease}.note-shell.collapsed{height:0}.note-chrome{border:1px solid rgba(158,196,255,.34);background:#9ec4ff14;border-radius:18px;padding:1rem}.note-content{font-size:1.07rem;line-height:1.62;color:#f6f8ff}.inline-note-trigger{appearance:none;display:inline;border:0;padding:0;margin:0;font:inherit;line-height:inherit;color:inherit;background:linear-gradient(180deg,#9ec4ff00,#9ec4ff94);box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer;text-decoration:underline;text-decoration-color:#f0c29970;text-decoration-thickness:.08em;text-underline-offset:.15em}.inline-note-trigger:hover{background:linear-gradient(180deg,#9ec4ff1a,#9ec4ffc2)}.shiki-block .code-inline-trigger{background:linear-gradient(180deg,#9ec4ff14,#9ec4ff6b);text-decoration-color:#9ec4ff9e;border-radius:.3rem;padding:0 .08rem}.shiki-block .code-inline-trigger:hover{background:linear-gradient(180deg,#9ec4ff24,#9ec4ff9e)}.inline-note-trigger:focus-visible,.toggle:focus-visible{outline:2px solid #f0c299;outline-offset:3px}.aside-popup{position:fixed;top:0;left:0;z-index:20;width:min(320px,calc(100vw - 2rem));padding:1rem 1rem .95rem;border:1px solid rgba(158,196,255,.26);border-radius:18px;background:#070d16f5;box-shadow:0 24px 60px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.aside-popup h3{margin:0;font-size:1rem}.aside-popup p{margin:.55rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}.aside-code{margin:.65rem 0 0;padding:.7rem .8rem;overflow-x:auto;border:1px solid rgba(158,196,255,.18);border-radius:12px;background:#040a12b8}.aside-code code{display:block;padding:0;background:transparent;color:#d7e6ff;white-space:pre}.note-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.85rem;color:var(--muted);font-size:.9rem}strong{color:var(--ink)}@media(max-width:900px){.hero-grid,.summary-strip,.two-up,.three-up{grid-template-columns:1fr}.hero-note{max-width:34rem}}@media(max-width:640px){.site-header{padding-top:3.4rem}.wrap{width:min(100vw - 1.25rem,1080px)}.demo-card,.info-card,.callout{padding:1rem}.summary-pill{border-radius:22px}}