:root { --ink:#172033; --muted:#607089; --line:#e5eaf1; --blue:#155eef; --sun:#f7b955; --paper:#ffffff; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
.site-header, footer { max-width:1120px; margin:0 auto; padding-left:28px; padding-right:28px; }
.site-header { min-height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; font-weight:700; text-decoration:none; }
.mark { width:31px; height:31px; border-radius:50%; display:inline-block; background:linear-gradient(to bottom, var(--sun) 0 43%, transparent 43% 52%, var(--sun) 52% 61%, transparent 61% 70%, var(--sun) 70% 79%, transparent 79%); }
nav { display:flex; gap:30px; } nav a { color:var(--ink); text-decoration:none; padding:28px 0 22px; border-bottom:2px solid transparent; } nav a[aria-current="page"] { color:var(--blue); border-color:var(--blue); }
.hero { max-width:790px; margin:0 auto; padding:140px 28px 158px; text-align:center; } .eyebrow { color:var(--muted); font-size:.85rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700; } h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.55rem,6vw,4.65rem); line-height:1.05; letter-spacing:-.04em; margin:18px 0 28px; } .lead { max-width:680px; margin:0 auto 34px; color:#4c5d78; font-family:Georgia,"Times New Roman",serif; font-size:1.3rem; }
.button { display:inline-block; border-radius:8px; background:var(--blue); color:#fff; font-weight:700; padding:13px 20px; text-decoration:none; box-shadow:0 6px 15px rgba(21,94,239,.18); }.quiet { margin-top:31px; color:var(--muted); font-size:.95rem; }
.document { max-width:760px; margin:0 auto; padding:78px 28px 100px; }.document h1 { font-size:clamp(2.5rem,5vw,4rem); }.document h2 { font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; margin:42px 0 9px; }.document p { color:#37465d; font-size:1.05rem; }.document a, footer a { color:var(--blue); } footer { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; padding-top:25px; padding-bottom:34px; }
@media (max-width:600px) { .site-header { min-height:auto; display:block; padding-top:21px; }.brand { font-size:1.25rem; } nav { gap:20px; margin-top:14px; } nav a { padding:10px 0 12px; }.hero { padding-top:88px; padding-bottom:105px; }.lead { font-size:1.14rem; }.document { padding-top:55px; } }