/* Expeditie4U — static rebuild
   Colors: sage green + navy. Fonts: Oswald (display) + Source Sans Pro (body). */
:root{
  --navy:#0e1b3d;
  --green:#a8c89a;       /* hero / soft panels */
  --green-deep:#3f7d5a;  /* accents */
  --ink:#1c2433;
  --muted:#5b6472;
  --bg:#ffffff;
  --bg-soft:#f4f7f2;
  --radius:22px;
  --maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Source Sans Pro",system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:18px}
h1,h2,h3,.display{font-family:"Oswald","Source Sans Pro",sans-serif;font-weight:600;line-height:1.05;color:var(--navy);letter-spacing:.2px}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(1.9rem,3.5vw,2.8rem);margin-bottom:.6em}
h3{font-size:1.35rem;margin-bottom:.4em}
p{margin-bottom:1rem}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.section{padding:72px 0}
.section--soft{background:var(--bg-soft)}
.center{text-align:center}
.muted{color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #eef1ee}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.logo{font-family:"Oswald",sans-serif;font-weight:700;font-size:1.6rem;color:var(--navy);letter-spacing:.5px}
.logo span{color:var(--green-deep)}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{font-weight:600;color:var(--navy);position:relative;padding:4px 0}
.nav-links a.active::after,.nav-links a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green-deep)}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--navy)}

/* Buttons */
.btn{display:inline-block;padding:15px 30px;border-radius:40px;font-weight:700;font-size:1rem;cursor:pointer;border:2px solid var(--navy);transition:.15s}
.btn--primary{background:var(--navy);color:#fff}
.btn--primary:hover{background:#16294f}
.btn--ghost{background:transparent;color:var(--navy)}
.btn--ghost:hover{background:var(--navy);color:#fff}
.btn--light{border-color:#fff;color:#fff;background:transparent}
.btn--light:hover{background:#fff;color:var(--navy)}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;padding:40px 0 24px}
.hero-card{background:var(--green);border-radius:var(--radius);padding:54px 48px;display:flex;flex-direction:column;justify-content:center}
.hero-card h1{color:#fff}
.hero-card p{color:#13351f;font-size:1.15rem;margin:18px 0 28px;max-width:34ch}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-img{border-radius:var(--radius);background-size:cover;background-position:center;min-height:440px}

/* Generic feature/cards */
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid #e9ede8;border-radius:18px;padding:30px}
.card--soft{background:var(--bg-soft);border:0}
.card h3{color:var(--green-deep)}
.lead{font-size:1.2rem;max-width:60ch}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.panel-green{background:var(--green);border-radius:var(--radius);padding:48px}
.panel-navy{background:var(--navy);color:#fff;border-radius:var(--radius);padding:48px}
.panel-navy h2,.panel-navy h3{color:#fff}
.eyebrow{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--green-deep);font-weight:600;font-size:.95rem;margin-bottom:8px}

/* Partner logos */
.logos{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center;opacity:.85}
.logos img{height:54px;width:auto;filter:grayscale(.2)}
.partners{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.partners span{background:var(--bg-soft);border:1px solid #e3e9e0;color:var(--navy);font-weight:600;padding:10px 20px;border-radius:40px;font-size:1rem}

/* Quotes */
.quote{background:#fff;border-left:4px solid var(--green);border-radius:12px;padding:22px 26px;box-shadow:0 6px 24px rgba(14,27,61,.05)}
.quote p{font-style:italic;margin:0}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
form label{display:block;font-weight:600;margin:14px 0 6px;color:var(--navy)}
form input,form textarea{width:100%;padding:13px 15px;border:1px solid #d7ddd4;border-radius:12px;font:inherit;background:#fff}
form textarea{min-height:140px;resize:vertical}
.contact-info p{margin-bottom:.4rem}
.contact-info a{color:var(--green-deep);font-weight:600}

/* Footer */
.site-footer{background:var(--navy);color:#cdd4e2;padding:56px 0 30px}
.site-footer h4{font-family:"Oswald",sans-serif;color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-size:1rem;margin-bottom:12px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.site-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid #24345c;margin-top:36px;padding-top:18px;font-size:.85rem;color:#8c96ad}

@media(max-width:860px){
  .nav-links{display:none}
  .nav-toggle{display:block}
  .hero,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .hero-img{min-height:280px}
}