:root {
  --bg: #f5f5f7;
  --surface: #ffffff;
  --surface-soft: #fbfbfd;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --line: #d2d2d7;
  --primary: #0066cc;
  --primary-strong: #00458f;
  --radius: 24px;
  --shadow: 0 22px 44px rgba(0, 0, 0, 0.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 20%,#fff,var(--bg) 58%);line-height:1.55}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1160px,92%);margin-inline:auto}

.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.7);backdrop-filter:blur(16px);border-bottom:1px solid rgba(210,210,215,.7)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{font-weight:700;color:var(--text);letter-spacing:-.01em}
.menu{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center}
.menu a{font-weight:500;color:#3a3a3c;font-size:.92rem}

.btn{display:inline-block;padding:.72rem 1.15rem;border-radius:999px;font-weight:600;border:1px solid transparent;transition:.2s ease}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-strong);text-decoration:none;transform:translateY(-1px)}
.btn-ghost{border-color:var(--line);background:#fff;color:var(--text)}
.btn-ghost:hover{text-decoration:none;background:#f4f4f6}

.hero{padding:5.5rem 0 2.8rem}
.hero .container{display:grid;gap:1.5rem;align-items:center;grid-template-columns:1.15fr .85fr}
.hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.04em;margin:.2rem 0 .9rem;max-width:18ch}
.eyebrow{font-weight:600;color:var(--muted);letter-spacing:.02em;font-size:.83rem;text-transform:uppercase}
.lead{font-size:1.12rem;color:#515154;max-width:60ch}
.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}
.hero-media{position:relative;border-radius:32px;overflow:hidden;min-height:320px;box-shadow:var(--shadow)}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:5/4}
.hero-credit{margin:.55rem 0 0;color:var(--muted);font-size:.79rem}
.hero-copy{padding-right:1rem}

.section{padding:3.2rem 0}
.section h2{font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 .8rem}
.grid{display:grid;gap:1rem}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid #e8e8ed;border-radius:var(--radius);padding:1.25rem 1.3rem;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.card h3{margin:.2rem 0 .45rem;letter-spacing:-.01em}
.muted{color:var(--muted)}
ul.check{padding-left:1.2rem}ul.check li{margin:.35rem 0}

.icon-strip{padding-top:.8rem}
.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.icon-card{background:var(--surface-soft);border:1px solid #e9e9ee;border-radius:20px;padding:1rem;display:flex;align-items:center;gap:.8rem}
.icon-badge{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;background:#e8f2ff;color:var(--primary)}
.icon-badge svg{width:1.05rem;height:1.05rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-meta strong{display:block;font-size:.92rem;letter-spacing:-.01em}
.icon-meta span{font-size:.8rem;color:var(--muted)}

.band{background:linear-gradient(145deg,#1a1a1d,#2a2a2f);color:#f5f5f7;border-radius:var(--radius);padding:1.35rem}
form{display:grid;gap:.75rem}
label{font-weight:600;font-size:.9rem}
input,textarea,select{width:100%;padding:.75rem .8rem;border:1px solid #d9d9df;border-radius:12px;font:inherit;background:#fff}
textarea{min-height:130px}
.site-footer{padding:2.2rem 0;border-top:1px solid #e6e6eb;margin-top:2rem;background:#fff}
.small{font-size:.9rem}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;border:1px solid #000}

@media (max-width:1000px){
  .hero .container{grid-template-columns:1fr}
  .hero-copy{padding-right:0}
  .hero-media{max-width:700px}
  .icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .grid-3,.grid-2{grid-template-columns:1fr}
  .menu{display:none}
  .menu.open{display:flex;position:absolute;top:62px;left:4%;right:4%;background:#fff;padding:1rem;border:1px solid var(--line);flex-direction:column;align-items:flex-start;border-radius:20px;box-shadow:var(--shadow)}
  .menu-toggle{display:block}
}
@media (max-width:640px){
  .hero{padding-top:4.8rem}
  .icon-grid{grid-template-columns:1fr}
}
@media (min-width:901px){.menu-toggle{display:none}}