:root{--bg:#07111f;--panel:#0e1a2d;--ink:#f5f7fb;--muted:#9db0ca;--line:rgba(255,255,255,.09);--gold:#ffcf70;--blue:#6ea8ff;--mint:#6de2c4;--shadow:0 24px 80px rgba(0,0,0,.32);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 15% 0%,rgba(110,168,255,.12),transparent 28%),radial-gradient(circle at 90% 12%,rgba(109,226,196,.1),transparent 24%),linear-gradient(180deg,#07111f,#0a1424 45%,#08111e);color:var(--ink)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:40;background:rgba(7,17,31,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--blue));position:relative;box-shadow:0 10px 30px rgba(110,168,255,.22)}.logo:before,.logo:after{content:"";position:absolute;background:#07111f;border-radius:999px}.logo:before{width:18px;height:5px;left:12px;top:10px;transform:rotate(-32deg)}.logo:after{width:18px;height:5px;left:12px;bottom:10px;transform:rotate(32deg)}nav{display:flex;gap:22px;color:#b6c3d7;font-size:14px}nav a:hover{color:white}.pill{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#dce5f4;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero{padding:76px 0 46px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.hero-copy,.visual{border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:48px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));position:relative}.hero-copy:after{content:"";position:absolute;right:-80px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 67%);opacity:.22}.kicker{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1{font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-.065em;margin:18px 0 24px;max-width:760px}.hero-copy p{color:#c0ccdc;font-size:18px;line-height:1.7;max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;padding:14px 19px;border-radius:14px;font-weight:850}.btn-primary{background:var(--gold);color:#1a1406}.btn-ghost{border:1px solid var(--line);color:white}.visual{padding:28px;background:linear-gradient(145deg,#10203a,#0a1526);display:grid;grid-template-rows:auto 1fr auto;min-height:520px}.visual-top{display:flex;justify-content:space-between;align-items:center;color:#a9b9ce}.chart{position:relative;display:flex;align-items:flex-end;gap:13px;padding:42px 8px 28px}.bar{flex:1;border-radius:14px 14px 5px 5px;background:linear-gradient(180deg,var(--mint),var(--blue));opacity:.9;box-shadow:0 12px 24px rgba(110,168,255,.16)}.bar:nth-child(1){height:25%}.bar:nth-child(2){height:36%}.bar:nth-child(3){height:32%}.bar:nth-child(4){height:51%}.bar:nth-child(5){height:63%}.bar:nth-child(6){height:58%}.bar:nth-child(7){height:78%}.bar:nth-child(8){height:92%}.visual-note{border-top:1px solid var(--line);padding-top:20px;color:#aebbd0;line-height:1.65}.section{padding:48px 0}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:24px}.section h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.055em;margin:0}.section-head p{max-width:520px;color:var(--muted);line-height:1.7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card .index{color:var(--mint);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.card h3{font-size:24px;letter-spacing:-.035em;margin:30px 0 12px}.card p{color:var(--muted);line-height:1.72}.mosaic{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature{min-height:380px;background:linear-gradient(145deg,rgba(255,207,112,.1),rgba(110,168,255,.06)),linear-gradient(145deg,#10203a,#0b1627)}.stack{display:grid;gap:18px}.article-card{display:flex;flex-direction:column;justify-content:space-between}.tag{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.band{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:34px;border-radius:34px;border:1px solid var(--line);background:linear-gradient(120deg,#152949,#0e1a2d)}.principles{display:grid;gap:12px}.principle{padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.calc{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calc-panel,.result{border-radius:28px;padding:28px;border:1px solid var(--line)}.calc-panel{background:var(--panel)}.result{background:linear-gradient(145deg,#162a49,#0a1526);display:flex;flex-direction:column;justify-content:center}label{display:block;font-size:13px;font-weight:850;margin:18px 0 8px;color:#d7e0ec}input[type=number],input[type=range]{width:100%}input[type=number]{padding:14px;border-radius:12px;border:1px solid var(--line);background:#0a1526;color:white;font:inherit}.result strong{font-size:58px;letter-spacing:-.06em;color:var(--gold)}.result p{color:#aebbd0;line-height:1.65}.page-hero{padding:70px 0 24px}.page-hero h1{max-width:900px}.prose{max-width:840px;margin:auto;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:30px;padding:40px}.prose h2{font-size:32px;margin-top:40px}.prose p,.prose li{color:#aebbd0;line-height:1.82}.notice{padding:18px;border-left:4px solid var(--gold);background:rgba(255,207,112,.08);border-radius:12px}footer{padding:54px 0;color:#8fa2bc}.foot{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:28px}@media(max-width:860px){nav{display:none}.hero-grid,.grid3,.mosaic,.band,.calc{grid-template-columns:1fr}.hero-copy{padding:30px}.visual{min-height:400px}.section-head{display:block}.foot{display:block}}