:root{--bg: #1a1b26;--bg-deep: #16161e;--surface: #1e2030;--surface-2: #24283b;--text: #c0caf5;--text-dim: #a9b1d6;--muted: #565f89;--brand: #9ece6a;--brand-ink: #1a1b26;--e: #ff9e64;--e-soft: rgba(255, 158, 100, .12);--b: #7dcfff;--b-soft: rgba(125, 207, 255, .12);--rule: rgba(192, 202, 245, .11);--rule-strong: rgba(192, 202, 245, .2);--font-sans: "Geist", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}.scanlines{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;background-image:radial-gradient(70% 55% at 50% 0%,rgba(158,206,106,.05),transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 3px)}nav,main,header,footer{position:relative;z-index:1}.topbar{max-width:1120px;margin:0 auto;padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.78rem;border-bottom:1px solid var(--rule)}.brand{color:var(--brand);font-weight:600;letter-spacing:.02em}.brand-dim{color:var(--muted);font-weight:400}.topbar-meta{color:var(--muted)}.hero{max-width:960px;margin:0 auto;padding:clamp(3.5rem,10vh,7rem) 1.5rem 3rem;text-align:center}.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--text-dim);margin-bottom:1.8rem;opacity:0;animation:rise .7s ease .05s forwards}.prompt{color:var(--brand);margin-right:.5rem;font-weight:600}h1{font-family:var(--font-sans);font-weight:600;font-size:clamp(3.1rem,12vw,7.5rem);line-height:.95;letter-spacing:-.035em;margin-bottom:1.6rem;opacity:0;animation:rise .8s ease .12s forwards}h1 span{display:block}.brand-word{color:var(--brand)}.lede{font-size:clamp(1.02rem,2.2vw,1.3rem);font-weight:300;max-width:46ch;margin:0 auto;color:var(--text-dim);opacity:0;animation:rise .8s ease .26s forwards}.wave{width:min(100%,680px);margin:3rem auto 1.1rem;display:block;overflow:visible}.wave path{fill:none;stroke-width:2;stroke-linecap:square;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.2s ease .4s forwards}.wE{stroke:var(--e)}.wB{stroke:var(--b);animation-delay:.65s}.axis{stroke:var(--rule-strong);stroke-width:1;stroke-dasharray:3 5}.legend{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);opacity:0;animation:rise .8s ease 1.3s forwards}.legend em{font-style:normal;color:var(--brand)}.sep{margin:0 .55rem;color:var(--muted)}.tag{font-family:var(--font-mono);font-weight:600;padding:.08em .4em;font-style:normal;border:1px solid transparent}.tag-e{color:var(--e);background:var(--e-soft);border-color:#ff9e644d}.tag-b{color:var(--b);background:var(--b-soft);border-color:#7dcfff4d}.grid{max-width:1120px;margin:2rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.card{position:relative;background:var(--bg);padding:2rem 1.9rem 1.7rem;opacity:0;transform:translateY(18px);animation:rise .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.5s + var(--i) * .12s);transition:background .25s ease}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.card.electric:before{background:var(--e)}.card.magnetic:before{background:var(--b)}.card:hover{background:var(--surface)}.card:hover:before{transform:scaleY(1)}.card-top{display:flex;align-items:baseline;gap:.85rem;margin-bottom:1.3rem}.roman{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--brand)}.card h2{font-family:var(--font-sans);font-weight:600;font-size:1.22rem;letter-spacing:-.02em;line-height:1.12;color:var(--text)}.eq{color:var(--text)}.eq-main{font-size:1.12rem;margin:.3rem 0 .25rem}.eq-sub{opacity:.6;margin:.3rem 0 .25rem}.eq-main .katex,.eq-sub .katex{color:var(--text)}.eq-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--muted);margin-bottom:1rem}.eq-sub+.eq-label{margin-bottom:1.25rem}.meaning{font-size:.97rem;font-weight:300;color:var(--text-dim);border-top:1px solid var(--rule);padding-top:1rem}.coda{max-width:800px;margin:4.5rem auto 0;padding:3rem 1.9rem;text-align:center;border:1px solid var(--rule);background:var(--bg-deep)}.coda-kicker,.coda-text{font-family:var(--font-mono)}.coda-kicker{font-size:.76rem;letter-spacing:.04em;color:var(--brand);margin-bottom:1.3rem}.coda h3{font-family:var(--font-sans);font-weight:500;font-size:clamp(1.4rem,3.6vw,2.1rem);line-height:1.25;letter-spacing:-.025em;max-width:22ch;margin:0 auto 2rem;color:var(--text)}.eq-coda{font-size:1.18rem;margin:1.5rem 0}.coda-text{font-size:.86rem;line-height:1.8;color:var(--text-dim);max-width:54ch;margin:1.3rem auto}.coda-text .tag{font-size:.8rem}.coda-text.wide{max-width:48ch;color:var(--text);font-family:var(--font-sans);font-weight:300;font-size:1.02rem}footer{max-width:1120px;margin:3rem auto 0;padding:1.5rem 1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:.74rem;color:var(--muted)}footer span:first-child{color:var(--brand)}footer em{font-style:normal;color:var(--text-dim)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes draw{to{stroke-dashoffset:0}}@media(max-width:720px){.grid{grid-template-columns:1fr}h1{font-size:clamp(2.8rem,16vw,4.5rem)}.topbar-meta{display:none}footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,.card,.wave path{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}