:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; color: #252336; background: #f7f6fc; }
    * { box-sizing: border-box; } body { margin: 0; } main { max-width: 820px; margin: 0 auto; padding: 42px 24px 80px; }
    h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; margin: 0 0 8px; } h2 { font-size: 1.1rem; margin: 0 0 6px; }
    p { margin: 0; } section { padding: 22px 0; border-top: 1px solid #ddd9ea; } .meta { color: #666276; margin-bottom: 28px; }
    a { color: #4332b9; } a:focus-visible { outline: 3px solid #8f80e8; outline-offset: 3px; }
    @media (prefers-color-scheme: dark) { :root { color: #f2effc; background: #171523; } section { border-color: #363044; } .meta { color: #b0aabc; } a { color: #b4a8ff; } }
  

header.brand { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:54px; }
.brand a { text-decoration:none; color:inherit; font-weight:700; }
.brand nav { display:flex; gap:20px; font-size:.9rem; }
.eyebrow { display:inline-block; color:#645a9d; background:#eeeaf9; padding:6px 12px; border-radius:24px; font-size:.82rem; font-weight:600; }
.hero { padding-bottom:48px; }
.hero h1 { max-width:680px; margin:20px 0; font-size:clamp(2.7rem,7vw,4.6rem); letter-spacing:-.05em; }
.hero p { max-width:620px; color:#666276; font-size:1.15rem; }
.features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:0 0 38px; border:0; }
.feature { border:1px solid #e5e0f0; border-radius:22px; padding:24px; background:#fff; }
.feature p { color:#666276; font-size:.95rem; }
.notice p { margin:10px 0; }
footer { padding-top:28px; font-size:.86rem; color:#666276; }
@media(max-width:560px) { .features { grid-template-columns:1fr; } header.brand { margin-bottom:36px; } }
@media(prefers-color-scheme:dark) { .feature { background:#211e2c; border-color:#363044; } .hero p,.feature p,footer { color:#b0aabc; } .eyebrow { background:#2e2843; color:#d0c7f3; } }