:root{--bg: #0c111d;--bg-soft: #151d2d;--panel: rgba(10, 18, 31, .82);--panel-strong: #111a2b;--text: #e7edf8;--muted: #9cabbe;--line: rgba(158, 183, 219, .2);--brand: #2dd4bf;--brand-2: #5fb3ff;--warn: #fbbf24;--max: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{color:var(--text);background:radial-gradient(1400px 600px at 12% -8%,rgba(45,212,191,.2),transparent 60%),radial-gradient(900px 500px at 92% -12%,rgba(95,179,255,.18),transparent 55%),var(--bg);font-family:IBM Plex Sans,Noto Sans SC,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#080e19cc;backdrop-filter:blur(10px)}.site-header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:700;letter-spacing:.02em;text-decoration:none}.brand span{color:var(--brand)}.main-nav{display:flex;gap:.6rem;flex-wrap:wrap}.main-nav a{text-decoration:none;color:var(--muted);border:1px solid transparent;border-radius:999px;padding:.35rem .75rem}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--text);border-color:var(--line);background:#22334e59}.lang-switch{display:flex;gap:.45rem}.lang-switch a{font-size:.9rem;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:.25rem .5rem}.lang-switch a[aria-current=true]{color:var(--text);border-color:#5fb3ffa6}main{padding:2.4rem 0 4rem}.hero{display:grid;gap:1rem;margin-bottom:2rem}.hero h1{font-size:clamp(2rem,2.7vw,3rem);margin:0;line-height:1.18}.hero p{margin:0;color:var(--muted);max-width:68ch}.chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.chip{border-radius:999px;border:1px solid var(--line);background:#151d2dd9;color:var(--muted);font-size:.86rem;padding:.2rem .65rem}.products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:1rem;display:grid;gap:.75rem}.card h3{margin:0}.card p{margin:0;color:var(--muted)}.card-actions{display:flex;gap:.6rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;border-radius:10px;border:1px solid var(--line);padding:.45rem .8rem}.btn.primary{border-color:#2dd4bf73;background:linear-gradient(135deg,#2dd4bf40,#5fb3ff33)}.two-col{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr) 310px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:1rem}.meta-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;color:var(--muted)}.meta-list strong{color:var(--text)}.manual-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem}.chapter-nav{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}.chapter-nav a{display:block;text-decoration:none;color:var(--muted);border-radius:10px;padding:.45rem .6rem}.chapter-nav a:hover,.chapter-nav a[aria-current=page]{background:#22334e66;color:var(--text)}.prose h1,.prose h2,.prose h3{line-height:1.3}.prose p,.prose li{color:var(--text)}.prose a{color:var(--brand-2)}.prose code{padding:.1rem .38rem;border-radius:8px;background:#5fb3ff1f}.prose pre{overflow-x:auto;border:1px solid var(--line);border-radius:12px;padding:.8rem}.media-gallery{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.media-gallery img{width:100%;height:180px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.video-wrap,.youtube-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel-strong);margin:1rem 0}.video-wrap video,.youtube-wrap iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.doc-link{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem;text-decoration:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;padding:1.4rem 0 2rem}@media(max-width:960px){.two-col,.manual-layout{grid-template-columns:1fr}.chapter-nav{position:static;max-height:none}}