/* BeAmazed site theme — matches the corporate landing page:
   paper-white stage, ink type, one card-back red accent, dark "bands" for emphasis. */
:root{
  --bg:#f7f6f3; --surface:#ffffff; --ink:#1b1d26; --muted:#5b5e6b; --line:#dddbd4;
  --accent:#a8262f; --accent-ink:#ffffff;
  --band:#1b1d26; --band-fg:#f1efe9; --band-muted:#a7a9b5;
  --header-bg:#ffffff; --header-fg:#1b1d26; --header-line:#e4e2dc;
  --font-display:"Oswald","Arial Narrow","Roboto Condensed",Impact,sans-serif;
  --font-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --radius:6px; --max:1120px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#14151b; --surface:#1d1f27; --ink:#eeece6; --muted:#a3a5b1; --line:#2f313c;
    --accent:#e0555d; --accent-ink:#14151b; --band:#0d0e12; --band-fg:#eeece6; --band-muted:#8c8e9a;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#14151b; --surface:#1d1f27; --ink:#eeece6; --muted:#a3a5b1; --line:#2f313c;
  --accent:#e0555d; --accent-ink:#14151b; --band:#0d0e12; --band-fg:#eeece6; --band-muted:#8c8e9a;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
p a,li a,.faq a{color:var(--accent);font-weight:600}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.4vw,3.6rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
h3{font-size:1.4rem}
em.gold,.gold{font-style:normal;color:var(--accent)}
.eyebrow{display:block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.lede{font-size:1.15rem;color:var(--muted);max-width:60ch}
section{padding-block:72px}
.alt{background:var(--surface);border-block:1px solid var(--line)}
.center{text-align:center}.center .lede{margin-inline:auto}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* header (logo on white, like the corporate page) */
.site-head{position:sticky;top:0;z-index:50;background:var(--header-bg);color:var(--header-fg);border-bottom:1px solid var(--header-line)}
.site-head .wrap{max-width:1260px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex-shrink:0}
.brand img{display:block;width:auto;max-width:none}
.logo-card{height:58px}
.logo-text{height:44px}
.nav{display:flex;gap:18px;align-items:center}
.nav a{white-space:nowrap;text-decoration:none;font-size:.95rem;font-weight:500;color:var(--header-fg)}
.nav a:hover,.nav a.on{color:#a8262f}
.nav a.btn{color:#fff}
.phone-link{font-weight:600;white-space:nowrap}
.menu-btn{display:none;background:none;border:1px solid var(--header-line);color:var(--header-fg);border-radius:var(--radius);padding:8px 12px;font:600 .9rem var(--font-body)}
@media(max-width:1180px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--header-bg);flex-direction:column;align-items:flex-start;padding:20px;border-bottom:1px solid var(--header-line);gap:16px}
  .nav.open{display:flex}
  .menu-btn{display:block}
}
@media(max-width:560px){.logo-card{height:44px}.logo-text{height:32px}}
/* landing pages: minimal header shows only phone + button */
.site-head .nav:not(:has(a:not(.btn):not(.phone-link))){display:flex;position:static;flex-direction:row;padding:0;border:0;background:none}
@media(max-width:560px){.site-head .nav:not(:has(a:not(.btn):not(.phone-link))) .btn{display:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 1rem var(--font-body);padding:.85rem 1.4rem;border-radius:var(--radius);border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn-gold{background:var(--accent);color:var(--accent-ink)}
.site-head .btn{background:#a8262f;border-color:#a8262f;color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-sm{padding:.6rem 1rem;font-size:.95rem}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* home hero — light, like the corporate page */
.hero{padding-block:56px 64px}
.hero .wrap{max-width:var(--max)}
.hero .lede{margin-top:18px}
.hero .hero-photo{max-width:820px}
.stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px}
.stats div b{display:block;font-family:var(--font-display);font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums}
.stats div span{font-size:.85rem;color:var(--muted)}

/* landing-page hero (light, form beside the promise) */
.lp-hero{padding-block:56px 64px}
.lp-hero .grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
@media(max-width:900px){.lp-hero .grid2{grid-template-columns:1fr}}
.lp-hero h1{margin-bottom:4px}
.lp-hero .lede{margin-top:16px}
.hero-photo{margin-top:26px;aspect-ratio:16/9;border-radius:var(--radius);background:var(--line);overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.badges span{border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:.85rem;color:var(--muted);background:var(--surface)}

/* audience router */
.router{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;text-align:left}
.door{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;border-radius:var(--radius);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;border-top:4px solid var(--accent)}
.door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s;background:#2a2c36}
.door::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,18,.05) 15%,rgba(13,14,18,.92));z-index:-1}
.door:hover img{transform:scale(1.05)}
.door .in{padding:22px}
.door small{font-family:var(--font-mono);color:#f1a3a8;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}
.door h3{margin:6px 0 8px;color:#fff;font-size:1.6rem}
.door p{color:#d9d7d0;font-size:.95rem}
.door .go{margin-top:12px;font-weight:600;font-size:.92rem;color:#fff}

/* grids & cards */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr;gap:32px}}
.card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:26px}
.card h3{margin-bottom:10px}
.card p{color:var(--muted)}
.card .tag{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.photo{border-radius:var(--radius);overflow:hidden;background:var(--line)}
.photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
ul.ticks{list-style:none;margin-top:18px}
ul.ticks li{padding-left:28px;position:relative;margin-bottom:8px}
ul.ticks li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}

/* trusted-by strip */
.logobar{padding-block:28px;border-block:1px solid var(--line)}
.logobar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px}
.logobar p{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.logos{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--muted)}
.center .logos{justify-content:center}

/* testimonials */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:40px;text-align:left}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.quote .stars{color:var(--accent);letter-spacing:2px}
.quote blockquote{font-size:1.05rem;flex:1}
.quote cite{font-style:normal;font-size:.88rem;color:var(--muted)}
.quote cite b{display:block;color:var(--ink)}

/* steps (timeline-style) */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:36px}
.step{counter-increment:s;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.step::before{content:counter(s,decimal-leading-zero);font-family:var(--font-mono);color:var(--accent);font-size:.9rem;display:block;margin-bottom:8px}
.step h3{font-size:1.2rem;margin-bottom:6px}
.step p{color:var(--muted)}

/* faq */
.faq{max-width:820px;margin:36px auto 0;text-align:left}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:1.06rem;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin-top:10px}

