/* In The Ayrer Marketing LLC - shared stylesheet.
   Ported from the client-site model build (ASG/Perona), recolored navy/gold,
   set in Space Grotesk (display) + Inter (body). Wrapper id #ita. */

/* ── BASE RESET (standalone static, prevents 100vw h-scroll) ── */
html,body{margin:0;padding:0;overflow-x:hidden}

/* ── FULL-WIDTH WRAPPER ── */
#ita{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  max-width:100vw;
  overflow-x:hidden;
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
  background:#0f1729;
  color:#e8eef4;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

/* Base reset wrapped in :where() so its specificity is 0.
   This keeps it applying to our own markup while letting third-party
   embeds (GHL calendar/form iframe) keep their own internal styles. */
:where(#ita *){box-sizing:border-box;margin:0;padding:0}
:where(#ita a){color:inherit;text-decoration:none}
:where(#ita img){display:block;max-width:100%}
:where(#ita h1,#ita h2,#ita h3,#ita h4){
  font-family:'Space Grotesk','Segoe UI',sans-serif;
  line-height:1.14;
  letter-spacing:-0.02em;
}

:root{
  --bg1:#0f1729;
  --bg2:#16213a;
  --bg3:#22304d;
  --gold:#c9a24b;
  --gold2:#b0882f;
  --gray:#9fb0c9;
  --light:#e8eef4;
  --white:#fff;
  --r:8px;
}

/* ── UTILITIES ── */
#ita .wrap{max-width:1120px;margin:0 auto;padding:0 48px}

#ita .btn-blue{
  display:inline-block;
  background:#c9a24b;
  color:#0f1729;
  font-weight:700;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:14px 28px;
  border-radius:6px;
  border:none;
  cursor:pointer;
  transition:background .2s,transform .2s;
}
#ita .btn-blue:hover{background:#b0882f;transform:translateY(-1px)}

#ita .btn-ghost{
  display:inline-block;
  border:2px solid rgba(255,255,255,.25);
  color:#fff;
  font-weight:600;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:12px 28px;
  border-radius:6px;
  transition:border-color .2s,background .2s;
}
#ita .btn-ghost:hover{border-color:#c9a24b;background:rgba(201,162,75,.1)}

#ita .label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#c9a24b;
  display:block;
  margin-bottom:12px;
}

/* ── TOP BAR ── */
#ita .topbar{
  background:#0f1729;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:18px 0;
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
}
#ita .topbar-in{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  position:relative;
}
#ita .logo-row{display:flex;align-items:center}
#ita .logo-row a{display:flex;align-items:center;gap:10px}
#ita .wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;color:#fff}
#ita .wordmark em{color:#c9a24b;font-style:normal}
#ita .mark{
  width:38px;height:38px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(135deg,#c9a24b,#8f6b22);
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;color:#0f1729;
}
#ita .hd-burger{
  display:none;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  background:transparent;border:1px solid rgba(255,255,255,.18);
  border-radius:6px;cursor:pointer;padding:0;
  transition:background .2s,border-color .2s;
}
#ita .hd-burger:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.35)}
#ita .hd-burger span{
  display:block;width:20px;height:2px;background:#fff;position:relative;
  transition:background .2s;
}
#ita .hd-burger span::before,
#ita .hd-burger span::after{
  content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;
  transition:transform .25s;
}
#ita .hd-burger span::before{top:-6px}
#ita .hd-burger span::after{top:6px}
#ita .topbar.open .hd-burger span{background:transparent}
#ita .topbar.open .hd-burger span::before{transform:translateY(6px) rotate(45deg)}
#ita .topbar.open .hd-burger span::after{transform:translateY(-6px) rotate(-45deg)}
#ita .nav-row{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;flex:1}
#ita .nav-row a{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#c3ccd9;padding:9px 14px;border-radius:6px;transition:color .2s,background .2s}
#ita .nav-row a:hover{color:#c9a24b;background:rgba(201,162,75,.08)}
#ita .hd-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
#ita .hd-phone{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;transition:color .2s;display:inline-flex;align-items:center;gap:8px}
#ita .hd-phone-ic{flex-shrink:0;transition:transform .2s}
#ita .hd-phone:hover .hd-phone-ic{transform:scale(1.1)}
#ita .hd-phone:hover{color:#c9a24b}

