.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.wrap-narrow{width:100%;max-width:780px;margin:0 auto;padding:0 24px}.wrap-wide{width:100%;max-width:1260px;margin:0 auto;padding:0 24px}.section{padding:112px 0;position:relative}.section+.section{border-top:1px solid var(--line)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:18px}.eyebrow .dot{color:var(--accent)}.section-title{font-size:clamp(28px,4vw,40px)}.section-lede{margin-top:16px;max-width:620px;color:var(--text-dim);font-size:16px}.nav{position:sticky;top:0;z-index:80;height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#08090ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-inner{display:flex;align-items:center;gap:28px;width:100%}.wordmark{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;letter-spacing:.055em;transition:opacity var(--t-fast) var(--ease)}.wordmark:hover{opacity:.7}.nav-links{display:flex;gap:22px;margin-left:auto}.nav-links a{font-size:13px;color:var(--text-faint);transition:color var(--t-fast) var(--ease)}.nav-links a:hover{color:var(--text)}@media(max-width:720px){.nav-links{display:none}}.hero{padding:96px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-340px;left:50%;width:900px;height:620px;transform:translate(-50%);background:radial-gradient(ellipse at center,var(--accent-soft),transparent 68%);pointer-events:none;opacity:.85}.hero-inner{position:relative}.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 8px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);font-size:12px;color:var(--text-dim)}.badge .pip{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-in-out infinite}.hero h1{margin-top:26px;font-size:clamp(38px,6.4vw,68px);letter-spacing:-.042em;max-width:15ch}.hero h1 em{font-style:normal;color:var(--text-faint)}.hero-sub{margin-top:24px;max-width:560px;font-size:17px;color:var(--text-dim)}.hero-cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:var(--r-btn);border:1px solid var(--line-strong);background:var(--panel-raised);font-size:13px;font-weight:500;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover{background:var(--panel-hover);border-color:var(--line-bright)}.btn:active{transform:scale(.975)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.12)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-faint)}.btn-ghost:hover{background:var(--panel-raised);color:var(--text)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:1px solid var(--line-strong);border-radius:var(--r-tag);background:var(--bg-sunken);font-family:var(--mono);font-size:10.5px;color:var(--text-faint)}.accent-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel)}.accent-bar-label{font-size:11.5px;color:var(--text-faint);white-space:nowrap}.swatches{display:flex;gap:6px}.swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.14);transition:transform var(--t-fast) var(--ease)}.swatch:hover{transform:scale(1.16)}.swatch[data-on=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px currentColor}.hue{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:132px;height:6px;border-radius:999px;border:1px solid var(--line-strong);background:linear-gradient(to right,#ff4d4d,#ffd24d,#4dff77,#4dffff,#4d77ff,#d24dff,#ff4d4d);cursor:pointer}.hue::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:grab}.hue::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:grab}@media(max-width:560px){.accent-bar{flex-wrap:wrap}.hue{width:100%}}.stage-caption{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-size:12.5px;color:var(--text-faint)}.stage-caption b{color:var(--text-dim);font-weight:500}.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.cell{background:var(--bg);padding:26px 24px;transition:background var(--t-med) var(--ease)}.cell:hover{background:var(--panel)}.cell-n{font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:14px}.cell-n{display:flex;align-items:baseline;gap:8px}.cell-ship{margin-left:auto;padding:1px 6px;border:1px solid var(--line-strong);border-radius:var(--r-tag);font-size:10px;letter-spacing:.06em;color:var(--text-dim)}.cell[data-v2]{opacity:.44}.cell[data-v2] .cell-n{color:var(--text-ghost)}.cell[data-v2]:hover{opacity:1}.cell h3{font-size:15px;letter-spacing:-.02em}.cell p{margin-top:8px;font-size:13.5px;color:var(--text-faint);line-height:1.6}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}.tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.token{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);padding:16px}.token-k{font-size:11px;color:var(--text-ghost);text-transform:uppercase;letter-spacing:.1em}.token-v{margin-top:8px;font-size:14px;font-weight:500}.token-note{margin-top:4px;font-size:12px;color:var(--text-faint)}.phase{display:grid;grid-template-columns:128px 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--line)}.phase:last-child{border-bottom:1px solid var(--line)}.phase-k{font-family:var(--mono);font-size:12px;color:var(--text-ghost)}.phase h3{font-size:17px}.phase p{margin-top:8px;color:var(--text-faint);font-size:14px;max-width:62ch}.phase ul{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.phase li{padding:3px 9px;border:1px solid var(--line-strong);border-radius:var(--r-tag);font-size:11.5px;color:var(--text-dim)}@media(max-width:620px){.phase{grid-template-columns:1fr;gap:10px}}.footer{padding:48px 0 64px;border-top:1px solid var(--line);color:var(--text-ghost);font-size:12.5px}.footer-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.footer a:hover{color:var(--text-dim)}