/* ============================================================
   CallNDone — design tokens
   Display : Instrument Serif   (editorial authority, used big)
   Body    : Instrument Sans    (clean, slightly warm grotesque)
   Utility : JetBrains Mono     (labels, prices, data — tabular)
   ============================================================ */
:root{
  /* Corporate blue (LinkedIn / IBM style) */
  --navy:#0A2E6E;             /* deep corporate blue (was navy) */
  --navy-deep:#06214F;        /* darkest blue */
  --navy-line:#1E4A9E;        /* blue lines/borders */
  --blue:#0A66C2;             /* bright accent blue */
  --blue-soft:#EAF1FB;        /* light blue tint */
  --orange:#F26C0D;           /* kept as a warm CTA accent */
  --orange-soft:#FFF1E6;
  --peach:#FFC49A;

  --paper:#F2F5FB;
  --white:#FFFFFF;
  --ink:#0B1B33;
  --muted:#41537A;
  --rule:#D9E1F0;
  --rule-dark:rgba(255,255,255,.14);

  --heading:#0A2E6E;          /* headings & strong text */
  --card:#FFFFFF;             /* cards, panels, table backgrounds */
  --glass:rgba(255,255,255,.92);
  --hover:#F7FAFF;
  --field-line:#BFCFE8;       /* input aur outline borders */

  --ff-display:'Archivo', system-ui, -apple-system, sans-serif;
  --ff-body:'Inter', system-ui, -apple-system, sans-serif;
  --ff-mono:'Inter', system-ui, sans-serif;

  --fs-display:clamp(36px, 5.3vw, 64px);
  --fs-h2:clamp(26px, 3.3vw, 40px);
  --fs-h3:clamp(16.5px, 1.3vw, 19px);
  --fs-lead:clamp(15px, 1.2vw, 16.5px);
  --fs-body:15.5px;
  --fs-sm:14px;
  --fs-label:11px;

  --sp-section:clamp(76px, 9vw, 130px);
  --maxw:1200px;
  --gutter:clamp(20px, 4vw, 44px);

  --radius:14px;
  --radius-lg:24px;
  --shadow-sm:0 2px 6px -2px rgba(0,30,79,.10);
  --shadow:0 26px 60px -30px rgba(0,30,79,.45);
  --shadow-lg:0 40px 90px -40px rgba(0,19,58,.60);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body,a,button{-webkit-tap-highlight-color:rgba(251,93,4,.15);}
body{
  margin:0;
  font-family:var(--ff-body);
  font-size:var(--fs-body);
  font-weight:500;
  line-height:1.62;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1, "cv05" 1;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;}
::selection{background:var(--blue);color:#fff;}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:4px;}

/* ---------- Type system ---------- */
h1,h2,h3,h4{margin:0;}
h1,h2{
  font-family:var(--ff-display);
  font-weight:800;
  color:var(--heading);
  letter-spacing:-.028em;
  line-height:1.06;
  text-wrap:balance;
}
h3,h4{font-family:var(--ff-display);font-weight:700;letter-spacing:-.015em;line-height:1.3;}
p{margin:0;text-wrap:pretty;}
.lead{font-size:var(--fs-lead);font-weight:500;line-height:1.6;color:var(--muted);max-width:58ch;}
.body-sm{font-size:var(--fs-sm);line-height:1.65;color:var(--muted);}

.label{
  font-family:var(--ff-body);
  font-size:var(--fs-label);
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--orange);
  display:flex;align-items:center;gap:11px;
}
.label::before{
  content:"";width:26px;height:3px;flex:none;
  background:var(--orange);border-radius:2px;
}
.label.center{justify-content:center;}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.01em;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
.section{padding:var(--sp-section) 0;}
.section-paper{background:var(--paper);}
.sec-head{max-width:660px;margin-bottom:clamp(44px,5vw,68px);}
.sec-head h2{font-size:var(--fs-h2);margin:18px 0 0;}
.sec-head .lead{margin-top:18px;}
.rule{height:1px;background:var(--rule);border:0;margin:0;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:100px;
  font-family:var(--ff-body);font-weight:700;font-size:14px;letter-spacing:-.005em;
  border:1.5px solid transparent;cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.btn svg{width:17px;height:17px;flex:none;}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 28px -14px rgba(10,102,194,.55);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(251,93,4,.8);}
.btn-outline{border-color:var(--heading);color:var(--heading);}
.btn-outline:hover{background:var(--navy);color:#fff;transform:translateY(-2px);}
.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;}
.btn-ghost:hover{background:var(--card);color:var(--heading);border-color:#fff;}

/* ---------- Header ---------- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:18px 0;background:transparent;
  transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
}
.header.is-stuck{
  background:var(--glass);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--rule);
  padding:10px 0;
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap;}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;white-space:nowrap;}
.brand img{height:36px;width:auto;background:#fff;border-radius:9px;padding:3px;box-sizing:content-box;}
.brand-name{
  font-family:var(--ff-display);font-weight:800;font-size:18.5px;
  letter-spacing:-.03em;color:var(--heading);white-space:nowrap;
}
.brand-name i{color:var(--orange);font-style:normal;}
.nav-links{display:flex;align-items:center;gap:clamp(16px,2vw,34px);flex-wrap:nowrap;}
.nav-links a{
  font-size:13.5px;font-weight:600;color:var(--heading);
  position:relative;padding:3px 0;opacity:.88;transition:opacity .2s;
}
.nav-links a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;
  background:var(--orange);transition:right .28s ease;
}
.nav-links a:hover{opacity:1;}
.nav-links a:hover::after{right:0;}
.nav-cta{
  background:var(--navy);color:#fff;padding:11px 22px;border-radius:100px;
  font-weight:700;font-size:13px;white-space:nowrap;
  transition:background .22s ease, transform .22s ease;
}
.nav-cta:hover{background:var(--blue);transform:translateY(-1px);}
.burger{
  display:none;flex-direction:column;gap:5px;background:none;border:0;
  cursor:pointer;padding:8px;
}
.burger span{width:24px;height:2px;background:var(--navy);border-radius:2px;}
[data-theme="dark"] .burger span{background:#fff;}

.drawer{
  position:fixed;inset:0;z-index:101;background:var(--navy);
  display:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;
  padding:32px;
}
.drawer.is-open{display:flex;}
.drawer a{
  font-family:var(--ff-body);font-weight:600;font-size:17px;color:#fff;padding:11px 0;
  letter-spacing:0;opacity:.92;
}
.drawer a:hover{opacity:1;}
.drawer .btn{margin-top:18px;font-size:15px;}
.drawer-close{
  position:absolute;top:22px;right:22px;background:none;border:0;color:#fff;
  font-size:31.5px;line-height:1;cursor:pointer;padding:8px;
}
.skip{
  position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;
  padding:12px 20px;z-index:200;border-radius:0 0 8px 0;
}
.skip:focus{left:0;}

/* ---------- Hero ---------- */
.hero{
  padding:clamp(132px,17vw,190px) 0 clamp(60px,7vw,96px);
  background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 72%,var(--white) 100%);
  position:relative;overflow:hidden;
}
.hero-grid{
  display:grid;grid-template-columns:1.08fr .92fr;
  gap:clamp(36px,5vw,72px);align-items:center;
}
.hero h1{font-size:var(--fs-display);margin:22px 0 0;}
.hero h1 em{font-family:var(--ff-display);font-style:normal;font-weight:800;color:var(--blue);}
.hero .lead{margin:24px 0 34px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.credentials{
  display:flex;flex-wrap:wrap;gap:0 clamp(24px,3.4vw,46px);
  margin-top:clamp(38px,4.4vw,54px);padding-top:24px;border-top:1px solid var(--rule);
}
.cred{display:flex;flex-direction:column;gap:2px;padding:6px 0;}
.cred b{
  font-family:var(--ff-display);font-size:clamp(23px,2.3vw,29px);
  font-weight:800;color:var(--heading);letter-spacing:-.03em;line-height:1.1;
}
.cred span{
  font-family:var(--ff-body);font-size:10px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);
}

/* ---------- Signature: the work order docket ---------- */
.docket{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);overflow:hidden;max-width:440px;margin-left:auto;width:100%;
}
.docket-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 22px;background:var(--navy);color:#fff;
}
.docket-head .id{
  font-family:var(--ff-body);font-size:10px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:#B6C6E8;
}
.docket-head .live{
  display:flex;align-items:center;gap:8px;font-family:var(--ff-body);
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;
}
.pulse{
  width:8px;height:8px;border-radius:50%;background:var(--orange);
  box-shadow:0 0 0 0 rgba(251,93,4,.65);animation:pulse 2s ease-out infinite;
}
@keyframes pulse{
  70%{box-shadow:0 0 0 9px rgba(251,93,4,0);}
  100%{box-shadow:0 0 0 0 rgba(251,93,4,0);}
}
.docket-body{padding:8px 22px 6px;}
.step{
  display:flex;align-items:center;gap:14px;padding:15px 0;
  border-bottom:1px solid var(--rule);
  opacity:0;transform:translateY(6px);
  animation:stepIn .5s ease forwards;
}
.step:last-child{border-bottom:0;}
.step:nth-child(1){animation-delay:.25s;}
.step:nth-child(2){animation-delay:.75s;}
.step:nth-child(3){animation-delay:1.25s;}
.step:nth-child(4){animation-delay:1.75s;}
@keyframes stepIn{to{opacity:1;transform:translateY(0);}}
.step .tick{
  width:22px;height:22px;flex:none;border-radius:50%;
  background:var(--orange);display:flex;align-items:center;justify-content:center;
}
.step .tick svg{width:11px;height:11px;stroke:#fff;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.step .txt{flex:1;font-size:14px;font-weight:600;color:var(--heading);letter-spacing:-.012em;}
.step .t{
  font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.04em;
  text-transform:uppercase;
}
.docket-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 22px;background:var(--orange-soft);border-top:1px solid #FBE0CE;
}
.docket-foot .k{
  font-family:var(--ff-body);font-size:10px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:#A03C03;
}
.docket-foot .v{
  font-family:var(--ff-display);font-weight:800;font-size:17.5px;color:var(--orange);letter-spacing:-.02em;
}

/* ---------- Capability rail ---------- */
.rail{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--navy);}
.rail-inner{
  display:flex;flex-wrap:nowrap;align-items:center;gap:0 20px;
  padding:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.rail-inner::-webkit-scrollbar{display:none;}
.rail-inner span{
  font-family:var(--ff-body);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.72);white-space:nowrap;flex:none;
}
.rail-inner span.k{
  color:#fff;font-weight:800;background:var(--orange);
  padding:5px 12px;border-radius:100px;letter-spacing:.1em;
}
.rail-inner i{width:5px;height:5px;border-radius:50%;background:var(--orange);flex:none;}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
.reveal.is-in{opacity:1;transform:none;}

/* ---------- Growth ---------- */
.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.g-card{
  background:var(--paper);border:1px solid transparent;border-radius:var(--radius-lg);
  padding:clamp(28px,3vw,40px);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.g-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);background:var(--card);border-color:var(--rule);}
.g-mark{
  width:50px;height:50px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;
}
.g-mark svg{width:22px;height:22px;}
.g-card h3{font-size:var(--fs-h3);color:var(--heading);margin-bottom:10px;}
.g-card p{font-size:14.5px;line-height:1.65;color:var(--muted);}

.stat-strip{
  margin-top:22px;background:var(--navy);border-radius:var(--radius-lg);
  display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;
}
.stat-strip div{
  padding:34px 26px;border-right:1px solid var(--rule-dark);
}
.stat-strip div:last-child{border-right:0;}
.stat-strip b{
  display:block;font-family:var(--ff-display);font-size:clamp(27px,3.1vw,38px);
  font-weight:800;color:var(--orange);letter-spacing:-.03em;line-height:1.1;
}
.stat-strip span{
  display:block;margin-top:6px;font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#B6C6E8;
}

/* ---------- Services ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.svc-card{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);
  padding:30px 26px 28px;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent;}
.svc-icon{
  width:44px;height:44px;border-radius:11px;background:var(--orange-soft);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
.svc-icon svg{width:21px;height:21px;color:var(--orange);}
.svc-card h3{font-size:16.5px;color:var(--heading);margin-bottom:8px;}
.svc-card p{font-size:14px;line-height:1.62;color:var(--muted);}
.svc-card .tags{
  margin-top:16px;padding-top:14px;border-top:1px solid var(--rule);
  font-size:10px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);
}

/* ---------- Process (a real sequence, so it is numbered) ---------- */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.step-card{padding:32px 26px 0 0;border-top:2px solid var(--navy);}
.step-card + .step-card{padding-left:26px;}
.step-card .n{
  font-family:var(--ff-display);font-size:14px;font-weight:800;letter-spacing:.02em;
  color:var(--orange);display:block;margin-bottom:14px;
}
.step-card h3{font-size:17.5px;color:var(--heading);margin-bottom:8px;}
.step-card p{font-size:14px;line-height:1.62;color:var(--muted);}

