:root { color-scheme: light; --black:#080808; --white:#fff; --muted:#666; --line:#e6e6e6; --accent:#111; }
* { box-sizing:border-box; }
body { margin:0; background:#f5f5f3; color:var(--black); font-family:Inter,Arial,sans-serif; line-height:1.55; }
.container { width:min(1040px,calc(100% - 32px)); margin:0 auto; min-height:100vh; padding:28px 0; }
.brand { font-size:26px; font-weight:700; letter-spacing:.22em; }
.brand span { display:block; font-size:10px; font-weight:400; letter-spacing:.28em; }
.hero { padding:80px 0 48px; }
.eyebrow,.success { text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:700; }
.success { color:#177245; }
h1 { font-size:clamp(38px,7vw,74px); line-height:1.02; margin:12px 0 20px; max-width:900px; }
h2 { margin-top:0; }
p { color:#333; max-width:760px; }
.button { display:inline-block; margin-top:18px; padding:14px 22px; color:#fff; background:var(--accent); border-radius:8px; text-decoration:none; font-weight:700; }
.button.secondary { background:#333; }
.card,article { background:#fff; border:1px solid var(--line); border-radius:14px; padding:28px; margin:20px 0; }
article h1 { font-size:44px; }
article h2 { margin-top:32px; }
.stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:32px; }
.stats div { background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; }
.stats strong,.stats span { display:block; }
.stats strong { font-size:28px; }
.stats span { color:var(--muted); font-size:13px; }
.table-wrap { overflow:auto; }
table { border-collapse:collapse; width:100%; min-width:680px; }
th,td { border-bottom:1px solid var(--line); padding:12px 8px; text-align:left; }
th { font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
td a { color:#111; }
footer { display:flex; gap:20px; margin-top:48px; padding:24px 0; border-top:1px solid #ddd; }
footer a { color:#333; }
@media (max-width:640px) { .hero{padding-top:52px}.stats{grid-template-columns:1fr}h1{font-size:42px}.card,article{padding:20px} }