:root{--bg:#0a0a0a;--bg2:#111;--surface:#1e1e1e;--border:rgba(255,255,255,.08);--green:#4CAF50;--green-d:#388E3C;--white:#fff;--off:#f0f0f0;--muted:#9a9a9a;--display:'Bebas Neue',sans-serif;--body:'Inter',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--off);font-family:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--green)}
img{max-width:100%;display:block}
.bh{position:sticky;top:0;z-index:10;background:rgba(17,17,17,.97);border-bottom:1px solid var(--border)}
.bh-in{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bh-logo img{height:44px;width:auto}
.bh nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bh nav a{color:var(--off);text-decoration:none;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.bh nav a:hover{color:var(--green)}
.bh nav a.cta{background:var(--green);color:#fff;padding:10px 18px;border-radius:4px}
.bh nav a.cta:hover{background:var(--green-d);color:#fff}
.wrap{max-width:760px;margin:0 auto;padding:56px 20px 80px}
.wide{max-width:1100px}
.label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.05;letter-spacing:.02em;color:var(--white);margin-bottom:16px}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:36px}
.lede{color:var(--muted);font-size:1.1rem;max-width:60ch;margin-bottom:40px}
article h2{font-family:var(--display);font-weight:400;font-size:2rem;letter-spacing:.03em;color:var(--white);margin:40px 0 12px}
article p,article li{font-size:1.05rem;color:#d6d6d6}
article p{margin-bottom:16px}
article ul,article ol{margin:0 0 18px 1.3em}
article li{margin-bottom:8px}
article strong{color:var(--white)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s}
.card:hover{border-color:var(--green);transform:translateY(-3px)}
.card h2{font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1.1;letter-spacing:.02em;color:var(--white);margin-bottom:10px}
.card p{color:var(--muted);font-size:.97rem;margin-bottom:18px;flex:1}
.card span{color:var(--green);font-weight:700;font-size:.9rem}
.cta-box{margin-top:48px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--green);border-radius:12px;padding:28px}
.cta-box h2{margin-top:0}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;padding:13px 26px;border-radius:4px;margin-top:6px}
.btn:hover{background:var(--green-d)}
.back{display:inline-block;margin-bottom:28px;font-size:.9rem;text-decoration:none}
footer{border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}
footer .wrap{padding:32px 20px;max-width:1100px;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}
footer a{color:var(--off);text-decoration:none}
@media(max-width:640px){.bh nav a:not(.cta){display:none}.wrap{padding-top:36px}}