/* ── HERO ── */
#ita .hero{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  background:radial-gradient(1200px 600px at 78% -10%,rgba(201,162,75,.18) 0%,transparent 55%),linear-gradient(160deg,#16213a 0%,#0f1729 60%);
  padding:88px 0 68px;
  overflow:hidden;
}
#ita .hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);
  background-size:26px 26px;
  pointer-events:none;
}
#ita .hero-in{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
}
#ita .hero-crumbs{font-size:12px;color:rgba(255,255,255,.55);margin-bottom:18px}
#ita .hero-crumbs a{color:rgba(255,255,255,.8);transition:color .2s}
#ita .hero-crumbs a:hover{color:#c9a24b}
#ita .hero-ey{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
}
#ita .hero-line{width:28px;height:2px;background:#c9a24b;flex-shrink:0}
#ita .hero-ey-t{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c9a24b}
#ita .hero h1{
  font-size:clamp(38px,6vw,70px);
  color:#fff;
  max-width:760px;
  margin-bottom:20px;
  font-weight:700;
}
#ita .hero h1 em{color:#c9a24b;font-style:normal}
#ita .hero-sub{
  font-size:18px;
  color:rgba(255,255,255,.7);
  max-width:560px;
  margin-bottom:36px;
  line-height:1.7;
}
#ita .hero-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:48px}
#ita .hero-badges{display:flex;gap:32px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
#ita .hbadge{display:flex;align-items:center;gap:10px}
#ita .hbadge-ic{
  width:36px;height:36px;border-radius:50%;
  border:1.5px solid rgba(201,162,75,.45);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
#ita .hbadge-ic svg{fill:#c9a24b;width:15px;height:15px}
#ita .hbadge-t{font-size:13px;color:rgba(255,255,255,.65);line-height:1.3}
#ita .hbadge-t strong{display:block;color:#fff;font-size:14px}

/* ── STATS ── */
#ita .stats{
  background:#16213a;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
#ita .stats-in{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
#ita .stat{
  padding:34px 16px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.07);
}
#ita .stat:last-child{border-right:none}
#ita .stat-n{
  font-family:'Space Grotesk',sans-serif;
  font-size:34px;
  font-weight:700;
  color:#fff;
  line-height:1.05;
  margin-bottom:6px;
  letter-spacing:-.01em;
}
#ita .stat-n em{color:#c9a24b;font-style:normal}
#ita .stat-l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9fb0c9}

/* ── ABOUT (light band for rhythm) ── */
#ita .about{padding:92px 0;background:#f7f8fa}
#ita .about-in{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center;
}
#ita .about-img{position:relative}
#ita .about-img::before{
  content:'';
  position:absolute;
  top:-12px;left:-12px;
  right:12px;bottom:12px;
  border:1.5px solid rgba(201,162,75,.4);
  border-radius:var(--r);
  pointer-events:none;
}
#ita .about-txt h2{font-size:clamp(28px,4vw,44px);color:#0f1729;margin-bottom:14px}
#ita .about-txt p{font-size:15px;color:#475569;line-height:1.8;margin-bottom:14px}
#ita .feat{list-style:none;margin:20px 0 28px}
#ita .feat li{
  display:flex;align-items:flex-start;gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(15,23,41,.08);
  font-size:14px;color:#33302a;
}
#ita .feat li::before{
  content:'';
  width:6px;height:6px;
  border-radius:50%;
  background:#c9a24b;
  flex-shrink:0;
  margin-top:7px;
}

/* ── SERVICES ── */
#ita .services{padding:92px 0;background:#16213a}
#ita .svc-hd{
  max-width:1120px;
  margin:0 auto 44px;
  padding:0 48px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
}
#ita .svc-hd h2{font-size:clamp(28px,4vw,42px);color:#fff;margin-top:6px;max-width:560px}
#ita .svc-grid{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
#ita .svc-card{
  position:relative;overflow:hidden;border-radius:12px;display:block;
  background:linear-gradient(165deg,#22304d,#131c30);
  border:1px solid rgba(255,255,255,.08);
  padding:30px 26px 28px;
  transition:border-color .25s,transform .25s;
}
#ita .svc-card:hover{border-color:rgba(201,162,75,.55);transform:translateY(-4px)}
#ita .svc-ph{
  width:56px;height:56px;border-radius:12px;margin-bottom:20px;
  background:rgba(201,162,75,.12);
  display:flex;align-items:center;justify-content:center;
}
#ita .svc-ph svg{width:28px;height:28px;stroke:#c9a24b;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#ita .svc-card:hover .svc-ph svg{transform:scale(1.06);transition:transform .4s}
#ita .svc-tag{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c9a24b;display:block;margin-bottom:6px}
#ita .svc-card h4{font-family:'Space Grotesk',sans-serif;font-size:19px;color:#fff;margin-bottom:10px}
#ita .svc-card p{font-size:13.5px;color:#9fb0c9;line-height:1.65;margin-bottom:16px}
#ita .svc-more{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9a24b}

