:root{--comb:#0d0b07;--card:#181107;--line:rgba(255,179,0,.14);--line2:rgba(255,179,0,.28);
 --honey:#FFB300;--honey-lt:#FFD766;--amber:#EF9000;--cream:#F4ECDC;--muted:#b4a888;--ink:#241808;
 --display:'Sora',system-ui,sans-serif;--body:'Hanken Grotesk',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:radial-gradient(70% 50% at 80% -5%,hsl(40 75% 13%),transparent 60%),linear-gradient(180deg,#0e0b06,#070502);
 color:var(--cream);font-family:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--honey);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header.top{border-bottom:1px solid var(--line);position:sticky;top:0;backdrop-filter:blur(12px);
 background:linear-gradient(180deg,rgba(13,11,7,.92),rgba(13,11,7,.7));z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:19px;color:var(--cream)}
.brand b{color:var(--honey)}.brand .mark{width:34px;height:34px}
.nav .cta{font-family:var(--display);font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--honey-lt),var(--honey) 55%,var(--amber));
 color:var(--ink);padding:9px 16px;border-radius:11px}
main{padding:48px 0 30px}
.crumb{font-size:13px;color:var(--muted);margin-bottom:20px}
h1{font-family:var(--display);font-weight:800;font-size:clamp(28px,5vw,40px);line-height:1.12;letter-spacing:-.02em;margin-bottom:16px}
h2{font-family:var(--display);font-weight:700;font-size:22px;margin:34px 0 12px;letter-spacing:-.01em}
p{margin-bottom:16px;color:#e9e0cd}
.lead{font-size:18px;color:var(--muted);margin-bottom:8px}
ul,ol{margin:0 0 18px 22px}li{margin-bottom:9px;color:#e9e0cd}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin:22px 0}
.tip{border-left:3px solid var(--honey);background:rgba(255,179,0,.06);border-radius:0 12px 12px 0;padding:14px 18px;margin:18px 0;color:var(--cream)}
.cta-band{background:linear-gradient(180deg,var(--card),transparent);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center;margin:36px 0 10px}
.cta-band h3{font-family:var(--display);font-weight:800;font-size:22px;margin-bottom:8px}
.cta-band p{color:var(--muted);margin-bottom:18px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:15px;padding:13px 24px;border-radius:12px;
 background:linear-gradient(135deg,var(--honey-lt),var(--honey) 55%,var(--amber));color:var(--ink);box-shadow:0 10px 30px -12px rgba(255,179,0,.6)}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.alist{display:grid;gap:14px;margin-top:26px}
.alist a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:border-color .2s,transform .2s}
.alist a:hover{border-color:var(--line2);transform:translateY(-2px);text-decoration:none}
.alist h3{font-family:var(--display);font-weight:700;font-size:18px;color:var(--cream);margin-bottom:6px}
.alist p{color:var(--muted);font-size:14.5px;margin:0}
footer{border-top:1px solid var(--line);margin-top:40px;padding:30px 0 50px;color:var(--muted);font-size:13px;line-height:1.6}
footer a{color:var(--muted)}footer .legal{margin-top:10px;display:block;max-width:60ch}