:root{--bg: #07090d;--bg-2: #0d1117;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .18);--text: #eaf0f6;--muted: #8b97a5;--accent: #22d3ee;--accent-2: #38bdf8;--cta: #ff7a18;--cta-2: #ff9d57;--ok: #34d399;--radius: 16px}*{box-sizing:border-box}html,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 70% -10%,rgba(34,211,238,.14),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(255,122,24,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2) 60%,var(--bg));line-height:1.55;min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1040px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:#07090db8;border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.brand{font-size:21px;font-weight:700;color:var(--text);letter-spacing:-.01em}.brand strong{background:linear-gradient(90deg,var(--accent),var(--cta));-webkit-background-clip:text;background-clip:text;color:transparent}.site-header nav a{margin-left:20px;color:var(--muted);font-size:15px;font-weight:500}.site-header nav a:hover{color:var(--text)}.hero{padding:72px 0 32px}.hero h1{font-size:clamp(34px,6vw,56px);font-weight:800;margin:0 0 18px;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(180deg,#fff,#b9c7d6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;color:var(--muted);max-width:680px;margin:0 0 28px}.hero .accent{color:var(--accent)}.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-size:16px;font-weight:700;border:none;cursor:pointer;color:#0a0d12;background:linear-gradient(135deg,var(--cta),var(--cta-2));box-shadow:0 8px 24px #ff7a1847;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff7a1861;text-decoration:none}.btn.secondary{background:var(--surface-2);color:var(--text);box-shadow:none;border:1px solid var(--border-2)}.features{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:24px 0 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(8px)}.card:hover{border-color:var(--border-2)}.card .ic{font-size:26px}.card h3{margin:12px 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:15px}.topics{padding:28px 0}.topics h2{font-size:24px;margin-bottom:12px}.topics ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.topics li{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.topics a{color:var(--text);font-weight:600}.topics a:hover{color:var(--accent);text-decoration:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin:20px 0;backdrop-filter:blur(8px)}.panel h2{margin:0 0 16px}.panel label{display:block;margin-bottom:16px;font-weight:600;color:var(--muted)}.panel select{margin-top:8px;display:block;width:100%;padding:12px;border-radius:12px;border:1px solid var(--border-2);background:#10151c;color:var(--text);font-size:16px}.panel select:focus{outline:none;border-color:var(--accent)}.breadcrumb{color:var(--muted);font-size:14px;margin:22px 0 0}.breadcrumb a{color:var(--accent-2)}.muted{color:var(--muted)}.parts-table{width:100%;border-collapse:collapse}.parts-table th,.parts-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:15px}.parts-table th{color:var(--muted);font-weight:600;letter-spacing:.02em}.parts-table td strong{color:var(--text)}.parts-table tr:hover td{background:#ffffff08}.hint{font-weight:700;color:var(--ok)}.fine{color:var(--muted);font-size:13px}.rig{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:8px 0 20px}.rig .slot{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center;transition:border-color .2s ease,transform .2s ease}.rig .slot.filled{border-color:var(--accent);background:#22d3ee0f}.rig .slot:hover{transform:translateY(-2px)}.rig .slot .sname{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rig .slot .sval{font-size:14px;font-weight:700;margin-top:6px}.rig .slot .sval.empty{color:#5a6472;font-weight:500}.site-footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:14px}