/* ── STEPS / PROCESS ── */
#ita .steps{padding:92px 0;background:#0f1729}
#ita .steps-hd{max-width:1120px;margin:0 auto 44px;padding:0 48px;text-align:center}
#ita .steps-hd h2{font-size:clamp(28px,4vw,42px);color:#fff;margin-bottom:12px}
#ita .steps-hd p{font-size:15px;color:#9fb0c9;max-width:620px;margin:0 auto;line-height:1.7}
#ita .steps-grid{max-width:1120px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#ita .step{background:#16213a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 24px}
#ita .step-n{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:#c9a24b;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(201,162,75,.4);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#ita .step h3{font-size:18px;color:#fff;margin-bottom:8px}
#ita .step p{font-size:14px;color:#9fb0c9;line-height:1.7}

/* ── SERVICE AREAS / CASE-STUDY CHIPS ── */
#ita .areas{padding:92px 0;background:#0f1729}
#ita .areas-hd{max-width:1120px;margin:0 auto 40px;padding:0 48px;text-align:center}
#ita .areas-hd h2{font-size:clamp(28px,4vw,42px);color:#fff;margin-bottom:12px}
#ita .areas-hd p{font-size:15px;color:#9fb0c9;max-width:620px;margin:0 auto;line-height:1.7}
#ita .areas-grid{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
#ita .area-chip{
  display:flex;align-items:center;gap:10px;
  background:#16213a;
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r);
  padding:16px 18px;
  font-size:14px;font-weight:700;color:#e8eef4;
  transition:border-color .2s,background .2s,transform .2s;
}
#ita .area-chip:hover{border-color:rgba(201,162,75,.5);background:#22304d;transform:translateY(-2px)}
#ita .area-chip svg{fill:#c9a24b;width:15px;height:15px;flex-shrink:0}
#ita .area-chip span{display:block}
#ita .area-chip small{display:block;font-size:11px;font-weight:400;color:#9fb0c9;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
#ita .areas-note{max-width:1120px;margin:28px auto 0;padding:0 48px;text-align:center;font-size:14px;color:#9fb0c9}
#ita .areas-note a{color:#c9a24b;font-weight:600}
#ita .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:0 auto;padding:0 24px}
#ita .chip{background:#16213a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;color:#e8eef4}
#ita .chip.zip{color:#c9a24b;font-family:'Space Grotesk',sans-serif;letter-spacing:.02em}
#ita .chips-sub{text-align:center;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c9a24b;margin:30px 0 14px}

/* ── CASE STUDY CARDS ── */
#ita .cases{padding:92px 0;background:#16213a}
#ita .cases-hd{max-width:1120px;margin:0 auto 44px;padding:0 48px;text-align:center}
#ita .cases-hd h2{font-size:clamp(28px,4vw,42px);color:#fff;margin-bottom:12px}
#ita .cases-hd p{font-size:15px;color:#9fb0c9;max-width:640px;margin:0 auto;line-height:1.7}
#ita .cases-grid{max-width:1120px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#ita .case-card{background:linear-gradient(165deg,#22304d,#131c30);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:30px 28px;display:flex;flex-direction:column}
#ita .case-tag{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c9a24b;margin-bottom:14px}
#ita .case-card h3{font-size:20px;color:#fff;margin-bottom:14px;line-height:1.25}
#ita .case-card p{font-size:14px;color:#9fb0c9;line-height:1.75;margin-bottom:20px}
#ita .case-metrics{list-style:none;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:grid;gap:10px}
#ita .case-metrics li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#e8eef4;line-height:1.5}
#ita .case-metrics li svg{fill:#c9a24b;width:15px;height:15px;flex-shrink:0;margin-top:2px}
#ita .cases-note{max-width:1120px;margin:30px auto 0;padding:0 48px;text-align:center;font-size:13px;color:#6b7a92;line-height:1.7}