/* form card */
.form-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:28px;box-shadow:0 18px 40px -24px rgba(20,20,30,.35);text-align:left}
.form-card h3{font-size:1.6rem;margin-bottom:6px}
.form-card .sub{color:var(--muted);font-size:.88rem;margin-bottom:16px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid .full{grid-column:1/-1}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
label{display:block;font-size:.82rem;font-weight:600;margin-bottom:4px}
input,select,textarea{width:100%;font:inherit;font-size:.95rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink)}
textarea{min-height:84px;resize:vertical}
.form-card .btn{width:100%;margin-top:14px}
.fine{font-size:.85rem;color:var(--muted);margin-top:12px}
.hp{position:absolute;left:-9999px}

/* dark bands: final CTA + footer */
.cta{background:var(--band);color:var(--band-fg);text-align:center;padding-block:80px}
.cta h2{color:var(--band-fg)}
.cta .lede{color:var(--band-muted);margin:14px auto 0}
.cta .eyebrow,.cta .gold{color:#e0555d}
.cta .btns{justify-content:center}
.cta .btn-ghost{color:var(--band-fg);border-color:var(--band-muted)}

/* video */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* footer — light, like the corporate page */
.site-foot{border-top:1px solid var(--line);padding:48px 0 28px;font-size:.92rem;color:var(--muted)}
.site-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
@media(max-width:800px){.site-foot .cols{grid-template-columns:1fr 1fr}.site-foot .cols>div:first-child{grid-column:1/-1}}
.site-foot h4{color:var(--ink);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-weight:500}
.site-foot ul{list-style:none}
.site-foot li{margin-bottom:7px}
.site-foot a{color:var(--muted);text-decoration:none;font-weight:400}
.site-foot a:hover{color:var(--accent)}
.site-foot p a{color:var(--ink)}
.site-foot .brand{display:inline-flex}
.copy{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:.8rem;text-align:center}

/* sticky mobile bar */
.sticky-cta{display:none}
@media(max-width:760px){
  .sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--surface);border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .sticky-cta a{flex:1;padding:.75rem}
  body.has-sticky{padding-bottom:76px}
}