@font-face { font-family:'AlphaLyrae'; src:url('/fonts/AlphaLyrae-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Archivo'; src:url('/fonts/Archivo-Regular.otf') format('opentype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Archivo'; src:url('/fonts/Archivo-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Archivo'; src:url('/fonts/Archivo-SemiBold.ttf') format('truetype'); font-weight:600; font-display:swap; }

:root{ --green:#00a838; --ink:#0f0f12; --mut:#54545b; --dim:#8a8a90; --bg:#f6f8f7; --card:#fff; --line:rgba(15,20,30,.08); }
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--ink); background:var(--bg); line-height:1.72; font-size:17px; }
.wrap{ max-width:740px; margin:0 auto; padding:0 22px; }
a{ color:var(--green); text-decoration:none; }
a:hover{ text-decoration:underline; }

header.site{ border-bottom:1px solid var(--line); background:rgba(246,248,247,.9); backdrop-filter:saturate(180%) blur(8px); position:sticky; top:0; z-index:10; }
header.site .row{ max-width:980px; margin:0 auto; padding:14px 22px; display:flex; align-items:center; justify-content:space-between; }
header.site img{ height:30px; width:auto; }
.badge{ display:inline-flex; align-items:center; gap:9px; background:#0a0a0a; color:#fff; padding:9px 15px; border-radius:11px; font-weight:600; font-size:14px; }
.badge small{ display:block; font-size:9px; font-weight:500; opacity:.7; line-height:1; margin-bottom:2px; }
.badge .big{ font-size:15px; font-weight:700; line-height:1; }

main{ padding:46px 0 20px; }
.eyebrow{ color:var(--green); font-weight:600; letter-spacing:2px; font-size:13px; text-transform:uppercase; margin:0 0 14px; }
h1{ font-family:'AlphaLyrae',sans-serif; font-weight:500; font-size:clamp(31px,6vw,46px); line-height:1.08; letter-spacing:-.5px; margin:0 0 18px; }
.lead{ font-size:20px; color:var(--mut); margin:0 0 28px; }
h2{ font-family:'AlphaLyrae',sans-serif; font-weight:500; font-size:clamp(22px,4vw,28px); line-height:1.18; letter-spacing:-.3px; margin:44px 0 12px; }
h3{ font-size:19px; font-weight:600; margin:28px 0 8px; }
p{ margin:0 0 18px; }
ul,ol{ margin:0 0 18px; padding-left:22px; }
li{ margin:0 0 9px; }
strong{ font-weight:600; }
.meta{ color:var(--dim); font-size:14px; margin:0 0 30px; }

.cta{ background:var(--card); border:1px solid var(--line); border-radius:18px; padding:26px; text-align:center; margin:40px 0; }
.cta h3{ font-family:'AlphaLyrae',sans-serif; font-weight:500; font-size:23px; margin:0 0 8px; }
.cta p{ color:var(--mut); margin:0 0 18px; }
.btn{ display:inline-flex; align-items:center; gap:10px; background:#0a0a0a; color:#fff; padding:14px 22px; border-radius:14px; font-weight:600; }
.btn:hover{ text-decoration:none; opacity:.92; }

.faq dt{ font-weight:600; margin-top:18px; }
.faq dd{ margin:6px 0 0; color:var(--mut); }
.related{ border-top:1px solid var(--line); margin-top:44px; padding-top:24px; }
.related a{ display:block; padding:8px 0; font-weight:500; }

footer.site{ border-top:1px solid var(--line); margin-top:50px; padding:26px 22px; text-align:center; color:var(--dim); font-size:14px; }
footer.site a{ color:var(--dim); margin:0 9px; }
.disclaimer{ color:var(--dim); font-size:13px; margin-top:30px; line-height:1.6; }