/* ── SPLIT SECTION ── */
#ita .split{padding:92px 0;background:#0f1729}
#ita .split-in{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center;
}
#ita .split-txt h2{font-size:clamp(26px,3.5vw,40px);color:#fff;margin-bottom:14px}
#ita .split-txt p{font-size:15px;color:#9fb0c9;line-height:1.8;margin-bottom:14px}
#ita .split-txt .town-narr .nb-h,#ita .split-txt .nb-h{font-family:'Space Grotesk',sans-serif;font-size:20px;color:#fff;margin:22px 0 10px}
#ita .cklist{list-style:none;margin:20px 0 28px}
#ita .cklist li{
  display:flex;align-items:flex-start;gap:10px;
  padding:8px 0;font-size:14px;color:#e8eef4;
}
#ita .ck-dot{
  width:18px;height:18px;border-radius:50%;
  background:rgba(201,162,75,.15);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:2px;
}
#ita .ck-dot svg{fill:#c9a24b;width:9px;height:9px}

/* ── REVIEWS / TRUST ── */
#ita .reviews{padding:92px 0;background:#f7f8fa}
#ita .rev-hd{
  max-width:1120px;
  margin:0 auto 48px;
  padding:0 48px;
}
#ita .rev-hd h2{font-size:clamp(26px,3.5vw,40px);color:#0f1729;margin-bottom:10px}
#ita .rev-hd p{font-size:15px;color:#475569;max-width:560px}
#ita .rev-grid{
  max-width:1120px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
}
#ita .rev-card{
  background:#ffffff;
  border:1px solid rgba(15,23,41,.08);
  border-radius:var(--r);
  padding:28px;
  box-shadow:0 4px 16px rgba(15,23,41,.05);
}
#ita .rev-card p{font-size:14px;color:#475569;line-height:1.75;margin-bottom:16px;font-style:italic}
#ita .rev-auth{display:flex;align-items:center;gap:10px}
#ita .rev-av{
  width:36px;height:36px;border-radius:50%;
  background:rgba(201,162,75,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;color:#b0882f;flex-shrink:0;
  font-family:'Space Grotesk',sans-serif;
}
#ita .rev-nm{font-size:13px;font-weight:700;color:#0f1729}
#ita .rev-loc{font-size:11px;color:#64748b}
#ita .rev-note{max-width:700px;margin:0 auto;text-align:center;background:#fff;border:1px dashed rgba(201,162,75,.55);border-radius:var(--r);padding:28px;color:#475569;font-size:15px;line-height:1.7}

/* ── CTA / QUOTE ── */
#ita .quote{padding:80px 0;background:linear-gradient(180deg,#131c30 0%,#1c2745 50%,#131c30 100%);position:relative;overflow:hidden}
#ita .quote::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:#c9a24b}
#ita .quote-in{max-width:1120px;margin:0 auto;padding:0 24px}
#ita .quote-hd{text-align:center;margin-bottom:32px}
#ita .quote-hd .label{display:block;margin-bottom:12px}
#ita .quote-hd h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;color:#fff;margin:0 0 16px;line-height:1.14;letter-spacing:-.02em}
#ita .quote-hd p{font-size:16px;color:#c3ccd9;max-width:600px;margin:0 auto;line-height:1.7}
#ita .quote-wrap{max-width:1000px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(201,162,75,.15);position:relative;z-index:1}
#ita .quote-wrap iframe{display:block;width:100%;min-height:640px;border:none;background:transparent}
#ita .quote-alt{text-align:center;margin-top:32px;font-size:14px;color:#c3ccd9}
#ita .quote-alt a{color:#c9a24b;text-decoration:none;font-weight:600}
#ita .quote-alt a:hover{text-decoration:underline}

/* GHL embed placeholder */
#ita .embed-ph{
  max-width:1000px;margin:0 auto;background:#0f1729;
  border:1px dashed rgba(201,162,75,.5);border-radius:12px;
  padding:56px 32px;text-align:center;
}
#ita .embed-ph h3{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:22px;margin-bottom:12px}
#ita .embed-ph p{color:#9fb0c9;font-size:14px;line-height:1.7;max-width:560px;margin:0 auto 8px}
#ita .embed-ph code{color:#c9a24b;font-size:13px}

/* ── PAGE INTRO (service subpages) ── */
#ita .contact-quote{background:#0f1729}
#ita .contact-quote::before{display:none}

