/* Across Resources — v2.3 (email visible, simple hyphens) */
:root{
  --ink:#111111;
  --muted:#5B6777;
  --line:#E5E9EF;
  --bg:#FFFFFF;
  --accent:#0A2540;
  --accent-ink:#FFFFFF;
  --accent-soft:#F3B34A;
  --max:960px;
}

*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
body{margin:0;color:var(--ink);background:var(--bg)}

.container{max-width:var(--max);padding:0 20px;margin:0 auto}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:40px;height:40px;border-radius:12px}
.brand-text{display:flex;flex-direction:column}
.brand-name{font-weight:700;font-size:1.05rem}
.brand-sub{font-size:.9rem;color:var(--muted)}

/* Hero */
.hero{background:radial-gradient(circle at 14% -20%, #12335C 0, #0A2540 45%, #061323 100%);color:#fff;padding:46px 0 56px}
.hero-inner{display:flex;flex-direction:column;gap:8px}
.hero-kicker{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:rgba(255,255,255,.7);margin:0}
.hero h1{margin:4px 0 6px;font-size:1.7rem;line-height:1.25}
.hero-line{margin:0;color:rgba(255,255,255,.9);max-width:760px}

/* Buttons */
.hero-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.92rem;text-decoration:none;cursor:pointer}
.btn-primary{background:#fff;border-color:#fff;color:var(--accent)}
.btn-primary:hover{background:#F5F7FA}
.btn-outline{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
.btn-outline:hover{border-color:#fff}
.btn-ghost{color:rgba(255,255,255,.85);background:transparent}
.btn-ghost:hover{color:#fff}

/* Sections */
.section{padding:40px 0}
.section.alt{background:#F7F9FC}
.grid.two{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:800px){.grid.two{grid-template-columns:1.15fr .85fr}}

.card{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff}
.card h3{margin:0 0 6px;font-size:1.05rem}
.card ul{padding-left:1.1rem;margin:0}
.bullets{padding-left:1.1rem;margin:.4rem 0 0}
.bullets li+li{margin-top:4px}
.note{font-size:.92rem;color:var(--muted)}

/* Steps */
.steps{display:grid;gap:16px;margin-top:10px}
.step{display:flex;gap:12px}
.n{width:28px;height:28px;border-radius:999px;background:var(--accent-soft);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}

/* Contact */
.contact-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px 18px;display:grid;gap:10px}
.row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.label{width:90px;color:var(--muted);font-size:.92rem}
.contact-card a{color:var(--accent);text-decoration:none}
.contact-card a:hover{text-decoration:underline}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:20px 0 26px}
.footer-inner{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;justify-content:space-between}
.muted{color:var(--muted)}
.micro{color:var(--muted);font-size:.88rem}

/* Responsive tweak */
@media(max-width:640px){
  .hero h1{font-size:1.45rem}
}