:root{
  --navy:#0c131e;
  --black:#000000;
  --soft:#a3d2b0;
  --soft-tint:#eef6f0;
  --grey:#f9f9f9;
  --white:#ffffff;
  --ink:#0c131e;
  --muted:#5e6b72;
  --line:#e8ebe9;
  --maxw:1100px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px;}
.eyebrow{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--soft);}
.eyebrow.dark{color:#6f9c7d;}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;}
.nav .brand img{height:26px;width:auto;}
.menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500;color:var(--navy);}
.menu a:hover{color:#3a6b4a;}
.menu a.active{color:#3a6b4a;font-weight:600;}
.menu .pill{background:var(--navy);color:#fff;padding:9px 18px;border-radius:7px;font-weight:600;}
.menu .pill:hover{background:#16202e;}
.menu .home-pill{background:var(--soft);color:var(--navy);padding:9px 18px;border-radius:7px;font-weight:600;}
.menu .home-pill:hover{background:#b6dcc0;color:var(--navy);}
.lang{border:1px solid var(--line);padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;}
.langs{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.langs a{font-size:12px;font-weight:600;padding:6px 9px;color:var(--muted);}
.langs a+a{border-left:1px solid var(--line);}
.langs a.active{background:var(--navy);color:#fff;}
.langs a:hover{color:var(--navy);}
.langs a.active:hover{color:#fff;}
.burger{display:none;background:none;border:none;font-size:26px;color:var(--navy);cursor:pointer;}

/* BUTTONS */
.btn{padding:14px 30px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:transform .15s,background .15s;display:inline-block;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--soft);color:var(--navy);}
.btn-primary:hover{background:#b6dcc0;}
.btn-ghost{background:rgba(255,255,255,0.10);color:#fff;border:1px solid rgba(255,255,255,0.38);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:#16202e;}

/* PAGE HERO (inner pages) */
.page-hero{position:relative;overflow:hidden;color:#fff;padding:96px 26px 86px;
  background:radial-gradient(120% 130% at 18% 15%, #1d3a2a 0%, #0c131e 60%);}
.page-hero::after{content:"";position:absolute;inset:0;opacity:.06;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:30px 30px;}
.page-hero .wrap{position:relative;z-index:1;}
.page-hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-1.2px;line-height:1.05;margin:14px 0 14px;}
.page-hero h1 .accent{color:var(--soft);}
.page-hero p{font-size:clamp(15px,1.9vw,18px);max-width:620px;color:rgba(255,255,255,0.85);}
.crumb{font-size:13px;color:rgba(255,255,255,0.55);}
.crumb a:hover{color:var(--soft);}

/* SECTIONS */
section.block{padding:80px 0;}
.block.tinted{background:var(--grey);}
.sec-head{text-align:center;margin-bottom:46px;}
.sec-head h2{font-size:clamp(22px,3vw,29px);font-weight:700;letter-spacing:-0.6px;margin-top:8px;color:var(--navy);}
.sec-head p{color:var(--muted);max-width:560px;margin:10px auto 0;font-size:15px;}

/* GRIDS & CARDS */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .18s,box-shadow .18s;}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(12,19,30,0.08);}
.icon{width:46px;height:46px;border-radius:12px;background:var(--soft-tint);color:#3a6b4a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.icon svg{width:23px;height:23px;}
.card h3{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--navy);}
.card p{font-size:13.5px;color:var(--muted);}

/* MEDIA ROW (text + image placeholder) */
.media-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px;}
.media-row:last-child{margin-bottom:0;}
.media-row.flip .txt{order:2;}
.media-row .txt h3{font-size:clamp(20px,2.6vw,26px);font-weight:700;color:var(--navy);letter-spacing:-0.5px;margin-bottom:14px;}
.media-row .txt p{color:var(--muted);font-size:15px;margin-bottom:14px;}
.media-row .txt ul{list-style:none;}
.media-row .txt li{font-size:14.5px;color:var(--ink);padding:7px 0 7px 28px;position:relative;}
.media-row .txt li::before{content:"";position:absolute;left:0;top:14px;width:14px;height:2px;background:var(--soft);}
.ph{border-radius:18px;min-height:300px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-color:#0c131e;}
.ph .photo-note{position:relative;z-index:1;margin:18px;font-size:12px;color:rgba(255,255,255,0.75);background:rgba(12,19,30,0.45);padding:6px 12px;border-radius:20px;backdrop-filter:blur(4px);}

/* CTA */
.cta{position:relative;overflow:hidden;color:#fff;text-align:center;padding:88px 26px;
  background:radial-gradient(120% 140% at 80% 10%, #1d3a2a 0%, #0c131e 62%);}
.cta h2{font-size:clamp(24px,3vw,31px);font-weight:700;letter-spacing:-0.6px;margin-bottom:10px;}
.cta p{color:var(--soft);font-size:16px;margin-bottom:28px;}
.cta .btn{margin:0 4px;}

/* FOOTER */
footer{background:var(--navy);color:rgba(255,255,255,0.6);padding:54px 26px 40px;}
.foot-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;}
.foot-grid .flogo{height:24px;width:auto;margin-bottom:14px;}
.foot-grid .slogan{font-style:italic;color:var(--soft);font-size:14px;max-width:230px;}
.foot-grid h4{color:#fff;font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}
.foot-grid a{display:block;font-size:14px;padding:4px 0;}
.foot-grid a:hover{color:var(--soft);}
.foot-bottom{max-width:var(--maxw);margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,0.10);font-size:13px;text-align:center;}

/* COMPLIANCE TAGS */
.tags{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.tag{background:var(--soft-tint);color:#3a6b4a;padding:9px 18px;border-radius:22px;font-size:13px;font-weight:600;}

/* RESPONSIVE */
@media(max-width:880px){
  .menu{display:none;}
  .burger{display:block;}
  .menu.open{
    display:flex;flex-direction:column;align-items:flex-start;gap:4px;
    position:absolute;top:72px;left:0;right:0;
    background:#fff;border-bottom:1px solid var(--line);
    padding:18px 26px 24px;box-shadow:0 16px 30px rgba(12,19,30,0.10);
  }
  .menu.open a{padding:11px 0;font-size:16px;}
  .menu.open .home-pill,.menu.open .pill{padding:10px 20px;margin:4px 0;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
  .media-row{grid-template-columns:1fr;gap:24px;}
  .media-row.flip .txt{order:0;}
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
  .grid-4{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;}}