/* ── FAQ ── */
#ita .faq{padding:92px 0;background:#16213a}
#ita .faq-in{max-width:880px;margin:0 auto;padding:0 48px}
#ita .faq-hd{text-align:center;margin-bottom:40px}
#ita .faq-hd h2{font-size:clamp(26px,3.5vw,40px);color:#fff;margin-bottom:10px}
#ita .faq-item{border:1px solid rgba(255,255,255,.08);border-radius:var(--r);margin-bottom:12px;overflow:hidden;background:#0f1729}
#ita .faq-q{font-family:'Space Grotesk',sans-serif;font-size:17px;color:#fff;padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none}
#ita .faq-q::-webkit-details-marker{display:none}
#ita .faq-q::after{content:"+";color:#c9a24b;font-size:24px;flex-shrink:0;transition:transform .2s}
#ita details[open] .faq-q::after{transform:rotate(45deg)}
#ita .faq-a{padding:0 24px 22px;font-size:14px;color:#9fb0c9;line-height:1.8}

/* ── IMAGE PLACEHOLDERS (branded, no photos) ── */
#ita .imgph{
  width:100%;height:460px;border-radius:var(--r);
  background:linear-gradient(135deg,#22304d 0%,#0f1729 72%);
  border:1px solid rgba(201,162,75,.22);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
}
#ita .imgph svg{width:110px;height:110px;stroke:rgba(201,162,75,.55);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
#ita .imgph .imgph-cap{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(201,162,75,.6);font-weight:700}
#ita .split-imgph{height:440px}
#ita .about .imgph{background:linear-gradient(135deg,#22304d 0%,#0f1729 72%)}

/* ── FOOTER ── */
#ita .footer{
  background:#0b1120;
  border-top:1px solid rgba(255,255,255,.07);
  padding:64px 0 28px;
}
#ita .ft-grid{
  max-width:1120px;
  margin:0 auto 40px;
  padding:0 48px;
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:40px;
}
#ita .ft-brand .ft-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
#ita .ft-brand .wordmark{font-size:19px}
#ita .ft-brand p{font-size:13px;color:#9fb0c9;line-height:1.7;max-width:320px;margin-bottom:16px}
#ita .ft-phone{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;
  color:#c9a24b;transition:color .2s;margin-bottom:8px;
}
#ita .ft-phone svg{width:18px;height:18px;fill:#c9a24b;flex-shrink:0}
#ita .ft-phone:hover{color:#fff}
#ita .ft-contact{font-size:13px;color:#9fb0c9;line-height:1.8}
#ita .ft-contact a{color:#9fb0c9;transition:color .2s;word-break:break-word}
#ita .ft-contact a:hover{color:#fff}
#ita .ft-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 2px}
#ita .ft-chip{
  background:#c9a24b;color:#0f1729;border-radius:999px;
  padding:6px 12px;font-size:11px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;
}
#ita .ft-ttl{
  font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#c9a24b;
  display:block;margin-bottom:14px;
}
#ita .ft-ttl.mt{margin-top:26px}
#ita .ft-list{list-style:none;margin:0;padding:0}
#ita .ft-list li{margin-bottom:9px}
#ita .ft-list a{font-size:13px;color:#c3ccd9;transition:color .2s}
#ita .ft-list a:hover{color:#fff}
#ita .ft-btm{
  max-width:1120px;
  margin:0 auto;
  padding:22px 48px 0;
  border-top:1px solid rgba(255,255,255,.06);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;flex-wrap:wrap;
}
#ita .ft-copy{font-size:12px;color:rgba(255,255,255,.28)}
#ita .soc{display:flex;gap:8px;margin-top:20px}
#ita .soc a{
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .2s,background .2s;
}
#ita .soc a:hover{border-color:#c9a24b;background:rgba(201,162,75,.1)}
#ita .soc svg{fill:#9fb0c9;width:14px;height:14px}
#ita .soc a:hover svg{fill:#c9a24b}

