:root{
  --bg:#0c1520; --panel:#0f1b2a; --ink:#e6eef8; --muted:#9ab1c9;
  --ring:#1d3b5a; --accent1:#ff7a3d; --accent2:#ffb84d; --blue1:#2cc0ff; --blue2:#3980ff;
  --radius:18px;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;color:var(--ink);background:radial-gradient(1200px 600px at 15% -10%,#122337 0%,transparent 60%),var(--bg);
  font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.container{width:min(1100px,92%);margin-inline:auto}
.section{padding:56px 0}
h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:12px 0 16px}
h2{font-size:clamp(22px,3.2vw,34px);margin:0 0 12px}
h3{font-size:clamp(18px,2.2vw,22px);margin:0 0 10px}
p{margin:0 0 10px}.lede{color:var(--muted)}.kicker{color:var(--muted);font-weight:600}.micro{color:var(--muted);font-size:.9rem}
ul{padding-left:18px;margin:8px 0} ol.steps{padding-left:18px;margin:8px 0} li{margin:6px 0}
.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25) inset,0 1px 0 rgba(255,255,255,.05)}
.content-card{padding:20px 22px} img{display:block;max-width:100%;height:auto;border-radius:14px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,8,14,.7);backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06)}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand a{color:var(--ink);text-decoration:none}
.brand .dot{width:10px;height:10px;border-radius:50%;background:#e74c3c;display:inline-block}
.primary-nav{display:flex;gap:22px;align-items:center}.primary-nav a{color:var(--ink);text-decoration:none;opacity:.9}
.primary-nav a:hover{opacity:1}.pill{padding:.35rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:999px}
.hamburger{display:none;background:none;border:0;cursor:pointer}
.hamburger span{display:block;width:24px;height:2px;background:#d6e6f8;margin:5px 0;border-radius:2px}

@media (max-width:860px){
  .hamburger{display:block}
  .primary-nav{position:fixed;inset:58px 0 auto 0;background:rgba(6,12,20,.98);backdrop-filter:blur(8px);display:grid;gap:0;
    border-top:1px solid rgba(255,255,255,.06);transform:translateY(-120%);transition:transform .2s ease;padding:14px 16px}
  .primary-nav a{padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.06)}
  .primary-nav.open{transform:translateY(0)}
}

/* Hero */
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center}
.eyebrow{display:inline-block;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-weight:600}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.chip{padding:.35rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cee}
.cta-row{display:flex;gap:12px;margin-top:4px}
.btn{display:inline-block;border-radius:12px;padding:.75rem 1rem;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.12);
  color:#eef;background:rgba(255,255,255,.02)} .btn:hover{translate:0 -1px}
.btn.grad{border:0;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#1b1206;box-shadow:0 6px 24px rgba(255,122,61,.25)}
.btn.blue{border:0;background:linear-gradient(90deg,var(--blue1),var(--blue2));color:#011421}
.btn.outline{background:transparent}

/* Two-col layout */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}

/* Speaking portraits — tighter spacing */
.speaking-grid .portraits-2{padding:12px}
.portraits-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;align-items:center}

/* Coaching 8-photo grid (3-col desktop) */
.photo-grid{padding:12px}
.photo-grid .grid-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.photo-grid img{width:100%;height:100%;object-fit:cover;border-radius:14px}

/* Form */
.form-card label{display:grid;gap:6px;margin:8px 0}
input,select,textarea{width:100%;padding:.75rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a1421;color:#eaf2fb}
.form-actions{display:flex;gap:10px;margin-top:6px}

/* Footer */
.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;background:#0a1421}

/* Breakpoints */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .photo-grid .grid-photos{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .photo-grid .grid-photos{grid-template-columns:1fr}
}