:root{--bg: #070b18;--bg2: #0c1330;--card: rgba(255, 255, 255, .045);--card-solid: #101737;--line: rgba(255, 255, 255, .09);--gold: #f5c451;--gold-soft: rgba(245, 196, 81, .14);--teal: #37e0b0;--violet: #8b7bff;--ember: #ff8a3d;--red: #ff6b6b;--text: #eef1ff;--muted: #9aa3c7;--radius: 18px;--shadow: 0 20px 60px rgba(0, 0, 0, .5);--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{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(1100px 550px at 85% -10%,rgba(139,123,255,.22),transparent 60%),radial-gradient(900px 500px at 8% -5%,rgba(55,224,176,.14),transparent 55%),radial-gradient(700px 420px at 50% 110%,rgba(245,196,81,.07),transparent 60%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(900px 500px at 50% 0%,black 30%,transparent 75%)}::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}.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);-webkit-backdrop-filter:blur(16px);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}.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:.18s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--card)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:linear-gradient(135deg,#1c2450,#141b3d);padding:11px 18px;border-radius:13px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-1px);border-color:#f5c45180;box-shadow:0 10px 28px #00000073}.btn-gold{background:linear-gradient(135deg,#ffe1a1,#f5b93f 60%,#f59a2e);color:#241603;border:none;box-shadow:0 10px 32px #f5c45159,inset 0 1px #fff9}.btn-gold:hover{box-shadow:0 14px 38px #f5c45180}select,.chip,.search input{font-family:var(--font-body)}select,.chip{background:#ffffff0f;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 13px;font-size:14px;transition:border-color .15s}select:hover,.chip:hover{border-color:#f5c45173}select option{background:#141b3d}.chip{cursor:pointer;font-weight:600}.chip.active{background:#f5c4512e;border-color:var(--gold);color:var(--gold)}.hero{padding:60px 0 10px;position:relative}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(245,196,81,.35);padding:7px 14px;border-radius:999px;background:#f5c45114}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);animation:pulse 2.4s infinite}@keyframes pulse{50%{opacity:.45}}.hero h1{font-size:clamp(36px,5.4vw,66px);line-height:1.03;margin:20px 0 14px;letter-spacing:-1px}.hero h1 span{background:linear-gradient(92deg,var(--gold) 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)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:26px 0 6px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px 17px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.7}.stat b{font-size:25px;display:block;font-family:var(--font-display)}.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}.spectrum .bar i:nth-child(2){background:#a9f5dd;opacity:.85}.spectrum .bar i:nth-child(3){background:var(--gold)}.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:#ffffff0f;border:1px solid var(--line);border-radius:14px;padding:12px 15px;transition:border-color .15s,box-shadow .2s}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f5c45126}.search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px}.search kbd{margin-left:auto}#count{color:var(--muted);font-size:13.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px;padding:14px 0 8px}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff06);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .25s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none;background:radial-gradient(420px 160px at 50% -40px,rgba(245,196,81,.16),transparent 70%)}.card:hover{transform:translateY(-4px);border-color:#f5c45180;box-shadow:var(--shadow)}.card:hover:before{opacity:1}.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:12px;border:1px solid var(--line);flex:none;background:#0a0f22;box-shadow:0 4px 16px #00000080}.card-head h3{margin:0;font-size:16.5px;line-height:1.3}.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:#37e0b024;color:#7df0cd;border-color:#37e0b066}.pill.d2{background:#7df0cd1a;color:#a9f5dd}.pill.d3{background:#f5c45124;color:var(--gold);border-color:#f5c45166}.pill.d4{background:#ff8a3d26;color:#ffb37a;border-color:#ff8a3d73}.pill.d5{background:#ff6b6b24;color:#ff9d9d;border-color:#ff6b6b73}.pill.legacy{background:#1a1030;color:#c9b3ff;border-color:var(--violet)}.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}.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:16px;border:1px solid var(--line);box-shadow:0 10px 30px #00000080;background:#0a0f22}.detail-head h1{margin:0;font-size:clamp(30px,4.4vw,48px);letter-spacing:-.5px}.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);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,#ffffff0e,#ffffff05);border:1px solid var(--line);border-radius:20px;padding:22px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel h2{margin:0 0 14px;font-size:17px;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:#f5c45112;border:1px solid rgba(245,196,81,.25);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,.4);color:var(--gold)}ol.steps li:after{content:"";position:absolute;left:13.5px;top:32px;bottom:2px;width:1px;background:linear-gradient(180deg,rgba(245,196,81,.4),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:ui-monospace,monospace}.mini-btn{background:#ffffff12;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}.mini-btn:hover{border-color:var(--gold);color:var(--gold)}blockquote{margin:0 0 13px;padding:13px 15px;border-left:3px solid var(--gold);background:#f5c4510f;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:.18s}.video-card:hover{border-color:#ff6b6b8c;transform:translateY(-2px)}.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}.rel a:hover{color:var(--gold)}.rel span{color:var(--muted);font-size:13px}.field{flex:1;min-width:210px;background:#ffffff0f;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 13px;font-size:14px}.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}.foot-grid{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.more-wrap{text-align:center;padding:6px 0 52px}@media (max-width: 920px){.detail{grid-template-columns:1fr}.nav-links a:not(:last-child){padding:9px 10px}.hero{padding-top:42px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}