:root {
  --primary: #1a3a5c;
  --accent: #2d8a6b;
  --bg: #f8f9fa;
  --text: #222;
  --text-light: #555;
  --radius: 6px;
  --max-w: 1100px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}
.section{padding:4rem 0}
/* Preview banner */
.preview-banner{background:#f59e0b;color:#fff;text-align:center;padding:.5rem;font-size:.875rem;font-weight:600}
/* Nav */
.nav{background:var(--primary);position:sticky;top:0;z-index:100}
.nav-inner{max-width:var(--max-w);margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;color:#fff;font-size:1.1rem;font-weight:700}
.logo-img{height:36px;width:auto}
.logo-text{color:#fff}
.nav-links{list-style:none;display:flex;gap:1.5rem}
.nav-links a{color:rgba(255,255,255,.85);font-size:.95rem}
.nav-links a:hover{color:#fff;text-decoration:none}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}
@media(max-width:640px){
  .nav-links{display:none;flex-direction:column;gap:.5rem;background:var(--primary);padding:1rem 1.25rem}
  .nav.open .nav-links{display:flex}
  .nav-toggle{display:block}
}
/* Hero */
.hero{background:var(--primary);color:#fff;padding:5rem 1.25rem;text-align:center}
.hero-inner{max-width:700px;margin:0 auto}
.hero h1{font-size:clamp(1.75rem,5vw,3rem);font-weight:800;margin-bottom:1rem}
.hero-sub{font-size:1.125rem;opacity:.9;margin-bottom:2rem}
/* Buttons */
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.75rem 1.75rem;border-radius:var(--radius);font-weight:600;cursor:pointer;border:none;font-size:1rem;margin:.35rem}
.btn:hover{opacity:.9;text-decoration:none}
.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
/* Trust bar */
.trust-bar{background:#f0f4f8;padding:1.25rem 0}
.trust-list{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:center}
.trust-list li{font-size:.925rem;color:var(--text-light)}
.trust-list li::before{content:"✓ ";color:var(--accent);font-weight:700}
/* Cards grid */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.card{background:#fff;border-radius:var(--radius);padding:1.75rem;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.card h3{margin-bottom:.5rem;color:var(--primary)}
/* Why us */
.why-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}
.why-list li{padding:1rem 1.25rem;background:#fff;border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;box-shadow:0 1px 4px rgba(0,0,0,.06)}
/* CTA band */
.cta-band{background:var(--primary);color:#fff;text-align:center;padding:4rem 1.25rem}
.cta-band h2{font-size:1.75rem;margin-bottom:.75rem}
.cta-band p{margin-bottom:1.5rem;opacity:.9}
/* Page hero */
.page-hero{background:var(--primary);color:#fff;padding:3rem 1.25rem;text-align:center}
.page-hero h1{font-size:2rem;font-weight:800}
.page-hero p{margin-top:.75rem;opacity:.9}
/* About */
.about-story .container p{margin-bottom:1.25rem;font-size:1.05rem;max-width:720px}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem;align-items:start}
@media(max-width:640px){.contact-grid{grid-template-columns:1fr}}
.contact-info p{margin-bottom:.75rem}
.contact-form{display:flex;flex-direction:column;gap:1rem}
.contact-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.925rem;font-weight:600}
.contact-form input,.contact-form textarea{padding:.625rem;border:1px solid #d1d5db;border-radius:var(--radius);font-size:1rem;font-family:inherit}
.contact-form textarea{resize:vertical}
/* Footer */
.footer{background:#111;color:rgba(255,255,255,.7);padding:2.5rem 1.25rem;text-align:center}
.footer-inner p{margin-bottom:.4rem;font-size:.9rem}
.footer a{color:rgba(255,255,255,.6)}
.footer a:hover{color:#fff}
.footer-credit{font-size:.8rem;margin-top:.75rem}