.hero{position:relative;padding:90px 40px 70px;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 25% 40%,rgba(245,158,11,.07) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 75% 60%,rgba(16,185,129,.05) 0%,transparent 60%);z-index:0}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.hero-series{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:var(--gold-dim);border:1px solid rgba(245,158,11,.2);border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:28px}.hero-series .sep{opacity:.3}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:700;line-height:1.15;margin-bottom:20px;color:#fff;letter-spacing:-.5px}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.05rem;color:var(--text-muted);max-width:720px;margin:0 auto;font-weight:300;line-height:1.8}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section{padding:64px 0;position:relative}h2{font-family:Playfair Display,serif;font-size:1.7rem;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.3px}h2 .tag{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;color:var(--gold);margin-right:12px;letter-spacing:0}.section-lead{color:var(--text-dim);font-size:.9rem;margin-bottom:28px;font-weight:400}h3{font-size:1rem;font-weight:600;color:var(--accent3);margin:24px 0 10px}p{margin-bottom:14px;color:var(--text-muted);font-weight:300}strong{color:var(--text);font-weight:600}.cell{margin:20px 0;border:1px solid var(--code-border);border-radius:8px;overflow:hidden;background:var(--code-bg)}.cell-header{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:var(--surface2);border-bottom:1px solid var(--code-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.cell-header:hover{background:var(--surface3)}.cell-label{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-dim);display:flex;align-items:center;gap:8px}.cell-label .run-dot{width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 6px #10b98166}.cell-toggle{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-dim);display:flex;align-items:center;gap:4px;transition:color .2s}.cell-header:hover .cell-toggle{color:var(--gold)}.cell-toggle svg{width:13px;height:13px;transition:transform .3s}.cell-header.collapsed .cell-toggle svg{transform:rotate(-90deg)}.cell-code{padding:18px;overflow-x:auto;transition:max-height .4s ease,padding .3s ease,opacity .3s ease;max-height:2500px;opacity:1}.cell-code.hidden{max-height:0;padding:0 18px;opacity:0;overflow:hidden}pre{font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;color:#c9d1d9;white-space:pre;tab-size:4}.kw{color:#ff7b72}.fn{color:#d2a8ff}.str{color:#a5d6ff}.cm{color:#6e7681;font-style:italic}.num{color:#79c0ff}.op{color:#ff7b72}.dec{color:#ffa657}.output{margin:18px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.output-tag{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0}.metric{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 20px;text-align:center;transition:border-color .3s,transform .2s}.metric:hover{border-color:var(--gold);transform:translateY(-2px)}.metric-val{font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:700;line-height:1.2}.metric-sub{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.tbl{width:100%;border-collapse:collapse;font-size:.8rem;margin:14px 0}.tbl th{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:9px 10px;text-align:left;border-bottom:2px solid var(--border)}.tbl td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-muted);font-weight:300}.tbl tr:hover td{background:#f59e0b05}.tbl .hi{color:var(--accent2);font-weight:600}.tbl .mid{color:var(--gold);font-weight:600}.tbl .lo{color:var(--accent4);font-weight:600}.note{margin:22px 0;padding:18px 22px;border-radius:0 8px 8px 0;border-left:3px solid var(--gold);background:var(--gold-dim)}.note-head{font-weight:700;color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.note p{color:var(--text-muted);margin:0}.note.green{border-color:var(--accent2);background:#10b9810d}.note.green .note-head{color:var(--accent2)}.note.blue{border-color:var(--accent3);background:#3b82f60d}.note.blue .note-head{color:var(--accent3)}.note.red{border-color:var(--accent4);background:#ef44440d}.note.red .note-head{color:var(--accent4)}.flow{display:flex;align-items:center;justify-content:center;gap:0;margin:28px 0;flex-wrap:wrap}.flow-step{padding:10px 22px;background:var(--surface);border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text-dim);transition:all .3s}.flow-step:first-child{border-radius:6px 0 0 6px}.flow-step:last-child{border-radius:0 6px 6px 0}.flow-step.on{background:var(--gold-dim);border-color:#f59e0b4d;color:var(--gold)}.flow-arr{color:var(--text-dim);font-size:1rem;padding:0 1px}.g-toggle{position:fixed;top:18px;right:18px;z-index:100;display:flex;align-items:center;gap:10px;padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s;font-size:.78rem;color:var(--text-muted)}.g-toggle:hover{border-color:var(--gold);color:var(--gold)}.sw{width:34px;height:18px;background:var(--surface2);border-radius:9px;position:relative;border:1px solid var(--border);transition:background .3s}.sw.on{background:var(--gold);border-color:var(--gold)}.sw-k{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s}.sw.on .sw-k{transform:translate(16px)}@media(max-width:768px){.hero{padding:50px 20px 40px}.container{padding:0 16px}.section{padding:40px 0}.metrics{grid-template-columns:1fr 1fr}.tire-grid{grid-template-columns:1fr}.flow{flex-direction:column;gap:4px}.flow-step{border-radius:5px!important;width:100%;text-align:center}.g-toggle{top:10px;right:10px;padding:5px 10px;font-size:.72rem}}.callout{margin:28px 0;padding:28px 32px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:center}.callout-big{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:8px}.callout-big em{font-style:normal;background:linear-gradient(135deg,var(--gold),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.callout p{font-size:.9rem;color:var(--text-muted);max-width:560px;margin:0 auto}