:root { color-scheme: light dark; --ink:#17233d; --muted:#5e6980; --surface:#fff; --accent:#3157d5; --line:#dce2ef; --bg:#f3f6fc; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif; line-height:1.7; background:var(--bg); color:var(--ink); }
.wrap { width:min(960px,calc(100% - 32px)); margin-inline:auto; }
.hero { padding:72px 0 56px; background:linear-gradient(135deg,#182b60,#4269e1); color:white; }
.hero.compact { padding:48px 0 36px; }
.eyebrow { font-weight:700; letter-spacing:.08em; opacity:.8; }
h1 { max-width:760px; margin:.2em 0; font-size:clamp(2rem,7vw,4rem); line-height:1.12; }
h2 { line-height:1.3; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { display:inline-block; padding:11px 18px; border:1px solid rgba(255,255,255,.65); border-radius:999px; color:white; text-decoration:none; font-weight:700; }
.button.primary { background:white; color:#1e3d9b; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding-block:36px; }
.card,.policy section { padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:0 10px 30px rgba(37,55,94,.07); }
.card.full { grid-column:1/-1; }
.policy { display:grid; gap:18px; padding-block:36px; }
a { color:#3157d5; }
footer { padding:12px 0 36px; color:var(--muted); }
@media (max-width:700px){ .grid{grid-template-columns:1fr}.card.full{grid-column:auto}.hero{padding-top:52px} }
@media (prefers-color-scheme:dark){ :root{--ink:#eef2ff;--muted:#adb7cf;--surface:#172038;--accent:#8fa8ff;--line:#33405e;--bg:#0e1527} a{color:#9bb1ff} }