:root{
  --bg:#0c0d10; --panel:#121319; --text:#e8e9ed; --muted:#a6a8b3;
  --neon:#ff1744; --neon-2:#ff6b87; --stroke:rgba(255,255,255,.08);
  --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.35); --max:1160px; --gap:28px
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:var(--text);text-decoration:none} img{max-width:100%;display:block;height:auto}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.section{padding:56px 0} .section.alt{background:linear-gradient(180deg,rgba(255,23,68,.06),transparent)}
h1,h2,h3{margin:0 0 12px} h1{font-size:clamp(28px,4vw,44px);line-height:1.15} h2{font-size:clamp(22px,3vw,32px)} h3{font-size:20px}
.muted{color:var(--muted)} .small{font-size:.95rem} .stack{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 8px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);backdrop-filter:saturate(140%);transition:.2s;cursor:pointer}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn--primary{background:linear-gradient(90deg,var(--neon),var(--neon-2));color:white;border-color:transparent} .btn--ghost{border-color:rgba(255,255,255,.22)}
.nav{position:sticky;top:0;z-index:50;background:rgba(12,13,16,.6);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:56px} .brand{display:flex;align-items:center;gap:10px;font-weight:700}
.nav__menu{display:flex;gap:18px;align-items:center} .nav__toggle{display:none;background:none;color:var(--text);border:0;font-size:22px}
@media (max-width:880px){.nav__toggle{display:block}.nav__menu{display:none;position:absolute;right:20px;top:64px;background:var(--panel);padding:14px;border-radius:12px;border:1px solid var(--stroke);box-shadow:var(--shadow)} .nav__menu.show{display:flex;flex-direction:column;align-items:flex-start}}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
@media (max-width:960px){.grid,.grid-3{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)} .card.neon{position:relative;overflow:hidden}
.card.neon .glow{position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 180deg,var(--neon),transparent,var(--neon-2),transparent,var(--neon));filter:blur(24px);opacity:.15}
.card__body{position:relative} .hero{padding-top:64px} .hero__title{letter-spacing:.2px} .hero__art{display:flex;align-items:center;justify-content:center}
.checks,.ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px} .checks li,.ticks li{position:relative;padding-left:26px}
.checks li:before,.ticks li:before{content:"✓";position:absolute;left:0;color:var(--neon)}
.pricing .card{position:relative} .pricing .highlight{border-color:rgba(255,23,68,.5);box-shadow:0 14px 40px rgba(255,23,68,.15)} .badge{position:absolute;top:16px;right:16px;background:linear-gradient(90deg,var(--neon),var(--neon-2));color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}
.footer{border-top:1px solid var(--stroke);padding:28px 0} .footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .footer__menu{display:flex;gap:14px}
details{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:12px 16px;margin:10px 0} details[open]{border-color:rgba(255,23,68,.35)}
.badge-kicker{display:inline-block;margin-bottom:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px;letter-spacing:.2px;color:var(--muted)}
.hero__metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px} .metric{border:1px solid var(--stroke);border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.02)}

/* === Imported from user index.html === */

