/* Shared base for the static pages (landing, privacy, story, contact). Header/footer live in site.css. */
:root{--navy:#071330;--blue:#1d4ed8;--blue-d:#1e40af;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--soft:#f8fafc;--wrap:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:var(--blue)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.btn{display:inline-block;font-weight:700;font-size:14px;text-decoration:none;padding:9px 18px;border-radius:9px;border:1px solid transparent;transition:background .15s,transform .15s;cursor:pointer;font-family:inherit}
.btn-lg{font-size:16px;padding:13px 26px;border-radius:11px}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue-d)}
.btn-ghost{background:#fff;color:var(--blue);border-color:#bfdbfe}
.btn-ghost:hover{background:#eff6ff}
.btn-ghost-dark{background:transparent;color:#fff;border-color:#475d94}
.btn-ghost-dark:hover{background:#102454}
.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
h1{margin:0 0 16px;font-size:clamp(32px,4.6vw,52px);line-height:1.08;letter-spacing:-.02em}
h2{margin:0 0 22px;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.01em}
h3{margin:0 0 8px;font-size:18px;line-height:1.3}
.lead{font-size:18px;color:var(--muted);margin:0 0 24px}
code{background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:.9em}

/* Page hero + prose for info pages */
.phero{background:linear-gradient(180deg,#eef4ff 0%,#fff 100%);padding:56px 0 36px;border-bottom:1px solid var(--line)}
.phero h1{font-size:clamp(30px,4vw,44px)}
.phero .lead{max-width:720px;margin-bottom:0}
.prose{max-width:760px;margin:0 auto;padding:44px 20px 64px}
.prose h2{margin:40px 0 12px;font-size:24px}
.prose p,.prose li{font-size:17px;color:#334155}
.prose ul{padding-left:22px}
.prose li{margin:6px 0}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.card h3{font-size:16px}
.card p{margin:0;color:var(--muted);font-size:15px}
.callout{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:18px 20px;margin:24px 0;color:#1e3a8a}
.callout p{margin:0;color:inherit}
.quote{border-left:4px solid var(--blue);padding:4px 0 4px 18px;font-size:22px;font-weight:700;line-height:1.35;margin:28px 0;color:var(--ink)}
.sign{display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.avatar{width:52px;height:52px;border-radius:50%;background:#1d4ed8;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.cta-box{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:40px;text-align:center}
.cta-box p{margin:0 0 14px}
@media (max-width:760px){.cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}