/* ── HERO LEFT ALIGN ── */
#ita .hero-in,
#ita .hero-in h1,
#ita .hero-in p,
#ita .hero-in .hero-sub,
#ita .hero-in .hero-ey,
#ita .hero-in .hero-btns,
#ita .hero-in .hero-badges{text-align:left;margin-left:0}
#ita .hero-in .hero-btns,
#ita .hero-in .hero-badges{justify-content:flex-start}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  #ita .svc-grid{grid-template-columns:1fr 1fr}
  #ita .steps-grid{grid-template-columns:1fr 1fr}
  #ita .cases-grid{grid-template-columns:1fr}
  #ita .rev-grid{grid-template-columns:1fr}
  #ita .areas-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  #ita .about-in,#ita .split-in{grid-template-columns:1fr}
  #ita .stats-in{grid-template-columns:1fr 1fr}
  #ita .stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
  #ita .ft-grid{grid-template-columns:1fr 1fr;gap:28px}
  #ita .hd-burger{display:flex}
  #ita .nav-row{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    background:#0f1729;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 20px rgba(0,0,0,.35);
    padding:8px 0;
    gap:0;
    flex:0;
    z-index:99;
  }
  #ita .nav-row a{
    padding:14px 24px;
    text-align:left;
    border-radius:0;
    font-size:14px;
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.05);
  }
  #ita .nav-row a:last-child{border-bottom:none}
  #ita .topbar.open .nav-row{display:flex}
  #ita .hd-actions{flex-shrink:0;gap:10px}
  #ita .hd-phone{font-size:15px}
  #ita .wrap,#ita .about-in,#ita .svc-hd,#ita .svc-grid,
  #ita .steps-hd,#ita .steps-grid,#ita .cases-hd,#ita .cases-grid,#ita .cases-note,
  #ita .areas-hd,#ita .areas-grid,#ita .areas-note,
  #ita .split-in,#ita .rev-hd,#ita .rev-grid,#ita .ft-grid,#ita .ft-btm,
  #ita .stats-in,#ita .hero-in,#ita .topbar-in{padding-left:24px;padding-right:24px}
}
@media(max-width:520px){
  #ita .svc-grid{grid-template-columns:1fr}
  #ita .steps-grid{grid-template-columns:1fr}
  #ita .areas-grid{grid-template-columns:1fr}
  #ita .ft-grid{grid-template-columns:1fr}
  #ita .hero-badges{flex-direction:column;gap:14px}
  #ita .stats-in{grid-template-columns:1fr 1fr}
  #ita .hd-phone span{display:none}
}

/* ════════════════════════════════════════════════════════════
   SALES ANDROID landing page (adapted from the ITA demo funnel)
   ════════════════════════════════════════════════════════════ */

/* live pill above the hero headline */
#ita .sa-live{display:inline-flex;align-items:center;gap:9px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);color:#6ee7b7;font-size:12px;font-weight:600;letter-spacing:.02em;padding:8px 16px;border-radius:999px;margin-bottom:22px}
#ita .sa-dot{width:8px;height:8px;border-radius:50%;background:#34d399;flex-shrink:0;animation:sa-pulse 2s ease-in-out infinite}
@keyframes sa-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}

/* scrolling stat ticker */
#ita .saticker{background:#0b1120;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;padding:16px 0}
#ita .saticker-in{display:inline-flex;gap:44px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:rgba(159,176,201,.55);animation:sa-scroll 32s linear infinite;will-change:transform}
#ita .saticker-in span.dot{color:#c9a24b}
@keyframes sa-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* the problem: big-number cards with citations */
#ita .probsec{padding:92px 0;background:#16213a}
#ita .probsec .cases-hd{margin-bottom:44px}
#ita .probgrid{max-width:1120px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#ita .probstat{background:linear-gradient(165deg,#22304d,#131c30);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:30px 26px}
#ita .probstat .pn{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:54px;line-height:1;color:#c9a24b;margin-bottom:14px}
#ita .probstat .pn small{font-size:26px}
#ita .probstat p{font-size:13.5px;color:#9fb0c9;line-height:1.6}
#ita .probstat .src{font-size:11px;color:#6b7a92;margin-top:12px}
#ita .prob-lead{max-width:760px;margin:40px auto 0;padding:0 48px;font-size:18px;color:#c3ccd9;line-height:1.7}

/* how it works: steps + phone mockup */
#ita .saflow{padding:92px 0;background:#0f1729}
#ita .saflow-in{max-width:1120px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
#ita .saflow-steps{display:grid;gap:30px}
#ita .saflow-step{display:flex;gap:18px}
#ita .saflow-step .num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;color:#c9a24b;flex-shrink:0;width:44px}
#ita .saflow-step h3{font-size:20px;color:#fff;margin-bottom:6px}
#ita .saflow-step p{font-size:14px;color:#9fb0c9;line-height:1.7}

