:root{--bg-0:#07090D;--bg-1:#0B0F17;--bg-2:#111827;--bg-3:#161B26;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);--text:#F5F7FA;--text-dim:#A7AFBF;--text-faint:#6B7280;--accent-1:#5B8CFF;--accent-2:#8B5CF6;--accent-3:#22D3EE;--accent-grad:linear-gradient(120deg,var(--accent-1),var(--accent-2) 55%,var(--accent-3));--accent-grad-soft:linear-gradient(120deg,rgba(91,140,255,.16),rgba(139,92,246,.12) 55%,rgba(34,211,238,.14));--accent-solid:#8B5CF6;--glass-bg:rgba(255,255,255,.04);--glass-bg-strong:rgba(255,255,255,.07);--glass-blur:18px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--shadow-soft:0 10px 40px -12px rgba(0,0,0,.55);--shadow-glow:0 0 0 1px rgba(139,92,246,.15),0 20px 60px -20px rgba(91,140,255,.35);--font-sans:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:'Fraunces','Inter',serif;--font-mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;--ease:cubic-bezier(.22,.9,.3,1);--dur-fast:.18s;--dur-med:.4s;--success:#34D399;--danger:#F87171;--warning:#FBBF24;color-scheme:dark}html.light{--bg-0:#F7F8FB;--bg-1:#FFFFFF;--bg-2:#EEF1F6;--bg-3:#E4E8F0;--border:rgba(10,15,25,.08);--border-strong:rgba(10,15,25,.14);--text:#0B0F17;--text-dim:#4B5566;--text-faint:#8A93A3;--glass-bg:rgba(10,15,25,.03);--glass-bg-strong:rgba(10,15,25,.05);--shadow-soft:0 10px 40px -14px rgba(10,15,25,.18);color-scheme:light}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(139,92,246,.1),transparent 60%),radial-gradient(900px 500px at -5% 20%,rgba(34,211,238,.07),transparent 55%),var(--bg-0);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100svh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}ol,ul{list-style:none}::selection{background:var(--accent-solid);color:#fff}:focus-visible{outline:2px solid var(--accent-3);outline-offset:3px;border-radius:4px}.container{max-width:1200px;margin-inline:auto;padding-inline:32px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15;font-weight:600}h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}p{color:var(--text-dim);line-height:1.65}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent-grad)}.grad-text{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--r-pill);font-weight:600;font-size:.88rem;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);white-space:nowrap}.btn-primary{background:var(--accent-grad);color:#0a0a0f;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:var(--glass-bg);border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--glass-bg-strong);transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);font-size:.74rem;font-weight:600;background:var(--glass-bg);border:1px solid var(--border);color:var(--text-dim)}.card{border-radius:var(--r-lg);background:var(--glass-bg);border:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--accent-solid);color:#fff;padding:10px 16px;border-radius:8px;transition:top var(--dur-fast) var(--ease)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-0) 78%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}.logo{display:flex;align-items:center;gap:10px}.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-grad);color:#0a0a0f;font-weight:800;font-size:.68rem;transition:transform var(--dur-med) var(--ease)}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.05)}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-title{font-weight:700;font-size:.9rem;letter-spacing:.03em}.logo-tag{font-size:.66rem;color:var(--text-faint)}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-pill);color:var(--text-dim);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--glass-bg-strong);color:var(--text)}.header-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--border);color:var(--text-faint);width:220px;flex-shrink:0}.header-search input{background:0 0;border:none;outline:0;flex:1;color:var(--text);font-size:.86rem}.site-footer{border-top:1px solid var(--border);margin-top:40px;padding:40px 0 28px}.footer-inner{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-brand{display:flex;gap:10px;align-items:flex-start}.footer-title{font-weight:700;letter-spacing:.03em;font-size:.88rem}.footer-tag{font-size:.76rem;color:var(--text-faint);margin-top:2px}.footer-cols{display:flex;gap:48px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:2px}.footer-col a{font-size:.84rem;color:var(--text-dim)}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);margin-top:24px;padding-top:18px;font-size:.76rem;color:var(--text-faint)}@media (max-width:900px){.header-search{display:none}}@media (max-width:560px){.container{padding-inline:20px}h1{font-size:clamp(1.8rem,8vw,2.4rem)}}.hub-hero{padding:56px 0 20px;text-align:center}.hub-hero .eyebrow{justify-content:center;width:100%}.hub-hero h1{margin:14px 0 12px}.hub-hero p{max-width:56ch;margin-inline:auto;font-size:1.02rem}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 26px}.category-tab{padding:8px 16px;border-radius:var(--r-pill);font-size:.82rem;border:1px solid var(--border);color:var(--text-dim)}.category-tab:hover{border-color:var(--border-strong);color:var(--text)}.category-tab.active{background:var(--accent-grad);color:#0a0a0f;border-color:transparent;font-weight:600}.sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0 64px}.sim-card{position:relative;display:flex;flex-direction:column;gap:0;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--glass-bg);overflow:hidden;text-align:left;transition:transform var(--dur-med) var(--ease),border-color var(--dur-med) var(--ease)}.sim-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--sim-color,var(--accent-2)) 50%,var(--border-strong))}.sim-card-art{height:120px;position:relative;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--sim-color,var(--accent-2)) 55%,transparent),transparent 55%),radial-gradient(circle at 80% 75%,color-mix(in srgb,var(--sim-color,var(--accent-2)) 30%,transparent),transparent 50%)}.sim-card-icon{position:absolute;bottom:12px;left:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--sim-color,var(--accent-2)) 22%,#07090d);color:var(--sim-color,var(--accent-2));font-size:1.15rem}.sim-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.sim-card-name{font-size:.98rem;font-weight:600}.sim-card-desc{font-size:.8rem;color:var(--text-dim);line-height:1.5}.sim-card-cat{font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:auto}.sim-view{padding:40px 0 72px}.sim-view-back{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-dim);margin-bottom:20px}.sim-view-back:hover{color:var(--text)}.sim-view-head{max-width:760px;margin-bottom:24px}.sim-view-head .chip{margin-bottom:12px}.sim-view-head h1{font-size:1.9rem;margin-bottom:8px}.sim-view-head p{font-size:.96rem;max-width:65ch}.sim-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.sim-stage-wrap{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-1);overflow:hidden;box-shadow:var(--shadow-soft)}.sim-stage{width:100%;height:420px;display:block;background:var(--bg-1)}.sim-controls{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--glass-bg);flex-wrap:wrap}.sim-controls .btn{padding:9px 16px}.sim-speed{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-faint);margin-left:auto}.sim-speed input{width:100px}.sim-caption{padding:12px 16px;border-top:1px solid var(--border);font-size:.86rem;color:var(--text-dim);min-height:22px}.sim-side{display:flex;flex-direction:column;gap:16px}.sim-panel{padding:18px 20px}.sim-panel h2{font-size:1.02rem;margin-bottom:10px}.sim-panel p{font-size:.86rem;margin-bottom:8px}.sim-steps{display:flex;flex-direction:column;gap:2px}.sim-step{display:flex;gap:10px;padding:9px 10px;border-radius:var(--r-md);font-size:.84rem;color:var(--text-faint);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);cursor:pointer}.sim-step:hover{background:var(--glass-bg-strong)}.sim-step.active{background:var(--accent-grad-soft);color:var(--text);font-weight:600}.sim-step-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.68rem;background:var(--glass-bg-strong)}.sim-step.active .sim-step-num{background:var(--accent-grad);color:#0a0a0f}.fact-list{display:flex;flex-direction:column;gap:8px}.fact-list li{font-size:.84rem;color:var(--text-dim);padding-left:16px;position:relative}.fact-list li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--accent-3)}@media (max-width:960px){.sim-layout{grid-template-columns:1fr}.sim-stage{height:320px}.sim-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sim-grid{grid-template-columns:1fr}.sim-stage{height:260px}}