/* --------- CSS: Corporate + Clean (Green undertone) --------- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body, h1, h2, h3, h4, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }

:root{
  --brand:#16a34a; /* emerald-600 */
  --brand-600:#15803d; /* deeper */
  --brand-50:#ecfdf5; /* mint */
  --ink:#0f172a;
  --muted:#475569;
  --bg:#f8fafc;
  --surface:#ffffff;
  --border:#e2e8f0;
  --ring:#86efac;
  --radius:14px;
  --shadow:0 10px 25px rgba(2,6,23,.08);
}

body{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;color: var(--ink);background: var(--bg);line-height: 1.6;}
.container{max-width:1120px;margin:0 auto;padding:0 20px;}

.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{position:static;width:auto;height:auto;padding:.5rem .75rem;background:var(--brand);color:#fff;border-radius:8px;margin:.5rem;}

.header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:saturate(120%) blur(4px);} 
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;}
.brand-logo-img{width:73px;height:auto;max-height:73px;object-fit: contain;} 
.brand-name{font-weight:700;letter-spacing:.2px;}
.brand-sub{font-size:.75rem;color:var(--muted);display:none;} 
@media (min-width:640px){.brand-sub{display:block;}}

.nav-links{display:none;gap:8px;align-items:center;}
.nav-links a{text-decoration:none;color:var(--muted);padding:.5rem .75rem;border-radius:10px;}
.nav-links a[aria-current="page"], .nav-links a:hover{color:var(--ink);background:var(--brand-50);} 

.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand);color:#fff;border:0;padding:.65rem 1rem;border-radius:12px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:var(--shadow);} 
.btn:hover{background:var(--brand-600);} 
.btn.outline{background:transparent;color:var(--brand);box-shadow:none;border:1px solid var(--brand);} 
.btn.outline:hover{background:var(--brand-50);} 

.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;} 
@media (min-width:900px){.menu-btn{display:none;}.nav-links{display:flex;}}

.mobile-drawer{display:none;background:var(--surface);border-bottom:1px solid var(--border);} 
.mobile-drawer.open{display:block;} 
.mobile-drawer a{display:block;padding:.9rem 1rem;text-decoration:none;color:var(--muted);} 
.mobile-drawer a:hover{background:var(--brand-50);color:var(--ink);} 

.hero{padding:72px 0 48px;background:radial-gradient(1200px 500px at 80% -10%, rgba(22,163,74,.12), transparent 60%), linear-gradient(180deg, var(--surface), var(--bg));border-bottom:1px solid var(--border);} 
.hero-inner{display:grid;gap:28px;align-items:stretch;} /* stretch equal height */
@media (min-width:900px){.hero-inner{grid-template-columns:1.05fr .95fr;}} 
.hero h1{font-size:clamp(1.9rem,1.15rem + 2.3vw,3rem);line-height:1.15;letter-spacing:.2px;} 
.hero p{color:var(--muted);max-width:60ch;} 
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;} 
.hero-media{display:flex;align-items:stretch;} 
.hero-media img{height:100%;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);} 

.media-img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);} 

.section{padding:56px 0;} 
.section .eyebrow{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;} 
.section h2{font-size:clamp(1.3rem,1rem + 1vw,2rem);margin-top:6px;} 

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);} 
.grid-3{display:grid;gap:16px;} 
@media (min-width:720px){.grid-3{grid-template-columns:repeat(3, 1fr);}} 

.logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:center;} 
@media (min-width:720px){.logos{grid-template-columns:repeat(6,minmax(0,1fr));}} 
.logo-badge{height:44px;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;color:var(--muted);background:#f8fafc;} 

.list{display:grid;gap:12px;margin-top:10px;} 
.list li{display:flex;gap:10px;align-items:flex-start;} 
.list .dot{width:10px;height:10px;background:var(--brand);border-radius:999px;margin-top:.45rem;} 

.footer{background:var(--surface);border-top:1px solid var(--border);} 
.footer-inner{display:grid;gap:20px;padding:28px 0;} 
@media (min-width:720px){.footer-inner{grid-template-columns:1.25fr .75fr .75fr .75fr;}} 
.footer h4{margin-bottom:8px;font-size:1rem;} 
.footer a{color:var(--muted);text-decoration:none;} 
.footer a:hover{color:var(--ink);} 

.input, textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:12px;background:#fff;font:inherit;} 
.input:focus, textarea:focus{outline:3px solid var(--ring);border-color:transparent;} 
.form-row{display:grid;gap:12px;} 
@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr;}} 

.table{width:100%;border-collapse:separate;border-spacing:0 10px;} 
.table tr{background:var(--surface);} 
.table td, .table th{padding:14px 16px;} 
.table th{text-align:left;color:var(--muted);font-weight:600;} 
.table tr{box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;} 
.table tr td:first-child{border-radius:12px 0 0 12px;} 
.table tr td:last-child{border-radius:0 12px 12px 0;} 

.muted{color:var(--muted);} 
.spacer-1{height:12px;} 
.spacer-2{height:24px;} 
.center{text-align:center;} 
.badge{display:inline-block;padding:.28rem .5rem;border-radius:999px;background:var(--brand-50);color:var(--brand);font-weight:700;font-size:.75rem;}