#ita .phone{position:sticky;top:96px}
#ita .phone-frame{max-width:320px;margin:0 auto;background:#0b1120;border:1px solid rgba(255,255,255,.12);border-radius:40px;padding:12px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
#ita .phone-screen{background:#131c30;border-radius:30px;overflow:hidden}
#ita .phone-top{display:flex;justify-content:space-between;padding:12px 22px 8px;color:#e8eef4;font-size:12px;font-weight:600}
#ita .phone-from{background:#0b1120;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
#ita .phone-from .pf-l{font-size:11px;color:#6b7a92}
#ita .phone-from .pf-n{font-size:14px;color:#fff;font-weight:600}
#ita .phone-body{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:380px}
#ita .bub{max-width:82%;padding:11px 14px;font-size:13.5px;line-height:1.5;border-radius:18px}
#ita .bub.bot{background:#22304d;color:#e8eef4;border-top-left-radius:5px;align-self:flex-start}
#ita .bub.me{background:#c9a24b;color:#0f1729;font-weight:500;border-top-right-radius:5px;align-self:flex-end}
#ita .phone-cap{max-width:300px;margin:22px auto 0;text-align:center;font-size:13px;color:#6b7a92;line-height:1.6}

/* test-drive demo section */
#ita .demo{padding:92px 0;background:#16213a;position:relative}
#ita .demo-in{max-width:1120px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
#ita .demo-txt h2{font-size:clamp(28px,4vw,44px);color:#fff;margin-bottom:16px}
#ita .demo-txt .lead{font-size:17px;color:#c3ccd9;line-height:1.7;margin-bottom:28px}
#ita .demo-steps{display:grid;gap:14px;margin-bottom:26px}
#ita .demo-steps li{display:flex;gap:14px;align-items:flex-start;list-style:none;font-size:15px;color:#e8eef4;line-height:1.5}
#ita .demo-steps .dn{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#c9a24b;color:#0f1729;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
#ita .demo-note{padding:20px 22px;background:#0f1729;border:1px solid rgba(201,162,75,.25);border-radius:12px;font-size:14px;color:#9fb0c9;line-height:1.7}
#ita .demo-note strong{color:#fff}
#ita .demo-form{background:#0b1120;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.45);position:sticky;top:96px}
#ita .demo-form-in{background:#f7f8fa;border-radius:14px;overflow:hidden}
#ita .demo-form iframe{display:block;width:100%;border:none;background:#f7f8fa}
#ita .demo-form-ph{padding:48px 28px;text-align:center;background:#0f1729;border-radius:14px}
#ita .demo-form-ph h3{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:20px;margin-bottom:10px}
#ita .demo-form-ph p{color:#9fb0c9;font-size:13.5px;line-height:1.7}
#ita .demo-form-ph code{color:#c9a24b}

@media(max-width:960px){
  #ita .probgrid{grid-template-columns:1fr 1fr}
  #ita .saflow-in{grid-template-columns:1fr;gap:48px}
  #ita .phone{position:static}
  #ita .demo-in{grid-template-columns:1fr;gap:40px}
  #ita .demo-form{position:static}
}
@media(max-width:860px){
  #ita .probgrid,#ita .prob-lead,#ita .saflow-in,#ita .demo-in{padding-left:24px;padding-right:24px}
}
@media(max-width:520px){
  #ita .probgrid{grid-template-columns:1fr}
}

/* ---------- legal pages (privacy policy / eula) ---------- */
#ita .legal{padding:64px 24px 90px;background:#fff}
#ita .legal-in{max-width:820px;margin:0 auto}
#ita .legal-in h2{font-family:'Space Grotesk',sans-serif;font-size:22px;color:#0f1729;margin:38px 0 12px;text-wrap:balance}
#ita .legal-in p,#ita .legal-in li{font-size:15.5px;line-height:1.85;color:#3d4a5c;margin-bottom:14px}
#ita .legal-in ul{padding-left:22px;margin-bottom:14px}
#ita .legal-in li{margin-bottom:8px;list-style:disc}
#ita .legal-in a{color:#0f1729;font-weight:600;text-decoration:underline;text-underline-offset:3px}
#ita .legal-updated{font-size:13px;color:#8a94a3;margin-bottom:28px;text-transform:uppercase;letter-spacing:.08em}