:root { color-scheme: light dark; --ink:#0b1220; --paper:#f5f6f8; --card:#fff; --muted:#657080; --coral:#ff6b5e; --mint:#42d3a0; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header,main,footer { width:min(760px,calc(100% - 36px)); margin-inline:auto; }
header { padding:52px 0 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:inherit; font-size:22px; font-weight:900; letter-spacing:-.04em; text-decoration:none; }
.brand span { color:var(--coral); }
nav { display:flex; gap:18px; }
nav a,footer a { color:inherit; font-weight:750; }
.hero,.card { background:var(--card); border-radius:28px; padding:clamp(24px,5vw,46px); box-shadow:0 18px 55px rgba(11,18,32,.07); }
.hero { margin:18px 0; }
.eyebrow { margin:0 0 10px; color:#087957; font-size:13px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:0 0 14px; font-size:clamp(36px,8vw,62px); line-height:1.02; letter-spacing:-.055em; }
h2 { margin:0 0 12px; font-size:26px; line-height:1.2; letter-spacing:-.03em; }
h3 { margin:30px 0 8px; font-size:18px; }
p,li { color:var(--muted); }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { display:inline-block; padding:13px 18px; border-radius:15px; background:var(--ink); color:#fff; font-weight:850; text-decoration:none; }
.button.secondary { background:#e1f8ef; color:#087957; }
.card { margin:18px 0; }
.langs { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; }
.langs a { display:block; padding:7px 11px; border-radius:99px; background:#eef0f4; color:var(--ink); font-size:14px; font-weight:750; text-decoration:none; }
footer { padding:24px 0 52px; color:var(--muted); font-size:14px; }
@media (prefers-color-scheme:dark) { :root { --ink:#f4f7fb; --paper:#080d16; --card:#111a28; --muted:#a7b1bf; } .button { background:#f4f7fb; color:#0b1220; } .langs a { background:#202b3b; color:#f4f7fb; } }