:root{--bg:#0b0c0e;--panel:#121418;--text:#f2f2ef;--muted:#a8adb5;--gold:#f5a623;--line:#292d33}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}.wrap{width:min(1080px,90%);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:.12em}.brand span{color:var(--gold)}.navlinks a{margin-left:22px;color:var(--muted);text-decoration:none}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:80px 0 70px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.14em}
h1{font-size:clamp(46px,7vw,86px);line-height:.95;margin:12px 0 24px;letter-spacing:-.04em}h2{font-size:32px}.lead{font-size:20px;color:#c8ccd2;max-width:700px}
.mark{background:#f4f1eb;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px #0008}.mark img{display:block;width:100%;height:auto}
.tag{font-size:23px;margin-top:26px}.tag b{color:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:15px 0 70px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}.card h3{margin-top:0}
.small{color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--muted)}footer a{margin-right:22px}
.page{max-width:820px;padding:60px 0 90px}.page h1{font-size:48px}.page h2{font-size:24px;margin-top:34px}.page p,.page li{color:#c8ccd2}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:50px}.cards{grid-template-columns:1fr}.navlinks{display:none}}