:root{
  --bg:#0b0b0c;
  --card:#121214;
  --muted:#c9c9c9;
  --red:#d10000;
  --red-dark:#a30000;
  --line:#202026;
  --white:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Oxygen, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
  background:var(--bg);
  color:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{width:92%;max-width:1200px;margin:0 auto}
.section{padding:72px 0}
h1,h2,h3{margin:0 0 14px}
h1{font-size:44px;line-height:1.15;font-weight:900;letter-spacing:-0.5px}
h2{font-size:34px;font-weight:800}
h3{font-size:20px;font-weight:700}
p{color:var(--muted);margin:8px 0 0}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding:84px 0}
.hero-left{flex:1 1 520px}
.hero-right{flex:1 1 420px;text-align:center}
.hero img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.badge{display:inline-block;background:#151517;border:1px solid var(--line);padding:8px 12px;border-radius:999px;color:#eee;font-size:13px;margin-bottom:12px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn{
  display:inline-block;text-decoration:none;border:none;cursor:pointer;
  background:var(--red);color:#fff;padding:13px 18px;border-radius:10px;font-weight:700;
  transition:transform .12s ease, background .2s ease; box-shadow:0 10px 24px rgba(209,0,0,.18);
}
.btn:hover{background:var(--red-dark);transform:translateY(-1px)}
.btn.outline{background:transparent;border:1px solid var(--line);box-shadow:none;color:#fff}
.grid{display:grid;gap:22px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.small{font-size:14px;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.kpi{background:#111113;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}
.kpi b{font-size:22px;display:block;margin-bottom:4px}
.services .card h3{display:flex;align-items:center;gap:8px}
.services .card h3 span{color:var(--red)}
.lead-form{background:#101012;border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:16px}
.input,select,textarea{width:100%;padding:14px 12px;border-radius:10px;border:1px solid #2b2b34;background:#141416;color:#fff;margin:8px 0 12px}
textarea{min-height:110px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.badge-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.price-col{background:#0f0f12;border:1px solid var(--line);border-radius:14px;padding:20px}
.price-col ul{margin:12px 0 0;padding-left:18px}
.price-col li{margin:6px 0;color:var(--muted)}
.hr{height:1px;background:var(--line);margin:26px 0}
.testimonial{background:#0f0f12;border:1px solid var(--line);border-radius:12px;padding:18px}
.faq .item{background:#0f0f12;border:1px solid var(--line);border-radius:12px;padding:16px}
.footer{padding:28px 0;border-top:1px solid var(--line);text-align:center;color:#a6a6a6;font-size:14px}
.note{font-size:12px;color:#9a9a9a}
@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .form-row,.form-row-3{grid-template-columns:1fr}
  h1{font-size:34px}
  h2{font-size:26px}
}

/* === Neon V2 Form — Floating particles + icons === */
.neon-form-wrap{position:relative;border-radius:22px;isolation:isolate;margin-top:18px;}
.neon-form-wrap canvas#neonParticles{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);z-index:0;pointer-events:none;filter:blur(.3px);}
.lead-form.v2{position:relative;z-index:1;background:rgba(15,15,22,.55);border:1px solid rgba(255,0,0,.35);border-radius:18px;padding:34px;
backdrop-filter:blur(10px) saturate(110%);box-shadow:0 0 26px rgba(255,0,0,.40),inset 0 0 28px rgba(255,0,0,.14);transition:.25s;}
.lead-form.v2:hover{box-shadow:0 0 34px rgba(255,0,0,.65),inset 0 0 34px rgba(255,0,0,.18);transform:translateY(-2px);}
.field{position:relative;}
.field svg.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#ff4040;opacity:.95;}
.lead-form.v2 .input, .lead-form.v2 select, .lead-form.v2 textarea{
  width:100%;padding:14px 14px 14px 44px;border-radius:12px;border:1px solid rgba(255,0,0,.25);
  background:rgba(0,0,0,.55);color:#fff;margin-bottom:16px;outline:none;transition:.2s;}
.lead-form.v2 .input:focus, .lead-form.v2 select:focus, .lead-form.v2 textarea:focus{border-color:#ff1a1a;box-shadow:0 0 12px rgba(255,0,0,.55);}
.btn-submit{width:100%;padding:16px;border-radius:12px;border:none;background:linear-gradient(90deg,#ff0000,#b10000);
color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 0 18px rgba(255,0,0,.35);transition:transform .2s ease, box-shadow .25s ease;}
.btn-submit:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 0 26px rgba(255,0,0,.6);}


/* Header with white logo */
.insightaa-header{position:sticky;top:0;z-index:50;background:rgba(10,10,12,.6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,0,0,.18)}
.header-inner{display:flex;align-items:center;gap:12px;padding:12px 0}
.logo{height:36px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(255,0,0,.25))}
@media(max-width:900px){.logo{height:30px}}

/* Neon cards for pricing & testimonials */
.neon-card{
  background:rgba(15,15,22,.55);
  border:1px solid rgba(255,0,0,.35);
  border-radius:16px;
  padding:22px;
  box-shadow:0 0 24px rgba(255,0,0,.30), inset 0 0 22px rgba(255,0,0,.12);
  transition:.25s; backdrop-filter: blur(8px) saturate(110%);
}
.neon-card:hover{box-shadow:0 0 32px rgba(255,0,0,.55), inset 0 0 28px rgba(255,0,0,.16); transform: translateY(-2px);}

/* CTA bar */
.cta-bar{margin:34px 0; padding:18px; border-radius:16px; position:relative; overflow:hidden;}
.cta-bar::before{
  content:''; position:absolute; inset:0; 
  background: radial-gradient(1200px 300px at 80% 10%, rgba(255,0,0,.18), transparent 60%),
              linear-gradient(90deg, rgba(255,0,0,.12), rgba(255,0,0,.04));
  pointer-events:none;
}
.cta-bar .cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.cta { display:inline-block; padding:13px 18px; border-radius:12px; text-decoration:none; color:#fff; 
  background:linear-gradient(90deg,#ff0000,#a90000); box-shadow:0 0 18px rgba(255,0,0,.35); font-weight:800 }
.cta.outline{ background:transparent; border:1px solid rgba(255,0,0,.35); box-shadow:none }

/* Pricing lists */
.price-title{font-size:18px;margin:0 0 8px}
.price-list{margin:10px 0 0; padding-left:18px; color:#cfcfcf}


/* === Campaign nav & mobile spacing === */

/* --- Campaign in-page nav --- */
.campaign-nav{position:sticky;top:64px;z-index:40;background:rgba(12,13,16,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.campaign-nav .container{display:flex;align-items:center;justify-content:space-between;height:44px}
.campaign-nav__menu{display:flex;gap:14px;align-items:center;overflow:auto}
.campaign-nav__menu a{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.campaign-nav__menu a.hit{background:linear-gradient(90deg,var(--neon),var(--neon-2));color:#fff;border-color:transparent}
.campaign-nav__toggle{display:none;background:none;border:0;color:var(--text);font-size:20px}
@media (max-width:880px){
  .campaign-nav{top:56px}
  .campaign-nav__toggle{display:block}
  .campaign-nav__menu{display:none;position:absolute;right:20px;top:44px;background:var(--panel);padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
  .campaign-nav__menu.show{display:flex;flex-direction:column;align-items:flex-start}
}
/* --- Mobile spacing & tap targets --- */
@media (max-width:640px){
  .section{padding:40px 0}
  .card{padding:16px}
  .stack{gap:10px}
  .btn{padding:11px 15px}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  html:focus-within{scroll-behavior:auto}
}

/* === Header right menu & CTA restyle === */

/* === Header right-aligned menu === */
.insightaa-header, header.nav, header { position:sticky; top:0; z-index:60; background:rgba(12,13,16,.65); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.08); }
.insightaa-header .container, .nav__inner, header .container { display:flex; align-items:center; justify-content:space-between; gap:14px; height:56px; }
.header-actions{ display:flex; align-items:center; gap:12px; margin-left:auto; }
.header-menu{ display:flex; gap:14px; align-items:center; }
.header-menu a{ padding:8px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.12); }
.header-menu .btn{ border:0; }
.header-toggle{ display:none; background:none; border:0; color:#e8e9ed; font-size:20px; }
@media (max-width:880px){
  .header-toggle{ display:block; }
  .header-menu{ display:none; position:absolute; right:20px; top:64px; background:#121319; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 24px rgba(0,0,0,.35); flex-direction:column; align-items:flex-start; }
  .header-menu.show{ display:flex; }
}
/* === CTA restyle (black background + hero-style buttons) === */
.section.cta{ background:#0c0d10; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.section.cta .btn{ border:1px solid rgba(255,255,255,.12); }
.section.cta .btn--primary{ background:linear-gradient(90deg,var(--neon),var(--neon-2)); color:#fff; border-color:transparent; }

/* === Centered CTA neon box === */

/* === Centered CTA with neon card === */
.section.cta .container{ text-align:center; }
.cta-box{ margin:0 auto; max-width:760px; padding:22px; border-radius:14px; background:var(--panel); border:1px solid var(--stroke); position:relative; }
.cta-box:before{ content:""; position:absolute; inset:-2px; border-radius:inherit;
  background:conic-gradient(from 180deg, var(--neon), transparent, var(--neon-2), transparent, var(--neon));
  filter:blur(26px); opacity:.08; z-index:0; }
.cta-box > *{ position:relative; z-index:1; }
.section.cta h2{ margin-bottom:8px; }
.section.cta p{ margin:0 0 14px; }
.section.cta .btn{ margin:0 auto; }
@media (max-width:640px){
  .cta-box{ max-width:92%; padding:18px; }
}


/* === Desktop CTA centering fix === */
.section.cta .container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.section.cta .cta-box{max-width:820px;width:100%;margin:0 auto}
.section.cta .btn{margin-left:auto;margin-right:auto}
@media (min-width:1024px){
  .section.cta{padding-top:52px;padding-bottom:52px}
}