:root{--bg-deep: #040610;--bg-base: #070b18;--bg-elevated: #0c1330;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--text: #eef1ff;--muted: #9aa3c7;--subtle: rgba(255, 255, 255, .6);--gold: #f5c451;--gold-bright: #ffd97a;--gold-glow: rgba(245, 196, 81, .3);--teal: #37e0b0;--teal-glow: rgba(55, 224, 176, .25);--violet: #8b7bff;--ember: #ff8a3d;--red: #ff6b6b;--line: rgba(255, 255, 255, .06);--line-hover: rgba(255, 255, 255, .1);--line-accent: rgba(245, 196, 81, .3);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 18px;--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .2s;--t-med: .3s;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .06), 0 2px 20px rgba(0, 0, 0, .4), 0 0 40px rgba(0, 0, 0, .2);--shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .1), 0 8px 40px rgba(0, 0, 0, .5), 0 0 80px rgba(245, 196, 81, .1)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font-body);min-height:100vh;background:radial-gradient(ellipse at top,#0a0f24 0%,var(--bg-base) 50%,var(--bg-deep) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}::selection{background:#f5c45159}h1,h2,h3,.display{font-family:var(--font-display)}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px;box-shadow:0 0 0 4px #f5c45126}.bg-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-blob{position:absolute;border-radius:50%;filter:blur(150px);will-change:transform}.bg-blob.b1{width:1100px;height:700px;top:-320px;left:50%;margin-left:-550px;background:#f5c45117;animation:drift 11s ease-in-out infinite}.bg-blob.b2{width:700px;height:800px;top:8%;left:-260px;background:#37e0b012;filter:blur(120px);animation:drift 14s ease-in-out infinite reverse}.bg-blob.b3{width:620px;height:700px;top:22%;right:-240px;background:#8b7bff17;filter:blur(110px);animation:drift 17s ease-in-out infinite}.bg-blob.b4{width:900px;height:420px;bottom:-220px;left:50%;margin-left:-450px;background:#f5c4510d;filter:blur(100px);animation:pulse-soft 9s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(1deg)}}@keyframes pulse-soft{0%,to{opacity:.7}50%{opacity:1}}.bg-noise{position:absolute;inset:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.bg-grid{position:absolute;inset:0;opacity:1;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(1000px 560px at 50% 0%,black 25%,transparent 78%);-webkit-mask-image:radial-gradient(1000px 560px at 50% 0%,black 25%,transparent 78%)}.wrap{max-width:1200px;margin:0 auto;padding:0 22px;position:relative;z-index:1}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:#070b18c7;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:18px;padding:12px 0}.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.2px;text-decoration:none;font-family:var(--font-display)}.logo-badge{width:38px;height:38px;border-radius:12px;display:block;flex:none;box-shadow:0 6px 22px #0000008c,0 0 18px #f5c4512e;transition:transform var(--t-fast) var(--ease)}.logo:hover .logo-badge{transform:scale(1.04)}.nav-links{display:flex;gap:6px;margin-left:auto;font-size:14px}.nav-links a{text-decoration:none;color:var(--muted);padding:9px 14px;border-radius:11px;font-weight:500;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--surface)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff12,#ffffff08);box-shadow:inset 0 1px #ffffff1a;padding:11px 18px;border-radius:13px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.btn:hover{transform:translateY(-1px);border-color:var(--line-hover);background:var(--surface-hover);box-shadow:inset 0 1px #ffffff1f,0 8px 28px #00000073}.btn:active{transform:scale(.98)}.btn-gold{background:linear-gradient(135deg,#ffe1a1,#f5b93f 60%,#f59a2e);color:#241603;border:none;box-shadow:0 0 0 1px #f5c45180,0 4px 12px #f5c4514d,inset 0 1px #ffffff59}.btn-gold:hover{background:linear-gradient(135deg,#ffe9bd,#ffc654 60%,#ffa53a);box-shadow:0 0 0 1px #f5c45199,0 8px 32px #f5c45173,inset 0 1px #fff6}.btn-gold:after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);transition:left .6s var(--ease)}.btn-gold:hover:after{left:130%}select,.chip{font-family:var(--font-body)}select,.chip{background:#ffffff0d;border:1px solid var(--line);color:var(--text);border-radius:var(--r-md);padding:11px 13px;font-size:14px;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}select:hover,.chip:hover{border-color:var(--line-hover);background:var(--surface-hover)}select option{background:#141b3d}.chip{cursor:pointer;font-weight:600}.chip.active{background:#f5c45124;border-color:var(--line-accent);color:var(--gold);box-shadow:0 0 20px #f5c45126}.hero{padding:72px 0 10px;position:relative;will-change:transform,opacity}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);border:1px solid var(--line-accent);padding:7px 14px;border-radius:999px;background:#f5c45112}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);animation:pulse-soft 2.4s infinite}.hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.02;margin:20px 0 14px;letter-spacing:-.03em;font-weight:700;background:linear-gradient(to bottom,#fff 30%,#ffffffb8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{background:linear-gradient(92deg,var(--gold-bright) 5%,var(--ember) 45%,var(--violet) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{color:var(--muted);max-width:740px;font-size:17px;line-height:1.65}.hero p.lead b{color:var(--text);font-weight:600}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:26px 0 6px}.stat{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line);border-radius:var(--r-xl);padding:15px 17px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.stat:hover{transform:translateY(-2px);border-color:var(--line-hover)}.stat:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,rgba(245,196,81,.6),transparent)}.stat b{font-size:25px;display:block;font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(to bottom,#fff 40%,#ffffffbf);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--muted);font-size:13px}.spectrum{display:flex;align-items:center;gap:10px;margin:16px 0 4px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.spectrum .bar{display:flex;gap:4px}.spectrum .bar i{width:34px;height:8px;border-radius:99px;display:block}.spectrum .bar i:nth-child(1){background:#37e0b0;box-shadow:0 0 12px #37e0b080}.spectrum .bar i:nth-child(2){background:#a9f5dd;opacity:.85}.spectrum .bar i:nth-child(3){background:var(--gold);box-shadow:0 0 12px #f5c45180}.spectrum .bar i:nth-child(4){background:var(--ember)}.spectrum .bar i:nth-child(5){background:var(--red)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}.search{flex:1;min-width:250px;display:flex;align-items:center;gap:10px;background:#0f0f14;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 15px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-med) var(--ease)}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f5c45126,0 0 30px #f5c45114}.search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px}.search input::placeholder{color:#ffffff59}.search kbd{margin-left:auto}#count{color:var(--muted);font-size:13.5px}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:rise-in .6s var(--ease) both;animation-delay:calc(var(--i, 0) * 60ms)}.spot{position:relative}.spot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),rgba(245,196,81,.1),transparent 70%);opacity:0;transition:opacity var(--t-med) var(--ease);pointer-events:none}.spot:hover:after{opacity:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px;padding:14px 0 8px}.card{background:linear-gradient(180deg,#ffffff12,#ffffff05);border:1px solid var(--line);border-radius:var(--r-xl);text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform var(--t-med) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-med) var(--ease);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:var(--line-hover);box-shadow:var(--shadow-card-hover)}.card:active{transform:scale(.99)}.card-body{padding:15px 15px 17px;display:flex;flex-direction:column;gap:10px;flex:1}.card-head{display:flex;gap:12px;align-items:center}.card-head img{border-radius:var(--r-md);border:1px solid rgba(255,255,255,.1);flex:none;background:#0a0f22;box-shadow:0 4px 16px #00000080}.card-head h3{margin:0;font-size:16.5px;line-height:1.3;letter-spacing:-.01em}.card-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pill{font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#ffffff0a;white-space:nowrap}.pill.d1{background:#37e0b01f;color:#7df0cd;border-color:#37e0b04d}.pill.d2{background:#7df0cd14;color:#a9f5dd}.pill.d3{background:#f5c4511f;color:var(--gold);border-color:var(--line-accent)}.pill.d4{background:#ff8a3d1f;color:#ffb37a;border-color:#ff8a3d4d}.pill.d5{background:#ff6b6b1f;color:#ff9d9d;border-color:#ff6b6b4d}.pill.legacy{background:#1a1030;color:#c9b3ff;border-color:#8b7bff59}.card p.desc{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.card-cta{margin-top:auto;padding-top:6px;font-size:13px;color:var(--gold);font-weight:700}.card:hover .card-cta{text-decoration:underline;text-underline-offset:3px}.crumbs{margin:24px 0 0;font-size:14px}.crumbs a{color:var(--muted);text-decoration:none;transition:color var(--t-fast) var(--ease)}.crumbs a:hover{color:var(--gold)}.detail-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:12px 0 0}.detail-head img.icon{border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-card);background:#0a0f22}.detail-head h1{margin:0;font-size:clamp(30px,4.4vw,48px);letter-spacing:-.025em;background:linear-gradient(to bottom,#fff 35%,#ffffffb8);-webkit-background-clip:text;background-clip:text;color:transparent}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hero-shot{width:100%;max-width:660px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-card-hover);display:block}.lede{color:var(--muted);max-width:780px;line-height:1.65;font-size:15.5px}.detail{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin:24px 0 56px;align-items:start}.panel{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line);border-radius:20px;padding:22px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-card);transition:border-color var(--t-fast) var(--ease)}.panel:hover{border-color:var(--line-hover)}.panel h2{margin:0 0 14px;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.panel+.panel{margin-top:18px}.panel p{line-height:1.65}.meta-line{font-size:14px;color:var(--muted)}.meta-line b{color:var(--text)}.why{color:var(--muted);font-size:14px;background:#f5c4510f;border:1px solid rgba(245,196,81,.22);border-radius:13px;padding:11px 14px}.why b{color:var(--gold)}.route-tabs{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap}ol.steps{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:0;counter-reset:step}ol.steps li{position:relative;padding:0 0 16px 42px;color:#d6dbf5;font-size:14.5px;line-height:1.6}ol.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#2a3568,#161d42);border:1px solid rgba(245,196,81,.35);color:var(--gold);box-shadow:0 0 16px #f5c4511f}ol.steps li:after{content:"";position:absolute;left:13.5px;top:32px;bottom:2px;width:1px;background:linear-gradient(180deg,rgba(245,196,81,.35),transparent)}ol.steps li:last-child{padding-bottom:2px}ol.steps li:last-child:after{display:none}ol.steps li b{color:#fff}.way-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;margin:4px 0 8px}kbd{background:#1b2247;border:1px solid var(--line);border-radius:7px;padding:2px 9px;font-size:12.5px;font-family:var(--font-mono)}.mini-btn{background:#ffffff0f;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.mini-btn:hover{border-color:var(--gold);color:var(--gold)}blockquote{margin:0 0 13px;padding:13px 15px;border-left:2px solid var(--gold);background:#f5c4510d;border-radius:0 13px 13px 0;font-size:14px;line-height:1.6}blockquote footer{color:var(--muted);font-size:12.5px;margin-top:7px}blockquote footer a{color:var(--gold);text-decoration:none}blockquote footer a:hover{text-decoration:underline}.video-grid{display:grid;gap:12px}.video-card{display:flex;gap:12px;align-items:center;text-decoration:none;background:#ffffff08;border:1px solid var(--line);border-radius:14px;padding:9px;transition:transform var(--t-med) var(--ease),border-color var(--t-fast) var(--ease)}.video-card:hover{border-color:#ff6b6b66;transform:translateY(-2px)}.video-card:active{transform:scale(.99)}.video-card img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:9px;flex:none;background:#000}.video-card .vt{font-size:13.5px;font-weight:600;line-height:1.45;display:block}.video-card .vc{font-size:12px;color:var(--muted)}.rel{margin:9px 0;font-size:14px}.rel a{font-weight:600;text-decoration:none;transition:color var(--t-fast) var(--ease)}.rel a:hover{color:var(--gold)}.rel span{color:var(--muted);font-size:13px}.field{flex:1;min-width:210px;background:#0f0f14;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:var(--r-md);padding:11px 13px;font-size:14px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-med) var(--ease)}.field:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5c45126}.row-flex{display:flex;gap:10px;flex-wrap:wrap}.footer{border-top:1px solid var(--line);padding:28px 0 44px;color:var(--muted);font-size:13px;margin-top:20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.foot-grid{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.more-wrap{text-align:center;padding:6px 0 52px}.dash{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin:6px 0 18px}.ring-wrap{position:relative;width:136px;height:136px;flex:none}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center b{font-family:var(--font-display);font-size:27px;letter-spacing:-.02em;background:linear-gradient(to bottom,#fff 40%,#ffffffb8);-webkit-background-clip:text;background-clip:text;color:transparent}.ring-center span{font-size:11.5px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.seg{display:inline-flex;gap:4px;padding:4px;margin:4px 0 2px;background:#ffffff0d;border:1px solid var(--line);border-radius:14px}.seg button{border:none;background:none;color:var(--muted);cursor:pointer;font:600 14px var(--font-body);padding:10px 18px;border-radius:10px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-med) var(--ease)}.seg button b{font-weight:800;margin-left:6px;opacity:.85}.seg button:hover{color:var(--text)}.seg button[aria-selected=true]{background:linear-gradient(135deg,#ffe1a1,#f5b93f 60%,#f59a2e);color:#241603;box-shadow:0 4px 18px #f5c45159}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}.filter-row .search{min-width:200px}@media (max-width: 720px){.dash{grid-template-columns:1fr;justify-items:center;text-align:center}.dash .stats{width:100%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#232a4d;border-radius:8px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:#31406e}@media (max-width: 920px){.detail{grid-template-columns:1fr}.nav-links a:not(:last-child){padding:9px 10px}.hero{padding-top:48px}.hero h1{letter-spacing:-.02em}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{animation:none!important;opacity:1!important}}