:root{
  --brand-navy:#0E4F6B; --brand-blue:#2A6F8E; --brand-green:#2E9E62; --brand-yellow:#F5A524;
  --brand-gradient:linear-gradient(135deg,#0E4F6B 0%,#2A6F8E 35%,#2E9E62 70%,#F5A524 100%);
  --site-photo: url('assets/hero.png');
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:#0f172a;background:#fff; min-height:100%}
html{height:100%}
body::before{ content:""; position:fixed; inset:0; z-index:-1;
  background-image: var(--site-photo);
  background-size: cover; background-position:center; background-repeat:no-repeat;
  filter: saturate(102%) contrast(98%);
}
body::after{ content:""; position:fixed; inset:0; z-index:-1; background: none; pointer-events:none; }
h1,h2,h3,.font-serif{font-family:"Merriweather",ui-serif,Georgia,"Times New Roman",serif;letter-spacing:.2px}
.container{max-width:1040px}
.section{padding:4rem 0; background:transparent;}
.hero.section{ background: transparent; }
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:600}
.btn-primary{background:#2A6F8E;color:#fff}
.btn-primary:hover{filter:brightness(.96)}
.btn-ghost{color:#2A6F8E}
.badge{display:inline-block;padding:.25rem .6rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#F8FAFC;color:#334155;font-size:.78rem}
.badge-strong{ background: rgba(255,255,255,.94); color: var(--brand-navy); border-color: rgba(14,79,107,.18); font-weight:700; box-shadow: 0 6px 24px rgba(0,0,0,.12); }
.card{border:1px solid #e5e7eb;border-radius:1rem;background:#fff}
.muted{color:#64748b}
.hero{
  background-image: linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,.06) 75%, rgba(0,0,0,0) 100%);
  background-size: cover; background-position:center; color:#fff;
}
.hero h1,.hero h2,.hero h3{ color:#fff }
.hero .muted{ color: rgba(255,255,255,.92) }
.hero .btn-primary{ background:#2A6F8E; color:#fff; box-shadow:0 4px 18px rgba(0,0,0,.18) }
.hero .btn-ghost{ color:#fff }
.hero .badge{ color:#fff; border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.12) }
.hero .card{ color:#0f172a; background:#ffffff; border-color: rgba(255,255,255,.6); box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.hero .card .muted{ color:#64748b !important; }
.logo-mark-svg svg{ display:block; height:36px; width:36px; border-radius:.5rem; box-shadow:0 1px 2px rgba(0,0,0,.06) }
.logo-type{font-weight:800;letter-spacing:.4px;color:var(--brand-navy)}
.glass-head{ background: rgba(255,255,255,.88); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
  padding: 1rem 1.25rem; border: 1px solid rgba(255,255,255,.7); border-radius: .85rem; box-shadow: 0 8px 30px rgba(0,0,0,.12);
  max-width: 820px; margin: 0 auto 2rem auto; }
.hero-head{ background: rgba(255,255,255,.94); color:#0f172a; padding: 1.25rem 1.25rem 1.5rem; border-radius:.9rem; border:1px solid rgba(255,255,255,.75); box-shadow: 0 10px 30px rgba(0,0,0,.22) }
.hero .hero-head h1,.hero .hero-head h2,.hero .hero-head h3{ color:#0f172a }
.hero .hero-head .muted{ color:#475569 }
.hero .hero-head .btn-ghost{ color:#2A6F8E }
.hero .hero-head .badge-strong{ background:#2A6F8E; color:#fff; border-color:transparent; box-shadow: 0 6px 20px rgba(42,111,142,.35) }