:root{--bg:#15161a;--panel:#1e2026;--line:#2d3038;--fg:#f2ede4;--muted:#a9a39a;--gold:#e8a33d;--gold2:#cf8d29}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--gold)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
nav.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;text-decoration:none;color:var(--fg)}
.brand img{width:40px;height:40px;border-radius:10px}.brand span{color:var(--gold)}
.links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.95rem}
.links a:not(.btn){color:var(--muted);text-decoration:none}.links a:not(.btn):hover{color:var(--fg)}
.btn{display:inline-block;background:var(--gold);color:#1b1405;font-weight:700;padding:11px 20px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(232,163,61,.35)}
.btn.alt{background:transparent;color:var(--gold);border:2px solid var(--gold)}
.hero{padding:56px 0 44px;text-align:center;background:radial-gradient(ellipse at 50% -20%,rgba(232,163,61,.18),transparent 60%)}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.02;margin:0 0 14px;letter-spacing:-.02em}
.hero h1 b{color:var(--gold)}
.hero p.lead{max-width:680px;margin:0 auto 28px;font-size:1.2rem;color:#e0d9cd}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stats{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:34px;color:var(--muted);font-size:.95rem}
.stats b{display:block;color:var(--fg);font-size:1.5rem}
section{padding:46px 0}
section h2{font-size:1.8rem;margin:0 0 6px}
section .sub{color:var(--muted);margin:0 0 24px;max-width:700px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.card .ico{font-size:1.7rem}.card h3{margin:6px 0 4px;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.95rem}
.grades{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 20px}
.g{min-width:46px;text-align:center;padding:6px 10px;border-radius:8px;font-weight:800;color:#fff}
.dims{columns:2 260px;gap:30px;margin:0;padding-left:20px;color:#e0d9cd}.dims li{margin:5px 0;break-inside:avoid}
.band{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
footer{padding:34px 0 50px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}
footer a{color:var(--muted)}footer .row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.doc{max-width:760px;margin:0 auto;padding:30px 20px 60px}.doc h1{margin-top:10px}.doc h2{margin:28px 0 6px;font-size:1.25rem}.doc p,.doc li{color:#e0d9cd}
.note{border-left:4px solid var(--gold);padding:2px 14px;color:#e0d9cd}
