:root{
  --bg:#0b1220;
  --surface:#101a2f;
  --surface-2:#15223d;
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --line:#dbe4f0;
  --accent:#16a34a;
  --accent-2:#22c55e;
  --gold:#d4a72c;
  --cream:#f8fafc;
  --shadow:0 20px 45px rgba(15,23,42,.14);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#eff5fb 0%, #f8fbff 26%, #ffffff 100%);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:20;
  backdrop-filter: blur(16px);
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(148,163,184,.22);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.9rem;font-weight:800;letter-spacing:.02em}
.brand img{width:44px;height:44px}
.brand span{display:block}
.brand small{display:block;font-weight:600;color:var(--muted)}
.menu{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.menu a{font-weight:600;color:#1e293b}
.menu a:hover{color:var(--accent)}
.button,button{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  border:none;border-radius:999px;padding:.92rem 1.2rem;
  font-weight:700;cursor:pointer;transition:.22s ease;
}
.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px rgba(34,197,94,.25)}
.button.primary:hover{transform:translateY(-2px)}
.button.secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
.button.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}
.hero{
  position:relative;overflow:hidden;
  color:#fff;background:radial-gradient(circle at 10% 10%,rgba(34,197,94,.2),transparent 30%),linear-gradient(140deg,#0b1220 0%,#132343 53%,#10213a 100%);
}
.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;align-items:center;padding:5.2rem 0 4.2rem}
.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#d1fae5;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  padding:.55rem .8rem;border-radius:999px
}
.hero h1{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1.05;margin:.9rem 0 1rem;max-width:12ch}
.hero p{font-size:1.08rem;color:#dbe7f5;max-width:60ch}
.hero-card{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  padding:1.5rem;border-radius:26px;box-shadow:0 20px 60px rgba(0,0,0,.18)
}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.metric{background:rgba(255,255,255,.08);padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.12)}
.metric strong{display:block;font-size:1.4rem}
.section{padding:4.8rem 0}
.section.tight{padding:3rem 0}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.card{
  background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);
  padding:1.45rem;box-shadow:var(--shadow)
}
.card.soft{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)}
.card.dark{background:linear-gradient(180deg,#0f172a 0%,#132340 100%);color:#fff;border:none}
.kicker{font-size:.86rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:.65rem}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .8rem}
h2{font-size:clamp(1.9rem,2.2vw,3rem)}
h3{font-size:1.25rem}
.lead{font-size:1.08rem;color:#334155;max-width:68ch}
.list{padding-left:1.1rem;margin:.7rem 0 0}
.list li{margin:.38rem 0}
.band{
  background:linear-gradient(180deg,#e9f7ee 0%,#f7fbf8 100%);
  border-block:1px solid #d8ece0
}
.pillars .card{height:100%}
.callout{
  display:flex;gap:1rem;align-items:flex-start;background:#0f172a;color:#fff;border-radius:24px;padding:1.4rem
}
.callout .badge{
  width:52px;height:52px;flex:0 0 auto;border-radius:16px;background:linear-gradient(135deg,var(--gold),#facc15);
  display:grid;place-items:center;color:#111827;font-weight:800
}
.timeline{display:grid;gap:1rem}
.step{
  display:grid;grid-template-columns:64px 1fr;gap:1rem;align-items:start
}
.step-number{
  width:64px;height:64px;border-radius:20px;background:#ecfdf5;color:#15803d;border:1px solid #bbf7d0;
  display:grid;place-items:center;font-weight:800;font-size:1.1rem
}
.doc-grid .card h3{margin-bottom:.3rem}
.doc-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.hero-actions,.cta-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.3rem}
.quote{
  font-size:1.18rem;font-weight:600;color:#0f172a;padding-left:1rem;border-left:4px solid var(--accent)
}
.footer{
  background:#0b1220;color:#dbe7f5;padding:3rem 0 2rem;margin-top:4rem
}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.footer a{color:#dbe7f5}
.footer small{color:#93a4bb}
.hero-visual{
  position:relative;min-height:480px;border-radius:30px;overflow:hidden;
  background:
    linear-gradient(160deg,rgba(21,34,61,.76),rgba(11,18,32,.4)),
    url('assets/img/hero-pattern.svg') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.12)
}
.hero-panel{
  position:absolute;inset:auto 1.1rem 1.1rem 1.1rem;background:rgba(255,255,255,.92);
  color:#0f172a;border-radius:22px;padding:1.2rem;box-shadow:0 20px 55px rgba(2,6,23,.22)
}
.hero-panel h3{margin-bottom:.5rem}
.page-hero{
  background:linear-gradient(135deg,#0f172a 0%,#163356 100%);color:#fff;padding:4.1rem 0 3rem
}
.page-hero p{color:#dce7f7;max-width:68ch}
.content{padding:3.5rem 0}
.content h2{margin-top:2rem}
.content h3{margin-top:1.35rem}
.content p,.content li{color:#334155}
.content .card{margin:1.2rem 0}
.download-box{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:1.2rem 1.3rem;border:1px solid #cfe0d6;border-radius:20px;background:#f3fbf5
}
.banner{
  background:linear-gradient(130deg,#0f172a,#173b2d);color:#fff;border-radius:28px;padding:2rem;
  box-shadow:var(--shadow)
}
.form-card form{display:grid;gap:.9rem}
input,textarea,select{
  width:100%;padding:1rem 1rem;border-radius:16px;border:1px solid #cbd5e1;background:#fff;
  font:inherit;color:#0f172a
}
textarea{min-height:150px;resize:vertical}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:1.2rem;box-shadow:var(--shadow)}
.stat strong{display:block;font-size:1.5rem}
table{
  width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid #dbe4f0;border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);background:#fff
}
th,td{padding:1rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}
th{background:#f8fafc;font-size:.95rem}
.notice{background:#fff7ed;border:1px solid #fed7aa;padding:1rem 1.1rem;border-radius:18px;color:#9a3412}
@media (max-width:980px){
  .hero .container,.grid-2,.grid-3,.footer-grid,.stats-strip{grid-template-columns:1fr}
  .hero h1{max-width:none}
  .hero-visual{min-height:350px}
}
@media (max-width:760px){
  .menu{display:none}
  .nav{padding:.8rem 0}
  .hero .container{padding:4.2rem 0 3.4rem}
  .section{padding:4rem 0}
  .metrics{grid-template-columns:1fr}
}
@media print{
  .site-header,.footer,.hero-actions,.doc-links,.cta-actions,.button{display:none !important}
  body{background:#fff}
  .page-hero,.hero{background:#fff !important;color:#111 !important;padding:0}
  .hero p,.page-hero p{color:#333 !important}
  .container{width:auto;max-width:none}
  .content,.section{padding:0}
  .card,.download-box,.banner,table{box-shadow:none}
}