/* ---------- Pricing ---------- */
.tabs{display:flex;gap:9px;margin-bottom:30px;flex-wrap:wrap;}
.tab-btn{
  padding:11px 20px;border-radius:100px;border:1.5px solid var(--rule);
  background:var(--card);font-size:13px;font-weight:700;color:var(--muted);
  cursor:pointer;transition:all .22s ease;
}
.tab-btn:hover{border-color:var(--heading);color:var(--heading);}
.tab-btn[aria-selected="true"]{background:var(--navy);border-color:var(--heading);color:#fff;}
.panel{display:none;}
.panel.is-active{display:block;animation:fade .35s ease;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.table-wrap{
  border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--card);
}
.price-table{width:100%;border-collapse:collapse;}
.price-table th{
  background:var(--navy);color:#fff;text-align:left;padding:16px 24px;
  font-size:10.5px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;
}
.price-table th:last-child,.price-table td:last-child{text-align:right;}
.price-table td{
  padding:15px 24px;font-size:14.5px;font-weight:500;border-bottom:1px solid var(--rule);
  color:var(--ink);
}
.price-table tr:last-child td{border-bottom:0;}
.price-table tbody tr{transition:background .2s ease;}
.price-table tbody tr:hover{background:var(--paper);}
.price-table td.amt{
  font-weight:800;font-size:14.5px;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em;
}
.price-table td.amt u{text-decoration:none;color:var(--muted);font-size:11.5px;font-weight:600;}
.price-note{
  margin-top:14px;font-size:12.5px;font-weight:500;color:var(--muted);
}

/* ---------- Ultimate package ---------- */
.ultimate{
  background:var(--navy);color:#fff;border-radius:clamp(18px,2.4vw,28px);
  position:relative;overflow:hidden;
  padding:clamp(36px,4.6vw,64px);
  display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(34px,4vw,56px);
}
.ultimate::before{
  content:"";position:absolute;right:-140px;top:-140px;width:380px;height:380px;
  border-radius:50%;background:var(--navy-line);opacity:.55;
}
.ultimate > *{position:relative;z-index:1;}
.ultimate h2{color:#fff;font-size:clamp(25px,2.8vw,36px);margin:18px 0 0;}
.ultimate .label{color:var(--peach);}
.ultimate .label::before{background:var(--peach);}
.ultimate .lead{color:#C3D1EC;margin:16px 0 30px;max-width:46ch;}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:13px;}
.checks li{display:flex;align-items:flex-start;gap:13px;font-size:14px;font-weight:500;line-height:1.5;}
.checks .tick{
  flex:none;width:21px;height:21px;border-radius:50%;background:var(--orange);
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.checks .tick svg{width:10px;height:10px;stroke:var(--navy);stroke-width:3.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.terms{
  margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);
  display:grid;gap:9px;
}
.terms li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:12px;font-weight:600;line-height:1.5;color:var(--peach);
}
.terms li::before{
  content:"—";flex:none;opacity:.75;
}
.terms li b{color:#fff;font-weight:800;}
.price-card{
  background:var(--card);border-radius:20px;padding:clamp(28px,3vw,38px);
  color:var(--ink);text-align:center;box-shadow:var(--shadow-lg);
  align-self:start;
}
.offer-tag{
  display:inline-block;background:var(--orange-soft);color:var(--orange);
  font-size:10.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;padding:9px 16px;border-radius:100px;margin-bottom:22px;
}
.compare{display:flex;align-items:flex-end;justify-content:center;gap:30px;}
.bar-col{display:flex;flex-direction:column;align-items:center;gap:9px;}
.bar-amt{
  font-size:12px;font-weight:800;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
.bar{width:52px;border-radius:6px 6px 0 0;}
.bar.market{height:112px;background:#CCD7EC;}
.bar.pkg{height:56px;background:var(--orange);}
.bar-label{
  font-size:10px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
}
.final{margin:26px 0 4px;display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;}
.final .old{
  font-size:16px;font-weight:600;color:#95A2BC;text-decoration:line-through;
  font-variant-numeric:tabular-nums;
}
.final .new{
  font-family:var(--ff-display);font-weight:800;font-size:clamp(34px,4vw,46px);color:var(--ink);
  letter-spacing:-.035em;line-height:1;
}
.final-per{
  font-size:10.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);
}
.price-card .btn{width:100%;margin-top:24px;}
.limited{
  margin-top:16px;font-size:12px;font-weight:500;line-height:1.55;color:var(--muted);
}

/* ---------- FAQ ---------- */
.faq{max-width:820px;}
.faq details{border-bottom:1px solid var(--rule);}
.faq summary{
  list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-family:var(--ff-display);font-size:16.5px;font-weight:700;color:var(--heading);letter-spacing:-.018em;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{
  content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-family:var(--ff-display);font-weight:700;font-size:22.5px;color:var(--orange);line-height:1;
  transition:transform .25s ease;
}
.faq details[open] summary::after{content:"–";}
.faq details p{padding:0 40px 24px 0;font-size:14.5px;line-height:1.68;color:var(--muted);}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,5vw,72px);align-items:start;}
.contact h2{font-size:var(--fs-h2);margin:16px 0 0;}
.contact-list{margin-top:34px;display:grid;gap:2px;}
.contact-row{
  display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--rule);
}
.contact-row:last-child{border-bottom:1px solid var(--rule);}
.contact-row .k{
  font-size:10px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);width:80px;flex:none;
}
.contact-row .v{font-size:15px;font-weight:600;color:var(--heading);}
.contact-row a.v:hover{color:var(--orange);}

.form{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-lg);
  padding:clamp(26px,3vw,38px);box-shadow:var(--shadow-sm);
}
.field{margin-bottom:18px;}
.field label{
  display:block;font-size:10px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px;
}
.field input,.field select,.field textarea{
  width:100%;padding:13px 15px;border:1.5px solid var(--rule);border-radius:10px;
  font-family:var(--ff-body);font-size:14.5px;font-weight:500;color:var(--ink);background:var(--card);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.field textarea{resize:vertical;min-height:104px;line-height:1.6;}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(251,93,4,.12);
}
.form .btn{width:100%;margin-top:6px;}
.form-note{
  margin-top:14px;text-align:center;font-size:11.5px;font-weight:600;color:var(--muted);
}
.form-error{
  display:none;margin-top:12px;font-size:13px;color:#C0390B;font-weight:600;
}
.form-error.is-shown{display:block;}

/* ---------- Footer ---------- */
.footer{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);color:#AEBEDE;padding:clamp(52px,6vw,76px) 0 28px;}
.foot-top{
  display:grid;grid-template-columns:1.2fr 2fr;gap:clamp(32px,4vw,56px);
  padding-bottom:40px;border-bottom:1px solid var(--rule-dark);
}
.foot-brand{display:flex;align-items:center;gap:11px;}
.foot-brand img{height:34px;width:auto;background:#fff;border-radius:8px;padding:3px;box-sizing:content-box;}
.foot-brand .brand-name{color:#fff;}
.foot-blurb{margin-top:16px;max-width:32ch;font-size:13.5px;line-height:1.62;color:#9FB1D6;}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.foot-col h4{
  font-size:10.5px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:#fff;margin-bottom:16px;
}
.foot-col a,.foot-col p{display:block;font-size:13.5px;font-weight:500;color:#B8C7E6;margin-bottom:10px;}
.foot-col a{transition:color .2s ease;}
.foot-col a:hover{color:var(--orange);}
.foot-bottom{
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding-top:24px;font-size:10px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:#8496C2;
}

/* ---------- Legal documents ---------- */
.legal-link{
  display:block;background:none;border:0;padding:0;margin-bottom:10px;
  font-family:var(--ff-body);font-size:13.5px;font-weight:500;color:#B8C7E6;
  text-align:left;cursor:pointer;transition:color .2s ease;
}
.legal-link:hover{color:var(--orange);}
.legal-overlay{
  position:fixed;inset:0;z-index:120;display:none;
  background:rgba(0,19,58,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  overflow-y:auto;padding:4vh 18px;
}
.legal-overlay.is-open{display:block;}
.legal-panel{
  background:var(--card);max-width:840px;margin:0 auto 4vh;border-radius:16px;
  box-shadow:0 40px 90px -30px rgba(0,19,58,.7);overflow:hidden;
}
.legal-head{
  position:sticky;top:0;z-index:2;background:var(--navy);color:#fff;
  padding:20px clamp(22px,3vw,34px);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.legal-head h2{color:#fff;font-size:clamp(17px,2vw,21px);margin:0;}
.legal-close{
  flex:none;background:rgba(255,255,255,.14);border:0;color:#fff;cursor:pointer;
  width:36px;height:36px;border-radius:50%;font-size:20.5px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:background .2s ease;
}
.legal-close:hover{background:var(--orange);}
.legal-body{padding:clamp(24px,3vw,34px) clamp(22px,3vw,34px) clamp(30px,4vw,42px);}
.legal-doc[hidden]{display:none;}
.legal-meta{
  font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--rule);
}
.legal-body h3{
  font-size:15.5px;color:var(--heading);margin:30px 0 10px;
}
.legal-body h3:first-of-type{margin-top:0;}
.legal-body p{font-size:14px;line-height:1.72;color:var(--muted);margin-bottom:12px;}
.legal-body ul{margin:0 0 12px;padding-left:20px;}
.legal-body li{font-size:14px;line-height:1.72;color:var(--muted);margin-bottom:7px;}
.legal-body strong{color:var(--ink);font-weight:700;}
.legal-fill{background:var(--orange-soft);color:#A03C03;font-weight:700;padding:1px 6px;border-radius:4px;}

/* ---------- Floating call ---------- */
.float-call{
  position:fixed;bottom:26px;right:26px;z-index:80;
  width:56px;height:56px;border-radius:50%;background:var(--orange);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 16px 30px -10px rgba(251,93,4,.7);
}
.float-call svg{width:22px;height:22px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.float-call .ring{
  position:absolute;inset:0;border-radius:50%;border:2px solid var(--orange);
  animation:ring 2s ease-out infinite;
}
@keyframes ring{0%{transform:scale(1);opacity:.65;}100%{transform:scale(1.85);opacity:0;}}

/* ============================================================
   Section wallpapers — digital-marketing motifs, brand colours,
   kept faint so that all text stays fully legible.
   ============================================================ */
:root{
  --wp-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M56 0H0v56' fill='none' stroke='%23001E4F' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");
  --wp-dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='2' cy='2' r='1.3' fill='%23001E4F' fill-opacity='.12'/%3E%3C/svg%3E");
  --wp-diag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M0 34L34 0M-8 8L8 -8M26 42L42 26' stroke='%23001E4F' stroke-opacity='.055' stroke-width='1'/%3E%3C/svg%3E");
  --wp-grid-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M56 0H0v56' fill='none' stroke='%23FFFFFF' stroke-opacity='.06' stroke-width='1'/%3E%3C/svg%3E");
  --wp-dots-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='2' cy='2' r='1.3' fill='%23FFFFFF' fill-opacity='.10'/%3E%3C/svg%3E");

  /* Large single motifs */
  --wp-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='360' fill='none'%3E%3Cg stroke='%23001E4F' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M20 330h520M20 330V20'/%3E%3Cpath d='M60 280l90-70 90 40 100-110 90-60 70-30' stroke='%23FB5D04' stroke-opacity='.16' stroke-width='3'/%3E%3C/g%3E%3Cg fill='%23FB5D04' fill-opacity='.13'%3E%3Ccircle cx='150' cy='210' r='7'/%3E%3Ccircle cx='240' cy='250' r='7'/%3E%3Ccircle cx='340' cy='140' r='7'/%3E%3Ccircle cx='430' cy='80' r='7'/%3E%3C/g%3E%3Cg fill='%23001E4F' fill-opacity='.05'%3E%3Crect x='70' y='250' width='34' height='80'/%3E%3Crect x='130' y='210' width='34' height='120'/%3E%3Crect x='190' y='230' width='34' height='100'/%3E%3Crect x='250' y='170' width='34' height='160'/%3E%3Crect x='310' y='120' width='34' height='210'/%3E%3C/g%3E%3C/svg%3E");
  --wp-nodes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='400' fill='none'%3E%3Cg stroke='%23001E4F' stroke-opacity='.09'%3E%3Cpath d='M80 90L220 40 380 120 300 260 130 230z M220 40L300 260M80 90L300 260M220 40L130 230M380 120L440 300 300 260'/%3E%3C/g%3E%3Cg fill='%23001E4F' fill-opacity='.10'%3E%3Ccircle cx='80' cy='90' r='6'/%3E%3Ccircle cx='220' cy='40' r='6'/%3E%3Ccircle cx='380' cy='120' r='6'/%3E%3Ccircle cx='300' cy='260' r='6'/%3E%3Ccircle cx='130' cy='230' r='6'/%3E%3Ccircle cx='440' cy='300' r='6'/%3E%3C/g%3E%3C/svg%3E");
  --wp-nodes-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='400' fill='none'%3E%3Cg stroke='%23FFFFFF' stroke-opacity='.10'%3E%3Cpath d='M80 90L220 40 380 120 300 260 130 230z M220 40L300 260M80 90L300 260M220 40L130 230M380 120L440 300 300 260'/%3E%3C/g%3E%3Cg fill='%23FB5D04' fill-opacity='.30'%3E%3Ccircle cx='80' cy='90' r='6'/%3E%3Ccircle cx='220' cy='40' r='6'/%3E%3Ccircle cx='380' cy='120' r='6'/%3E%3Ccircle cx='300' cy='260' r='6'/%3E%3Ccircle cx='130' cy='230' r='6'/%3E%3C/g%3E%3C/svg%3E");
  --wp-quote:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='240'%3E%3Ctext x='0' y='200' font-family='Georgia,serif' font-size='260' fill='%23001E4F' fill-opacity='.05'%3E%E2%80%9C%3C/text%3E%3C/svg%3E");
  --wp-funnel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='380' fill='none'%3E%3Cg stroke='%23001E4F' stroke-opacity='.09' stroke-width='2'%3E%3Cpath d='M40 40h340l-80 110h-180z'/%3E%3Cpath d='M120 175h180l-40 90h-100z'/%3E%3Cpath d='M170 290h80l-20 70h-40z'/%3E%3C/g%3E%3Cg stroke='%23FB5D04' stroke-opacity='.15' stroke-width='2'%3E%3Ccircle cx='210' cy='330' r='0'/%3E%3C/g%3E%3C/svg%3E");
}

.section{position:relative;isolation:isolate;}
.section > .wrap{position:relative;z-index:2;}
.wp{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.wp::before,.wp::after{content:"";position:absolute;}

/* tiling layer */
.wp-grid::before{inset:0;background-image:var(--wp-grid);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 25%,transparent 78%);
          mask-image:radial-gradient(120% 90% at 50% 0%,#000 25%,transparent 78%);}
.wp-dots::before{inset:0;background-image:var(--wp-dots);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(100% 80% at 80% 30%,#000 10%,transparent 72%);
          mask-image:radial-gradient(100% 80% at 80% 30%,#000 10%,transparent 72%);}
.wp-diag::before{inset:0;background-image:var(--wp-diag);background-size:34px 34px;
  -webkit-mask-image:linear-gradient(200deg,#000 0%,transparent 62%);
          mask-image:linear-gradient(200deg,#000 0%,transparent 62%);}
.wp-grid-light::before{inset:0;background-image:var(--wp-grid-light);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(110% 100% at 20% 0%,#000 15%,transparent 80%);
          mask-image:radial-gradient(110% 100% at 20% 0%,#000 15%,transparent 80%);}
.wp-dots-light::before{inset:0;background-image:var(--wp-dots-light);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(90% 90% at 90% 10%,#000 5%,transparent 70%);
          mask-image:radial-gradient(90% 90% at 90% 10%,#000 5%,transparent 70%);}

/* motif layer */
.wp-chart::after{right:-40px;bottom:-30px;width:560px;height:360px;background:var(--wp-chart) no-repeat center/contain;opacity:.9;}
.wp-nodes::after{right:-60px;top:-40px;width:480px;height:400px;background:var(--wp-nodes) no-repeat center/contain;}
.wp-nodes-light::after{right:-70px;bottom:-70px;width:480px;height:400px;background:var(--wp-nodes-light) no-repeat center/contain;}
.wp-quote::after{left:-20px;top:6px;width:300px;height:240px;background:var(--wp-quote) no-repeat center/contain;}
.wp-funnel::after{right:2%;top:50%;transform:translateY(-50%);width:420px;height:380px;background:var(--wp-funnel) no-repeat center/contain;}

/* soft brand glows */
.wp-glow-o::before{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,93,4,.10) 0%,rgba(251,93,4,0) 68%);
}
.hero .wp-glow-o::before{right:-120px;top:-140px;}
.contact .wp-glow-o::before{left:-160px;bottom:-180px;}

/* hero keeps its gradient, wallpaper sits over it */
.hero{position:relative;isolation:isolate;}
.hero > .wrap{position:relative;z-index:2;}

/* ---------- Client reviews ---------- */
.rev-top{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,60px);
  align-items:end;margin-bottom:clamp(34px,4vw,52px);
}
.rev-score{
  background:var(--navy);color:#fff;border-radius:var(--radius-lg);
  padding:clamp(26px,3vw,34px);box-shadow:var(--shadow);
}
.rev-score .big{
  font-family:var(--ff-display);font-weight:800;font-size:clamp(40px,4.6vw,54px);
  line-height:1;letter-spacing:-.035em;color:#fff;
}
.rev-score .big u{text-decoration:none;font-size:18.5px;color:#8FA6D4;font-weight:700;margin-left:4px;}
.rev-score .stars{margin:14px 0 12px;}
.rev-score p{font-size:12.5px;font-weight:600;color:#B6C6E8;line-height:1.55;}
.rev-score .btn{margin-top:20px;width:100%;}

.stars{display:flex;align-items:center;gap:3px;}
.stars svg{width:17px;height:17px;fill:#FFB703;flex:none;}
.rev-score .stars svg{width:19px;height:19px;}

.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rev-card{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);
  padding:26px 24px 22px;display:flex;flex-direction:column;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rev-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent;}
.rev-card blockquote{
  margin:16px 0 0;font-size:14.5px;line-height:1.66;color:var(--ink);
  font-weight:500;flex:1;
}
.rev-who{
  display:flex;align-items:center;gap:13px;margin-top:22px;
  padding-top:18px;border-top:1px solid var(--rule);
}
.rev-av{
  position:relative;width:48px;height:48px;flex:none;border-radius:50%;
  background:var(--navy);color:#fff;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-display);font-weight:800;font-size:15px;letter-spacing:.01em;
  box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--rule);
}
.rev-av img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;border-radius:50%;
}
.rev-av b{
  display:block;font-family:var(--ff-display);font-weight:800;
  font-size:15px;color:#fff;letter-spacing:.01em;
}
/* Photo na hone par initials apne aap dikhte hain */
.rev-who b{display:block;font-size:13.5px;font-weight:700;color:var(--heading);letter-spacing:-.01em;}
.rev-who span{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:2px;}
.rev-src{
  margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);flex:none;
}
.rev-hint{display:none;}

/* ---------- Mobile quick-contact strip (static, not fixed) ---------- */
.mbar-wrap{display:none;background:var(--card);padding:2px 0 30px;}
.mbar{display:flex;gap:10px;}
.mbar a{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:50px;border-radius:100px;font-weight:700;font-size:14px;
}
.mbar svg{width:17px;height:17px;flex:none;}
.mbar .call{background:var(--orange);color:#fff;box-shadow:0 10px 22px -14px rgba(251,93,4,.9);}
.mbar .wa{background:var(--navy);color:#fff;}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .rev-grid{grid-template-columns:repeat(2,1fr);}
}
/* Medium laptops: tighten the gaps between the header groups. Link sizing
   and the link count are handled once, in the measured block at the end. */
@media (min-width:981px) and (max-width:1180px){
  .nav{gap:14px;}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-art{order:-1;}
  .docket{margin:0 auto;}
  .growth-grid{grid-template-columns:1fr;}
  .svc-grid{grid-template-columns:1fr 1fr;}
  .process{grid-template-columns:1fr 1fr;gap:0 26px;}
  .step-card{padding-right:0;}
  .step-card + .step-card{padding-left:0;}
  .step-card:nth-child(n+3){margin-top:34px;}
  .ultimate{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr;}
  .nav-links,#navCtaDesktop{display:none;}
  .burger{display:flex;}
  .rev-top{grid-template-columns:1fr;align-items:start;}
  .rev-score .btn{width:auto;}
}

/* ===== Mobile: single-column, thumb-friendly ===== */
@media (max-width:760px){
  :root{
    --fs-display:clamp(31px,8.6vw,42px);
    --fs-h2:clamp(23px,6.6vw,30px);
    --fs-body:15px;
    --sp-section:64px;
    --gutter:18px;
  }
  html{scroll-padding-top:80px;}

  .header{padding:12px 0;}
  .brand img{height:34px;}
  .brand-name{font-size:16.5px;}
  .burger{padding:10px;margin-right:-6px;}

  .hero{padding:112px 0 56px;}
  .hero .lead{margin:18px 0 26px;}
  .hero-ctas .btn{flex:1 1 100%;}
  /* credentials as a clean 2x2 card grid, below the robot */
  .credentials{
    display:grid !important; grid-template-columns:1fr 1fr; gap:12px; margin-top:28px;
    border-top:0 !important; padding-top:0 !important;
  }
  .credentials .cred{
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
    border-radius:14px; padding:14px 12px; text-align:center;
  }
  .credentials .cred b{ font-size:24px; display:block; }
  .credentials .cred span{ font-size:11.5px; }

  .docket{max-width:none;}
  .docket-head,.docket-foot{padding:14px 18px;}
  .docket-body{padding:6px 18px 4px;}

  .rail-inner{padding:14px 0;gap:0 16px;}

  .g-card,.svc-card,.rev-card{padding:24px 20px;}
  .svc-grid{grid-template-columns:1fr;gap:14px;}
  .growth-grid{gap:14px;}
  .process{grid-template-columns:1fr;}
  .step-card{padding-top:24px;}
  .step-card:nth-child(n+2){margin-top:26px;}

  .stat-strip{grid-template-columns:1fr;}
  .stat-strip div{padding:24px 22px;border-right:0;border-bottom:1px solid var(--rule-dark);}
  .stat-strip div:last-child{border-bottom:0;}

  /* Rate card: table becomes a clean stacked list */
  .tabs{
    flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 calc(var(--gutter) * -1) 22px;padding:2px var(--gutter) 8px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .tabs::-webkit-scrollbar{display:none;}
  .tab-btn{flex:none;scroll-snap-align:start;padding:11px 18px;min-height:44px;}
  .price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .price-table,.price-table tbody,.price-table tr,.price-table td{display:block;width:100%;}
  .price-table tr{padding:15px 18px;border-bottom:1px solid var(--rule);}
  .price-table tr:last-child{border-bottom:0;}
  .price-table td{padding:0;border:0;font-size:14.5px;font-weight:600;color:var(--heading);}
  .price-table td.amt,.price-table td:last-child{
    text-align:left;margin-top:5px;font-size:16px;color:var(--ink);font-weight:800;
  }
  .price-table td.amt u{font-size:11.5px;color:var(--muted);}
  .price-table tbody tr:hover{background:transparent;}

  .ultimate{padding:32px 22px;border-radius:18px;}
  .ultimate::before{width:240px;height:240px;right:-90px;top:-90px;}
  .checks li,.terms li{font-size:13.5px;}
  .price-card{padding:26px 20px;}
  .compare{gap:22px;}

  /* Reviews become a swipeable rail */
  .rev-score .btn{width:100%;}
  .rev-grid{
    grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;
    overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 14px;
    gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .rev-grid::-webkit-scrollbar{display:none;}
  .rev-card{scroll-snap-align:center;}
  .rev-card:hover{transform:none;box-shadow:none;border-color:var(--rule);}
  .rev-hint{
    display:block;margin-top:2px;font-size:10.5px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  }

  .faq summary{font-size:15.5px;padding:18px 34px 18px 0;}
  .faq details p{font-size:14px;padding-bottom:20px;}

  .contact-row{padding:14px 0;align-items:flex-start;flex-direction:column;gap:5px;}
  .contact-row .k{width:auto;}
  .contact-row .v{font-size:15.5px;}
  .form{padding:22px 18px;}
  .field input,.field select,.field textarea{font-size:16px;padding:14px;}
  .btn{width:100%;min-height:50px;padding:15px 22px;}
  .hero-ctas{gap:10px;}

  .foot-cols{grid-template-columns:1fr 1fr;gap:22px;}
  .foot-bottom{flex-direction:column;gap:8px;}

  .float-call{display:none;}
  .mbar-wrap{display:block;}

  .legal-overlay{padding:0;}
  .legal-panel{border-radius:0;margin:0;min-height:100%;max-width:none;}
  .legal-body{padding:22px 18px calc(40px + env(safe-area-inset-bottom));}
  .legal-body p,.legal-body li{font-size:14px;}
}

@media (max-width:400px){
  .rev-grid{grid-auto-columns:88%;}
  .credentials{gap:0 22px;}
  .cred b{font-size:21.5px;}
  .foot-cols{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
  .step{opacity:1;transform:none;}
  .reveal{opacity:1;transform:none;}
}


/* ==========================================================
   STAGE 1 ADDITIONS — dark banner-style hero, story block,
   about page, page shell. Loaded after everything above,
   so these rules win.
   ========================================================== */

/* --- light chart motif for dark sections --- */
:root{
  --wp-chart-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='360' fill='none'%3E%3Cg stroke='%23FFFFFF' stroke-opacity='.13' stroke-width='2'%3E%3Cpath d='M20 330h520M20 330V20'/%3E%3C/g%3E%3Cpath d='M60 280l90-70 90 40 100-110 90-60 70-30' stroke='%23FB5D04' stroke-opacity='.75' stroke-width='3'/%3E%3Cg fill='%23FB5D04' fill-opacity='.8'%3E%3Ccircle cx='150' cy='210' r='7'/%3E%3Ccircle cx='240' cy='250' r='7'/%3E%3Ccircle cx='340' cy='140' r='7'/%3E%3Ccircle cx='430' cy='80' r='7'/%3E%3C/g%3E%3Cg fill='%23FFFFFF' fill-opacity='.055'%3E%3Crect x='70' y='250' width='34' height='80'/%3E%3Crect x='130' y='210' width='34' height='120'/%3E%3Crect x='190' y='230' width='34' height='100'/%3E%3Crect x='250' y='170' width='34' height='160'/%3E%3Crect x='310' y='120' width='34' height='210'/%3E%3C/g%3E%3C/svg%3E");
}
.wp-chart-light::after{right:-40px;bottom:-30px;width:560px;height:360px;
  background:var(--wp-chart-light) no-repeat center/contain;}

/* --- dark hero --- */
.hero{
  background:linear-gradient(155deg,#00265F 0%,#001E4F 55%,#000F2B 100%);
  color:#fff;
}
.hero h1{color:#fff;}
.hero .label{color:#8FA6D4;}
.hero .lead{color:#B6C6E8;}
.hero .credentials{border-top-color:rgba(255,255,255,.16);}
.hero .cred b{color:#fff;}
.hero .cred span{color:#8FA6D4;}
.hero .btn-outline{border-color:rgba(255,255,255,.45);color:#fff;}
.hero .btn-outline:hover{background:var(--card);color:var(--heading);border-color:#fff;}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:7px;z-index:3;
  background:linear-gradient(90deg,var(--orange) 0%,var(--orange) 62%,rgba(251,93,4,.15) 100%);
}

/* --- header over a dark hero --- */
.logo-light{display:none;}
body.dark-top .header:not(.is-stuck) .logo-light{display:block;}
body.dark-top .header:not(.is-stuck) .logo-dark{display:none;}
body.dark-top .header:not(.is-stuck) .brand-name{color:#fff;}
body.dark-top .header:not(.is-stuck) .nav-cart{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1);}
body.dark-top .header:not(.is-stuck) .nav-links a{color:#fff;}
body.dark-top .header:not(.is-stuck) .burger span{background:#fff;}
body.dark-top .header:not(.is-stuck) .nav-cta{background:var(--orange);color:#fff;}
body.dark-top .header:not(.is-stuck) .nav-cta:hover{background:var(--card);color:var(--heading);}

/* --- story block (homepage short version) --- */
.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,4.6vw,66px);align-items:start;}
.story-body p{margin-bottom:16px;}
.story-body p:last-of-type{margin-bottom:26px;}
.story-lead{
  font-family:var(--ff-display);font-weight:700;font-size:clamp(19px,1.8vw,23px);
  line-height:1.45;letter-spacing:-.02em;color:var(--heading);margin-bottom:20px;
}
.points{display:grid;gap:12px;}
.point{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);
  padding:18px 20px;transition:border-color .25s ease, transform .25s ease;
}
.point:hover{border-color:var(--orange);transform:translateX(3px);}
.point .n{
  flex:none;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-display);font-weight:800;font-size:12px;
}
.point b{display:block;font-family:var(--ff-display);font-weight:700;font-size:15px;
  color:var(--heading);letter-spacing:-.015em;margin-bottom:3px;}
.point span{display:block;font-size:13.5px;line-height:1.6;color:var(--muted);font-weight:500;}

/* --- about page --- */
.page-head{
  padding:clamp(126px,15vw,168px) 0 clamp(44px,5vw,64px);
  background:linear-gradient(155deg,#00265F 0%,#001E4F 55%,#000F2B 100%);
  color:#fff;position:relative;isolation:isolate;overflow:hidden;
}
.page-head > .wrap{position:relative;z-index:2;}
.page-head h1{font-size:clamp(32px,4.4vw,54px);color:#fff;margin:18px 0 0;}
.page-head h1 em{font-style:normal;color:var(--orange);}
.page-head .label{color:#8FA6D4;}
.page-head .lead{color:#B6C6E8;max-width:60ch;margin-top:18px;}
.page-head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:7px;z-index:3;
  background:linear-gradient(90deg,var(--orange) 0%,var(--orange) 62%,rgba(251,93,4,.15) 100%);
}
.banner-img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow);}
.chapter{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:start;}
.chapter + .chapter{margin-top:clamp(30px,3.6vw,46px);padding-top:clamp(30px,3.6vw,46px);border-top:1px solid var(--rule);}
.chapter .num{
  font-family:var(--ff-display);font-weight:800;font-size:clamp(30px,3.4vw,44px);
  color:var(--field-line);letter-spacing:-.04em;line-height:1;min-width:2.2ch;
}
.chapter h3{margin-bottom:12px;}
.chapter p{margin-bottom:12px;}
.chapter p:last-child{margin-bottom:0;}
.mission{
  background:var(--navy);color:#fff;border-radius:var(--radius-lg);
  padding:clamp(30px,4vw,52px);position:relative;overflow:hidden;isolation:isolate;
}
.mission > *{position:relative;z-index:2;}
.mission h2{color:#fff;font-size:clamp(24px,2.8vw,36px);}
.mission p{color:#B6C6E8;margin-top:16px;max-width:62ch;}
.mission .btn{margin-top:26px;}

@media (max-width:980px){
  .story-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .chapter{grid-template-columns:1fr;gap:8px;}
  .chapter .num{font-size:26px;}
  .hero::after,.page-head::after{height:6px;}
}

/* ---------- Client Login link in the header ---------- */
#navLogin{
  font-size:13px;font-weight:700;color:var(--heading);white-space:nowrap;
  padding:11px 16px;border-radius:100px;border:1.5px solid var(--field-line);
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
#navLogin:hover{border-color:var(--heading);}
body.dark-top .header:not(.is-stuck) #navLogin{color:#fff;border-color:rgba(255,255,255,.35);}
body.dark-top .header:not(.is-stuck) #navLogin:hover{background:var(--card);color:var(--heading);border-color:#fff;}
@media (max-width:980px){ #navLogin{display:none;} }

/* ---------- Admin-controlled images & sections ---------- */
.svc-img{
  width:100%;height:180px;object-fit:cover;border-radius:12px;
  margin-bottom:18px;border:1px solid var(--rule);background:var(--paper);
}
.cnd-split{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,56px);align-items:center;
}
.cnd-split .banner-img{max-height:440px;object-fit:cover;}
.cnd-dark{
  background:linear-gradient(155deg,#00265F 0%,#001E4F 55%,#000F2B 100%);
  color:#fff;position:relative;isolation:isolate;
}
.cnd-dark h2,.cnd-dark h3{color:#fff;}
.cnd-dark p{color:#B6C6E8;}
.cnd-dark .label{color:#8FA6D4;}
.cnd-fullbanner{position:relative;line-height:0;}
.cnd-fullbanner img{width:100%;height:clamp(260px,38vw,460px);object-fit:cover;display:block;}
.cnd-fullbanner-in{
  position:absolute;inset:0;display:flex;align-items:center;line-height:1.6;
  background:linear-gradient(90deg,rgba(0,15,43,.82) 0%,rgba(0,15,43,.45) 60%,rgba(0,15,43,.1) 100%);
}
.cnd-fullbanner-in h2{color:#fff;font-size:var(--fs-h2);max-width:16ch;}
.cnd-fullbanner-in .label{color:#FFB68A;}
@media (max-width:900px){
  .cnd-split{grid-template-columns:1fr;}
  .svc-img{height:200px;}
  .cnd-fullbanner-in{background:linear-gradient(180deg,rgba(0,15,43,.35) 0%,rgba(0,15,43,.85) 100%);}
}

/* ---------- Banner sizing: desktop vs mobile ----------
   Sirf desktop image di ho to mobile pe wo crop hoti hai
   (chhoti nahi hoti), isliye text hamesha padha jata hai.
   Mobile ki alag image di ho to .has-m natural size leti hai. */
.cnd-banner{
  width:100%;display:block;border-radius:var(--radius-lg);
  object-fit:cover;object-position:center;aspect-ratio:16/6;
  border:1px solid var(--rule);background:var(--paper);
}
.cnd-full{width:100%;display:block;object-fit:cover;object-position:center;aspect-ratio:16/6;}
.cnd-side{
  width:100%;display:block;border-radius:var(--radius-lg);
  object-fit:cover;aspect-ratio:9/8;box-shadow:var(--shadow);
}
.hero .cnd-side{box-shadow:0 40px 80px -40px rgba(0,0,0,.6);border:0;}

/* Banner sabse upar — header ko solid karna padta hai */
.cnd-topbanner{line-height:0;}
body.has-topbanner .header{
  background:var(--glass);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--rule);
}
body.has-topbanner .cnd-slot[data-slot="Top of page"]{padding-top:clamp(72px,9vw,96px);}
body.has-topbanner .hero{padding-top:clamp(44px,5vw,72px);}

@media (max-width:760px){
  /* Desktop-only image: mobile pe thoda taller crop, warna patti jaisi lagti hai */
  .cnd-banner,.cnd-full{aspect-ratio:16/10;}
  .cnd-banner.has-m,.cnd-full.has-m{aspect-ratio:auto;height:auto;}
  .cnd-side{aspect-ratio:16/11;}
  body.has-topbanner .cnd-slot[data-slot="Top of page"]{padding-top:66px;}
}

/* Service card ki price */
.svc-price{
  font-family:var(--ff-display);font-weight:800;font-size:19px;
  color:var(--ink);letter-spacing:-.02em;margin-top:10px;
}

/* ============================================================
   DARK MODE
   <html data-theme="dark"> lagte hi poori site dark ho jati hai.
   Sirf variables badalte hain, isliye har page apne aap chalta hai.
   ============================================================ */
[data-theme="dark"]{
  --paper:#0A1120;
  --card:#111B2E;
  --white:#111B2E;
  --ink:#E8EEF9;
  --muted:#93A4C3;
  --rule:#1E2A44;
  --rule-dark:rgba(255,255,255,.12);
  --heading:#EAF0FB;
  --glass:rgba(10,17,32,.88);
  --hover:#16223A;
  --field-line:#31405E;
  --navy:#132747;
  --navy-deep:#070E1B;
  --navy-line:#22427A;
  --orange-soft:#2A1608;
  --shadow-sm:0 2px 8px -2px rgba(0,0,0,.6);
  --shadow:0 26px 60px -30px rgba(0,0,0,.85);
  --shadow-lg:0 40px 90px -40px rgba(0,0,0,.9);

  /* halke patterns dark background pe dikhne chahiye */
  --wp-grid:var(--wp-grid-light);
  --wp-dots:var(--wp-dots-light);
  --wp-diag:var(--wp-grid-light);
  --wp-chart:var(--wp-chart-light);
  --wp-nodes:var(--wp-nodes-light);
  --wp-quote:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='240'%3E%3Ctext x='0' y='200' font-family='Georgia,serif' font-size='260' fill='%23FFFFFF' fill-opacity='.05'%3E%E2%80%9C%3C/text%3E%3C/svg%3E");
  --wp-funnel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='380' fill='none'%3E%3Cg stroke='%23FFFFFF' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M40 40h340l-80 110h-180z'/%3E%3Cpath d='M120 175h180l-40 90h-100z'/%3E%3Cpath d='M170 290h80l-20 70h-40z'/%3E%3C/g%3E%3C/svg%3E");

  color-scheme:dark;
}

[data-theme="dark"] body{background:var(--paper);}
[data-theme="dark"] .section-paper{background:#0D1526;}
[data-theme="dark"] .rail{background:var(--card);}
[data-theme="dark"] .header.is-stuck{box-shadow:0 1px 0 var(--rule);}
[data-theme="dark"] .footer{background:var(--navy-deep);}
[data-theme="dark"] .stat-strip{background:var(--navy);}

/* light-tinted chips ko dark version */
[data-theme="dark"] .pill.new{background:#3A1F0C;color:#FDBA74;}
[data-theme="dark"] .pill.contacted{background:#132347;color:#93B4FF;}
[data-theme="dark"] .pill.converted,[data-theme="dark"] .pill.live{background:#0D2A19;color:#86EFAC;}
[data-theme="dark"] .pill.closed,[data-theme="dark"] .pill.draft{background:#1A2337;color:var(--muted);}
[data-theme="dark"] .mini.dng{color:#FCA5A5;}
[data-theme="dark"] .mini.dng:hover{background:#2A1214;border-color:#4A1F22;}
[data-theme="dark"] .auth-msg.err{background:#2A1214;color:#FCA5A5;border-color:#4A1F22;}
[data-theme="dark"] .auth-msg.ok{background:#0D2A19;color:#86EFAC;border-color:#1B4430;}
[data-theme="dark"] .msg.me{background:#1B1409;}
[data-theme="dark"] .form,[data-theme="dark"] .docket,[data-theme="dark"] .legal-panel,
[data-theme="dark"] .auth-card{background:var(--card);}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,
[data-theme="dark"] .field textarea{background:var(--card);color:var(--ink);border-color:var(--field-line);}
[data-theme="dark"] .fld input,[data-theme="dark"] .fld select,
[data-theme="dark"] .fld textarea{background:#0D1526;color:var(--ink);}
[data-theme="dark"] .thumb,[data-theme="dark"] .imgbox img{background:#0D1526;}
[data-theme="dark"] .btn-outline{border-color:var(--field-line);color:var(--ink);}
[data-theme="dark"] .btn-outline:hover{background:var(--ink);color:var(--navy-deep);}
[data-theme="dark"] #navLogin{color:var(--ink);}

/* logo: dark me hamesha light wala */
[data-theme="dark"] .logo-dark{display:none;}
[data-theme="dark"] .logo-light{display:block;}

/* ---------- Theme toggle button ---------- */
.themebtn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;flex:none;border-radius:50%;cursor:pointer;
  border:1.5px solid var(--field-line);background:transparent;color:var(--heading);
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.themebtn:hover{border-color:var(--orange);color:var(--orange);}
.themebtn svg{width:17px;height:17px;}
.themebtn .moon{display:none;}
[data-theme="dark"] .themebtn .moon{display:block;}
[data-theme="dark"] .themebtn .sun{display:none;}
body.dark-top .header:not(.is-stuck) .themebtn{color:#fff;border-color:rgba(255,255,255,.35);}
.side .themebtn{width:auto;height:auto;border:0;justify-content:flex-start;color:#B6C6E8;}
.drawer .themebtn{border-color:rgba(255,255,255,.35);color:#fff;margin-top:18px;}
@media (max-width:980px){ .header .themebtn{display:none;} }

/* Service card buy button (Razorpay) */
.svc-buy{ margin-top:16px; }
.svc-buy-link{
  display:inline-block; margin-top:16px; padding:11px 22px; border-radius:9px;
  background:var(--orange,#FB5D04); color:#fff; font-weight:700; text-decoration:none;
  font-size:14px; transition:transform .15s ease;
}
.svc-buy-link:hover{ transform:translateY(-2px); }


/* ============ Cart & checkout ============ */
.rate-add{
  display:inline-block; margin-left:12px; padding:6px 13px; border-radius:7px;
  background:var(--blue); color:#fff; border:0; font-size:12.5px; font-weight:700;
  cursor:pointer; white-space:nowrap; transition:background .15s ease;
}
.rate-add:hover{ background:#0954a5; }
.price-table td.amt{ white-space:nowrap; }

/* Floating cart button */
.cart-fab{
  position:fixed; left:20px; bottom:20px; z-index:120; width:58px; height:58px;
  border-radius:50%; background:var(--blue); color:#fff; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 34px -10px rgba(10,102,194,.6); transition:transform .18s ease;
}
.cart-fab:hover{ transform:scale(1.06); }
.cart-fab svg{ width:24px; height:24px; }
.cart-fab-count{
  position:absolute; top:-4px; right:-4px; min-width:22px; height:22px; padding:0 5px;
  background:var(--orange); color:#fff; border-radius:100px; font-size:12px; font-weight:800;
  display:flex; align-items:center; justify-content:center; border:2px solid #fff;
}
.cart-overlay{ position:fixed; inset:0; background:rgba(6,21,50,.5); z-index:130; }

/* Cart drawer */
.cart-drawer{
  position:fixed; top:0; right:0; bottom:0; width:min(400px,92vw); background:#fff; z-index:140;
  display:flex; flex-direction:column; padding:24px; box-shadow:-20px 0 60px -30px rgba(0,0,0,.4);
  overflow-y:auto;
}
.cart-drawer-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.cart-drawer-head h3{ font-family:var(--ff-display); font-size:21px; color:var(--heading); margin:0; }
.cart-close{ border:0; background:none; font-size:20px; color:var(--muted); cursor:pointer; line-height:1; }
.cart-line{ display:flex; justify-content:space-between; align-items:center; padding:13px 0; border-bottom:1px solid var(--rule); }
.cart-line-name{ font-size:14px; font-weight:600; color:var(--ink); }
.cart-line-r{ display:flex; gap:10px; align-items:center; white-space:nowrap; }
.cart-x{ border:0; background:none; color:var(--muted); cursor:pointer; font-size:13px; }
.cart-x:hover{ color:#B42318; }
.cart-empty{ color:var(--muted); font-size:14px; padding:20px 0; text-align:center; }
.cart-drawer-coupon{ display:flex; gap:8px; margin-top:18px; }
.cart-drawer-coupon input{ flex:1; padding:11px 13px; border:1px solid var(--field-line); border-radius:9px; text-transform:uppercase; font-size:13.5px; }
.cart-drawer-coupon button{ padding:10px 16px; border:1px solid var(--blue); background:var(--blue-soft); color:var(--blue); border-radius:9px; font-weight:700; cursor:pointer; }
.cart-coupon-msg{ font-size:12.5px; margin:8px 0 0; min-height:14px; }
.cart-drawer-totals{ margin-top:16px; border-top:1px solid var(--rule); padding-top:14px; }
.cart-drawer-totals .row{ display:flex; justify-content:space-between; font-size:14px; margin-bottom:8px; }
.cart-drawer-totals .row.total{ font-size:19px; color:var(--heading); margin-top:4px; }
.cart-drawer-totals .row.total b{ color:var(--blue); }
.cart-checkout{
  margin-top:16px; width:100%; padding:15px; border:0; border-radius:11px;
  background:var(--blue); color:#fff; font-size:15.5px; font-weight:700; cursor:pointer;
}
.cart-checkout:hover{ background:#0954a5; }
.cart-secure{ text-align:center; font-size:12px; color:var(--muted); margin-top:12px; }

/* Checkout modal */
.checkout-modal{
  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:150;
  width:min(440px,92vw); max-height:90vh; overflow-y:auto; background:#fff; border-radius:16px;
  padding:26px; box-shadow:0 30px 80px -30px rgba(0,0,0,.5);
}
.checkout-head{ display:flex; justify-content:space-between; align-items:center; }
.checkout-head h3{ font-family:var(--ff-display); font-size:21px; color:var(--heading); margin:0; }
.checkout-sub{ font-size:13.5px; color:var(--muted); margin:6px 0 18px; }
.checkout-l{ display:block; font-size:12.5px; font-weight:700; color:var(--heading); margin:14px 0 6px; }
.checkout-i{ width:100%; padding:12px 14px; border:1px solid var(--field-line); border-radius:9px; font-size:14.5px; }
.checkout-services{ background:var(--paper); border-radius:10px; padding:12px 14px; }
.co-svc{ display:flex; justify-content:space-between; font-size:13.5px; padding:4px 0; }
.checkout-total{ display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:14px; border-top:1px solid var(--rule); font-size:18px; color:var(--heading); }
.checkout-total b{ color:var(--blue); }
.checkout-err{ color:#B42318; font-size:13px; margin:10px 0 0; min-height:16px; }

@media (max-width:600px){
  .cart-fab{ width:52px; height:52px; left:16px; bottom:80px; }
  .rate-add{ display:block; margin:8px 0 0; text-align:center; }
}

/* ============ PWA welcome splash ============ */
.pwa-splash{
  position:fixed; inset:0; z-index:9999; background:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  transition:opacity .6s ease;
}
.pwa-splash.fade{ opacity:0; }
.pwa-splash-logo{ width:200px; height:200px; object-fit:contain; }
.pwa-splash-title{ color:var(--navy); font-family:var(--ff-display); font-size:22px; font-weight:800; margin:14px 0 0; letter-spacing:-.02em; }
.pwa-splash-sub{ color:var(--orange); font-size:13.5px; font-weight:600; margin:6px 0 0; letter-spacing:.06em; text-transform:uppercase; }

/* Fix: hidden attribute must always hide cart/checkout (display:flex was overriding it) */
.cart-drawer[hidden],
.cart-overlay[hidden],
.checkout-modal[hidden]{ display:none !important; }

/* Add-to-cart feedback */
.rate-add.added, .svc-buy-link.added{ background:#0a7d33 !important; }
.cart-fab-pop{ animation:fabPop .4s ease; }
@keyframes fabPop{ 0%{transform:scale(1);} 40%{transform:scale(1.25);} 100%{transform:scale(1);} }

/* Cart quantity controls */
.cart-line{ padding:13px 0; border-bottom:1px solid var(--rule); }
.cart-line-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.cart-line-bot{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; }
.cart-qty{ display:inline-flex; align-items:center; border:1px solid var(--field-line); border-radius:9px; overflow:hidden; }
.qty-btn{ width:30px; height:30px; border:0; background:var(--blue-soft); color:var(--blue); font-size:17px; font-weight:700; cursor:pointer; line-height:1; }
.qty-btn:hover{ background:#dbe8fb; }
.qty-num{ min-width:34px; text-align:center; font-weight:700; font-size:14px; }

/* Header cart button */
.nav-cart{ position:relative; width:42px; height:42px; border:1px solid var(--rule); border-radius:11px; background:var(--card); color:var(--navy); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; margin-left:4px; }
@media (max-width:980px){ .nav-cart{ margin-left:auto; margin-right:6px; } }
.nav-cart:hover{ background:var(--blue-soft); }
.nav-cart svg{ width:21px; height:21px; }
.nav-cart-count{ position:absolute; top:-6px; right:-6px; min-width:20px; height:20px; padding:0 5px; background:var(--orange); color:#fff; border-radius:100px; font-size:11px; font-weight:800; display:none; align-items:center; justify-content:center; line-height:1; }
.nav-cart.has-items .nav-cart-count{ display:flex; }
[data-theme="dark"] .nav-cart{ color:#fff; }

/* WhatsApp floating button */
.wa-float{
  position:fixed; right:20px; bottom:20px; z-index:200;
  display:flex; align-items:center; gap:0; overflow:hidden;
  background:#25D366; color:#fff; border-radius:100px;
  height:56px; padding:0; width:56px;
  box-shadow:0 8px 26px -6px rgba(37,211,102,.55);
  transition:width .3s ease, padding .3s ease; text-decoration:none;
}
.wa-float svg{ width:30px; height:30px; flex:none; margin:0 13px; }
.wa-float-txt{ white-space:nowrap; font-weight:700; font-size:14.5px; opacity:0; transition:opacity .2s ease; padding-right:0; }
.wa-float:hover{ width:190px; padding-right:20px; }
.wa-float:hover .wa-float-txt{ opacity:1; }
.wa-float::after{
  content:""; position:absolute; inset:0; border-radius:100px;
  box-shadow:0 0 0 0 rgba(37,211,102,.5); animation:waPulse 2.2s infinite;
}
@keyframes waPulse{ 0%{ box-shadow:0 0 0 0 rgba(37,211,102,.5);} 70%{ box-shadow:0 0 0 16px rgba(37,211,102,0);} 100%{ box-shadow:0 0 0 0 rgba(37,211,102,0);} }
@media (max-width:600px){
  .wa-float{ right:16px; bottom:16px; width:52px; height:52px; }
  .wa-float svg{ width:27px; height:27px; margin:0 12.5px; }
  .wa-float:hover{ width:52px; padding-right:0; }
  .wa-float:hover .wa-float-txt{ opacity:0; }
}

/* Scroll reveal */
.section.reveal{ opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; will-change:opacity, transform; }
.section.reveal-in{ opacity:1; transform:none; will-change:auto; }

/* ══════════════════════════════════════════════════
   PREMIUM ENHANCEMENTS (v100)
   ══════════════════════════════════════════════════ */

/* Smoother global easing */
*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
a, .btn, .svc-card, .price-table tr, .pill, button { transition:all .28s cubic-bezier(.4,0,.2,1); }

/* Buttons — richer depth + shine */
.btn{ border-radius:12px; font-weight:700; letter-spacing:.01em; position:relative; overflow:hidden; }
.btn-primary{ background:linear-gradient(135deg,#1478d4,#0A66C2 60%,#0a4f96);
  box-shadow:0 10px 30px -10px rgba(10,102,194,.6), inset 0 1px 0 rgba(255,255,255,.18); }
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 20px 40px -12px rgba(10,102,194,.7), inset 0 1px 0 rgba(255,255,255,.25); }
.btn-primary::after{ content:""; position:absolute; top:0; left:-80%; width:60%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-20deg); transition:left .6s; }
.btn-primary:hover::after{ left:130%; }
.btn-outline{ border-width:1.5px; }
.btn-outline:hover{ transform:translateY(-3px); box-shadow:0 16px 30px -14px rgba(10,46,110,.5); }

/* Section headings — more air + refined */
.section-head .eyebrow, .eyebrow{ letter-spacing:.16em; font-weight:800; }
h2{ letter-spacing:-.02em; }

/* Service cards — premium lift + gradient edge */
.svc-card{ border-radius:18px; border:1px solid var(--rule);
  background:linear-gradient(180deg,#fff,#fbfdff); position:relative; overflow:hidden; }
.svc-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#0A66C2,#F26C0D); transform:scaleX(0); transform-origin:left; transition:transform .4s; }
.svc-card:hover::before{ transform:scaleX(1); }
.svc-card:hover{ transform:translateY(-8px); box-shadow:0 30px 60px -28px rgba(10,46,110,.4); border-color:transparent; }
.svc-icon{ border-radius:14px; box-shadow:0 8px 20px -10px rgba(242,108,13,.5); }

/* Cards / panels rounder + softer */
.price-table, .faq-item, .review-card, .pkg-card{ border-radius:18px !important; }

/* Pricing rows — smooth highlight */
.price-table tbody tr:hover{ background:linear-gradient(90deg,var(--blue-soft),transparent); transform:scale(1.005); }

/* Reviews — premium card */
.review-card{ box-shadow:0 20px 44px -30px rgba(10,46,110,.35); border:1px solid var(--rule); }
.review-card:hover{ transform:translateY(-6px); box-shadow:0 34px 64px -30px rgba(10,46,110,.45); }

/* Links elegant underline */
.nav-links a{ position:relative; }
.nav-links a::after{ content:""; position:absolute; left:0; bottom:-4px; width:0; height:2px;
  background:var(--orange); transition:width .3s; border-radius:2px; }
.nav-links a:hover::after{ width:100%; }

/* Hero — deeper premium feel */
.hero h1{ letter-spacing:-.035em; line-height:1.04; }
.hero .lead{ font-size:clamp(15.5px,1.3vw,17.5px); line-height:1.7; }

/* Smooth scroll */
html{ scroll-behavior:smooth; }

/* Section reveal — smoother stagger */
.section.reveal{ transform:translateY(30px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }

/* Refined focus rings */
a:focus-visible, button:focus-visible{ outline:2px solid var(--blue); outline-offset:3px; border-radius:8px; }

/* Premium contact / CTA section depth */
.contact{ position:relative; }

/* Subtle grain-free gradient background lift on paper sections */
.section-paper{ background:linear-gradient(180deg,#F2F5FB,#EDF2FA); }

/* Hero — premium ambient glow */
.hero::before{ content:""; position:absolute; top:-15%; right:-10%; width:60%; height:80%;
  background:radial-gradient(circle, rgba(10,102,194,.12), transparent 65%); pointer-events:none; z-index:0; }
.hero::after{ content:""; position:absolute; bottom:-20%; left:-8%; width:45%; height:70%;
  background:radial-gradient(circle, rgba(242,108,13,.08), transparent 65%); pointer-events:none; z-index:0; }
.hero-grid{ position:relative; z-index:1; }

/* Nav — premium glass on scroll */
.header.is-stuck{ backdrop-filter:saturate(180%) blur(16px); -webkit-backdrop-filter:saturate(180%) blur(16px);
  box-shadow:0 6px 30px -12px rgba(10,46,110,.18); }

/* ══════════════════════════════════════════════════
   JARVIS AI HERO (v136) — Iron Man / holographic
   ══════════════════════════════════════════════════ */
.hero{
  background:
    radial-gradient(1100px 600px at 78% 20%, rgba(10,102,194,.28), transparent 60%),
    radial-gradient(800px 500px at 15% 85%, rgba(242,108,13,.16), transparent 60%),
    linear-gradient(180deg, #040A1A 0%, #061A3D 50%, #030812 100%) !important;
  position:relative; overflow:hidden;
}
#aiNeural{ position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.hero .wrap{ position:relative; z-index:2; }
.hero .wp-grid-light, .hero .wp-glow-o, .hero #heroGlobe{ display:none !important; }

/* text → neon light */
.hero .label{ color:#7FB4FF !important; letter-spacing:.2em; animation:heroRise .8s cubic-bezier(.16,1,.3,1) both; }
.hero .label::before{ content:"● "; color:#F58220; animation:aiBlink 1.5s steps(1) infinite; }
@keyframes aiBlink{ 0%,50%{opacity:1;} 51%,100%{opacity:.2;} }
.hero h1{ color:#fff !important; letter-spacing:-.04em; line-height:1.03;
  text-shadow:0 4px 60px rgba(10,102,194,.55); animation:heroRise .9s .05s cubic-bezier(.16,1,.3,1) both; }
.hero h1 em{ font-style:normal;
  background:linear-gradient(120deg,#3C9AFF 0%,#7FB4FF 45%,#F58220 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  background-size:200% auto; animation:aiGradient 6s linear infinite; }
@keyframes aiGradient{ to{ background-position:200% center; } }
.hero .lead{ color:rgba(255,255,255,.74) !important; animation:heroRise 1s .15s cubic-bezier(.16,1,.3,1) both; }
.hero-ctas{ animation:heroRise 1.05s .25s cubic-bezier(.16,1,.3,1) both; }
@keyframes heroRise{ from{opacity:0; transform:translateY(28px);} to{opacity:1; transform:translateY(0);} }

.hero .credentials{ animation:heroRise 1.1s .35s cubic-bezier(.16,1,.3,1) both; }
.hero .cred{ background:rgba(255,255,255,.05); border:1px solid rgba(10,102,194,.28);
  backdrop-filter:blur(10px); border-radius:14px; padding:14px 16px; transition:all .3s; }
.hero .cred:hover{ background:rgba(10,102,194,.14); transform:translateY(-4px);
  box-shadow:0 24px 50px -22px rgba(10,102,194,.7); border-color:rgba(242,108,13,.5); }
.hero .cred b{ color:#fff !important; }
.hero .cred span{ color:rgba(255,255,255,.6) !important; }

.hero .btn-primary{ background:linear-gradient(135deg,#1478D4,#0A66C2) !important;
  box-shadow:0 12px 44px -8px rgba(10,102,194,.7), inset 0 1px 0 rgba(255,255,255,.3);
  animation:ctaPulse 3s ease-in-out infinite; border:0 !important; }
@keyframes ctaPulse{ 0%,100%{box-shadow:0 12px 44px -8px rgba(10,102,194,.6);} 50%{box-shadow:0 12px 60px -6px rgba(242,108,13,.7);} }
.hero .btn-outline{ color:#fff !important; border-color:rgba(255,255,255,.3) !important; background:rgba(255,255,255,.04); }
.hero .btn-outline:hover{ background:rgba(255,255,255,.1); border-color:rgba(10,102,194,.6) !important; }

/* ── JARVIS robot + HUD ── */
.hero-art{ position:relative; display:flex; flex-direction:column; align-items:center; gap:22px; }
.jarvis{ position:relative; width:min(340px,80vw); height:min(340px,80vw); display:flex; align-items:center; justify-content:center;
  animation:heroRise 1.1s .3s cubic-bezier(.16,1,.3,1) both; }
.robot{ width:58%; height:58%; position:relative; z-index:3; animation:robotFloat 5s ease-in-out infinite; }
@keyframes robotFloat{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
.robot-eye{ animation:eyeBlink 4s ease-in-out infinite; transform-origin:center; }
@keyframes eyeBlink{ 0%,92%,100%{opacity:1;} 95%{opacity:.25;} }

.hud-ring{ position:absolute; border-radius:50%; border:1.5px solid rgba(90,160,255,.4); }
.hud-ring-1{ width:100%; height:100%; border-style:dashed; animation:spin 18s linear infinite; }
.hud-ring-2{ width:78%; height:78%; border-color:rgba(242,108,13,.5); border-top-color:transparent; border-bottom-color:transparent; animation:spin 12s linear infinite reverse; }
.hud-ring-3{ width:56%; height:56%; border-color:rgba(127,180,255,.4); border-left-color:transparent; border-right-color:transparent; animation:spin 9s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

.hud-corner{ position:absolute; width:26px; height:26px; z-index:4; }
.hud-corner.tl{ top:6%; left:6%; border-top:2px solid #3C9AFF; border-left:2px solid #3C9AFF; }
.hud-corner.tr{ top:6%; right:6%; border-top:2px solid #3C9AFF; border-right:2px solid #3C9AFF; }
.hud-corner.bl{ bottom:6%; left:6%; border-bottom:2px solid #3C9AFF; border-left:2px solid #3C9AFF; }
.hud-corner.br{ bottom:6%; right:6%; border-bottom:2px solid #3C9AFF; border-right:2px solid #3C9AFF; }

.hud-scan{ position:absolute; left:8%; right:8%; height:2px; z-index:4;
  background:linear-gradient(90deg,transparent,#F58220,transparent); box-shadow:0 0 12px #F58220;
  animation:scanMove 3.2s ease-in-out infinite; }
@keyframes scanMove{ 0%{top:12%;opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100%{top:88%;opacity:0;} }

.hud-tag{ position:absolute; z-index:5; font:700 9.5px/1 var(--ff-body); letter-spacing:.08em;
  color:#fff; background:rgba(20,8,42,.7); border:1px solid rgba(90,160,255,.4);
  padding:5px 9px; border-radius:6px; backdrop-filter:blur(6px); white-space:nowrap; }
.hud-tag-1{ top:8%; right:-6%; color:#F58220; animation:tagFloat 4s ease-in-out infinite; }
.hud-tag-2{ bottom:22%; left:-10%; color:#7FB4FF; animation:tagFloat 4s ease-in-out infinite .6s; }
.hud-tag-3{ bottom:6%; right:0%; color:#FFB56B; animation:tagFloat 4s ease-in-out infinite 1.2s; }
@keyframes tagFloat{ 0%,100%{transform:translateY(0);opacity:.85;} 50%{transform:translateY(-6px);opacity:1;} }

/* docket → dark glass neon */
.hero .docket{ position:relative; z-index:3; background:rgba(16,8,36,.66) !important; border:1px solid rgba(10,102,194,.3) !important;
  backdrop-filter:blur(18px); box-shadow:0 44px 100px -44px rgba(0,0,0,.85) !important;
  animation:heroRise 1.2s .45s cubic-bezier(.16,1,.3,1) both; }
.hero .docket .id{ color:rgba(255,255,255,.88) !important; }
.hero .docket .txt{ color:rgba(255,255,255,.76) !important; }
.hero .docket .t{ color:rgba(255,255,255,.5) !important; }
.hero .docket .step{ border-color:rgba(255,255,255,.08) !important; }
.hero .docket .tick{ background:rgba(242,108,13,.2) !important; }
.hero .docket .tick svg{ stroke:#F58220 !important; }
.hero .docket .live .pulse{ background:#F58220 !important; }

@media (max-width:900px){
  .jarvis{ width:min(280px,70vw); height:min(280px,70vw); }
  #aiNeural{ opacity:.8; }
  .hud-tag{ font-size:8.5px; }
}

/* ══════ Social orbit + headline motion (v137) ══════ */
/* headline gentle float */
.hero h1{ animation:heroRise .9s .05s cubic-bezier(.16,1,.3,1) both, titleFloat 6s ease-in-out 1s infinite; }
@keyframes titleFloat{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);} }

/* social icons orbiting the AI face */
.soc-orbit{ position:absolute; width:40px; height:40px; z-index:6; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(90,160,255,.35);
  backdrop-filter:blur(6px); box-shadow:0 8px 24px -8px rgba(10,102,194,.6); }
.soc-orbit svg{ width:20px; height:20px; }
.soc-1{ color:#F58220; top:2%; left:12%; animation:socFloat1 7s ease-in-out infinite; }        /* instagram */
.soc-2{ color:#3C9AFF; top:44%; right:-4%; animation:socFloat2 8s ease-in-out infinite; }       /* facebook */
.soc-3{ color:#FF5A5A; bottom:6%; left:6%; animation:socFloat3 6.5s ease-in-out infinite; }     /* youtube */
@keyframes socFloat1{ 0%,100%{transform:translate(0,0) rotate(0);} 33%{transform:translate(14px,-18px) rotate(6deg);} 66%{transform:translate(-8px,10px) rotate(-4deg);} }
@keyframes socFloat2{ 0%,100%{transform:translate(0,0);} 50%{transform:translate(-16px,14px);} }
@keyframes socFloat3{ 0%,100%{transform:translate(0,0) rotate(0);} 50%{transform:translate(12px,-14px) rotate(-6deg);} }
.soc-orbit:hover{ transform:scale(1.15); border-color:rgba(242,108,13,.6); }

@media (max-width:900px){
  .soc-orbit{ width:34px; height:34px; } .soc-orbit svg{ width:17px; height:17px; }
}

/* ══════ AI text reveal + bigger social (v138) ══════ */
/* override: remove whole-title float; animate words individually */
.hero h1.hero-h1-anim{ animation:none !important; }
.hero .hw{ display:inline-block; opacity:0; transform:translateY(30px) rotateX(40deg);
  transform-origin:bottom; animation:aiWord .7s cubic-bezier(.16,1,.3,1) forwards; }
.hero .hw1{ animation-delay:.3s; }
.hero .hw2{ animation-delay:.5s; }
.hero .hw3{ animation-delay:.8s; }
@keyframes aiWord{ to{ opacity:1; transform:translateY(0) rotateX(0); } }

/* AI typing effect on the label */
.hero .ai-type{ display:inline-block; overflow:hidden; white-space:nowrap;
  border-right:2px solid #F58220; width:0;
  animation:aiTyping 2.4s steps(52,end) .2s forwards, aiCaret .8s step-end infinite; }
@keyframes aiTyping{ to{ width:100%; } }
@keyframes aiCaret{ 0%,100%{ border-color:#F58220; } 50%{ border-color:transparent; } }
@media (max-width:700px){
  .hero .ai-type{ white-space:normal; border-right:0; width:auto !important; animation:none; overflow:visible; }
}

/* bigger social icons */
.soc-orbit{ width:54px; height:54px; border-radius:15px; }
.soc-orbit svg{ width:28px; height:28px; }
.soc-1{ top:-2%; left:8%; }
.soc-2{ top:42%; right:-8%; }
.soc-3{ bottom:2%; left:2%; }
@media (max-width:900px){
  .soc-orbit{ width:44px; height:44px; } .soc-orbit svg{ width:23px; height:23px; }
}

/* ══════ Hero fixes (v139) ══════ */
/* remove the spinning 3D globe behind hero */
#heroGlobeBg, #heroGlobe{ display:none !important; }
/* make faint/grey hero text clearly visible on dark */
.hero .lead{ color:rgba(255,255,255,.82) !important; }
.hero .cred span{ color:rgba(255,255,255,.72) !important; }
.hero .cred b{ color:#fff !important; }
.hero .credentials{ color:#fff; }
.hero .rail, .hero .rail span{ color:rgba(255,255,255,.8) !important; }

/* ══════════════════════════════════════════════════
   CINEMATIC AI — WHOLE SITE (v139)
   ══════════════════════════════════════════════════ */
[data-theme="dark"]{
  --paper:#070E1F;
  --card:#0C1628;
  --white:#0C1628;
}
/* section rhythm: alternating subtle glows */
[data-theme="dark"] .section{ position:relative; }
[data-theme="dark"] .section-paper{
  background:linear-gradient(180deg,#060C1B,#0A1424) !important;
}
[data-theme="dark"] .section::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.6;
  background:radial-gradient(600px 300px at 85% 0%, rgba(10,102,194,.10), transparent 60%);
}
[data-theme="dark"] .section > *{ position:relative; z-index:1; }

/* section eyebrow labels → orange neon */
[data-theme="dark"] .label, [data-theme="dark"] .eyebrow, [data-theme="dark"] .k{
  color:#F58220 !important; letter-spacing:.16em;
}
/* headings glow slightly */
[data-theme="dark"] h2{ color:#fff !important; letter-spacing:-.02em; }
[data-theme="dark"] h2 em, [data-theme="dark"] h2 b{
  background:linear-gradient(120deg,#3C9AFF,#7FB4FF); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

/* cards → dark glass with neon edge on hover */
[data-theme="dark"] .svc-card, [data-theme="dark"] .price-table,
[data-theme="dark"] .faq-item, [data-theme="dark"] .review-card,
[data-theme="dark"] .pkg-card, [data-theme="dark"] .step-card, [data-theme="dark"] .proc-card{
  background:linear-gradient(180deg,#0D1930,#0A1425) !important;
  border:1px solid rgba(90,160,255,.14) !important;
}
[data-theme="dark"] .svc-card:hover, [data-theme="dark"] .review-card:hover,
[data-theme="dark"] .pkg-card:hover{
  border-color:rgba(242,108,13,.45) !important;
  box-shadow:0 30px 60px -28px rgba(10,102,194,.5) !important;
}
[data-theme="dark"] .svc-card:hover::before{ background:linear-gradient(90deg,#3C9AFF,#F58220) !important; }

/* service icon glow */
[data-theme="dark"] .svc-icon{ box-shadow:0 8px 24px -8px rgba(242,108,13,.6); }

/* pricing table rows */
[data-theme="dark"] .price-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(10,102,194,.14),transparent) !important;
}

/* CTA buttons neon */
[data-theme="dark"] .btn-primary{
  background:linear-gradient(135deg,#1478D4,#0A66C2) !important;
  box-shadow:0 12px 40px -10px rgba(10,102,194,.6);
}
[data-theme="dark"] .btn-primary:hover{ box-shadow:0 18px 50px -10px rgba(242,108,13,.55) !important; }

/* scroll reveal — cinematic fade+slide (stronger) */
.section.reveal, .reveal{ opacity:0; transform:translateY(36px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }
.section.reveal-in, .reveal-in{ opacity:1; transform:translateY(0); }

/* rail (scope of services strip) → dark neon */
[data-theme="dark"] .rail{ background:linear-gradient(90deg,#0A1424,#0C1830) !important;
  border-top:1px solid rgba(90,160,255,.14); border-bottom:1px solid rgba(90,160,255,.14); }
[data-theme="dark"] .rail span{ color:rgba(255,255,255,.8) !important; }
[data-theme="dark"] .rail i{ background:#F58220 !important; }

/* contact section → dramatic */
[data-theme="dark"] .contact{ background:linear-gradient(180deg,#060C1B,#0A1526) !important; }

/* footer dark */
[data-theme="dark"] .foot{ background:#050A16 !important; border-top:1px solid rgba(90,160,255,.12); }

/* FAQ */
[data-theme="dark"] .faq-item{ transition:all .3s; }
[data-theme="dark"] .faq-item:hover{ border-color:rgba(242,108,13,.4) !important; }

/* stat/number counters glow */
[data-theme="dark"] .stat-num, [data-theme="dark"] .big-num, [data-theme="dark"] .cred b{
  text-shadow:0 2px 20px rgba(10,102,194,.5);
}

/* ══════════════════════════════════════════════════
   AI AGENT TEAM + floating text (v140)
   ══════════════════════════════════════════════════ */
.ai-team-sec{ position:relative; }
.ai-team-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.ai-agent{ position:relative; text-align:center; padding:30px 22px 26px;
  background:linear-gradient(180deg,#0D1930,#0A1425); border:1px solid rgba(90,160,255,.16);
  border-radius:20px; overflow:hidden; transition:all .4s cubic-bezier(.16,1,.3,1); }
.ai-agent::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#3C9AFF,#F58220); transform:scaleX(0); transform-origin:left; transition:transform .5s; }
.ai-agent:hover{ transform:translateY(-8px); border-color:rgba(242,108,13,.45);
  box-shadow:0 34px 70px -30px rgba(10,102,194,.6); }
.ai-agent:hover::before{ transform:scaleX(1); }

.ai-avatar{ position:relative; width:96px; height:96px; margin:0 auto 18px; display:flex; align-items:center; justify-content:center;
  color:#fff; }
.ai-avatar svg{ width:52px; height:56px; position:relative; z-index:2; animation:agentFloat 4s ease-in-out infinite;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.5)); }
.ai-avatar svg{ width:52px; height:56px; position:relative; z-index:2; animation:agentFloat 4s ease-in-out infinite;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.5)); }
.ai-agent:nth-child(2n) .ai-avatar svg{ animation-delay:.6s; }
.ai-agent:nth-child(3n) .ai-avatar svg{ animation-delay:1.2s; }
@keyframes agentFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
.ai-ring{ position:absolute; inset:0; border-radius:50%; border:2px dashed rgba(255,255,255,.45);
  animation:spin 14s linear infinite; }
.ai-agent:hover .ai-ring{ border-color:rgba(242,108,13,.6); }
.ai-dot{ position:absolute; bottom:8px; right:14px; width:12px; height:12px; border-radius:50%;
  background:#2FD08A; box-shadow:0 0 12px #2FD08A; z-index:3; animation:aiBlink 1.6s steps(1) infinite; }

.ai-agent h3{ color:#fff; font-size:16px; letter-spacing:.06em; margin:0 0 4px; }
.ai-role{ color:#F58220; font-size:12.5px; font-weight:700; letter-spacing:.02em; margin:0 0 10px; }
.ai-desc{ color:rgba(255,255,255,.6); font-size:12.5px; line-height:1.55; margin:0 0 14px; }
.ai-status{ display:inline-block; font-size:10px; font-weight:800; letter-spacing:.1em; color:#2FD08A;
  background:rgba(47,208,138,.1); border:1px solid rgba(47,208,138,.3); padding:4px 12px; border-radius:100px; }

@media (max-width:900px){ .ai-team-grid{ grid-template-columns:repeat(2,1fr); gap:14px; } }
@media (max-width:560px){ .ai-team-grid{ grid-template-columns:1fr; } }

/* ── FLOATING text in the air (AI world) ── */
[data-theme="dark"] .sec-head{ position:relative; }
[data-theme="dark"] .sec-head .label{ animation:floatSoft 5s ease-in-out infinite; }
[data-theme="dark"] .sec-head h2{ animation:floatSoft 6s ease-in-out infinite .3s; }
@keyframes floatSoft{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }

/* ambient floating particles across the whole site */
.site-particles{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.site-particles span{ position:absolute; display:block; width:4px; height:4px; border-radius:50%;
  background:rgba(90,160,255,.5); box-shadow:0 0 8px rgba(90,160,255,.6); animation:floatUp linear infinite; bottom:-10px; }
@keyframes floatUp{ from{ transform:translateY(0); opacity:0; } 10%{opacity:.8;} 90%{opacity:.8;} to{ transform:translateY(-105vh); opacity:0; } }
[data-theme="light"] .site-particles{ display:none; }

/* ══════════════════════════════════════════════════
   FULL CINEMATIC AI — all sections (v141)
   ══════════════════════════════════════════════════ */

/* ── RAIL: moving marquee ── */
.rail-marquee{ overflow:hidden; }
.rail-track{ display:flex; align-items:center; gap:0; white-space:nowrap; width:max-content;
  animation:railScroll 32s linear infinite; }
.rail-track span{ padding:0 22px; flex:none; }
.rail-track i{ width:5px; height:5px; border-radius:50%; background:#F58220; flex:none; }
.rail-marquee:hover .rail-track{ animation-play-state:paused; }
@keyframes railScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ── STORY points: stagger + neon numbers ── */
[data-theme="dark"] .point .n{
  background:linear-gradient(135deg,#1478D4,#0A66C2) !important; color:#fff !important;
  box-shadow:0 6px 18px -6px rgba(10,102,194,.6); }
[data-theme="dark"] .point{ transition:all .3s; border-radius:12px; padding:12px; }
[data-theme="dark"] .point:hover{ background:rgba(90,160,255,.06); transform:translateX(4px); }

/* ── SERVICES: scanning line + icon glow on hover ── */
[data-theme="dark"] .svc-card{ position:relative; overflow:hidden; }
[data-theme="dark"] .svc-card::after{
  content:""; position:absolute; left:0; right:0; height:2px; top:-2px;
  background:linear-gradient(90deg,transparent,#3C9AFF,#F58220,transparent); opacity:0; transition:opacity .3s; }
[data-theme="dark"] .svc-card:hover::after{ opacity:1; animation:cardScan 1.4s ease-in-out infinite; }
@keyframes cardScan{ 0%{top:-2px;} 100%{top:100%;} }
[data-theme="dark"] .svc-card:hover .svc-icon{ box-shadow:0 0 26px -4px rgba(242,108,13,.7); transform:scale(1.08); }
[data-theme="dark"] .svc-icon{ transition:all .35s; }

/* ── AI TEAM: connecting network lines behind cards ── */
.ai-team-grid{ position:relative; }
.ai-team-grid::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(90deg, transparent 32%, rgba(90,160,255,.12) 50%, transparent 68%),
    linear-gradient(0deg, transparent 32%, rgba(90,160,255,.08) 50%, transparent 68%);
  background-size:100% 100%; }
.ai-agent{ position:relative; z-index:1; }

/* ── PROCESS: flowing connector line + glowing step numbers ── */
[data-theme="dark"] .proc-step .num, [data-theme="dark"] .process .n,
[data-theme="dark"] .step-num{
  box-shadow:0 0 20px -4px rgba(10,102,194,.8) !important; }
[data-theme="dark"] .process, [data-theme="dark"] #process{ position:relative; }

/* ── PRICING: glass + neon price ── */
[data-theme="dark"] .price-table{ background:linear-gradient(180deg,#0D1930,#0A1425) !important;
  border:1px solid rgba(90,160,255,.16) !important; border-radius:16px !important; overflow:hidden; }
[data-theme="dark"] .price-table th{ background:rgba(10,102,194,.14) !important; color:#fff !important; }
[data-theme="dark"] .price-table td{ color:rgba(255,255,255,.82) !important; border-color:rgba(255,255,255,.06) !important; }
[data-theme="dark"] .price-amt, [data-theme="dark"] .price-table strong{ color:#F58220 !important;
  text-shadow:0 0 18px rgba(242,108,13,.5); }

/* ── PACKAGE: rotating neon glow border ── */
[data-theme="dark"] .price-card, [data-theme="dark"] .pkg-card{
  position:relative; background:linear-gradient(180deg,#0E1B33,#0A1425) !important; overflow:hidden; }
[data-theme="dark"] .price-card::before{
  content:""; position:absolute; inset:-2px; z-index:0; border-radius:inherit;
  background:conic-gradient(from 0deg, transparent, #3C9AFF, #F58220, transparent 40%);
  animation:spin 6s linear infinite; opacity:.6; }
[data-theme="dark"] .price-card > *{ position:relative; z-index:1; }
[data-theme="dark"] .price-card{ isolation:isolate; }
[data-theme="dark"] .price-card::after{
  content:""; position:absolute; inset:2px; z-index:0; border-radius:inherit;
  background:linear-gradient(180deg,#0E1B33,#0A1425); }

/* ── REVIEWS: gentle floating cards ── */
[data-theme="dark"] .review-card{ animation:reviewFloat 6s ease-in-out infinite; }
[data-theme="dark"] .rev-grid > :nth-child(2) .review-card,
[data-theme="dark"] .review-card:nth-child(2){ animation-delay:.8s; }
[data-theme="dark"] .review-card:nth-child(3n){ animation-delay:1.6s; }
@keyframes reviewFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }

/* ── CONTACT: AI chat-box vibe ── */
[data-theme="dark"] .contact{ position:relative; }
[data-theme="dark"] .contact .label::after{ content:" · AI ASSISTANT READY"; color:#2FD08A; font-size:.85em; }

/* ── section headings floating (refined amounts) ── */
[data-theme="dark"] .sec-head .label{ animation:floatSoft 5s ease-in-out infinite; }
[data-theme="dark"] .sec-head h2{ animation:floatSoft 6.5s ease-in-out infinite .3s; }
[data-theme="dark"] .story-body .label{ animation:floatSoft 5s ease-in-out infinite; }

@media (max-width:700px){
  .rail-track{ animation-duration:22s; }
}

/* ══════ Word reveal (v142) ══════ */
.ai-reveal .aw{ display:inline-block; opacity:0; transform:translateY(14px);
  filter:blur(4px); transition:none; }
.ai-reveal.aw-go .aw{ animation:awReveal .5s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes awReveal{ to{ opacity:1; transform:translateY(0); filter:blur(0); } }

/* ══════════════════════════════════════════════════
   Animations in BOTH themes (v143)
   dark-only rules were colour; motion should show in light too
   ══════════════════════════════════════════════════ */
/* section headings float — both themes */
.sec-head .label{ animation:floatSoft 5s ease-in-out infinite; }
.sec-head h2{ animation:floatSoft 6.5s ease-in-out infinite .3s; }
.story-body .label{ animation:floatSoft 5s ease-in-out infinite; }

/* services scan line — both themes */
.svc-card{ position:relative; overflow:hidden; }
.svc-card::after{
  content:""; position:absolute; left:0; right:0; height:2px; top:-2px;
  background:linear-gradient(90deg,transparent,#0A66C2,#F26C0D,transparent); opacity:0; transition:opacity .3s; }
.svc-card:hover::after{ opacity:1; animation:cardScan 1.4s ease-in-out infinite; }
.svc-card:hover .svc-icon{ transform:scale(1.08); }
.svc-icon{ transition:all .35s; }

/* reviews float — both themes */
.review-card{ animation:reviewFloat 6s ease-in-out infinite; }
.review-card:nth-child(2){ animation-delay:.8s; }
.review-card:nth-child(3n){ animation-delay:1.6s; }

/* package rotating border — both themes (softer in light) */
.price-card{ position:relative; overflow:hidden; isolation:isolate; }
.price-card::before{
  content:""; position:absolute; inset:-2px; z-index:-2; border-radius:inherit;
  background:conic-gradient(from 0deg, transparent, #0A66C2, #F26C0D, transparent 40%);
  animation:spin 6s linear infinite; opacity:.5; }
.price-card::after{
  content:""; position:absolute; inset:2px; z-index:-1; border-radius:inherit;
  background:var(--white); }

/* AI team — white theme visible: give dark bg to agents even in light */
[data-theme="light"] .ai-team-sec{
  background:linear-gradient(180deg,#0A1220,#0E1B30); border-radius:0; }
[data-theme="light"] .ai-team-sec .label{ color:#F58220 !important; }
[data-theme="light"] .ai-team-sec h2{ color:#fff !important; }
[data-theme="light"] .ai-team-sec .lead{ color:rgba(255,255,255,.7) !important; }

/* particles in light theme too (fainter) */
[data-theme="light"] .site-particles{ display:block !important; opacity:.5; }

/* stat count-up glow both themes */
.stat-strip b{ transition:all .3s; }

/* ══════════════════════════════════════════════════
   GROWTH CHART (v143)
   ══════════════════════════════════════════════════ */
.growth-card{ display:grid; grid-template-columns:1.4fr .9fr; gap:32px; align-items:center;
  margin-top:36px; padding:28px; border-radius:22px;
  background:var(--card); border:1px solid var(--rule); box-shadow:var(--shadow); }
[data-theme="dark"] .growth-card{ background:linear-gradient(180deg,#0D1930,#0A1425);
  border-color:rgba(90,160,255,.16); }

.growth-chart{ position:relative; }
.growth-svg{ width:100%; height:auto; display:block; }
/* line draws itself when section reveals */
.gr-line{ stroke-dasharray:1200; stroke-dashoffset:1200; }
.reveal-in .gr-line{ animation:drawLine 2.2s cubic-bezier(.16,1,.3,1) .2s forwards; }
@keyframes drawLine{ to{ stroke-dashoffset:0; } }
.gr-area{ opacity:0; }
.reveal-in .gr-area{ animation:fadeArea 1.2s ease 1.4s forwards; }
@keyframes fadeArea{ to{ opacity:1; } }
.gr-dots circle{ fill:#fff; stroke:#F26C0D; stroke-width:3; opacity:0; }
.reveal-in .gr-dots circle{ animation:popDot .4s ease forwards; }
.reveal-in .gr-dots circle:nth-child(1){ animation-delay:.8s; }
.reveal-in .gr-dots circle:nth-child(2){ animation-delay:1.1s; }
.reveal-in .gr-dots circle:nth-child(3){ animation-delay:1.4s; }
.reveal-in .gr-dots circle:nth-child(4){ animation-delay:1.7s; }
.reveal-in .gr-dots circle:nth-child(5){ animation-delay:2s; }
@keyframes popDot{ from{ opacity:0; transform:scale(0);} to{ opacity:1; transform:scale(1);} }
.gr-dots circle{ transform-box:fill-box; transform-origin:center; }
.gr-dots circle:last-child{ filter:drop-shadow(0 0 8px #F26C0D); animation:popDot .4s ease 2s forwards, dotPulse 2s ease-in-out 2.4s infinite !important; }
@keyframes dotPulse{ 0%,100%{ filter:drop-shadow(0 0 6px #F26C0D);} 50%{ filter:drop-shadow(0 0 16px #F26C0D);} }

.growth-labels{ display:flex; justify-content:space-between; margin-top:14px; gap:6px; }
.gl{ display:flex; flex-direction:column; text-align:center; flex:1; }
.gl-t{ font-size:12px; font-weight:800; color:var(--heading); }
[data-theme="dark"] .gl-t{ color:#fff; }
.gl-d{ font-size:10.5px; color:var(--muted); margin-top:2px; }

.growth-steps{ display:flex; flex-direction:column; gap:16px; }
.gstep{ display:flex; gap:14px; align-items:flex-start; }
.gs-ico{ font-size:22px; flex:none; width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:var(--blue-soft); }
[data-theme="dark"] .gs-ico{ background:rgba(10,102,194,.18); }
.gstep b{ display:block; font-size:14.5px; color:var(--heading); margin-bottom:2px; }
[data-theme="dark"] .gstep b{ color:#fff; }
.gstep span{ font-size:12.5px; color:var(--muted); line-height:1.5; }

@media (max-width:820px){
  .growth-card{ grid-template-columns:1fr; gap:22px; }
  .growth-labels .gl-d{ display:none; }
}

/* ══════ Fixes (v144) ══════ */
/* 1. hero label bigger */
.hero .label, .hero .ai-type{ font-size:14px !important; letter-spacing:.14em; }
@media (max-width:700px){ .hero .label, .hero .ai-type{ font-size:12.5px !important; } }

/* 3. rail marquee — theme aware text colour */
[data-theme="light"] .rail-track span{ color:#fff !important; }
[data-theme="light"] .rail-track .k{ color:#FFD9B8 !important; }
[data-theme="dark"] .rail-track span{ color:rgba(255,255,255,.85) !important; }
[data-theme="dark"] .rail-track .k{ color:#F58220 !important; }

/* 4. AI team section — theme aware bg (light=white, dark=dark) */
[data-theme="light"] .ai-team-sec{ background:#fff !important; }
[data-theme="light"] .ai-team-sec .label{ color:#F26C0D !important; }
[data-theme="light"] .ai-team-sec h2{ color:#0A2E6E !important; }
[data-theme="light"] .ai-team-sec .lead{ color:#41537A !important; }
[data-theme="light"] .ai-agent{ background:linear-gradient(180deg,#fff,#F6F9FE) !important; border-color:rgba(10,102,194,.14) !important; }
[data-theme="light"] .ai-agent h3{ color:#0A2E6E !important; }
[data-theme="light"] .ai-agent .ai-desc{ color:#41537A !important; }
[data-theme="light"] .ai-avatar{ color:#0A66C2 !important; }
[data-theme="light"] .ai-avatar svg{ filter:drop-shadow(0 0 8px rgba(10,102,194,.4)); }
[data-theme="light"] .ai-ring{ border-color:rgba(10,102,194,.35) !important; }

/* 5. nav sizing — the single source of truth for the desktop row is the
   measured block near the end of this file. Only the shared bits stay here. */
.nav-links a{ white-space:nowrap; }

/* ══════════════════════════════════════════════════
   PREMIUM MOBILE DRAWER (v148)
   ══════════════════════════════════════════════════ */
.drawer{ flex-direction:column; padding:0 !important;
  justify-content:flex-start !important; align-items:stretch !important; gap:0 !important;
  /* the menu is taller than a phone screen, so it must scroll — with
     overflow:hidden the last links and the support icons were unreachable */
  overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain; }
[data-theme="light"] .drawer{ background:linear-gradient(180deg,#F4F7FC,#EAF1FB) !important; }
[data-theme="dark"] .drawer{ background:linear-gradient(180deg,#0A1428,#0C1A33) !important; }
.drawer.is-open{ display:flex; }
/* the header of the drawer stays put while the links scroll under it */
.drawer-head{ display:flex; align-items:center; gap:12px; justify-content:flex-start;
  padding:16px 18px 8px; flex:none; position:sticky; top:0; z-index:2; }
[data-theme="light"] .drawer-head{ background:linear-gradient(180deg,#F4F7FC,#F4F7FC 70%,rgba(244,247,252,0)); }
[data-theme="dark"] .drawer-head{ background:linear-gradient(180deg,#0A1428,#0A1428 70%,rgba(10,20,40,0)); }
.drawer-back{ border:0; width:38px; height:38px;
  border-radius:10px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none; }
[data-theme="light"] .drawer-back{ background:rgba(10,46,110,.08); color:#0A2E6E; }
[data-theme="dark"] .drawer-back{ background:rgba(255,255,255,.08); color:#fff; }
.drawer-back svg{ width:20px; height:20px; }
.drawer-brand{ display:flex; align-items:center; gap:9px; text-decoration:none; }
.drawer-brand img{ background:#fff; border-radius:8px; padding:3px; }
[data-theme="light"] .drawer-brand .brand-name{ color:#0A2E6E; }
[data-theme="dark"] .drawer-brand .brand-name{ color:#fff; }
.drawer-brand .brand-name{ font-size:18px; font-weight:800; }
.drawer-brand .brand-name i{ color:#F58220; font-style:normal; }
.drawer-theme{ border:0; width:38px; height:38px; margin-left:auto;
  border-radius:10px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none; }
[data-theme="light"] .drawer-theme{ background:rgba(10,46,110,.08); color:#0A2E6E; }
[data-theme="dark"] .drawer-theme{ background:rgba(255,255,255,.08); color:#fff; }
.drawer-theme svg{ width:19px; height:19px; }
.drawer-theme .moon{ display:none; }
[data-theme="dark"] .drawer-theme .sun{ display:none; }
[data-theme="dark"] .drawer-theme .moon{ display:block; }
.drawer-tag{ padding:0 18px 10px; color:#5AA0FF; font-size:11px; font-weight:700; letter-spacing:.06em; margin:0; }
[data-theme="light"] .drawer-tag{ color:#0A66C2; border-bottom:1px solid rgba(10,46,110,.1); }
[data-theme="dark"] .drawer-tag{ color:#7FB4FF; border-bottom:1px solid rgba(255,255,255,.08); }

.drawer-nav{ display:flex; flex-direction:column; padding:12px 20px; align-items:stretch; gap:2px; flex:none; }
.drawer .dlink{ padding:12px 8px; border-radius:10px; width:100%; justify-content:flex-start !important;
  font-size:16px; font-weight:600; text-decoration:none; transition:all .2s; display:flex; align-items:center;
  border-bottom:1px solid transparent; }
[data-theme="light"] .drawer .dlink{ color:#0A2E6E !important; }
[data-theme="dark"] .drawer .dlink{ color:rgba(255,255,255,.9) !important; }
[data-theme="light"] .drawer .dlink:active{ background:rgba(10,102,194,.08); }
[data-theme="dark"] .drawer .dlink:active{ background:rgba(90,160,255,.14); }
/* Client login — premium button */
.drawer .dlink-login{ color:#fff !important; font-weight:800; justify-content:center !important;
  background:linear-gradient(135deg,#F58220,#F26C0D); margin-top:12px; padding:15px; border-radius:14px;
  box-shadow:0 12px 28px -8px rgba(242,108,13,.6), inset 0 1px 0 rgba(255,255,255,.25);
  letter-spacing:.02em; font-size:15.5px; position:relative; overflow:hidden; }
.drawer .dlink-login::after{ content:""; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-20deg);
  animation:loginShine 3s ease-in-out infinite; }
@keyframes loginShine{ 0%,60%{ left:-80%; } 100%{ left:150%; } }

/* Help & support — at the bottom, pushed down */
/* sits at the bottom when there is spare room, otherwise scrolls into view.
   The extra bottom padding clears the iPhone home indicator. */
.drawer-support{ margin:auto 20px 24px; padding:16px; border-radius:16px; flex:none;
  margin-bottom:calc(24px + env(safe-area-inset-bottom)); }
.drawer-tag{ flex:none; }
[data-theme="light"] .drawer-support{ background:rgba(10,46,110,.04); border:1px solid rgba(10,46,110,.08); }
[data-theme="dark"] .drawer-support{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
.drawer-support-title{ font-size:11px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; margin:0 0 14px; text-align:center; }
[data-theme="light"] .drawer-support-title{ color:#0A2E6E; }
[data-theme="dark"] .drawer-support-title{ color:#fff; }
.drawer-sup-icons{ display:flex; gap:24px; justify-content:center; }
/* plain icons — no background box */
.drawer-sup-ico{ display:flex; flex-direction:column; align-items:center; gap:7px; padding:0;
  background:none !important; border:0 !important; text-decoration:none; transition:transform .2s; }
.drawer-sup-ico:active{ transform:scale(.92); }
.drawer-sup-ico svg{ width:28px; height:28px; color:#0A66C2; }
.drawer-sup-ico.wa svg{ color:#25D366; }
[data-theme="light"] .drawer-sup-ico span{ color:#41537A; }
[data-theme="dark"] .drawer-sup-ico span{ color:rgba(255,255,255,.8); }
.drawer-sup-ico span{ font-size:12px; font-weight:600; }

/* ══════════════════════════════════════════════════
   PERFORMANCE — smooth everywhere (v149)
   ══════════════════════════════════════════════════ */
/* GPU hint for the animated pieces */
.robot, .hud-ring, .soc-orbit, .rail-track, .review-card,
.ai-avatar svg, .site-particles span, .gr-line{ will-change:transform; }

/* On mobile, drop the most expensive effects so scrolling stays smooth */
@media (max-width:820px){
  /* stop infinite floats that force constant repaint on mobile */
  .review-card{ animation:none !important; }
  .sec-head .label, .sec-head h2, .story-body .label{ animation:none !important; }
  .price-card::before{ animation:none !important; opacity:.35; }
  /* keep particles very light */
  .site-particles span:nth-child(n+8){ display:none; }
  /* reduce blur cost */
  .drawer{ backdrop-filter:none !important; }
}

/* respect reduced-motion fully */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
  .site-particles, #aiNeural{ display:none !important; }
}

/* ══════════════════════════════════════════════════
   PERFORMANCE v151 — kill lag, keep key motion
   ══════════════════════════════════════════════════ */
/* remove continuous heavy repaint animations everywhere */
.review-card{ animation:none !important; }
.sec-head .label, .sec-head h2, .story-body .label{ animation:none !important; }
.price-card::before{ animation:none !important; opacity:.4; }
.site-particles{ display:none !important; }
.hero::after{ animation:none !important; }         /* living gradient sheen off */
.ai-avatar svg{ animation:none !important; }        /* agent float off (keep ring) */
.hud-tag{ animation:none !important; }              /* floating tags static */
.robot{ animation:none !important; }                /* robot static (HUD still spins) */
.hud-scan{ animation:none !important; opacity:.5; } /* scan static */
.soc-orbit{ animation:none !important; }            /* social icons static (still visible) */
/* keep: HUD rings spin (cheap), rail marquee, button pulse — these are light */

/* make scroll reveals instant-ish (no long transitions that feel janky) */
.reveal{ transition:opacity .5s ease, transform .5s ease !important; }

/* ══════════════════════════════════════════════════
   v195 — header fit, hero label marker
   ══════════════════════════════════════════════════ */

/* 1. HEADER ROW — MUST NEVER OVERLAP OR SPILL
   Two separate faults were at work.

   (a) The header sits inside .wrap, capped at --maxw 1200px. Minus the
       gutters that is about 1112px of usable width on ANY screen, however
       wide the monitor. Twelve links plus the logo, theme button, Client
       Login, the CTA and the cart need roughly 1290px, so the row never
       fitted — not even at 4K. That was the strip cut off at the side.

   (b) The previous attempt gave .nav-links min-width:0 so the row could
       shrink. A flex box shrinks, but the links keep white-space:nowrap,
       so the text spilled OUT of its shrunken box and painted on top of
       the theme button and Client Login. That was the overlap.

   The fix has two halves:
     - the header keeps its own slightly wider container (1340px), which
       buys real room without touching page-content alignment below;
     - .nav-links has NO min-width:0, so its text can never spill over a
       neighbour again, and the link count steps down at measured widths
       so the row always fits with room to spare.

   Each width below was measured, not guessed. Every link dropped from the
   desktop row is still in the mobile menu, the footer and /services. */
html{ overflow-x:hidden; }
.nav{ min-width:0; }
.header .wrap{ max-width:1340px; }

@media (min-width:981px){
  .nav-links{ gap:12px !important; }
  .nav-links a{ font-size:12.5px; }
  #navLogin{ font-size:12.5px; padding-left:14px; padding-right:14px; }
  .nav-cta{ padding-left:16px; padding-right:16px; font-size:12.5px; }
  .brand-name{ font-size:17.5px; }

  /* always off the desktop row — these live in the menu and footer */
  .nav-links a[href="/services"],          /* All Services (hub page) */
  .nav-links a[href="/process"],
  .nav-links a[href="/faq"],
  .nav-links a[href="/#reviews"],
  .nav-links a[href="#reviews"]{ display:none; }
}

/* 8 links fit above 1340px; below that they step down one tier at a time */
@media (min-width:981px) and (max-width:1339px){
  .nav-links a[href="/ai-team"]{ display:none; }
}
@media (min-width:981px) and (max-width:1239px){
  .nav-links a[href="/package"]{ display:none; }
  .header .themebtn{ display:none; }
}
@media (min-width:981px) and (max-width:1159px){
  .nav-links a[href="/blog"]{ display:none; }
}
@media (min-width:981px) and (max-width:1059px){
  .nav-links a[href="/our-work"]{ display:none; }
}

/* 2. HERO LABEL MARKER
   The marker used to be vertically centred, so on a two-line label it
   floated in the middle of the block. It now sits on the first line.
   The old rule also painted a dot on top of the dash — one mark is enough. */
.hero .label{ align-items:flex-start; }
.hero .label::before{
  content:"" !important;
  margin-top:.52em;
  animation:aiBlink 1.5s steps(1) infinite;
}
.hero .ai-type{ min-width:0; }

/* The footer gained a Popular Searches column, so six columns now sit in
   two even rows instead of an uneven 4 + 2. */
.foot-cols{ grid-template-columns:repeat(3,1fr); }
@media (min-width:1240px){ .foot-cols{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; } }
@media (max-width:900px){ .foot-cols{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .foot-cols{ grid-template-columns:1fr; } }
.foot-col a{ word-break:normal; overflow-wrap:anywhere; }