:root{
  --bg:#020713;
  --bg2:#061129;
  --panel:rgba(4,10,28,.72);
  --line:rgba(130,170,255,.24);
  --line2:rgba(0,214,255,.55);
  --text:#f8fbff;
  --soft:#ccd7ea;
  --muted:#8c9ab7;
  --blue:#1597ff;
  --cyan:#00d7ff;
  --purple:#982cff;
  --green:#00d6a3;
  --radius:24px;
  --wrap:1320px;
  --shadow:0 34px 120px rgba(0,0,0,.55);
  --font-h:'Space Grotesk',system-ui,sans-serif;
  --font-b:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#020713}
body{
  font-family:var(--font-b);
  color:var(--text);
  background:
    radial-gradient(circle at 82% 34%,rgba(93,38,255,.35),transparent 28%),
    radial-gradient(circle at 6% 48%,rgba(0,148,255,.28),transparent 34%),
    linear-gradient(180deg,#06122a 0%,#030814 58%,#020713 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 36px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;padding:17px 26px;font-weight:900;font-family:var(--font-h);font-size:14px;border:1px solid transparent;transition:.22s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 15px 48px rgba(73,69,255,.48)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(73,69,255,.62)}
.btn-outline{background:rgba(2,8,24,.46);border-color:rgba(120,150,255,.48)}
.btn-outline:hover{border-color:var(--cyan);box-shadow:0 0 28px rgba(0,215,255,.22)}

/* Section 1 — Nav */
.nav{
  height:86px;
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  border-bottom:1px solid rgba(170,200,255,.16);
  background:rgba(2,7,19,.62);
  backdrop-filter:blur(18px);
}
.nav-inner{height:86px;display:flex;align-items:center;gap:28px;max-width:1440px;margin:0 auto;padding:0 32px}
.logo{display:flex;align-items:center;gap:14px;min-width:248px}
.logo img{width:62px;height:62px;object-fit:contain}
.logo-text{font-family:var(--font-h);font-weight:900;line-height:.95;font-size:21px;letter-spacing:.06em;text-transform:uppercase}
.logo-text span{color:var(--cyan)}
.nav-links{display:flex;align-items:center;justify-content:center;gap:18px;list-style:none;margin-left:auto}
.nav-links>li{position:relative}
.nav-links>li>a{font-weight:800;font-size:14px;color:rgba(248,251,255,.88);padding:13px 4px;display:flex;align-items:center;gap:7px}
.nav-links>li>a:hover{color:#fff}
.dd{
  position:absolute;
  top:calc(100% + 18px);
  left:50%;
  transform:translateX(-50%) translateY(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.18s;
  background:rgba(4,10,28,.96);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(22px);
  padding:14px;
}
.has-dd:hover .dd{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dd.small{width:230px}
.dd.small a{display:block;padding:11px 12px;border-radius:12px;color:var(--soft);font-size:13px;font-weight:750}
.dd.small a:hover{background:rgba(0,215,255,.08);color:#fff}
.dd.mega{width:650px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dd.mega a{display:block;padding:13px;border-radius:14px;border:1px solid transparent}
.dd.mega a:hover{background:rgba(0,215,255,.08);border-color:rgba(0,215,255,.22)}
.dd.mega b{display:block;font-size:13px;margin-bottom:2px}
.dd.mega small{color:var(--muted);font-size:11px;line-height:1.35}
.nav-cta{margin-left:18px;padding:15px 28px;border-radius:12px}

/* Shared background */
.ai-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.ai-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 14%,rgba(0,215,255,.28),transparent 23%),
    radial-gradient(circle at 70% 92%,rgba(152,44,255,.28),transparent 28%),
    radial-gradient(circle at 9% 78%,rgba(0,124,255,.22),transparent 25%);
}
.ai-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent,black 12%,black 86%,transparent);
}
.node-field{
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  opacity:.82;
  background:
    radial-gradient(circle at 8% 68%,rgba(0,180,255,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 16% 50%,rgba(0,180,255,.8) 0 2px,transparent 3px),
    radial-gradient(circle at 26% 66%,rgba(150,44,255,.7) 0 2px,transparent 3px),
    radial-gradient(circle at 41% 48%,rgba(0,215,255,.7) 0 2px,transparent 3px),
    radial-gradient(circle at 56% 60%,rgba(150,44,255,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 74% 44%,rgba(0,215,255,.85) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 72%,rgba(150,44,255,.8) 0 2px,transparent 3px);
}
.node-field::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(25deg,transparent 9%,rgba(0,180,255,.35) 10%,transparent 11%),
    linear-gradient(147deg,transparent 26%,rgba(152,44,255,.35) 27%,transparent 28%),
    linear-gradient(165deg,transparent 47%,rgba(0,215,255,.32) 48%,transparent 49%),
    linear-gradient(14deg,transparent 70%,rgba(152,44,255,.3) 71%,transparent 72%);
}
.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 34px var(--cyan);animation:twinkle 3s ease-in-out infinite}
.s1{top:15%;right:10%}.s2{top:58%;left:50%;animation-delay:.7s}.s3{top:28%;left:14%;animation-delay:1.2s}.s4{bottom:10%;right:42%;animation-delay:1.8s}
@keyframes twinkle{50%{opacity:.25;transform:scale(.55)}}

/* Section 2 — Hero/Form */
.hero{
  position:relative;
  min-height:auto;
  height:auto;
  padding-top:28px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(0,215,255,.23);
}
.hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 510px;
  gap:70px;
  align-items:center;
}
.badge{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 15px;
  border-radius:999px;
  background:rgba(53,89,255,.16);
  border:1px solid rgba(153,82,255,.54);
  color:#a9b8ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:24px;
}
.badge::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.hero h1{
  font-family:var(--font-h);
  font-size:clamp(50px,5.2vw,78px);
  line-height:.99;
  letter-spacing:-.06em;
  font-weight:900;
  max-width:690px;
  margin-bottom:18px;
}
.hero h1 .grad{background:linear-gradient(90deg,var(--blue),#7866ff,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{
  max-width:620px;
  font-size:18px;
  line-height:1.68;
  color:rgba(238,245,255,.78);
  margin-bottom:30px;
}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:30px}
.trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:720px}
.trust{display:flex;gap:10px;align-items:center;color:rgba(238,245,255,.78);font-size:13px;font-weight:750}
.trust i{width:34px;height:34px;border-radius:12px;border:1px solid rgba(160,190,255,.22);display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.045);font-style:normal}

.audit-card{
  position:relative;
  background:linear-gradient(180deg,rgba(8,16,42,.88),rgba(5,9,26,.78));
  border:1px solid rgba(0,215,255,.42);
  border-radius:28px;
  padding:30px;
  box-shadow:
    0 0 0 1px rgba(150,44,255,.35),
    0 0 52px rgba(0,215,255,.24),
    0 0 70px rgba(152,44,255,.21),
    var(--shadow);
  overflow:hidden;
  transform:translateY(-25px);
}
.audit-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(135deg,rgba(152,44,255,.72),transparent 20%,transparent 70%,rgba(0,215,255,.88));
  opacity:.7;
  pointer-events:none;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:2px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.audit-card::after{
  content:"✦ ✧";
  position:absolute;
  top:22px;
  left:34px;
  color:#c7fbff;
  font-size:32px;
  letter-spacing:10px;
  text-shadow:0 0 18px var(--cyan),0 0 32px var(--purple);
  animation:sparkle 2.8s ease-in-out infinite;
}
@keyframes sparkle{50%{opacity:.55;transform:translateY(6px) scale(.9)}}
.form-glow{position:absolute;top:-40px;right:-36px;width:190px;height:190px;background:radial-gradient(circle,rgba(0,215,255,.95),transparent 68%);filter:blur(20px);opacity:.55}
.audit-card h2{font-family:var(--font-h);font-size:30px;letter-spacing:-.035em;margin:0 0 9px;padding-left:82px}
.audit-card .sub{color:rgba(238,245,255,.72);font-size:14px;margin-bottom:25px;padding-left:82px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.input-wrap{position:relative}
.input-wrap.full{grid-column:1/-1}
.input-wrap span{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#c9a8ff;font-size:18px;z-index:2}
.input-wrap.textarea span{top:25px}
.input-wrap input,.input-wrap textarea{
  width:100%;
  min-height:55px;
  border-radius:12px;
  border:1px solid rgba(150,170,245,.34);
  background:rgba(1,6,22,.46);
  color:#fff;
  font-family:var(--font-b);
  font-size:14px;
  padding:15px 16px 15px 48px;
  outline:none;
  box-shadow:inset 0 0 22px rgba(0,0,0,.22);
}
.input-wrap textarea{min-height:93px;resize:vertical;padding-top:17px}
.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:rgba(238,245,255,.68)}
.input-wrap input:focus,.input-wrap textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,215,255,.08),inset 0 0 22px rgba(0,0,0,.22)}
.audit-card button{width:100%;height:62px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-family:var(--font-h);font-weight:900;font-size:15px;box-shadow:0 18px 48px rgba(66,66,255,.4);cursor:pointer;margin-top:2px}
.form-proof{display:flex;justify-content:center;gap:17px 28px;flex-wrap:wrap;margin-top:20px;color:rgba(238,245,255,.82);font-size:13px;font-weight:700}
.form-proof span::before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;border:2px solid var(--cyan);color:var(--cyan);font-size:10px;margin-right:8px}

/* Section 3 — Services */
.services{
  position:relative;
  padding:24px 0 28px;
  margin-top:0;
  overflow:hidden;
}
.services-panel{
  position:relative;
  z-index:3;
  width:100%;
  max-width:1460px;
  margin:0 auto;
  padding:22px 74px 24px;
  border:1px solid rgba(0,215,255,.38);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(5,13,38,.93),rgba(3,9,26,.94));
  box-shadow:0 -8px 70px rgba(0,215,255,.14),0 0 80px rgba(152,44,255,.1);
}
.services-head{text-align:center;margin-bottom:28px}
.services-head .mini{font-family:var(--font-h);font-size:13px;text-transform:uppercase;color:#b57cff;font-weight:900;letter-spacing:.06em}
.services-head h2{font-family:var(--font-h);font-size:28px;letter-spacing:-.035em;margin-top:8px}
.services-head .divider{width:145px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--purple));margin:14px auto 0;position:relative}
.services-head .divider::after{content:"◇";position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);font-size:23px;color:#8d6dff;text-shadow:0 0 14px var(--cyan)}
.carousel{position:relative}
.svc-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.svc-card{
  min-height:250px;
  border-radius:16px;
  padding:25px 18px;
  background:linear-gradient(180deg,rgba(40,56,130,.34),rgba(5,12,34,.72));
  border:1px solid rgba(115,144,255,.36);
  box-shadow:inset 0 0 28px rgba(0,0,0,.18),0 16px 40px rgba(0,0,0,.23);
  transition:.25s;
}
.svc-card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 0 36px rgba(0,215,255,.22),0 18px 44px rgba(0,0,0,.3)}
.svc-card.green{border-color:rgba(0,214,163,.38);background:linear-gradient(180deg,rgba(0,180,140,.18),rgba(5,12,34,.72))}
.svc-card.purple{border-color:rgba(152,44,255,.42);background:linear-gradient(180deg,rgba(122,51,255,.22),rgba(5,12,34,.72))}
.svc-icon{font-size:43px;line-height:1;margin-bottom:22px;filter:drop-shadow(0 0 18px currentColor)}
.svc-card.blue .svc-icon{color:var(--blue)}.svc-card.purple .svc-icon{color:#ae73ff}.svc-card.green .svc-icon{color:var(--green)}
.svc-card h3{font-family:var(--font-h);font-size:20px;line-height:1.12;margin-bottom:14px;letter-spacing:-.02em}
.svc-card p{color:rgba(238,245,255,.72);font-size:13.2px;line-height:1.68;min-height:72px}
.svc-card a{display:inline-flex;margin-top:17px;color:var(--cyan);font-weight:900;font-size:13px}
.svc-card.purple a{color:#ba7dff}.svc-card.green a{color:var(--green)}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;border:1px solid rgba(160,90,255,.8);display:grid;place-items:center;color:#fff;font-size:25px;background:rgba(68,23,120,.72);box-shadow:0 0 25px rgba(152,44,255,.45)}
.arrow.left{left:-58px}.arrow.right{right:-58px}

@media(max-width:1180px){
  .nav-links{gap:10px}
  .hero-inner{grid-template-columns:1fr;gap:42px;padding-top:30px}
  .hero{height:auto;min-height:auto;padding-bottom:20px}
  .audit-card{max-width:620px}
  .svc-track{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .nav{height:auto;position:absolute}
  .nav-inner{height:auto;flex-wrap:wrap;padding:16px 20px}
  .nav-links{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  .nav-cta{display:none}
  .hero{padding-top:145px}
  .hero h1{font-size:44px}
  .trust-row{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .services-panel{padding:24px 22px}
  .svc-track{grid-template-columns:1fr}
  .arrow{display:none}
}


/* FIX: keep dropdowns open while moving mouse from menu item to submenu */
.has-dd::after{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:28px;
  background:transparent;
}

.dd{
  top:calc(100% + 8px) !important;
}

.has-dd:hover .dd,
.has-dd:focus-within .dd,
.dd:hover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

/* SECTION 4 */
.ai-switch-section{
  position:relative;
  padding:26px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 16%,rgba(0,215,255,.18),transparent 28%),
    radial-gradient(circle at 88% 68%,rgba(152,44,255,.18),transparent 30%),
    linear-gradient(180deg,#020713 0%,#061129 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.ai-switch-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 40%,black,transparent 75%);
  pointer-events:none;
}

.switch-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 590px;
  gap:64px;
  align-items:center;
}

.switch-copy .badge{
  margin-bottom:20px;
}

.switch-copy h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.6vw,68px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
  margin-bottom:22px;
}

.switch-copy h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.switch-copy p{
  color:rgba(238,245,255,.76);
  font-size:17px;
  line-height:1.75;
  max-width:610px;
  margin-bottom:28px;
}

.ai-benefits{
  display:grid;
  gap:15px;
}

.ai-benefit{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:15px;
  align-items:start;
  padding:17px;
  border:1px solid rgba(130,170,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 0 30px rgba(0,0,0,.13);
}

.ai-benefit i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(0,215,255,.09);
  border:1px solid rgba(0,215,255,.28);
  color:var(--cyan);
  font-style:normal;
  font-size:20px;
  box-shadow:0 0 24px rgba(0,215,255,.14);
}

.ai-benefit b{
  display:block;
  font-family:var(--font-h);
  font-size:17px;
  margin-bottom:4px;
}

.ai-benefit small{
  display:block;
  color:rgba(238,245,255,.62);
  font-size:13.5px;
  line-height:1.55;
}

.compare-panel{
  position:relative;
  border-radius:28px;
  padding:26px;
  border:1px solid rgba(0,215,255,.38);
  background:linear-gradient(180deg,rgba(8,16,42,.88),rgba(5,9,26,.78));
  box-shadow:
    0 0 0 1px rgba(150,44,255,.22),
    0 0 62px rgba(0,215,255,.16),
    0 0 80px rgba(152,44,255,.11),
    var(--shadow);
  overflow:hidden;
}

.compare-panel::before{
  content:"";
  position:absolute;
  inset:-120px -120px auto auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.42),transparent 70%);
  filter:blur(14px);
}

.compare-title{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:end;
  margin-bottom:18px;
}

.compare-title h3{
  font-family:var(--font-h);
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.compare-title span{
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.compare-grid{
  position:relative;
  display:grid;
  gap:12px;
}

.compare-head,
.compare-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.compare-head div{
  font-family:var(--font-h);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:rgba(238,245,255,.7);
  padding:0 6px 4px;
}

.compare-cell{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px;
  border-radius:15px;
  border:1px solid rgba(130,170,255,.18);
  background:rgba(255,255,255,.035);
  color:rgba(238,245,255,.68);
  font-size:13.5px;
  font-weight:700;
}

.compare-cell.good{
  border-color:rgba(0,215,255,.34);
  background:linear-gradient(135deg,rgba(0,215,255,.09),rgba(152,44,255,.06));
  color:#fff;
}

.compare-cell i{
  width:25px;
  height:25px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-style:normal;
  font-size:13px;
}

.compare-cell.bad i{
  background:rgba(255,255,255,.08);
  color:rgba(238,245,255,.55);
}

.compare-cell.good i{
  background:rgba(0,215,255,.14);
  color:var(--cyan);
  border:1px solid rgba(0,215,255,.36);
}

.switch-cta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}

@media(max-width:1080px){
  .switch-inner{
    grid-template-columns:1fr;
  }
  .compare-panel{
    max-width:760px;
  }
}

@media(max-width:720px){
  .ai-switch-section{
    padding:30px 0;
  }
  .compare-head,
  .compare-row{
    grid-template-columns:1fr;
  }
  .compare-head div:first-child{
    display:none;
  }
  .compare-cell.bad{
    display:none;
  }
}


/* SECTION 5 — RESULTS & PROOF */
.results-section{
  position:relative;
  padding:40px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(0,215,255,.14),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(152,44,255,.16),transparent 30%),
    linear-gradient(180deg,#061129 0%,#020713 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.results-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.03) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 72%);
  pointer-events:none;
}

.results-inner{
  position:relative;
  z-index:2;
}

.results-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:46px;
  align-items:end;
  margin-bottom:24px;
}

.results-head h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
  max-width:790px;
}

.results-head h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.results-head p{
  color:rgba(238,245,255,.72);
  font-size:16.5px;
  line-height:1.75;
}

.results-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-bottom:24px;
}

.result-card{
  position:relative;
  min-height:190px;
  padding:25px 22px;
  border-radius:22px;
  border:1px solid rgba(130,170,255,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:inset 0 0 30px rgba(0,0,0,.12),0 20px 55px rgba(0,0,0,.22);
  overflow:hidden;
  transition:.25s;
}

.result-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,215,255,.52);
  box-shadow:0 0 38px rgba(0,215,255,.16),0 22px 60px rgba(0,0,0,.28);
}

.result-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -60px auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.24),transparent 70%);
  filter:blur(8px);
}

.result-number{
  position:relative;
  font-family:var(--font-h);
  font-size:clamp(38px,4vw,58px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.06em;
  color:#fff;
  margin-bottom:12px;
}

.result-number em{
  font-style:normal;
  background:linear-gradient(90deg,var(--cyan),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.result-card b{
  position:relative;
  display:block;
  font-family:var(--font-h);
  font-size:17px;
  line-height:1.15;
  margin-bottom:9px;
}

.result-card small{
  position:relative;
  display:block;
  color:rgba(238,245,255,.62);
  font-size:13px;
  line-height:1.55;
}

.proof-strip{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:18px;
}

.proof-box{
  position:relative;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(0,215,255,.075),rgba(152,44,255,.055));
  border:1px solid rgba(0,215,255,.28);
  overflow:hidden;
}

.proof-box::before{
  content:"✦";
  position:absolute;
  top:14px;
  right:18px;
  color:var(--cyan);
  text-shadow:0 0 18px var(--cyan);
  opacity:.75;
}

.proof-box .label{
  font-family:var(--font-h);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--cyan);
  font-weight:900;
  margin-bottom:7px;
}

.proof-box h3{
  font-family:var(--font-h);
  font-size:22px;
  letter-spacing:-.035em;
  line-height:1.1;
  margin-bottom:8px;
}

.proof-box p{
  color:rgba(238,245,255,.64);
  font-size:13.5px;
  line-height:1.6;
}

@media(max-width:1050px){
  .results-head{
    grid-template-columns:1fr;
  }
  .results-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .proof-strip{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .results-section{
    padding:30px 0;
  }
  .results-grid{
    grid-template-columns:1fr;
  }
}


/* Section 5 enquiry form */
.results-enquiry{
  margin-top:34px;
  position:relative;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(0,215,255,.32);
  background:
    linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.06)),
    rgba(5,12,34,.88);
  box-shadow:
    0 0 0 1px rgba(152,44,255,.18),
    0 20px 70px rgba(0,0,0,.28);
  overflow:hidden;
}

.results-enquiry::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.32),transparent 70%);
  filter:blur(12px);
}

.results-enquiry-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 260px;
  gap:30px;
  align-items:end;
  margin-bottom:22px;
}

.results-enquiry-head h3{
  font-family:var(--font-h);
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
  margin-bottom:10px;
}

.results-enquiry-head h3 span{
  background:linear-gradient(90deg,var(--cyan),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.results-enquiry-head p{
  color:rgba(238,245,255,.68);
  font-size:14px;
  line-height:1.7;
}

.results-enquiry-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.results-enquiry-stats div{
  border:1px solid rgba(130,170,255,.2);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  padding:12px;
  text-align:center;
}

.results-enquiry-stats b{
  display:block;
  font-family:var(--font-h);
  font-size:24px;
  line-height:1;
  color:var(--cyan);
}

.results-enquiry-stats span{
  display:block;
  margin-top:5px;
  color:rgba(238,245,255,.62);
  font-size:11px;
  font-weight:700;
}

.results-form{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  align-items:start;
}

.results-form .full{
  grid-column:1/-1;
}

.results-form input,
.results-form textarea{
  width:100%;
  min-height:56px;
  border-radius:14px;
  border:1px solid rgba(130,170,255,.24);
  background:rgba(1,7,20,.58);
  color:#fff;
  font-family:var(--font-b);
  font-size:14px;
  padding:16px;
  outline:none;
  transition:.18s;
}

.results-form textarea{
  min-height:100px;
  resize:vertical;
}

.results-form input::placeholder,
.results-form textarea::placeholder{
  color:rgba(238,245,255,.52);
}

.results-form input:focus,
.results-form textarea:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 4px rgba(0,215,255,.08);
}

.results-form button{
  min-height:56px;
  border-radius:14px;
  border:0;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;
  font-family:var(--font-h);
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(66,66,255,.34);
}

@media(max-width:980px){
  .results-enquiry-head{
    grid-template-columns:1fr;
  }
  .results-form{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .results-form{
    grid-template-columns:1fr;
  }
}


/* SECTION 6 — INDUSTRIES */
.industries-section{
  position:relative;
  padding:26px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,215,255,.15),transparent 28%),
    radial-gradient(circle at 14% 78%,rgba(152,44,255,.16),transparent 32%),
    linear-gradient(180deg,#020713 0%,#061129 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.industries-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.028) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 72%);
  pointer-events:none;
}

.industries-inner{
  position:relative;
  z-index:2;
}

.industries-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 460px;
  gap:48px;
  align-items:end;
  margin-bottom:44px;
}

.industries-head h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
  max-width:820px;
}

.industries-head h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.industries-head p{
  color:rgba(238,245,255,.72);
  font-size:16.5px;
  line-height:1.75;
}

.industries-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.industry-card{
  position:relative;
  min-height:245px;
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(130,170,255,.24);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    rgba(5,12,34,.7);
  box-shadow:inset 0 0 30px rgba(0,0,0,.12),0 20px 55px rgba(0,0,0,.2);
  overflow:hidden;
  transition:.25s;
}

.industry-card:hover{
  transform:translateY(-7px);
  border-color:rgba(0,215,255,.55);
  box-shadow:0 0 42px rgba(0,215,255,.16),0 24px 64px rgba(0,0,0,.28);
}

.industry-card::before{
  content:"";
  position:absolute;
  inset:auto -50px -70px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.22),transparent 70%);
  filter:blur(8px);
}

.industry-card.purple::before{
  background:radial-gradient(circle,rgba(152,44,255,.24),transparent 70%);
}

.industry-icon{
  position:relative;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(0,215,255,.08);
  border:1px solid rgba(0,215,255,.28);
  color:#fff;
  font-size:28px;
  margin-bottom:20px;
  box-shadow:0 0 24px rgba(0,215,255,.12);
}

.industry-card.purple .industry-icon{
  background:rgba(152,44,255,.1);
  border-color:rgba(152,44,255,.35);
}

.industry-card h3{
  position:relative;
  font-family:var(--font-h);
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.035em;
  margin-bottom:12px;
}

.industry-card p{
  position:relative;
  color:rgba(238,245,255,.65);
  font-size:13.5px;
  line-height:1.65;
  margin-bottom:18px;
}

.industry-card a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--cyan);
  font-size:13px;
  font-weight:900;
}

.industry-card.purple a{
  color:#bc82ff;
}

.industry-bottom{
  margin-top:32px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.industry-cta-box{
  position:relative;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(0,215,255,.3);
  background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.06));
  overflow:hidden;
}

.industry-cta-box h3{
  font-family:var(--font-h);
  font-size:26px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:10px;
}

.industry-cta-box p{
  color:rgba(238,245,255,.66);
  font-size:14px;
  line-height:1.65;
  margin-bottom:20px;
}

.industry-cta-box ul{
  list-style:none;
  display:grid;
  gap:10px;
}

.industry-cta-box li{
  color:rgba(238,245,255,.78);
  font-size:13.5px;
  font-weight:700;
}

.industry-cta-box li::before{
  content:"✓";
  color:var(--cyan);
  margin-right:9px;
}

@media(max-width:1080px){
  .industries-head{
    grid-template-columns:1fr;
  }
  .industries-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .industry-bottom{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .industries-section{
    padding:32px 0;
  }
  .industries-grid{
    grid-template-columns:1fr;
  }
}


/* SECTION 7 — OUR PROCESS */
.process-section{
  position:relative;
  padding:26px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 22%,rgba(152,44,255,.16),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(0,215,255,.16),transparent 30%),
    linear-gradient(180deg,#061129 0%,#020713 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.process-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.03) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 74%);
  pointer-events:none;
}

.process-inner{
  position:relative;
  z-index:2;
}

.process-head{
  text-align:center;
  max-width:860px;
  margin:0 auto 54px;
}

.process-head h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
  margin-bottom:18px;
}

.process-head h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.process-head p{
  color:rgba(238,245,255,.72);
  font-size:16.5px;
  line-height:1.75;
  max-width:700px;
  margin:0 auto;
}

.process-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-bottom:20px;
}

.process-flow::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:48px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),var(--cyan),transparent);
  opacity:.48;
  box-shadow:0 0 28px rgba(0,215,255,.28);
}

.process-step{
  position:relative;
  min-height:300px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(130,170,255,.24);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    rgba(5,12,34,.76);
  box-shadow:inset 0 0 30px rgba(0,0,0,.12),0 20px 55px rgba(0,0,0,.22);
  overflow:hidden;
  transition:.25s;
}

.process-step:hover{
  transform:translateY(-7px);
  border-color:rgba(0,215,255,.55);
  box-shadow:0 0 42px rgba(0,215,255,.16),0 24px 64px rgba(0,0,0,.3);
}

.process-step::before{
  content:"";
  position:absolute;
  inset:auto -50px -70px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.22),transparent 70%);
  filter:blur(8px);
}

.process-step:nth-child(even)::before{
  background:radial-gradient(circle,rgba(152,44,255,.24),transparent 70%);
}

.step-number{
  position:relative;
  width:72px;
  height:72px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-family:var(--font-h);
  font-size:24px;
  font-weight:900;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 34px rgba(0,215,255,.18),0 18px 46px rgba(0,0,0,.28);
  margin-bottom:28px;
}

.process-step h3{
  position:relative;
  font-family:var(--font-h);
  font-size:23px;
  line-height:1.05;
  letter-spacing:-.035em;
  margin-bottom:12px;
}

.process-step p{
  position:relative;
  color:rgba(238,245,255,.66);
  font-size:13.8px;
  line-height:1.65;
  margin-bottom:18px;
}

.process-step ul{
  position:relative;
  list-style:none;
  display:grid;
  gap:9px;
}

.process-step li{
  color:rgba(238,245,255,.78);
  font-size:12.8px;
  font-weight:700;
}

.process-step li::before{
  content:"✓";
  color:var(--cyan);
  margin-right:8px;
}

.process-bottom{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:20px;
}

.process-summary{
  border-radius:24px;
  border:1px solid rgba(0,215,255,.3);
  background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.06));
  padding:26px;
}

.process-summary h3{
  font-family:var(--font-h);
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:10px;
}

.process-summary p{
  color:rgba(238,245,255,.66);
  font-size:14px;
  line-height:1.65;
}

.process-side{
  border-radius:24px;
  border:1px solid rgba(130,170,255,.24);
  background:rgba(255,255,255,.04);
  padding:26px;
}

.process-side .label{
  font-family:var(--font-h);
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}

.process-side h3{
  font-family:var(--font-h);
  font-size:24px;
  line-height:1.06;
  letter-spacing:-.035em;
  margin-bottom:18px;
}

.process-side .btn{
  width:100%;
}

@media(max-width:1080px){
  .process-flow{
    grid-template-columns:repeat(2,1fr);
  }
  .process-flow::before{
    display:none;
  }
  .process-bottom{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .process-section{
    padding:32px 0;
  }
  .process-flow{
    grid-template-columns:1fr;
  }
}


/* SECTION 7B — Compact AI audit form under locked Section 7 */
.ai-audit-strip{
  position:relative;
  padding:0 0 92px;
  margin:0;
  background:linear-gradient(180deg,#020713 0%,#061129 100%);
  overflow:hidden;
}

.ai-audit-strip .wrap{
  padding-top:0;
}

.ai-audit-strip-box{
  position:relative;
  margin:0 auto;
  padding:30px 34px;
  border-radius:26px;
  border:1px solid rgba(0,215,255,.38);
  background:
    radial-gradient(circle at 86% 20%,rgba(0,215,255,.13),transparent 30%),
    linear-gradient(135deg,rgba(0,215,255,.065),rgba(152,44,255,.055)),
    rgba(5,12,34,.94);
  box-shadow:
    0 0 0 1px rgba(152,44,255,.18),
    0 24px 80px rgba(0,0,0,.34),
    0 0 62px rgba(0,215,255,.10);
  overflow:hidden;
}

.ai-audit-strip-head{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:32px;
  align-items:end;
  margin-bottom:24px;
}

.ai-audit-strip-head h3{
  font-family:var(--font-h);
  font-size:clamp(30px,3.3vw,48px);
  line-height:1;
  letter-spacing:-.055em;
  margin:16px 0 10px;
}

.ai-audit-strip-head h3 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.ai-audit-strip-head p{
  color:rgba(238,245,255,.72);
  font-size:15px;
  line-height:1.65;
}

.ai-audit-mini-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ai-audit-mini-stat{
  border:1px solid rgba(130,170,255,.24);
  background:rgba(255,255,255,.045);
  border-radius:16px;
  padding:16px;
  text-align:center;
}

.ai-audit-mini-stat b{
  display:block;
  font-family:var(--font-h);
  color:var(--cyan);
  font-size:30px;
  line-height:1;
  margin-bottom:5px;
}

.ai-audit-mini-stat span{
  color:rgba(238,245,255,.67);
  font-weight:800;
  font-size:11px;
}

.ai-audit-strip-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 280px;
  gap:14px;
}

.ai-audit-strip-form textarea{
  grid-column:1 / 4;
}

.ai-audit-strip-form input,
.ai-audit-strip-form textarea{
  width:100%;
  min-height:58px;
  border-radius:14px;
  border:1px solid rgba(130,170,255,.28);
  background:rgba(1,7,20,.62);
  color:#fff;
  font-family:var(--font-b);
  font-size:14px;
  padding:16px 18px;
  outline:none;
  transition:.18s;
}

.ai-audit-strip-form textarea{
  min-height:96px;
  resize:vertical;
}

.ai-audit-strip-form input::placeholder,
.ai-audit-strip-form textarea::placeholder{
  color:rgba(238,245,255,.55);
}

.ai-audit-strip-form input:focus,
.ai-audit-strip-form textarea:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 4px rgba(0,215,255,.08);
}

.ai-audit-strip-form button{
  grid-column:4;
  grid-row:1 / 3;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;
  font-family:var(--font-h);
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(66,66,255,.36);
  min-height:100%;
}

.ai-audit-strip-form button:hover{
  filter:brightness(1.08);
}

@media(max-width:1050px){
  .ai-audit-strip-head{
    grid-template-columns:1fr;
  }
  .ai-audit-strip-form{
    grid-template-columns:1fr 1fr;
  }
  .ai-audit-strip-form textarea,
  .ai-audit-strip-form button{
    grid-column:1 / -1;
    grid-row:auto;
  }
  .ai-audit-strip-form button{
    min-height:60px;
  }
}

@media(max-width:640px){
  .ai-audit-strip{
    padding-bottom:72px;
  }
  .ai-audit-strip-box{
    padding:24px 18px;
  }
  .ai-audit-mini-stats,
  .ai-audit-strip-form{
    grid-template-columns:1fr;
  }
}


/* SECTION 8 — AI AUTOMATION SHOWCASE */
.automation-section{
  position:relative;
  padding:26px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 22%,rgba(0,215,255,.15),transparent 30%),
    radial-gradient(circle at 86% 72%,rgba(152,44,255,.18),transparent 34%),
    linear-gradient(180deg,#061129 0%,#020713 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.automation-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.03) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 74%);
  pointer-events:none;
}

.automation-inner{
  position:relative;
  z-index:2;
}

.automation-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 460px;
  gap:48px;
  align-items:end;
  margin-bottom:46px;
}

.automation-head h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
  max-width:850px;
}

.automation-head h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.automation-head p{
  color:rgba(238,245,255,.72);
  font-size:16.5px;
  line-height:1.75;
}

.automation-layout{
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:24px;
  align-items:stretch;
}

.ai-chat-panel,
.ai-flow-panel{
  position:relative;
  border-radius:28px;
  border:1px solid rgba(0,215,255,.34);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    rgba(5,12,34,.82);
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.12),
    0 22px 70px rgba(0,0,0,.3),
    0 0 60px rgba(0,215,255,.1);
  overflow:hidden;
}

.ai-chat-panel{
  padding:26px;
}

.ai-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}

.ai-panel-title{
  display:flex;
  align-items:center;
  gap:12px;
}

.ai-orb{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  box-shadow:0 0 28px rgba(0,215,255,.22);
  font-size:22px;
}

.ai-panel-title h3{
  font-family:var(--font-h);
  font-size:23px;
  line-height:1.05;
  letter-spacing:-.035em;
}

.ai-panel-title span{
  display:block;
  color:rgba(238,245,255,.58);
  font-size:12px;
  font-weight:800;
  margin-top:3px;
}

.live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:8px 12px;
  color:var(--cyan);
  background:rgba(0,215,255,.08);
  border:1px solid rgba(0,215,255,.26);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.live-pill::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 15px var(--cyan);
}

.chat-stream{
  display:grid;
  gap:14px;
}

.chat-bubble{
  max-width:88%;
  padding:15px 16px;
  border-radius:18px;
  font-size:13.5px;
  line-height:1.55;
  color:rgba(238,245,255,.82);
  border:1px solid rgba(130,170,255,.22);
  background:rgba(255,255,255,.04);
}

.chat-bubble.user{
  margin-left:auto;
  background:linear-gradient(135deg,rgba(0,215,255,.11),rgba(152,44,255,.08));
  border-color:rgba(0,215,255,.28);
  color:#fff;
}

.chat-bubble.ai strong{
  color:var(--cyan);
}

.chat-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}

.chat-tags span{
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(130,170,255,.18);
  color:rgba(238,245,255,.72);
  font-size:11px;
  font-weight:800;
}

.ai-flow-panel{
  padding:26px;
}

.flow-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:24px;
}

.flow-card{
  position:relative;
  min-height:154px;
  border-radius:20px;
  padding:20px;
  border:1px solid rgba(130,170,255,.24);
  background:rgba(255,255,255,.04);
  overflow:hidden;
}

.flow-card::after{
  content:"";
  position:absolute;
  inset:auto -48px -58px auto;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.2),transparent 70%);
  filter:blur(8px);
}

.flow-card.purple::after{
  background:radial-gradient(circle,rgba(152,44,255,.23),transparent 70%);
}

.flow-icon{
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(0,215,255,.08);
  border:1px solid rgba(0,215,255,.26);
  font-size:22px;
  margin-bottom:14px;
}

.flow-card h4{
  position:relative;
  font-family:var(--font-h);
  font-size:18px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin-bottom:8px;
}

.flow-card p{
  position:relative;
  color:rgba(238,245,255,.62);
  font-size:12.8px;
  line-height:1.6;
}

.workflow-line{
  margin-top:24px;
  border-radius:22px;
  border:1px solid rgba(0,215,255,.26);
  background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.055));
  padding:20px;
}

.workflow-line h4{
  font-family:var(--font-h);
  font-size:20px;
  letter-spacing:-.035em;
  margin-bottom:16px;
}

.workflow-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}

.workflow-steps span{
  position:relative;
  min-height:76px;
  border-radius:16px;
  padding:13px 10px;
  display:grid;
  place-items:center;
  text-align:center;
  color:rgba(238,245,255,.78);
  font-size:11.5px;
  font-weight:850;
  line-height:1.35;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(130,170,255,.18);
}

.workflow-steps span:not(:last-child)::after{
  content:"→";
  position:absolute;
  right:-12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--cyan);
  z-index:3;
}

.automation-bottom{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
}

.auto-proof{
  border:1px solid rgba(130,170,255,.22);
  border-radius:20px;
  background:rgba(255,255,255,.04);
  padding:20px;
}

.auto-proof b{
  display:block;
  font-family:var(--font-h);
  font-size:18px;
  letter-spacing:-.03em;
  margin-bottom:7px;
}

.auto-proof small{
  display:block;
  color:rgba(238,245,255,.62);
  font-size:12.8px;
  line-height:1.55;
}

@media(max-width:1100px){
  .automation-head,
  .automation-layout{
    grid-template-columns:1fr;
  }
  .workflow-steps{
    grid-template-columns:1fr;
  }
  .workflow-steps span:not(:last-child)::after{
    display:none;
  }
}

@media(max-width:720px){
  .automation-section{
    padding:32px 0;
  }
  .flow-grid,
  .automation-bottom{
    grid-template-columns:1fr;
  }
}


/* SECTION 9 — PORTFOLIO / CASE STUDIES */
.case-section{
  position:relative;
  padding:26px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(152,44,255,.17),transparent 31%),
    radial-gradient(circle at 14% 72%,rgba(0,215,255,.15),transparent 32%),
    linear-gradient(180deg,#020713 0%,#061129 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.case-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.028) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 74%);
  pointer-events:none;
}

.case-inner{
  position:relative;
  z-index:2;
}

.case-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 470px;
  gap:48px;
  align-items:end;
  margin-bottom:46px;
}

.case-head h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
  max-width:850px;
}

.case-head h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.case-head p{
  color:rgba(238,245,255,.72);
  font-size:16.5px;
  line-height:1.75;
}

.feature-case{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:24px;
  align-items:stretch;
  margin-bottom:24px;
}

.case-visual{
  position:relative;
  min-height:470px;
  border-radius:30px;
  border:1px solid rgba(0,215,255,.38);
  background:
    radial-gradient(circle at 18% 18%,rgba(0,215,255,.18),transparent 34%),
    radial-gradient(circle at 84% 78%,rgba(152,44,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    rgba(5,12,34,.82);
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.12),
    0 24px 80px rgba(0,0,0,.34),
    0 0 70px rgba(0,215,255,.12);
  overflow:hidden;
  padding:28px;
}

.case-browser{
  position:relative;
  height:100%;
  min-height:410px;
  border-radius:24px;
  border:1px solid rgba(130,170,255,.24);
  background:rgba(2,8,24,.72);
  overflow:hidden;
}

.browser-top{
  height:48px;
  border-bottom:1px solid rgba(130,170,255,.18);
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  background:rgba(255,255,255,.035);
}

.browser-top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.32);
}

.browser-top span:nth-child(1){background:#ff5f57}
.browser-top span:nth-child(2){background:#ffbd2e}
.browser-top span:nth-child(3){background:#28c840}

.browser-url{
  margin-left:12px;
  flex:1;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:rgba(238,245,255,.52);
  padding:7px 12px;
  font-size:11px;
  font-weight:800;
}

.mock-site{
  padding:22px;
}

.mock-hero{
  border-radius:22px;
  min-height:146px;
  padding:22px;
  background:linear-gradient(135deg,rgba(0,215,255,.13),rgba(152,44,255,.14));
  border:1px solid rgba(0,215,255,.25);
}

.mock-hero small{
  display:inline-flex;
  color:var(--cyan);
  font-weight:900;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;
}

.mock-hero h3{
  font-family:var(--font-h);
  font-size:32px;
  line-height:1;
  letter-spacing:-.05em;
  max-width:420px;
}

.mock-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-top:16px;
}

.mock-card{
  min-height:92px;
  border-radius:17px;
  border:1px solid rgba(130,170,255,.2);
  background:rgba(255,255,255,.045);
  padding:14px;
}

.mock-card b{
  display:block;
  width:70%;
  height:12px;
  border-radius:999px;
  background:rgba(0,215,255,.55);
  margin-bottom:13px;
}

.mock-card span{
  display:block;
  height:8px;
  border-radius:999px;
  background:rgba(238,245,255,.18);
  margin-bottom:8px;
}

.mock-card span:nth-child(3){width:74%}
.mock-card span:nth-child(4){width:54%}

.case-content{
  border-radius:30px;
  border:1px solid rgba(130,170,255,.24);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    rgba(5,12,34,.82);
  box-shadow:0 22px 70px rgba(0,0,0,.28);
  padding:32px;
}

.case-content .case-label{
  display:inline-flex;
  border-radius:999px;
  padding:8px 13px;
  color:var(--cyan);
  background:rgba(0,215,255,.08);
  border:1px solid rgba(0,215,255,.26);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:20px;
}

.case-content h3{
  font-family:var(--font-h);
  font-size:clamp(30px,3vw,44px);
  line-height:1;
  letter-spacing:-.055em;
  margin-bottom:16px;
}

.case-content p{
  color:rgba(238,245,255,.68);
  font-size:15px;
  line-height:1.7;
  margin-bottom:24px;
}

.case-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:24px;
}

.case-metric{
  border:1px solid rgba(130,170,255,.22);
  background:rgba(255,255,255,.04);
  border-radius:18px;
  padding:16px;
  text-align:center;
}

.case-metric b{
  display:block;
  font-family:var(--font-h);
  color:var(--cyan);
  font-size:28px;
  line-height:1;
  margin-bottom:6px;
}

.case-metric span{
  color:rgba(238,245,255,.6);
  font-size:11px;
  font-weight:800;
}

.case-list{
  list-style:none;
  display:grid;
  gap:11px;
  margin-bottom:26px;
}

.case-list li{
  color:rgba(238,245,255,.78);
  font-size:14px;
  font-weight:750;
}

.case-list li::before{
  content:"✓";
  color:var(--cyan);
  margin-right:10px;
}

.case-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.case-card{
  position:relative;
  min-height:285px;
  border-radius:24px;
  padding:22px;
  border:1px solid rgba(130,170,255,.24);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    rgba(5,12,34,.78);
  overflow:hidden;
  transition:.25s;
}

.case-card:hover{
  transform:translateY(-7px);
  border-color:rgba(0,215,255,.52);
  box-shadow:0 0 40px rgba(0,215,255,.14),0 22px 60px rgba(0,0,0,.28);
}

.case-card::before{
  content:"";
  position:absolute;
  inset:auto -48px -58px auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.2),transparent 70%);
  filter:blur(8px);
}

.case-card.purple::before{
  background:radial-gradient(circle,rgba(152,44,255,.24),transparent 70%);
}

.case-card-top{
  position:relative;
  height:95px;
  border-radius:18px;
  border:1px solid rgba(130,170,255,.2);
  background:linear-gradient(135deg,rgba(0,215,255,.12),rgba(152,44,255,.13));
  margin-bottom:18px;
  overflow:hidden;
}

.case-card-top::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  box-shadow:0 -26px 0 rgba(255,255,255,.13),0 -52px 0 rgba(255,255,255,.08);
}

.case-card small{
  position:relative;
  color:var(--cyan);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
}

.case-card h4{
  position:relative;
  font-family:var(--font-h);
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.035em;
  margin:9px 0 10px;
}

.case-card p{
  position:relative;
  color:rgba(238,245,255,.64);
  font-size:13px;
  line-height:1.6;
}

.builder-note{
  margin-top:24px;
  border:1px solid rgba(0,215,255,.28);
  border-radius:24px;
  padding:24px;
  background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.055));
}

.builder-note h3{
  font-family:var(--font-h);
  font-size:26px;
  letter-spacing:-.04em;
  line-height:1.05;
  margin-bottom:8px;
}

.builder-note p{
  color:rgba(238,245,255,.66);
  font-size:14px;
  line-height:1.65;
}

@media(max-width:1100px){
  .case-head,
  .feature-case{
    grid-template-columns:1fr;
  }
  .case-cards{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .case-section{
    padding:32px 0;
  }
  .case-metrics,
  .mock-grid{
    grid-template-columns:1fr;
  }
}


.flagship-visual img{
  object-position:center center;
}
.flagship-visual{
  min-height:620px;
}


.flagship-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.flagship-overlay{
  background:linear-gradient(180deg,rgba(2,7,19,.02),rgba(2,7,19,.34)) !important;
}


.flagship-visual{
position:relative !important;
overflow:hidden !important;
min-height:680px !important;
background:#020b1f !important;
}

.flagship-visual img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
}

.flagship-overlay{
position:absolute !important;
inset:0 !important;
z-index:2 !important;
background:linear-gradient(180deg,rgba(2,7,19,.02),rgba(2,7,19,.28)) !important;
}

.flagship-badge,
.flagship-stats{
position:absolute !important;
z-index:3 !important;
}


.fixed-AI marketplace-visual{
  position:relative !important;
  min-height:620px !important;
  border-radius:32px !important;
  overflow:hidden !important;
  border:1px solid rgba(0,215,255,.35) !important;
  background:#020713 !important;
}

.fixed-AI marketplace-visual .AI marketplace-hero-img{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

.fixed-AI marketplace-visual .flagship-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,rgba(2,7,19,.03),rgba(2,7,19,.25)) !important;
  pointer-events:none !important;
}

.fixed-AI marketplace-visual .flagship-badge{
  position:absolute !important;
  top:24px !important;
  left:24px !important;
  z-index:3 !important;
}

.fixed-AI marketplace-visual .flagship-stats{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  z-index:3 !important;
}


/* SECTION 10 — TESTIMONIALS & TRUST */
.testimonials-section{
  position:relative;
  padding:44px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(0,215,255,.12),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(152,44,255,.13),transparent 34%),
    linear-gradient(180deg,#07152f 0%,#020713 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.testimonials-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.026) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 76%);
  pointer-events:none;
}

.testimonials-inner{
  position:relative;
  z-index:2;
}

.testimonials-layout{
  display:grid;
  grid-template-columns:390px 1fr;
  gap:34px;
  align-items:start;
}

.trust-panel{
  position:sticky;
  top:110px;
  border-radius:30px;
  padding:32px;
  border:1px solid rgba(0,215,255,.34);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    rgba(5,12,34,.86);
  box-shadow:0 24px 80px rgba(0,0,0,.3),0 0 60px rgba(0,215,255,.08);
}

.trust-panel h2{
  font-family:var(--font-h);
  font-size:clamp(34px,3.2vw,48px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:18px 0 16px;
}

.trust-panel h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  color:transparent;
}

.trust-panel p{
  color:rgba(238,245,255,.68);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
}

.rating-box{
  border-radius:22px;
  padding:20px;
  border:1px solid rgba(130,170,255,.22);
  background:rgba(255,255,255,.04);
  margin-bottom:18px;
}

.rating-stars{
  color:#fbbf24;
  font-size:22px;
  letter-spacing:2px;
  margin-bottom:8px;
}

.rating-box b{
  display:block;
  font-family:var(--font-h);
  font-size:23px;
  margin-bottom:4px;
}

.rating-box span{
  color:rgba(238,245,255,.62);
  font-size:12px;
  font-weight:800;
}

.trust-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.trust-stat{
  border:1px solid rgba(130,170,255,.2);
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.035);
}

.trust-stat b{
  display:block;
  color:var(--cyan);
  font-family:var(--font-h);
  font-size:24px;
  line-height:1;
  margin-bottom:6px;
}

.trust-stat span{
  color:rgba(238,245,255,.62);
  font-size:11px;
  font-weight:800;
}

.review-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.review-card{
  position:relative;
  min-height:270px;
  border-radius:26px;
  padding:24px;
  border:1px solid rgba(130,170,255,.22);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    rgba(5,12,34,.82);
  box-shadow:0 20px 60px rgba(0,0,0,.22);
  overflow:hidden;
  transition:.25s;
}

.review-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,215,255,.52);
  box-shadow:0 0 42px rgba(0,215,255,.12),0 24px 70px rgba(0,0,0,.28);
}

.review-card::before{
  content:"";
  position:absolute;
  inset:auto -50px -70px auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.18),transparent 70%);
  filter:blur(8px);
}

.review-card.purple::before{
  background:radial-gradient(circle,rgba(152,44,255,.22),transparent 70%);
}

.review-top{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:18px;
}

.reviewer{
  display:flex;
  gap:12px;
  align-items:center;
}

.avatar{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-family:var(--font-h);
  font-weight:900;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;
  box-shadow:0 0 24px rgba(0,215,255,.16);
}

.reviewer b{
  display:block;
  font-family:var(--font-h);
  font-size:16px;
  line-height:1.1;
}

.reviewer span{
  display:block;
  color:rgba(238,245,255,.56);
  font-size:11px;
  font-weight:800;
  margin-top:3px;
}

.review-stars{
  color:#fbbf24;
  font-size:14px;
  letter-spacing:1px;
}

.review-card p{
  position:relative;
  color:rgba(238,245,255,.76);
  font-size:14px;
  line-height:1.7;
  margin-bottom:18px;
}

.result-pill{
  position:relative;
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  color:var(--cyan);
  background:rgba(0,215,255,.08);
  border:1px solid rgba(0,215,255,.24);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:14px;
}

.review-tags{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.review-tags span{
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(130,170,255,.18);
  color:rgba(238,245,255,.64);
  font-size:11px;
  font-weight:800;
}

.testimonial-bottom{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.trust-strip{
  border-radius:24px;
  padding:24px;
  border:1px solid rgba(0,215,255,.28);
  background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.055));
}

.trust-strip h3{
  font-family:var(--font-h);
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:9px;
}

.trust-strip p{
  color:rgba(238,245,255,.66);
  font-size:14px;
  line-height:1.65;
}

@media(max-width:1100px){
  .testimonials-layout{
    grid-template-columns:1fr;
  }

  .trust-panel{
    position:relative;
    top:auto;
  }
}

@media(max-width:720px){
  .testimonials-section{
    padding:32px 0;
  }

  .review-grid,
  .testimonial-bottom,
  .trust-stats{
    grid-template-columns:1fr;
  }
}


/* SECTION 11 — AREAS WE SERVE */
.areas-section{
  position:relative;
  padding:44px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(0,215,255,.13),transparent 30%),
    radial-gradient(circle at 86% 78%,rgba(152,44,255,.14),transparent 34%),
    linear-gradient(180deg,#020713 0%,#07152f 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.areas-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.026) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 76%);
  pointer-events:none;
}

.areas-inner{
  position:relative;
  z-index:2;
}

.areas-head{
  display:grid;
  grid-template-columns:1fr 430px;
  gap:42px;
  align-items:end;
  margin-bottom:44px;
}

.areas-head h2{
  font-family:var(--font-h);
  font-size:clamp(38px,4.8vw,70px);
  line-height:.96;
  letter-spacing:-.065em;
  font-weight:900;
}

.areas-head h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  color:transparent;
}

.areas-head p{
  color:rgba(238,245,255,.72);
  font-size:16px;
  line-height:1.75;
}

.areas-layout{
  display:grid;
  grid-template-columns:1fr 410px;
  gap:24px;
  align-items:stretch;
}

.areas-map-card{
  min-height:520px;
  border-radius:30px;
  border:1px solid rgba(0,215,255,.34);
  background:
    radial-gradient(circle at 42% 45%,rgba(0,215,255,.18),transparent 18%),
    radial-gradient(circle at 58% 56%,rgba(152,44,255,.18),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    rgba(5,12,34,.84);
  box-shadow:0 24px 80px rgba(0,0,0,.3),0 0 60px rgba(0,215,255,.08);
  position:relative;
  overflow:hidden;
  padding:30px;
}

.areas-map-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.04) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 50%,black,transparent 70%);
}

.area-node{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 18px var(--cyan),0 0 38px rgba(0,215,255,.45);
}

.area-node::after{
  content:attr(data-area);
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(5,12,34,.78);
  border:1px solid rgba(0,215,255,.24);
  color:rgba(238,245,255,.86);
  font-size:11px;
  font-weight:900;
}

.n1{left:38%;top:38%}.n2{left:46%;top:44%}.n3{left:55%;top:36%}.n4{left:60%;top:47%}
.n5{left:48%;top:58%}.n6{left:34%;top:55%}.n7{left:68%;top:39%}.n8{left:70%;top:58%}
.n9{left:43%;top:28%}.n10{left:31%;top:42%}.n11{left:60%;top:23%}.n12{left:50%;top:72%}

.map-core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:210px;
  height:210px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(0,215,255,.36);
  background:radial-gradient(circle,rgba(0,215,255,.18),rgba(152,44,255,.1),rgba(5,12,34,.8));
  box-shadow:0 0 60px rgba(0,215,255,.2);
}

.map-core b{
  display:block;
  font-family:var(--font-h);
  font-size:30px;
  line-height:1;
}

.map-core span{
  display:block;
  margin-top:8px;
  color:rgba(238,245,255,.65);
  font-size:12px;
  font-weight:800;
}

.areas-list-card{
  border-radius:30px;
  padding:28px;
  border:1px solid rgba(130,170,255,.22);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    rgba(5,12,34,.84);
  box-shadow:0 24px 80px rgba(0,0,0,.26);
}

.areas-list-card h3{
  font-family:var(--font-h);
  font-size:31px;
  line-height:1;
  letter-spacing:-.05em;
  margin-bottom:12px;
}

.areas-list-card p{
  color:rgba(238,245,255,.66);
  font-size:14px;
  line-height:1.65;
  margin-bottom:22px;
}

.area-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.area-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:12px 13px;
  border-radius:15px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(130,170,255,.18);
  color:rgba(238,245,255,.78);
  font-size:13px;
  font-weight:850;
  transition:.2s;
}

.area-links a:hover{
  border-color:rgba(0,215,255,.45);
  color:#fff;
  background:rgba(0,215,255,.07);
}

.area-links a::after{
  content:"→";
  color:var(--cyan);
}

.local-seo-strip{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.local-seo-box{
  border-radius:22px;
  padding:22px;
  border:1px solid rgba(0,215,255,.26);
  background:linear-gradient(135deg,rgba(0,215,255,.065),rgba(152,44,255,.05));
}

.local-seo-box b{
  display:block;
  font-family:var(--font-h);
  font-size:20px;
  line-height:1.1;
  margin-bottom:8px;
}

.local-seo-box span{
  display:block;
  color:rgba(238,245,255,.64);
  font-size:13px;
  line-height:1.6;
}

@media(max-width:1080px){
  .areas-head,
  .areas-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .areas-section{
    padding:32px 0;
  }

  .area-links,
  .local-seo-strip{
    grid-template-columns:1fr;
  }

  .area-node::after{
    display:none;
  }
}


/* Areas section refinements */
.areas-enquiry-form{
  margin-bottom:28px;
  display:grid;
  grid-template-columns:1fr 1.45fr;
  gap:26px;
  align-items:stretch;
  padding:28px;
  border-radius:26px;
  border:1px solid rgba(0,215,255,.34);
  background:
    radial-gradient(circle at 90% 15%,rgba(0,215,255,.12),transparent 28%),
    linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.055)),
    rgba(5,12,34,.9);
  box-shadow:0 24px 80px rgba(0,0,0,.26),0 0 62px rgba(0,215,255,.08);
}

.areas-enquiry-copy h3{
  font-family:var(--font-h);
  font-size:clamp(26px,2.7vw,40px);
  line-height:1;
  letter-spacing:-.05em;
  margin:16px 0 10px;
}

.areas-enquiry-copy p{
  color:rgba(238,245,255,.68);
  font-size:14px;
  line-height:1.65;
}

.areas-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 260px;
  gap:13px;
}

.areas-form textarea{
  grid-column:1 / 4;
}

.areas-form input,
.areas-form textarea{
  width:100%;
  min-height:56px;
  border-radius:14px;
  border:1px solid rgba(130,170,255,.28);
  background:rgba(1,7,20,.62);
  color:#fff;
  font-family:var(--font-b);
  font-size:14px;
  padding:16px 18px;
  outline:none;
  transition:.18s;
}

.areas-form textarea{
  min-height:92px;
  resize:vertical;
}

.areas-form input::placeholder,
.areas-form textarea::placeholder{
  color:rgba(238,245,255,.55);
}

.areas-form input:focus,
.areas-form textarea:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 4px rgba(0,215,255,.08);
}

.areas-form button{
  grid-column:4;
  grid-row:1 / 3;
  min-height:100%;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;
  font-family:var(--font-h);
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(66,66,255,.34);
}

.map-core{
  width:250px !important;
  height:250px !important;
}

.map-core b{
  font-size:27px !important;
  line-height:1.05 !important;
}

.area-node{
  width:17px !important;
  height:17px !important;
}

.area-node::after{
  left:24px !important;
  padding:9px 13px !important;
  font-size:14px !important;
  letter-spacing:-.01em !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}

/* Spread the area markers wider */
.n1{left:30% !important;top:30% !important}
.n2{left:45% !important;top:36% !important}
.n3{left:61% !important;top:26% !important}
.n4{left:70% !important;top:40% !important}
.n5{left:55% !important;top:66% !important}
.n6{left:25% !important;top:62% !important}
.n7{left:78% !important;top:28% !important}
.n8{left:76% !important;top:67% !important}
.n9{left:40% !important;top:18% !important}
.n10{left:18% !important;top:42% !important}
.n11{left:66% !important;top:15% !important}
.n12{left:42% !important;top:78% !important}

@media(max-width:1100px){
  .areas-enquiry-form{
    grid-template-columns:1fr;
  }

  .areas-form{
    grid-template-columns:1fr 1fr;
  }

  .areas-form textarea,
  .areas-form button{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .areas-form button{
    min-height:60px;
  }
}

@media(max-width:720px){
  .areas-form{
    grid-template-columns:1fr;
  }

  .map-core{
    width:190px !important;
    height:190px !important;
  }

  .map-core b{
    font-size:21px !important;
  }
}


/* SECTION 12 — FAQ / BUYER OBJECTIONS */
.faq-section{
  position:relative;
  padding:44px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%,rgba(152,44,255,.13),transparent 32%),
    radial-gradient(circle at 88% 76%,rgba(0,215,255,.12),transparent 34%),
    linear-gradient(180deg,#07152f 0%,#020713 100%);
  border-top:1px solid rgba(0,215,255,.18);
}

.faq-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.026) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 76%);
  pointer-events:none;
}

.faq-inner{
  position:relative;
  z-index:2;
}

.faq-layout{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:38px;
  align-items:start;
}

.faq-copy{
  position:sticky;
  top:110px;
  border-radius:30px;
  padding:32px;
  border:1px solid rgba(0,215,255,.32);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    rgba(5,12,34,.86);
  box-shadow:0 24px 80px rgba(0,0,0,.3),0 0 60px rgba(0,215,255,.08);
}

.faq-copy h2{
  font-family:var(--font-h);
  font-size:clamp(34px,3.4vw,52px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:18px 0 16px;
}

.faq-copy h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  color:transparent;
}

.faq-copy p{
  color:rgba(238,245,255,.68);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
}

.faq-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.faq-mini{
  border:1px solid rgba(130,170,255,.2);
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.035);
}

.faq-mini b{
  display:block;
  color:var(--cyan);
  font-family:var(--font-h);
  font-size:22px;
  line-height:1;
  margin-bottom:6px;
}

.faq-mini span{
  color:rgba(238,245,255,.62);
  font-size:11px;
  font-weight:800;
}

.faq-list{
  display:grid;
  gap:14px;
}

.faq-item{
  border-radius:22px;
  border:1px solid rgba(130,170,255,.22);
  background:
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025)),
    rgba(5,12,34,.82);
  overflow:hidden;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}

.faq-question{
  width:100%;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  background:transparent;
  border:0;
  color:#fff;
  text-align:left;
  font-family:var(--font-h);
  font-size:20px;
  font-weight:900;
  letter-spacing:-.035em;
  cursor:pointer;
}

.faq-question span{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(0,215,255,.08);
  border:1px solid rgba(0,215,255,.26);
  color:var(--cyan);
  font-size:22px;
  transition:.2s;
}

.faq-item.active .faq-question span{
  transform:rotate(45deg);
  background:rgba(152,44,255,.12);
  border-color:rgba(152,44,255,.35);
}

.faq-answer{
  display:none;
  padding:0 24px 24px;
  color:rgba(238,245,255,.68);
  font-size:14.5px;
  line-height:1.75;
}

.faq-item.active .faq-answer{
  display:block;
}

.faq-answer strong{
  color:#fff;
}

.faq-bottom{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.faq-cta{
  border-radius:24px;
  padding:24px;
  border:1px solid rgba(0,215,255,.28);
  background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.055));
}

.faq-cta h3{
  font-family:var(--font-h);
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:9px;
}

.faq-cta p{
  color:rgba(238,245,255,.66);
  font-size:14px;
  line-height:1.65;
  margin-bottom:18px;
}

@media(max-width:1080px){
  .faq-layout{
    grid-template-columns:1fr;
  }

  .faq-copy{
    position:relative;
    top:auto;
  }
}

@media(max-width:720px){
  .faq-section{
    padding:32px 0;
  }

  .faq-mini-grid,
  .faq-bottom{
    grid-template-columns:1fr;
  }

  .faq-question{
    font-size:18px;
  }
}


/* FAQ side form */
.faq-side-form{
  margin-top:18px;
  display:grid;
  gap:10px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(0,215,255,.26);
  background:linear-gradient(135deg,rgba(0,215,255,.065),rgba(152,44,255,.05));
}

.faq-side-form h3{
  font-family:var(--font-h);
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:4px;
}

.faq-side-form input,
.faq-side-form textarea{
  width:100%;
  min-height:48px;
  border-radius:13px;
  border:1px solid rgba(130,170,255,.25);
  background:rgba(1,7,20,.62);
  color:#fff;
  font-family:var(--font-b);
  font-size:13px;
  padding:13px 14px;
  outline:none;
}

.faq-side-form textarea{
  min-height:86px;
  resize:vertical;
}

.faq-side-form input::placeholder,
.faq-side-form textarea::placeholder{
  color:rgba(238,245,255,.55);
}

.faq-side-form button{
  min-height:50px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;
  font-family:var(--font-h);
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 38px rgba(66,66,255,.3);
}

/* SECTION 13 — FINAL CTA */
.final-cta-section{
  position:relative;
  padding:48px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 40%,rgba(0,215,255,.2),transparent 34%),
    radial-gradient(circle at 82% 74%,rgba(152,44,255,.18),transparent 34%),
    linear-gradient(180deg,#020713 0%,#061129 100%);
  border-top:1px solid rgba(0,215,255,.18);
  text-align:center;
}

.final-cta-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,215,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,255,.03) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 76%);
  pointer-events:none;
}

.final-cta-inner{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto;
}

.final-cta-card{
  position:relative;
  padding:54px 44px;
  border-radius:36px;
  border:1px solid rgba(0,215,255,.38);
  background:
    radial-gradient(circle at 20% 20%,rgba(0,215,255,.13),transparent 30%),
    radial-gradient(circle at 82% 76%,rgba(152,44,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),
    rgba(5,12,34,.88);
  box-shadow:0 28px 100px rgba(0,0,0,.34),0 0 80px rgba(0,215,255,.1);
  overflow:hidden;
}

.final-cta-card::before{
  content:"✦";
  position:absolute;
  top:28px;
  right:32px;
  color:var(--cyan);
  text-shadow:0 0 22px var(--cyan);
  font-size:34px;
  opacity:.8;
}

.final-cta-card h2{
  font-family:var(--font-h);
  font-size:clamp(42px,5.4vw,78px);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:900;
  max-width:850px;
  margin:18px auto 20px;
}

.final-cta-card h2 span{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));
  -webkit-background-clip:text;
  color:transparent;
}

.final-cta-card p{
  color:rgba(238,245,255,.74);
  font-size:18px;
  line-height:1.7;
  max-width:760px;
  margin:0 auto 30px;
}

.final-cta-actions{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:26px;
}

.final-cta-proof{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.final-cta-proof span{
  border-radius:999px;
  padding:9px 13px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(130,170,255,.2);
  color:rgba(238,245,255,.7);
  font-size:12px;
  font-weight:850;
}

.final-cta-proof span::before{
  content:"✓";
  color:var(--cyan);
  margin-right:7px;
}

@media(max-width:720px){
  .final-cta-section{
    padding:22px 0;
  }

  .final-cta-card{
    padding:36px 20px;
  }
}


.faq-side-form{margin-top:20px!important;display:grid!important;gap:11px!important;padding:20px!important;border-radius:22px!important;border:1px solid rgba(0,215,255,.28)!important;background:linear-gradient(135deg,rgba(0,215,255,.07),rgba(152,44,255,.055))!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.faq-side-form h3{font-family:var(--font-h);font-size:22px;line-height:1.05;letter-spacing:-.04em;margin-bottom:4px}.faq-side-form input,.faq-side-form textarea{width:100%;min-height:50px;border-radius:14px;border:1px solid rgba(130,170,255,.28);background:rgba(1,7,20,.64);color:#fff;font-family:var(--font-b);font-size:13px;padding:13px 14px;outline:none}.faq-side-form textarea{min-height:92px;resize:vertical}.faq-side-form input::placeholder,.faq-side-form textarea::placeholder{color:rgba(238,245,255,.56)}.faq-side-form button{min-height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-family:var(--font-h);font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 14px 38px rgba(66,66,255,.3)}
.roi-section{position:relative;padding:48px 0;overflow:hidden;background:radial-gradient(circle at 16% 18%,rgba(0,215,255,.18),transparent 30%),radial-gradient(circle at 84% 78%,rgba(152,44,255,.18),transparent 34%),linear-gradient(180deg,#020713 0%,#07152f 100%);border-top:1px solid rgba(0,215,255,.18)}.roi-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,215,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,215,255,.028) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(circle at 50% 45%,black,transparent 76%);pointer-events:none}.roi-inner{position:relative;z-index:2}.roi-head{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:42px;align-items:end;margin-bottom:38px}.roi-head h2{font-family:var(--font-h);font-size:clamp(42px,5.4vw,78px);line-height:.92;letter-spacing:-.07em;font-weight:900}.roi-head h2 span{background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.roi-head p{color:rgba(238,245,255,.72);font-size:16.5px;line-height:1.75}.roi-grid{display:grid;grid-template-columns:1fr 470px;gap:24px;align-items:stretch}.roi-dashboard,.final-form-card{border-radius:32px;padding:30px;border:1px solid rgba(0,215,255,.36);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),rgba(5,12,34,.86);box-shadow:0 28px 90px rgba(0,0,0,.34),0 0 70px rgba(0,215,255,.1)}.roi-dashboard h3,.final-form-card h3{font-family:var(--font-h);font-size:32px;line-height:1.02;letter-spacing:-.05em;margin-bottom:10px}.roi-dashboard p,.final-form-card p{color:rgba(238,245,255,.66);font-size:14px;line-height:1.65;margin-bottom:24px}.roi-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.roi-dial{min-height:180px;border-radius:24px;border:1px solid rgba(130,170,255,.22);background:rgba(255,255,255,.04);padding:20px;display:grid;place-items:center;text-align:center}.dial{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--pct), rgba(255,255,255,.08) 0);margin-bottom:12px;box-shadow:0 0 32px rgba(0,215,255,.12)}.dial span{width:82px;height:82px;border-radius:50%;background:#071226;display:grid;place-items:center;font-family:var(--font-h);font-size:23px;font-weight:900;color:#fff}.roi-dial b{display:block;font-family:var(--font-h);font-size:15px;margin-bottom:4px}.roi-dial small{color:rgba(238,245,255,.58);font-size:11px;font-weight:800}.roi-bars{display:grid;gap:15px}.roi-bar{border-radius:20px;padding:18px;border:1px solid rgba(130,170,255,.2);background:rgba(255,255,255,.035)}.roi-bar-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:11px;font-size:13px;font-weight:900;color:#fff}.roi-bar-track{height:11px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.roi-bar-fill{height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 0 22px rgba(0,215,255,.24)}.roi-comparison{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.roi-compare-box{border-radius:20px;padding:18px;border:1px solid rgba(130,170,255,.2);background:rgba(255,255,255,.035)}.roi-compare-box b{display:block;font-family:var(--font-h);font-size:18px;margin-bottom:7px}.roi-compare-box span{display:block;color:rgba(238,245,255,.62);font-size:12.5px;line-height:1.55}.roi-compare-box.good{border-color:rgba(0,215,255,.34);background:linear-gradient(135deg,rgba(0,215,255,.075),rgba(152,44,255,.05))}.final-close-form{display:grid;gap:12px}.final-close-form input,.final-close-form select,.final-close-form textarea{width:100%;min-height:54px;border-radius:14px;border:1px solid rgba(130,170,255,.28);background:rgba(1,7,20,.64);color:#fff;font-family:var(--font-b);font-size:14px;padding:15px 16px;outline:none}.final-close-form textarea{min-height:112px;resize:vertical}.final-close-form input::placeholder,.final-close-form textarea::placeholder{color:rgba(238,245,255,.55)}.final-close-form select{color:rgba(238,245,255,.72)}.final-close-form button{min-height:58px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-family:var(--font-h);font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 18px 48px rgba(66,66,255,.35)}.final-proof-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.final-proof-row span{border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.045);border:1px solid rgba(130,170,255,.18);color:rgba(238,245,255,.66);font-size:11px;font-weight:850}.final-proof-row span:before{content:"✓";color:var(--cyan);margin-right:6px}
.site-footer{position:relative;background:#020713;border-top:1px solid rgba(0,215,255,.18);padding:32px 0 34px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;gap:30px;margin-bottom:24px}.footer-brand h3{font-family:var(--font-h);font-size:28px;letter-spacing:-.04em;margin-bottom:12px}.footer-brand p{color:rgba(238,245,255,.62);font-size:13px;line-height:1.7;max-width:330px}.footer-col h4{font-family:var(--font-h);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);margin-bottom:14px}.footer-col a,.footer-col span{display:block;color:rgba(238,245,255,.62);font-size:13px;line-height:1.8;transition:.18s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(130,170,255,.16);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:rgba(238,245,255,.48);font-size:12px}@media(max-width:1100px){.roi-head,.roi-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.roi-section{padding:22px 0}.roi-metrics,.roi-comparison,.footer-grid{grid-template-columns:1fr}}


.footer-logo-wrap{
  width:96px;
  height:96px;
  border-radius:22px;
  overflow:hidden;
  margin-bottom:16px;
  border:1px solid rgba(0,215,255,.28);
  background:#000;
  box-shadow:0 0 34px rgba(0,215,255,.14);
}

.footer-logo-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


.site-footer .footer-brand .footer-logo-fixed{
  display:block !important;
  width:140px !important;
  height:auto !important;
  max-width:140px !important;
  object-fit:contain !important;
  margin:0 0 18px 0 !important;
  border-radius:18px !important;
  background:#000 !important;
  border:1px solid rgba(0,215,255,.28) !important;
  box-shadow:0 0 34px rgba(0,215,255,.16) !important;
}


.whatsapp-float{position:fixed!important;right:24px!important;bottom:24px!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#25D366!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;box-shadow:0 12px 34px rgba(37,211,102,.45),0 0 0 6px rgba(37,211,102,.12)!important;color:#fff!important;text-decoration:none!important;border:2px solid rgba(255,255,255,.24)!important}
.whatsapp-float:hover{transform:scale(1.08)!important}
.whatsapp-float svg{width:34px;height:34px;fill:#fff;display:block}
.quick-contact-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.quick-contact-strip a{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;border:1px solid rgba(0,215,255,.28);background:rgba(255,255,255,.045);color:#fff;font-size:13px;font-weight:850;text-decoration:none}
.quick-contact-strip a.whatsapp-mini{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.45)}
.footer-contact-block{margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(0,215,255,.24);background:rgba(255,255,255,.035)}
.footer-contact-block a,.footer-contact-block span{display:block;color:rgba(238,245,255,.74)!important;font-size:13px!important;line-height:1.8!important}
.footer-contact-block b{display:block;color:#fff;margin-bottom:6px;font-family:var(--font-h,system-ui)}
@media(max-width:640px){.whatsapp-float{right:16px!important;bottom:16px!important;width:58px!important;height:58px!important}}


/* Homepage exact logo placement */
header.nav .homepage-exact-logo,
.nav .homepage-exact-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:300px !important;
  height:112px !important;
  min-width:300px !important;
  overflow:visible !important;
  text-decoration:none !important;
}

header.nav .homepage-exact-logo img,
.nav .homepage-exact-logo img{
  display:block !important;
  width:270px !important;
  max-width:270px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

header.nav .nav-inner,
.nav .nav-inner{
  min-height:118px !important;
  align-items:center !important;
  overflow:visible !important;
}

@media(max-width:900px){
  header.nav .homepage-exact-logo,
  .nav .homepage-exact-logo{
    width:230px !important;
    min-width:230px !important;
    height:92px !important;
  }

  header.nav .homepage-exact-logo img,
  .nav .homepage-exact-logo img{
    width:215px !important;
    max-width:215px !important;
  }

  header.nav .nav-inner,
  .nav .nav-inner{
    min-height:98px !important;
  }
}


/* GLOBAL NAV DROPDOWN COLLAPSE FIX
   Keeps approved header/logo, fixes inner page exploded dropdowns. */
header.nav,
.nav{
  position:sticky !important;
  top:0 !important;
  z-index:9998 !important;
  background:rgba(2,7,19,.82) !important;
  backdrop-filter:blur(18px) !important;
  border-bottom:1px solid rgba(0,215,255,.16) !important;
  overflow:visible !important;
}

header.nav .nav-inner,
.nav .nav-inner{
  max-width:1320px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  overflow:visible !important;
}

header.nav .nav-links,
.nav .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:4px !important;
  list-style:none !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  overflow:visible !important;
}

header.nav .nav-links > li,
.nav .nav-links > li{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
}

header.nav .nav-links > li > a,
.nav .nav-links > li > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  color:rgba(248,251,255,.86) !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

header.nav .nav-links > li:hover > a,
.nav .nav-links > li:hover > a{
  color:#fff !important;
  background:rgba(255,255,255,.055) !important;
}

/* Force all dropdown panels hidden unless hovered/focused */
header.nav .nav-dd,
.nav .nav-dd{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:0 !important;
  min-width:275px !important;
  max-width:460px !important;
  padding:10px !important;
  border-radius:20px !important;
  border:1px solid rgba(0,215,255,.26) !important;
  background:rgba(5,12,34,.97) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 45px rgba(0,215,255,.1) !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:4px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  z-index:10000 !important;
}

header.nav .nav-dd.wide,
.nav .nav-dd.wide{
  min-width:430px !important;
  grid-template-columns:1fr 1fr !important;
}

header.nav .has-dd::after,
.nav .has-dd::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:100% !important;
  height:14px !important;
}

/* Show dropdown only on hover/focus */
header.nav .has-dd:hover > .nav-dd,
header.nav .has-dd:focus-within > .nav-dd,
.nav .has-dd:hover > .nav-dd,
.nav .has-dd:focus-within > .nav-dd{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

header.nav .nav-dd a,
.nav .nav-dd a{
  display:block !important;
  padding:11px 12px !important;
  border-radius:14px !important;
  color:rgba(238,245,255,.76) !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  white-space:normal !important;
}

header.nav .nav-dd a:hover,
.nav .nav-dd a:hover{
  background:rgba(0,215,255,.08) !important;
  color:#fff !important;
}

/* Keep CTA centred and not dropped */
header.nav .nav-cta,
.nav .nav-cta{
  align-self:center !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  transform:none !important;
  white-space:nowrap !important;
}

/* Mobile/tablet: menu wraps, dropdown opens on hover/focus but stays in flow */
@media(max-width:1100px){
  header.nav .nav-inner,
  .nav .nav-inner{
    flex-wrap:wrap !important;
    height:auto !important;
    min-height:104px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  header.nav .nav-links,
  .nav .nav-links{
    order:3 !important;
    width:100% !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    padding-bottom:5px !important;
  }

  header.nav .nav-dd,
  .nav .nav-dd,
  header.nav .nav-dd.wide,
  .nav .nav-dd.wide{
    position:absolute !important;
    grid-template-columns:1fr !important;
    min-width:280px !important;
    max-width:calc(100vw - 40px) !important;
  }
}

@media(max-width:760px){
  header.nav .nav-links,
  .nav .nav-links{
    display:block !important;
  }

  header.nav .nav-links > li,
  .nav .nav-links > li{
    display:block !important;
  }

  header.nav .nav-links > li > a,
  .nav .nav-links > li > a{
    justify-content:space-between !important;
    width:100% !important;
  }

  header.nav .nav-dd,
  .nav .nav-dd{
    position:static !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    margin:4px 0 10px !important;
  }

  header.nav .has-dd:hover > .nav-dd,
  header.nav .has-dd:focus-within > .nav-dd,
  .nav .has-dd:hover > .nav-dd,
  .nav .has-dd:focus-within > .nav-dd{
    display:grid !important;
  }
}


/* SAVVYTECHGURU CLEAN NAV REBUILD — conflict-proof */
.stg-header{position:sticky;top:0;z-index:99999;background:rgba(2,7,19,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,215,255,.18);overflow:visible}
.stg-nav-wrap{width:min(1320px,100%);min-height:104px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:22px;overflow:visible}
.stg-brand{display:flex;align-items:center;gap:14px;width:318px;min-width:318px;height:104px;flex:0 0 318px;text-decoration:none;overflow:visible}
.stg-brand-icon{width:94px;height:94px;flex:0 0 94px;display:block;object-fit:contain;object-position:center;background:transparent;border:0;box-shadow:none}
.stg-brand-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:88px;font-family:var(--font-h,'Space Grotesk',Inter,system-ui,sans-serif);font-size:29px;line-height:.88;letter-spacing:.035em;font-weight:900;text-transform:uppercase;color:#fff;white-space:nowrap}
.stg-brand-text span{display:block;margin:0;padding:0}.stg-brand-tech{color:var(--cyan,#00d7ff)}
.stg-menu{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end;overflow:visible}
.stg-menu-list{display:flex;align-items:center;justify-content:flex-end;gap:3px;list-style:none;margin:0;padding:0;overflow:visible}
.stg-menu-list>li{position:relative;display:flex;align-items:center;margin:0;padding:0}
.stg-menu-list>li>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 10px;border-radius:12px;color:rgba(248,251,255,.86);text-decoration:none;font-family:var(--font-b,Inter,system-ui,sans-serif);font-size:13px;line-height:1.12;font-weight:850;white-space:nowrap}
.stg-menu-list>li:hover>a,.stg-menu-list>li:focus-within>a{color:#fff;background:rgba(255,255,255,.055)}
.stg-has-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.stg-dd{position:absolute;top:calc(100% + 10px);left:0;min-width:278px;max-width:480px;padding:10px;border-radius:20px;border:1px solid rgba(0,215,255,.26);background:rgba(5,12,34,.98);box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 45px rgba(0,215,255,.1);display:grid;grid-template-columns:1fr;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:100000}
.stg-dd-wide{min-width:440px;grid-template-columns:1fr 1fr}
.stg-has-dd:hover>.stg-dd,.stg-has-dd:focus-within>.stg-dd{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.stg-dd a{display:block;padding:11px 12px;border-radius:14px;color:rgba(238,245,255,.76);text-decoration:none;font-size:13px;line-height:1.24;font-weight:750;white-space:normal}
.stg-dd a:hover,.stg-dd a:focus{color:#fff;background:rgba(0,215,255,.08)}
.stg-audit-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:15px;background:linear-gradient(135deg,#1597ff,#982cff);color:#fff;font-family:var(--font-h,'Space Grotesk',Inter,system-ui,sans-serif);font-size:14px;font-weight:900;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 18px 48px rgba(66,66,255,.28)}
.stg-audit-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:1240px){.stg-nav-wrap{gap:14px;padding:0 20px}.stg-brand{width:276px;min-width:276px;flex-basis:276px}.stg-brand-icon{width:82px;height:82px;flex-basis:82px}.stg-brand-text{font-size:25px}.stg-menu-list>li>a{padding:10px 8px;font-size:12px}.stg-audit-btn{padding:0 16px}}
@media(max-width:1100px){.stg-nav-wrap{height:auto;min-height:104px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.stg-menu{order:3;width:100%;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.stg-menu-list{justify-content:flex-start}.stg-dd,.stg-dd-wide{min-width:280px;max-width:calc(100vw - 40px)}}
@media(max-width:760px){.stg-brand{width:250px;min-width:250px;flex-basis:250px;height:88px;gap:10px}.stg-brand-icon{width:74px;height:74px;flex-basis:74px}.stg-brand-text{font-size:22px;height:72px}.stg-audit-btn{width:100%;order:2}.stg-menu{overflow:visible}.stg-menu-list{display:block;width:100%}.stg-menu-list>li{display:block}.stg-menu-list>li>a{width:100%;justify-content:space-between}.stg-dd,.stg-dd-wide{position:static;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;pointer-events:auto;transform:none;min-width:100%;max-width:100%;margin:4px 0 10px}.stg-has-dd:hover>.stg-dd,.stg-has-dd:focus-within>.stg-dd{display:grid}}


/* STG uploaded logo image placement */
.stg-brand-image-only{
  width:190px !important;
  min-width:190px !important;
  height:104px !important;
  flex:0 0 190px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  text-decoration:none !important;
  padding:0 !important;
  margin:0 !important;
}

.stg-brand-full-logo{
  width:138px !important;
  height:138px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

@media(max-width:1240px){
  .stg-brand-image-only{
    width:160px !important;
    min-width:160px !important;
    flex-basis:160px !important;
  }
  .stg-brand-full-logo{
    width:122px !important;
    height:122px !important;
  }
}

@media(max-width:760px){
  .stg-brand-image-only{
    width:140px !important;
    min-width:140px !important;
    height:88px !important;
    flex-basis:140px !important;
  }
  .stg-brand-full-logo{
    width:104px !important;
    height:104px !important;
  }
}


/* Nav background matched to logo dark navy */
.stg-header{
  background:#071527 !important;
  background:linear-gradient(180deg,#071527 0%,#061224 100%) !important;
  border-bottom:1px solid rgba(0,215,255,.18) !important;
}

.stg-nav-wrap{
  background:transparent !important;
}

.stg-brand-image-only{
  background:transparent !important;
}

.stg-brand-full-logo{
  mix-blend-mode:normal !important;
}


/* Transparent logo refinement */
.stg-brand-full-logo{
  width:132px !important;
  height:132px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.stg-brand-image-only{
  background:transparent !important;
}


/* TWO-ROW HEADER LAYOUT MATCHING REQUESTED SCREENSHOT */
.stg-header-two-row{
  position:sticky !important;
  top:0 !important;
  z-index:999999 !important;
  background:#071527 !important;
  border-bottom:1px solid rgba(0,215,255,.18) !important;
  overflow:visible !important;
}

.stg-head-top,
.stg-head-bottom{
  width:100% !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding-left:32px !important;
  padding-right:32px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.stg-head-top{
  min-height:86px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-bottom:1px solid rgba(0,215,255,.10) !important;
}

.stg-head-bottom{
  min-height:70px !important;
  display:grid !important;
  grid-template-columns:170px 1fr 280px !important;
  align-items:center !important;
  column-gap:24px !important;
}

.stg-brand,
.stg-brand-image-only,
.stg-brand-locked{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:86px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  text-decoration:none !important;
  flex:none !important;
}

.stg-brand-full-logo{
  display:block !important;
  width:126px !important;
  height:126px !important;
  max-width:126px !important;
  max-height:126px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
}

.stg-brand-name{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
}

.stg-top-contact{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}

.stg-contact-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,215,255,.20) !important;
  background:rgba(255,255,255,.04) !important;
  color:rgba(248,251,255,.88) !important;
  text-decoration:none !important;
  font-family:var(--font-b,Inter,system-ui,sans-serif) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:850 !important;
}

.stg-contact-link:hover{
  background:rgba(0,215,255,.08) !important;
  color:#fff !important;
}

.stg-socials{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.stg-socials a{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(0,215,255,.20) !important;
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  text-decoration:none !important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease !important;
}

.stg-socials a:hover{
  transform:translateY(-1px) !important;
  background:linear-gradient(135deg,rgba(0,215,255,.16),rgba(152,44,255,.16)) !important;
  border-color:rgba(0,215,255,.42) !important;
}

.stg-socials svg{
  width:16px !important;
  height:16px !important;
  fill:currentColor !important;
}

.stg-menu{
  grid-column:2 !important;
  justify-self:center !important;
  align-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  overflow:visible !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.stg-menu-list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.stg-menu-list > li{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.stg-menu-list > li > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:44px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  color:rgba(248,251,255,.88) !important;
  text-decoration:none !important;
  font-family:var(--font-b,Inter,system-ui,sans-serif) !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.stg-menu-list > li:hover > a,
.stg-menu-list > li:focus-within > a{
  color:#fff !important;
  background:rgba(255,255,255,.055) !important;
}

.stg-has-dd::after{
  content:"" !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  right:0 !important;
  height:16px !important;
  pointer-events:auto !important;
}

.stg-dd{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  transform:translate(-50%,8px) !important;
  min-width:280px !important;
  max-width:520px !important;
  padding:10px !important;
  border-radius:20px !important;
  border:1px solid rgba(0,215,255,.26) !important;
  background:rgba(5,12,34,.985) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 45px rgba(0,215,255,.10) !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:4px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  z-index:1000000 !important;
  overflow:visible !important;
}

.stg-dd-wide{
  min-width:470px !important;
  grid-template-columns:1fr 1fr !important;
}

.stg-has-dd:hover > .stg-dd,
.stg-has-dd:focus-within > .stg-dd{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate(-50%,0) !important;
}

.stg-dd a{
  display:block !important;
  padding:11px 12px !important;
  border-radius:14px !important;
  color:rgba(238,245,255,.78) !important;
  text-decoration:none !important;
  font-size:13px !important;
  line-height:1.24 !important;
  font-weight:750 !important;
  white-space:normal !important;
}

.stg-dd a:hover,
.stg-dd a:focus{
  color:#fff !important;
  background:rgba(0,215,255,.08) !important;
}

.stg-audit-btn{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  min-height:58px !important;
  padding:0 26px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#1597ff,#982cff) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:var(--font-h,'Space Grotesk',Inter,system-ui,sans-serif) !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 18px 48px rgba(66,66,255,.28) !important;
  margin:0 !important;
  transform:none !important;
}

.stg-audit-btn:hover{
  filter:brightness(1.08) !important;
}

/* Laptop fit */
@media(max-width:1320px){
  .stg-head-top,
  .stg-head-bottom{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .stg-head-bottom{
    grid-template-columns:150px 1fr 230px !important;
    column-gap:16px !important;
  }

  .stg-menu-list{
    gap:2px !important;
  }

  .stg-menu-list > li > a{
    padding:10px 9px !important;
    font-size:13px !important;
  }

  .stg-contact-link{
    display:none !important;
  }

  .stg-audit-btn{
    padding:0 18px !important;
    font-size:14px !important;
  }
}

@media(max-width:1050px){
  .stg-head-top{
    min-height:80px !important;
  }

  .stg-head-bottom{
    min-height:112px !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    row-gap:8px !important;
    padding-bottom:12px !important;
  }

  .stg-menu{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:center !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding-bottom:4px !important;
  }

  .stg-menu-list{
    min-width:max-content !important;
  }

  .stg-audit-btn{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:center !important;
  }
}

@media(max-width:760px){
  .stg-head-top{
    display:grid !important;
    grid-template-columns:120px 1fr !important;
    gap:10px !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .stg-brand,
  .stg-brand-image-only,
  .stg-brand-locked{
    width:120px !important;
    min-width:120px !important;
    max-width:120px !important;
    height:76px !important;
  }

  .stg-brand-full-logo{
    width:96px !important;
    height:96px !important;
    max-width:96px !important;
    max-height:96px !important;
  }

  .stg-top-contact{
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  .stg-socials a{
    width:32px !important;
    height:32px !important;
  }

  .stg-head-bottom{
    padding:0 16px 10px !important;
  }

  .stg-menu{
    justify-content:flex-start !important;
    width:100% !important;
    overflow:visible !important;
  }

  .stg-menu-list{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  .stg-menu-list > li{
    display:block !important;
  }

  .stg-menu-list > li > a{
    width:100% !important;
    justify-content:space-between !important;
    font-size:14px !important;
  }

  .stg-dd,
  .stg-dd-wide{
    position:static !important;
    display:none !important;
    grid-template-columns:1fr !important;
    min-width:100% !important;
    max-width:100% !important;
    width:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    margin:4px 0 10px !important;
  }

  .stg-has-dd:hover > .stg-dd,
  .stg-has-dd:focus-within > .stg-dd{
    display:grid !important;
    transform:none !important;
  }

  .stg-audit-btn{
    width:100% !important;
  }
}


/* Preview: remove nav divider line and enlarge logo */
.stg-head-top{
  border-bottom:0 !important;
}

.stg-header-two-row,
.stg-header{
  border-bottom:1px solid rgba(0,215,255,.10) !important;
}

.stg-head-top{
  min-height:104px !important;
}

.stg-brand,
.stg-brand-image-only,
.stg-brand-locked{
  width:185px !important;
  min-width:185px !important;
  max-width:185px !important;
  height:104px !important;
}

.stg-brand-full-logo{
  width:158px !important;
  height:158px !important;
  max-width:158px !important;
  max-height:158px !important;
}

.stg-head-bottom{
  min-height:66px !important;
}

@media(max-width:1320px){
  .stg-brand,
  .stg-brand-image-only,
  .stg-brand-locked{
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
  }

  .stg-brand-full-logo{
    width:145px !important;
    height:145px !important;
    max-width:145px !important;
    max-height:145px !important;
  }
}

@media(max-width:760px){
  .stg-brand,
  .stg-brand-image-only,
  .stg-brand-locked{
    width:135px !important;
    min-width:135px !important;
    max-width:135px !important;
  }

  .stg-brand-full-logo{
    width:112px !important;
    height:112px !important;
    max-width:112px !important;
    max-height:112px !important;
  }
}


/* Logo vertically centred across full header height */
.stg-header-two-row{
  position:relative !important;
}

.stg-head-top{
  border-bottom:0 !important;
  min-height:86px !important;
  padding-left:32px !important;
  padding-right:32px !important;
}

.stg-head-bottom{
  min-height:78px !important;
  grid-template-columns:210px 1fr 280px !important;
}

/* Pull the logo out of top-row flow and centre it against the whole header */
.stg-head-top .stg-brand,
.stg-head-top .stg-brand-image-only,
.stg-head-top .stg-brand-locked{
  position:absolute !important;
  left:32px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:20 !important;
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}

/* Create logo clearance in top contact row */
.stg-top-contact{
  margin-left:220px !important;
}

/* Keep menu clear of logo on second row */
.stg-menu{
  grid-column:2 !important;
}

.stg-brand-full-logo{
  width:158px !important;
  height:158px !important;
  max-width:158px !important;
  max-height:158px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

@media(max-width:1320px){
  .stg-head-bottom{
    grid-template-columns:190px 1fr 230px !important;
  }

  .stg-head-top .stg-brand,
  .stg-head-top .stg-brand-image-only,
  .stg-head-top .stg-brand-locked{
    left:24px !important;
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    height:140px !important;
  }

  .stg-brand-full-logo{
    width:145px !important;
    height:145px !important;
    max-width:145px !important;
    max-height:145px !important;
  }

  .stg-top-contact{
    margin-left:190px !important;
  }
}

@media(max-width:1050px){
  .stg-head-top .stg-brand,
  .stg-head-top .stg-brand-image-only,
  .stg-head-top .stg-brand-locked{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    height:90px !important;
  }

  .stg-top-contact{
    margin-left:0 !important;
  }

  .stg-head-bottom{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:760px){
  .stg-head-top .stg-brand,
  .stg-head-top .stg-brand-image-only,
  .stg-head-top .stg-brand-locked{
    width:135px !important;
    min-width:135px !important;
    max-width:135px !important;
    height:82px !important;
  }

  .stg-brand-full-logo{
    width:112px !important;
    height:112px !important;
    max-width:112px !important;
    max-height:112px !important;
  }
}


/* Centre top contact/social strip while keeping logo locked */
.stg-head-top{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.stg-top-contact{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  margin-left:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:max-content !important;
  max-width:calc(100% - 430px) !important;
  white-space:nowrap !important;
  z-index:10 !important;
}

/* keep the logo above/left and not affected by centring */
.stg-head-top .stg-brand,
.stg-head-top .stg-brand-image-only,
.stg-head-top .stg-brand-locked{
  z-index:20 !important;
}

/* keep spacing clean on medium screens */
@media(max-width:1320px){
  .stg-top-contact{
    max-width:calc(100% - 360px) !important;
    gap:8px !important;
  }

  .stg-contact-link{
    padding-left:11px !important;
    padding-right:11px !important;
  }
}

/* when space gets tight, return to normal right-side wrapping */
@media(max-width:1050px){
  .stg-head-top{
    justify-content:space-between !important;
  }

  .stg-top-contact{
    position:static !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    justify-content:flex-end !important;
    margin-left:0 !important;
    flex-wrap:wrap !important;
  }
}

@media(max-width:760px){
  .stg-top-contact{
    justify-content:flex-end !important;
    gap:6px !important;
  }
}


/* Baseline nav locked + blue/purple social icon colour */
.stg-socials a{
  background:
    linear-gradient(135deg, rgba(0,215,255,.14), rgba(152,44,255,.18)) !important;
  border-color:rgba(0,215,255,.30) !important;
  color:#ffffff !important;
  box-shadow:
    0 0 18px rgba(0,215,255,.08),
    inset 0 0 18px rgba(152,44,255,.08) !important;
}

.stg-socials a:nth-child(1){
  background:linear-gradient(135deg,rgba(0,130,255,.22),rgba(24,119,242,.24)) !important;
}

.stg-socials a:nth-child(2){
  background:linear-gradient(135deg,rgba(152,44,255,.20),rgba(255,48,108,.20),rgba(0,215,255,.12)) !important;
}

.stg-socials a:nth-child(3){
  background:linear-gradient(135deg,rgba(0,215,255,.18),rgba(152,44,255,.20)) !important;
}

.stg-socials a:nth-child(4){
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,215,255,.14),rgba(152,44,255,.16)) !important;
}

.stg-socials a:nth-child(5){
  background:linear-gradient(135deg,rgba(0,119,181,.24),rgba(0,215,255,.14)) !important;
}

.stg-socials a:hover{
  transform:translateY(-2px) scale(1.04) !important;
  border-color:rgba(152,44,255,.55) !important;
  box-shadow:
    0 0 24px rgba(0,215,255,.18),
    0 0 34px rgba(152,44,255,.12) !important;
}

.stg-socials svg{
  filter:drop-shadow(0 0 5px rgba(0,215,255,.22)) !important;
}


/* Footer logo + premium form upgrade */
.stg-footer-logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:160px !important;
  height:150px !important;
  overflow:visible !important;
  text-decoration:none !important;
  margin:0 0 18px 0 !important;
}

.stg-footer-logo img{
  display:block !important;
  width:150px !important;
  height:150px !important;
  max-width:150px !important;
  max-height:150px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Hide old text-only footer brand heading when new logo is present */
.footer .stg-footer-logo + h2,
footer .stg-footer-logo + h2,
.footer .stg-footer-logo + h3,
footer .stg-footer-logo + h3{
  margin-top:0 !important;
}

/* Premium glamour treatment for enquiry forms */
.hero form,
.hero-page form,
.quick-form form,
.contact-form form,
.cta-form form,
.audit-form form,
section form{
  position:relative !important;
}

.quick-form,
.contact-form,
.cta-form,
.audit-form,
.hero .form-card,
.hero-page .quick-form,
form.premium-form{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(0,215,255,.28) !important;
  background:
    radial-gradient(circle at 15% 12%, rgba(0,215,255,.16), transparent 32%),
    radial-gradient(circle at 92% 18%, rgba(152,44,255,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03)),
    rgba(5,12,34,.82) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.34),
    0 0 46px rgba(0,215,255,.10),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(16px) !important;
}

.quick-form::before,
.contact-form::before,
.cta-form::before,
.audit-form::before,
.hero .form-card::before,
.hero-page .quick-form::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(0,215,255,.18) 28%, rgba(152,44,255,.20) 52%, transparent 76%) !important;
  opacity:.35 !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.quick-form::after,
.contact-form::after,
.cta-form::after,
.audit-form::after,
.hero .form-card::after,
.hero-page .quick-form::after{
  content:"" !important;
  position:absolute !important;
  right:-58px !important;
  top:-58px !important;
  width:150px !important;
  height:150px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(0,215,255,.22), rgba(152,44,255,.08), transparent 70%) !important;
  filter:blur(2px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.quick-form > *,
.contact-form > *,
.cta-form > *,
.audit-form > *,
.hero .form-card > *,
.hero-page .quick-form > *{
  position:relative !important;
  z-index:1 !important;
}

.quick-form h3,
.contact-form h3,
.cta-form h3,
.audit-form h3,
.hero .form-card h3,
.hero-page .quick-form h3{
  color:#fff !important;
  text-shadow:0 0 20px rgba(0,215,255,.16) !important;
}

.quick-form input,
.quick-form textarea,
.quick-form select,
.contact-form input,
.contact-form textarea,
.contact-form select,
.cta-form input,
.cta-form textarea,
.cta-form select,
.audit-form input,
.audit-form textarea,
.audit-form select,
.hero form input,
.hero form textarea,
.hero form select,
.hero-page form input,
.hero-page form textarea,
.hero-page form select{
  border:1px solid rgba(130,170,255,.28) !important;
  background:rgba(1,7,20,.72) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(0,215,255,.02) !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.quick-form input:focus,
.quick-form textarea:focus,
.quick-form select:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.cta-form input:focus,
.cta-form textarea:focus,
.cta-form select:focus,
.audit-form input:focus,
.audit-form textarea:focus,
.audit-form select:focus,
.hero form input:focus,
.hero form textarea:focus,
.hero form select:focus,
.hero-page form input:focus,
.hero-page form textarea:focus,
.hero-page form select:focus{
  outline:none !important;
  border-color:rgba(0,215,255,.72) !important;
  box-shadow:
    0 0 0 3px rgba(0,215,255,.12),
    0 0 26px rgba(152,44,255,.10) !important;
  transform:translateY(-1px) !important;
}

.quick-form button,
.contact-form button,
.cta-form button,
.audit-form button,
.hero form button,
.hero-page form button{
  position:relative !important;
  overflow:hidden !important;
  border:0 !important;
  background:linear-gradient(135deg,#1597ff,#6a5cff,#982cff) !important;
  color:#fff !important;
  box-shadow:
    0 18px 48px rgba(66,66,255,.28),
    0 0 24px rgba(0,215,255,.12) !important;
}

.quick-form button::after,
.contact-form button::after,
.cta-form button::after,
.audit-form button::after,
.hero form button::after,
.hero-page form button::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.22), transparent) !important;
  transform:translateX(-120%) !important;
  transition:transform .5s ease !important;
}

.quick-form button:hover::after,
.contact-form button:hover::after,
.cta-form button:hover::after,
.audit-form button:hover::after,
.hero form button:hover::after,
.hero-page form button:hover::after{
  transform:translateX(120%) !important;
}

.quick-form button:hover,
.contact-form button:hover,
.cta-form button:hover,
.audit-form button:hover,
.hero form button:hover,
.hero-page form button:hover{
  filter:brightness(1.08) !important;
  transform:translateY(-1px) !important;
}


/* FINAL HEADER LOGO RECENTER — keep logo middle height */
.stg-header-two-row{
  position:sticky !important;
  overflow:visible !important;
}

.stg-head-top{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:86px !important;
  border-bottom:0 !important;
  overflow:visible !important;
}

.stg-head-bottom{
  min-height:78px !important;
}

/* Absolute-centre logo across the whole two-row header */
.stg-head-top .stg-brand,
.stg-head-top .stg-brand-image-only,
.stg-head-top .stg-brand-locked{
  position:absolute !important;
  left:32px !important;
  top:82px !important;
  transform:translateY(-50%) !important;
  z-index:50 !important;
  width:185px !important;
  min-width:185px !important;
  max-width:185px !important;
  height:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
}

.stg-head-top .stg-brand-full-logo{
  width:158px !important;
  height:158px !important;
  max-width:158px !important;
  max-height:158px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

/* Keep top contact strip centred and clear of logo */
.stg-top-contact{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  margin-left:0 !important;
  max-width:calc(100% - 430px) !important;
  z-index:20 !important;
}

/* Keep second-row menu clear of the centred logo */
.stg-head-bottom{
  grid-template-columns:210px 1fr 280px !important;
}

@media(max-width:1320px){
  .stg-head-top .stg-brand,
  .stg-head-top .stg-brand-image-only,
  .stg-head-top .stg-brand-locked{
    left:24px !important;
    top:82px !important;
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    height:140px !important;
  }

  .stg-head-top .stg-brand-full-logo{
    width:145px !important;
    height:145px !important;
    max-width:145px !important;
    max-height:145px !important;
  }

  .stg-top-contact{
    max-width:calc(100% - 360px) !important;
  }

  .stg-head-bottom{
    grid-template-columns:190px 1fr 230px !important;
  }
}

@media(max-width:1050px){
  .stg-head-top .stg-brand,
  .stg-head-top .stg-brand-image-only,
  .stg-head-top .stg-brand-locked{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    height:90px !important;
  }

  .stg-top-contact{
    position:static !important;
    transform:none !important;
    max-width:none !important;
    justify-content:flex-end !important;
  }

  .stg-head-bottom{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:760px){
  .stg-head-top .stg-brand,
  .stg-head-top .stg-brand-image-only,
  .stg-head-top .stg-brand-locked{
    width:135px !important;
    min-width:135px !important;
    max-width:135px !important;
    height:82px !important;
  }

  .stg-head-top .stg-brand-full-logo{
    width:112px !important;
    height:112px !important;
    max-width:112px !important;
    max-height:112px !important;
  }
}


/* FORM CLICK/SUBMIT HARD FIX */
.quick-form,
.contact-form,
.cta-form,
.audit-form,
.hero .form-card,
.hero-page .quick-form{
  pointer-events:auto !important;
}

.quick-form::before,
.quick-form::after,
.contact-form::before,
.contact-form::after,
.cta-form::before,
.cta-form::after,
.audit-form::before,
.audit-form::after,
.hero .form-card::before,
.hero .form-card::after,
.hero-page .quick-form::before,
.hero-page .quick-form::after{
  pointer-events:none !important;
}

form,
form *{
  pointer-events:auto !important;
}

form button,
form input[type="submit"],
form .btn,
button[type="submit"]{
  position:relative !important;
  z-index:50 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

form button::before,
form button::after,
form input[type="submit"]::before,
form input[type="submit"]::after{
  pointer-events:none !important;
}

form input,
form textarea,
form select{
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
}


/* PHP FORM CLICK/SPAM PROTECTION FIX */
.quick-form::before,.quick-form::after,.contact-form::before,.contact-form::after,.cta-form::before,.cta-form::after,.audit-form::before,.audit-form::after,.hero .form-card::before,.hero .form-card::after,.hero-page .quick-form::before,.hero-page .quick-form::after{pointer-events:none!important}
form,form *{pointer-events:auto!important}
form button,button[type="submit"],form input[type="submit"]{position:relative!important;z-index:50!important;cursor:pointer!important;pointer-events:auto!important}


/* Layout polish patch: hero spacing, nav CTA alignment, carousel arrow placement */

/* 1) Pull main hero/body content up so there is less empty space */
.hero,
.hero-page,
.main-hero,
section.hero{
  padding-top:84px !important;
}

.hero .container,
.hero-grid,
.hero-inner,
.hero-wrap{
  align-items:center !important;
}

.hero h1,
.main-hero h1,
.hero-title{
  margin-top:0 !important;
}

/* If the homepage has a tall visual spacer/header compensation, reduce it */
body > main:first-of-type,
main{
  padding-top:0 !important;
}

@media(min-width:900px){
  .hero,
  .hero-page,
  .main-hero,
  section.hero{
    min-height:calc(100vh - 150px) !important;
  }
}

/* 2) Place audit button on right side of menu row, vertically centred with menu text */
.stg-head-bottom{
  grid-template-columns:210px 1fr auto !important;
  align-items:center !important;
}

.stg-menu{
  align-self:center !important;
}

.stg-audit-btn{
  align-self:center !important;
  justify-self:end !important;
  min-height:54px !important;
  height:54px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  transform:none !important;
  position:relative !important;
  top:0 !important;
}

/* Keep menu text aligned in the middle */
.stg-menu-list,
.stg-menu-list > li,
.stg-menu-list > li > a{
  align-items:center !important;
}

/* 3) Move carousel arrows up to sit beside the service cards, not below */
.services-carousel,
.service-carousel,
.carousel,
.cards-carousel,
.services-slider,
.service-slider,
.section-carousel{
  position:relative !important;
}

.carousel-arrow,
.carousel-btn,
.slider-btn,
.service-arrow,
.services-arrow,
.carousel-control,
button[aria-label="Previous"],
button[aria-label="Next"],
button[aria-label="Previous slide"],
button[aria-label="Next slide"]{
  top:50% !important;
  transform:translateY(-50%) !important;
  margin-top:0 !important;
  z-index:30 !important;
}

/* Common left/right arrow classes */
.carousel-arrow.prev,
.carousel-btn.prev,
.slider-btn.prev,
.service-arrow.prev,
.services-arrow.prev,
.carousel-control.prev,
button[aria-label="Previous"],
button[aria-label="Previous slide"]{
  left:18px !important;
}

.carousel-arrow.next,
.carousel-btn.next,
.slider-btn.next,
.service-arrow.next,
.services-arrow.next,
.carousel-control.next,
button[aria-label="Next"],
button[aria-label="Next slide"]{
  right:18px !important;
}

/* Homepage section-specific safety: arrows flanking service cards */
.services-section,
#services,
section[id*="service"],
section[class*="service"]{
  position:relative !important;
}

.services-section .carousel-arrow,
#services .carousel-arrow,
section[id*="service"] .carousel-arrow,
section[class*="service"] .carousel-arrow,
.services-section .carousel-btn,
#services .carousel-btn,
section[id*="service"] .carousel-btn,
section[class*="service"] .carousel-btn{
  top:50% !important;
  transform:translateY(-50%) !important;
}

/* If arrows were pushed down with bottom values, neutralise that */
.carousel-arrow,
.carousel-btn,
.slider-btn,
.service-arrow,
.services-arrow{
  bottom:auto !important;
}

@media(max-width:1050px){
  .stg-head-bottom{
    grid-template-columns:1fr !important;
  }

  .stg-audit-btn{
    justify-self:center !important;
  }

  .hero,
  .hero-page,
  .main-hero,
  section.hero{
    padding-top:56px !important;
  }
}

@media(max-width:760px){
  .carousel-arrow,
  .carousel-btn,
  .slider-btn,
  .service-arrow,
  .services-arrow,
  .carousel-control,
  button[aria-label="Previous"],
  button[aria-label="Next"],
  button[aria-label="Previous slide"],
  button[aria-label="Next slide"]{
    top:46% !important;
  }
}


/* Layout polish V2: audit button higher and carousel arrows aligned to card row */
.stg-audit-btn{
  position:relative !important;
  top:-8px !important;
  transform:none !important;
  align-self:center !important;
}

.services-section .carousel-arrow,
.services-section .carousel-btn,
.services-section .slider-btn,
.services-section .service-arrow,
.services-section .services-arrow,
.services-section .carousel-control,
#services .carousel-arrow,
#services .carousel-btn,
#services .slider-btn,
#services .service-arrow,
#services .services-arrow,
#services .carousel-control,
section[id*="service"] .carousel-arrow,
section[id*="service"] .carousel-btn,
section[id*="service"] .slider-btn,
section[id*="service"] .service-arrow,
section[id*="service"] .services-arrow,
section[id*="service"] .carousel-control,
section[class*="service"] .carousel-arrow,
section[class*="service"] .carousel-btn,
section[class*="service"] .slider-btn,
section[class*="service"] .service-arrow,
section[class*="service"] .services-arrow,
section[class*="service"] .carousel-control,
button[aria-label="Previous"],
button[aria-label="Next"],
button[aria-label="Previous slide"],
button[aria-label="Next slide"],
button.prev,
button.next,
.prev.carousel-arrow,
.next.carousel-arrow,
.prev.carousel-btn,
.next.carousel-btn,
.prev.slider-btn,
.next.slider-btn{
  top:38% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  margin-top:0 !important;
  z-index:60 !important;
}

.carousel > button,
.cards-carousel > button,
.services-carousel > button,
.service-carousel > button,
.services-slider > button,
.service-slider > button{
  top:38% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
}

button[aria-label="Previous"],
button[aria-label="Previous slide"],
.prev.carousel-arrow,
.prev.carousel-btn,
.prev.slider-btn,
button.prev{
  left:18px !important;
}

button[aria-label="Next"],
button[aria-label="Next slide"],
.next.carousel-arrow,
.next.carousel-btn,
.next.slider-btn,
button.next{
  right:18px !important;
}

@media(max-width:1050px){
  .stg-audit-btn{top:-4px !important;}
  .services-section .carousel-arrow,
  .services-section .carousel-btn,
  .services-section .slider-btn,
  #services .carousel-arrow,
  #services .carousel-btn,
  #services .slider-btn,
  button[aria-label="Previous"],
  button[aria-label="Next"],
  button[aria-label="Previous slide"],
  button[aria-label="Next slide"]{
    top:40% !important;
  }
}

@media(max-width:760px){
  .stg-audit-btn{top:0 !important;}
  .services-section .carousel-arrow,
  .services-section .carousel-btn,
  .services-section .slider-btn,
  #services .carousel-arrow,
  #services .carousel-btn,
  #services .slider-btn,
  button[aria-label="Previous"],
  button[aria-label="Next"],
  button[aria-label="Previous slide"],
  button[aria-label="Next slide"]{
    top:42% !important;
  }
}


/* Real imagery / platform showcase V1 */
.stg-real-proof{
  position:relative;
  padding:26px 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(0,215,255,.12), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(152,44,255,.13), transparent 36%),
    linear-gradient(180deg, rgba(3,10,28,1), rgba(5,12,34,1));
  border-top:1px solid rgba(0,215,255,.14);
  border-bottom:1px solid rgba(0,215,255,.14);
  overflow:hidden;
}
.stg-real-proof::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:80px 80px;
  opacity:.55;
  pointer-events:none;
}
.stg-real-proof .wrap{position:relative;z-index:1}
.stg-real-proof-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:end;
  margin-bottom:38px;
}
.stg-real-proof-head h2{
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(34px,4vw,64px);
  line-height:.95;
  letter-spacing:-.05em;
}
.stg-real-proof-head h2 span{
  background:linear-gradient(135deg,#00d7ff,#8f35ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.stg-real-proof-head p{
  color:rgba(230,240,255,.74);
  font-size:18px;
  line-height:1.65;
  margin:0;
}
.stg-real-proof-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:stretch;
}
.stg-real-proof-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(0,215,255,.25);
  background:rgba(255,255,255,.045);
  box-shadow:0 28px 100px rgba(0,0,0,.38),0 0 55px rgba(0,215,255,.08);
}
.stg-real-proof-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,10,28,.08),rgba(3,10,28,.58));
  pointer-events:none;
}
.stg-real-proof-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}
.stg-real-proof-card:hover img{transform:scale(1.025)}
.stg-real-proof-large img{min-height:620px}
.stg-real-proof-copy{
  position:absolute;
  left:26px;
  right:26px;
  bottom:26px;
  z-index:2;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(3,10,28,.74);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 60px rgba(0,0,0,.34);
}
.stg-real-proof-copy span{
  display:inline-flex;
  margin-bottom:10px;
  color:#00d7ff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}
.stg-real-proof-copy h3{
  color:#fff;
  margin:0 0 10px;
  font-size:clamp(20px,2vw,30px);
  line-height:1.08;
}
.stg-real-proof-copy p{
  color:rgba(230,240,255,.75);
  margin:0;
  font-size:15px;
  line-height:1.55;
}
.stg-real-proof-pills{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.stg-real-proof-pills span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(0,215,255,.22);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.86);
  font-weight:800;
}

.stg-visual-proof-strip{
  padding:22px 0;
  background:linear-gradient(180deg,rgba(3,10,28,1),rgba(6,15,39,1));
  border-top:1px solid rgba(0,215,255,.12);
  border-bottom:1px solid rgba(0,215,255,.12);
}
.stg-visual-proof-inner{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:34px;
  align-items:center;
}
.stg-visual-proof-inner h2{
  margin:14px 0 14px;
  color:#fff;
  font-size:clamp(30px,3.5vw,52px);
  line-height:1;
  letter-spacing:-.04em;
}
.stg-visual-proof-inner p{
  color:rgba(230,240,255,.74);
  font-size:17px;
  line-height:1.65;
}
.stg-visual-proof-inner img{
  width:100%;
  border-radius:28px;
  border:1px solid rgba(0,215,255,.24);
  box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 50px rgba(0,215,255,.08);
}

@media(max-width:980px){
  .stg-real-proof-head,.stg-real-proof-grid,.stg-visual-proof-inner{
    grid-template-columns:1fr;
  }
  .stg-real-proof-card img,.stg-real-proof-large img{
    min-height:0;
  }
}
@media(max-width:640px){
  .stg-real-proof,.stg-visual-proof-strip{padding:60px 0}
  .stg-real-proof-copy{position:relative;left:auto;right:auto;bottom:auto;margin:0;border-radius:0}
  .stg-real-proof-card img,.stg-real-proof-large img{min-height:320px}
}


/* Row 9 fixed + Offers carousel */
.stg-real-proof-card{
  min-height:auto !important;
  display:flex !important;
  flex-direction:column !important;
}
.stg-real-proof-card img{
  display:block !important;
  width:100% !important;
  height:560px !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  background:linear-gradient(135deg,rgba(0,215,255,.08),rgba(152,44,255,.08)) !important;
}
.stg-real-proof-large img{
  height:620px !important;
}
.stg-real-proof-copy{
  bottom:22px !important;
}
@media(max-width:980px){
  .stg-real-proof-card img,.stg-real-proof-large img{height:420px !important;}
}
@media(max-width:640px){
  .stg-real-proof-card img,.stg-real-proof-large img{height:auto !important;min-height:280px !important;}
}

.stg-offers-carousel{
  position:relative;
  padding:86px 0;
  background:
    radial-gradient(circle at 15% 15%, rgba(0,215,255,.13), transparent 34%),
    radial-gradient(circle at 88% 25%, rgba(152,44,255,.13), transparent 36%),
    linear-gradient(180deg,#030a1c,#061229);
  border-top:1px solid rgba(0,215,255,.14);
  border-bottom:1px solid rgba(0,215,255,.14);
  overflow:hidden;
}
.stg-offers-carousel::before{
  content:"";
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:82px 82px;
  pointer-events:none;
}
.stg-offers-carousel .wrap{position:relative;z-index:1}
.stg-offers-head{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:28px;
  align-items:end;
  margin-bottom:20px;
}
.stg-offers-head h2{
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(34px,4vw,62px);
  line-height:.96;
  letter-spacing:-.05em;
}
.stg-offers-head p{
  color:rgba(230,240,255,.74);
  font-size:17px;
  line-height:1.65;
  margin:0;
}
.stg-offers-stage{
  position:relative;
  border:1px solid rgba(0,215,255,.28);
  border-radius:34px;
  background:rgba(255,255,255,.045);
  box-shadow:0 28px 95px rgba(0,0,0,.38),0 0 55px rgba(0,215,255,.08);
  overflow:hidden;
}
.stg-offers-track{
  position:relative;
  min-height:560px;
}
.stg-offer-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  align-items:center;
  padding:44px;
  opacity:0;
  visibility:hidden;
  transform:translateX(26px);
  transition:opacity .35s ease, transform .35s ease, visibility .35s ease;
}
.stg-offer-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}
.stg-offer-copy span{
  display:inline-flex;
  color:#00d7ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;
}
.stg-offer-copy h3{
  color:#fff;
  margin:0 0 16px;
  font-size:clamp(34px,4vw,64px);
  line-height:.95;
  letter-spacing:-.055em;
}
.stg-offer-copy p{
  color:rgba(230,240,255,.76);
  margin:0 0 18px;
  font-size:17px;
  line-height:1.65;
}
.stg-offer-copy ul{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.stg-offer-copy li{
  color:#fff;
  font-weight:800;
  padding-left:26px;
  position:relative;
}
.stg-offer-copy li::before{
  content:"";
  position:absolute;
  left:0; top:8px;
  width:10px; height:10px;
  border-radius:50%;
  background:#00d7ff;
  box-shadow:0 0 14px rgba(0,215,255,.55);
}
.stg-offer-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:16px;
  background:linear-gradient(135deg,#1597ff,#982cff);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 18px 48px rgba(66,66,255,.28);
}
.stg-offer-media img{
  width:100%;
  border-radius:28px;
  border:1px solid rgba(0,215,255,.24);
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.stg-offer-media-alt{
  min-height:0;
  display:grid;
  place-items:center;
  border-radius:30px;
  border:1px solid rgba(0,215,255,.22);
  background:radial-gradient(circle at 30% 20%,rgba(0,215,255,.20),transparent 36%),radial-gradient(circle at 70% 70%,rgba(152,44,255,.22),transparent 38%),rgba(2,9,26,.72);
}
.stg-offer-dashboard-card{
  width:min(520px,90%);
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(3,10,28,.72);
  backdrop-filter:blur(16px);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  display:grid;
  gap:14px;
}
.stg-offer-dashboard-card b{
  color:#fff;
  font-size:30px;
}
.stg-offer-dashboard-card span{
  display:flex;
  justify-content:space-between;
  min-height:54px;
  align-items:center;
  padding:0 16px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:#00d7ff;
  font-weight:900;
}
.stg-offers-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:12;
  width:58px;
  height:58px;
  border-radius:50%;
  border:1px solid rgba(0,215,255,.28);
  background:linear-gradient(135deg,rgba(0,215,255,.18),rgba(152,44,255,.28)),rgba(3,10,28,.88);
  color:#fff;
  font-size:40px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(0,0,0,.32);
}
.stg-offers-prev{left:18px}
.stg-offers-next{right:18px}

@media(max-width:980px){
  .stg-offers-head,.stg-offer-slide{grid-template-columns:1fr;}
  .stg-offers-track{min-height:820px}
}
@media(max-width:640px){
  .stg-offers-carousel{padding:62px 0}
  .stg-offer-slide{padding:28px}
  .stg-offers-track{min-height:920px}
  .stg-offers-arrow{width:46px;height:46px;font-size:30px}
}


/* Row 3 Offers image/button fix */
.stg-offer-media img{
  display:block !important;
  width:100% !important;
  min-height:360px !important;
  object-fit:cover !important;
  object-position:center !important;
  background:linear-gradient(135deg,rgba(0,215,255,.12),rgba(152,44,255,.16)),#061229 !important;
}

.stg-offer-cta{
  text-transform:none !important;
}


/* Carousel overlap repair: keep original cards, only reposition arrows */
#services,
section[id="services"]{
  position:relative !important;
  overflow:visible !important;
}

/* Service carousel arrows only - do not alter card/grid layout */
#services .carousel-arrow,
#services .carousel-btn,
#services .slider-btn,
#services .service-arrow,
#services .services-arrow,
#services .carousel-control,
section[id="services"] .carousel-arrow,
section[id="services"] .carousel-btn,
section[id="services"] .slider-btn,
section[id="services"] .service-arrow,
section[id="services"] .services-arrow,
section[id="services"] .carousel-control{
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:80 !important;
}

#services .prev,
#services button[aria-label="Previous"],
#services button[aria-label="Previous slide"],
section[id="services"] .prev,
section[id="services"] button[aria-label="Previous"],
section[id="services"] button[aria-label="Previous slide"]{
  left:-34px !important;
  right:auto !important;
}

#services .next,
#services button[aria-label="Next"],
#services button[aria-label="Next slide"],
section[id="services"] .next,
section[id="services"] button[aria-label="Next"],
section[id="services"] button[aria-label="Next slide"]{
  right:-34px !important;
  left:auto !important;
}

/* Undo bad forced widths if any are cached from previous patch */
#services .card,
#services .service-card,
#services article,
section[id="services"] .card,
section[id="services"] .service-card,
section[id="services"] article{
  width:auto !important;
  max-width:none !important;
}

/* Row 3 offers arrows outside slide content */
.stg-offers-stage{
  overflow:visible !important;
  margin-left:52px !important;
  margin-right:52px !important;
}

.stg-offers-prev{
  left:-82px !important;
}

.stg-offers-next{
  right:-82px !important;
}

.stg-offers-arrow{
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:90 !important;
}

.stg-offer-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:360px !important;
  object-fit:cover !important;
  object-position:center !important;
}

@media(max-width:980px){
  #services .prev,
  #services button[aria-label="Previous"],
  #services button[aria-label="Previous slide"],
  section[id="services"] .prev,
  section[id="services"] button[aria-label="Previous"],
  section[id="services"] button[aria-label="Previous slide"]{
    left:8px !important;
  }

  #services .next,
  #services button[aria-label="Next"],
  #services button[aria-label="Next slide"],
  section[id="services"] .next,
  section[id="services"] button[aria-label="Next"],
  section[id="services"] button[aria-label="Next slide"]{
    right:8px !important;
  }

  .stg-offers-stage{
    margin-left:24px !important;
    margin-right:24px !important;
  }

  .stg-offers-prev{left:-30px !important;}
  .stg-offers-next{right:-30px !important;}
}

@media(max-width:640px){
  .stg-offers-prev{left:-12px !important;}
  .stg-offers-next{right:-12px !important;}
}


/* Offers carousel image fit + five-slide refinement */
.stg-offer-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(0,215,255,.14), transparent 36%),
    radial-gradient(circle at 80% 70%, rgba(152,44,255,.16), transparent 38%),
    rgba(4,12,30,.54) !important;
}

.stg-offer-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:500px !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:24px !important;
}

.stg-offer-slide{
  grid-template-columns:0.86fr 1.14fr !important;
}

.stg-offers-track{
  min-height:600px !important;
}

@media(max-width:980px){
  .stg-offer-slide{
    grid-template-columns:1fr !important;
  }

  .stg-offers-track{
    min-height:900px !important;
  }

  .stg-offer-media img{
    max-height:420px !important;
  }
}

@media(max-width:640px){
  .stg-offers-track{
    min-height:980px !important;
  }
}


/* Inspired service slide deck V3 */
.stg-offers-carousel{position:relative;padding:28px 0 24px;background:radial-gradient(circle at 15% 15%,rgba(0,215,255,.13),transparent 34%),radial-gradient(circle at 88% 25%,rgba(152,44,255,.13),transparent 36%),linear-gradient(180deg,#030a1c,#061229);border-top:1px solid rgba(0,215,255,.14);border-bottom:1px solid rgba(0,215,255,.14);overflow:hidden}
.stg-offers-carousel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:82px 82px;pointer-events:none}
.stg-offers-carousel .wrap{position:relative;z-index:1}
.stg-offers-head{display:grid;grid-template-columns:1fr .85fr;gap:20px;align-items:end;margin-bottom:16px}
.stg-offers-head h2{margin:14px 0 0;color:#fff;font-size:clamp(34px,4vw,58px);line-height:.96;letter-spacing:-.05em}
.stg-offers-head p{color:rgba(230,240,255,.74);font-size:17px;line-height:1.65;margin:0}
.stg-offers-stage{position:relative;overflow:visible!important;margin-left:48px;margin-right:48px;border:1px solid rgba(0,215,255,.28);border-radius:34px;background:rgba(255,255,255,.045);box-shadow:0 28px 95px rgba(0,0,0,.38),0 0 55px rgba(0,215,255,.08)}
.stg-offers-track{position:relative;min-height:610px;overflow:hidden;border-radius:34px}
.stg-offer-slide{position:absolute;inset:0;display:grid;grid-template-columns:.48fr 1.52fr;gap:22px;align-items:center;padding:32px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(26px);transition:opacity .35s ease,transform .35s ease,visibility .35s ease}
.stg-offer-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.stg-offer-copy span{display:inline-flex;color:#00d7ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.stg-offer-copy h3{color:#fff;margin:0 0 14px;font-size:clamp(29px,3vw,43px);line-height:.98;letter-spacing:-.052em}
.stg-offer-copy p{color:rgba(230,240,255,.76);margin:0 0 16px;font-size:16px;line-height:1.55}
.stg-offer-copy ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:9px}
.stg-offer-copy li{color:#fff;font-weight:800;padding-left:24px;position:relative;font-size:14px}
.stg-offer-copy li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:#00d7ff;box-shadow:0 0 14px rgba(0,215,255,.55)}
.stg-offer-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:15px;background:linear-gradient(135deg,#1597ff,#982cff);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 18px 48px rgba(66,66,255,.28)}
.stg-offer-media{height:540px;min-height:540px;max-height:540px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 20% 20%,rgba(0,215,255,.12),transparent 35%),radial-gradient(circle at 80% 75%,rgba(152,44,255,.14),transparent 38%),rgba(4,12,30,.36)}
.stg-offer-media img{display:block;width:auto;max-width:100%;height:auto;max-height:520px;min-height:0;object-fit:contain;object-position:center;border-radius:26px;border:1px solid rgba(0,215,255,.25);box-shadow:0 28px 90px rgba(0,0,0,.38)}
.stg-offers-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:90;width:58px;height:58px;border-radius:50%;border:1px solid rgba(0,215,255,.28);background:linear-gradient(135deg,rgba(0,215,255,.18),rgba(152,44,255,.28)),rgba(3,10,28,.88);color:#fff;font-size:40px;line-height:1;cursor:pointer;user-select:none;box-shadow:0 18px 48px rgba(0,0,0,.32)}
.stg-offers-prev{left:-76px}.stg-offers-next{right:-76px}
@media(max-width:1100px){.stg-offers-head,.stg-offer-slide{grid-template-columns:1fr}.stg-offers-track{min-height:930px}.stg-offer-media{height:430px;min-height:430px}.stg-offer-media img{max-height:410px}}
@media(max-width:760px){.stg-offers-stage{margin-left:20px;margin-right:20px}.stg-offer-slide{padding:24px}.stg-offers-track{min-height:980px}.stg-offer-media{height:360px;min-height:360px;padding:8px}.stg-offer-media img{max-height:344px}.stg-offers-prev{left:-22px}.stg-offers-next{right:-22px}}


/* Service slides — compact height */
.stg-offers-track{
  min-height:380px !important;
}

.stg-offer-media{
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
}

.stg-offer-media img{
  max-height:300px !important;
}

.stg-offer-slide{
  padding-top:20px !important;
  padding-bottom:20px !important;
}

@media(max-width:1100px){
  .stg-offers-track{
    min-height:560px !important;
  }

  .stg-offer-media{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
  }

  .stg-offer-media img{
    max-height:240px !important;
  }
}

@media(max-width:760px){
  .stg-offers-track{
    min-height:1180px !important;
  }

  .stg-offer-media{
    height:450px !important;
    min-height:450px !important;
    max-height:450px !important;
  }

  .stg-offer-media img{
    max-height:430px !important;
  }
}


/* AI Headquarters top showcase row */
.stg-ai-hq-top{
  position:relative;
  padding:38px 0 42px;
  background:
    radial-gradient(circle at 20% 20%, rgba(0,215,255,.10), transparent 34%),
    radial-gradient(circle at 85% 18%, rgba(152,44,255,.12), transparent 36%),
    linear-gradient(180deg,#030a1c,#061229);
  border-bottom:1px solid rgba(0,215,255,.16);
  overflow:hidden;
}

.stg-ai-hq-top::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:82px 82px;
  pointer-events:none;
}

.stg-ai-hq-top .wrap{
  position:relative;
  z-index:1;
}

.stg-ai-hq-frame{
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(0,215,255,.24);
  background:rgba(255,255,255,.035);
  box-shadow:0 32px 110px rgba(0,0,0,.40),0 0 65px rgba(0,215,255,.08);
}

.stg-ai-hq-frame img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

@media(max-width:760px){
  .stg-ai-hq-top{
    padding:24px 0 28px;
  }

  .stg-ai-hq-frame{
    border-radius:22px;
  }
}


/* AI Headquarters as real homepage header + hero */


.stg-ai-hq-true-hero{
  position:relative;
  min-height:960px;
  background:#030a1c;
  overflow:hidden;
  border-bottom:1px solid rgba(0,215,255,.16);
}

.stg-ai-hq-bg{
  position:absolute;
  inset:0;
  background-image:url("assets/images/savvytechguru-ai-headquarters-hero.png");
  background-size:cover;
  background-position:center top;
  opacity:.72;
  transform:scale(1.01);
}

.stg-ai-hq-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,10,28,.88) 0%,rgba(3,10,28,.58) 38%,rgba(3,10,28,.34) 70%,rgba(3,10,28,.72) 100%),
    linear-gradient(180deg,rgba(3,10,28,.84) 0%,rgba(3,10,28,.22) 30%,rgba(3,10,28,.70) 100%);
  pointer-events:none;
}

.stg-ai-hq-nav-wrap{
  position:relative;
  z-index:20;
  border-bottom:1px solid rgba(0,215,255,.18);
  background:rgba(3,10,28,.68);
  backdrop-filter:blur(18px);
}

.stg-ai-hq-nav{
  max-width:1780px;
  margin:0 auto;
  min-height:112px;
  padding:0 28px;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:28px;
  align-items:center;
}

.stg-ai-hq-brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  text-decoration:none;
}

.stg-ai-hq-brand-icon{
  width:60px;
  height:60px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#00d7ff;
  font-weight:1000;
  border:1px solid rgba(0,215,255,.38);
  background:radial-gradient(circle at 30% 20%,rgba(0,215,255,.25),transparent 40%),rgba(255,255,255,.04);
  box-shadow:0 0 34px rgba(0,215,255,.18);
}

.stg-ai-hq-brand strong{
  display:block;
  font-size:31px;
  line-height:1;
  letter-spacing:-.04em;
}

.stg-ai-hq-brand strong span{
  color:#1597ff;
}

.stg-ai-hq-brand em{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.82);
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:13px;
}

.stg-ai-hq-menu{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:28px;
}

.stg-ai-hq-menu a{
  color:rgba(255,255,255,.88);
  text-decoration:none;
  font-weight:850;
  font-size:16px;
}

.stg-ai-hq-contact{
  display:flex;
  align-items:center;
  gap:10px;
}

.stg-ai-hq-contact > a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(0,215,255,.25);
  background:rgba(0,215,255,.06);
  color:#fff;
  text-decoration:none;
  font-weight:850;
  font-size:13px;
}

.stg-ai-hq-socials{
  display:flex;
  gap:8px;
}

.stg-ai-hq-socials a{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-weight:950;
  border:1px solid rgba(0,215,255,.25);
  background:linear-gradient(135deg,rgba(0,215,255,.14),rgba(152,44,255,.18));
}

.stg-ai-hq-nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 24px;
  border-radius:16px;
  background:linear-gradient(135deg,#1597ff,#982cff);
  color:#fff;
  text-decoration:none;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 20px 55px rgba(66,66,255,.30);
}

.stg-ai-hq-hero-content{
  position:relative;
  z-index:5;
  min-height:650px;
  display:grid;
  grid-template-columns:.9fr .7fr;
  gap:44px;
  align-items:center;
  padding-top:80px;
  padding-bottom:56px;
}

.stg-ai-hq-kicker{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(0,255,120,.28);
  color:#45ff72;
  background:rgba(0,255,120,.06);
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.stg-ai-hq-copy h1{
  max-width:780px;
  margin:28px 0 22px;
  color:#fff;
  font-size:clamp(58px,7vw,118px);
  line-height:.90;
  letter-spacing:-.07em;
}

.stg-ai-hq-copy h1 span{
  background:linear-gradient(135deg,#9345ff,#ffffff 38%,#35e975 78%,#1597ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.stg-ai-hq-copy p{
  max-width:640px;
  color:rgba(230,240,255,.82);
  font-size:21px;
  line-height:1.65;
}

.stg-ai-hq-mini-points{
  margin-top:32px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  max-width:660px;
  gap:16px;
}

.stg-ai-hq-mini-points div{
  border-left:1px solid rgba(0,215,255,.28);
  padding-left:16px;
}

.stg-ai-hq-mini-points b{
  display:block;
  color:#fff;
  font-size:15px;
  text-transform:uppercase;
}

.stg-ai-hq-mini-points span{
  display:block;
  margin-top:6px;
  color:rgba(230,240,255,.68);
  font-size:14px;
}

.stg-ai-hq-actions{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.stg-ai-hq-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:60px;
  padding:0 26px;
  border-radius:16px;
  color:#fff;
  text-decoration:none;
  font-weight:950;
  border:1px solid rgba(0,215,255,.28);
}

.stg-ai-hq-actions a:first-child{
  background:linear-gradient(135deg,#1597ff,#982cff);
  box-shadow:0 20px 55px rgba(66,66,255,.30);
}

.stg-ai-hq-proof-panel{
  align-self:center;
  justify-self:end;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  width:min(560px,100%);
}

.stg-ai-hq-panel-card{
  border-radius:22px;
  padding:20px;
  border:1px solid rgba(0,215,255,.24);
  background:rgba(3,10,28,.72);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 70px rgba(0,0,0,.30);
}

.stg-ai-hq-panel-card strong{
  color:#92ff2e;
  display:block;
  margin-bottom:14px;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform:uppercase;
}

.stg-ai-hq-panel-card span{
  display:block;
  color:#fff;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.08);
  font-weight:850;
}

.stg-ai-hq-stats{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  margin-bottom:40px;
  border-radius:24px;
  border:1px solid rgba(0,215,255,.18);
  background:rgba(3,10,28,.74);
  backdrop-filter:blur(12px);
  overflow:hidden;
}

.stg-ai-hq-stats div{
  padding:24px 26px;
  border-right:1px solid rgba(255,255,255,.08);
}

.stg-ai-hq-stats div:last-child{
  border-right:0;
}

.stg-ai-hq-stats strong{
  display:block;
  color:#1597ff;
  font-size:42px;
  line-height:1;
}

.stg-ai-hq-stats span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.80);
  font-weight:850;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.04em;
}

/* Prevent duplicate first hero competing visually */
body.stg-home-ai-hq-version #home{
  padding-top:64px !important;
}

@media(max-width:1350px){
  .stg-ai-hq-nav{
    grid-template-columns:auto 1fr auto;
  }
  .stg-ai-hq-contact{
    display:none;
  }
}

@media(max-width:1050px){
  .stg-ai-hq-nav{
    grid-template-columns:1fr auto;
  }
  .stg-ai-hq-menu{
    display:none;
  }
  .stg-ai-hq-hero-content{
    grid-template-columns:1fr;
  }
  .stg-ai-hq-proof-panel{
    justify-self:start;
  }
  .stg-ai-hq-stats{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .stg-ai-hq-true-hero{
    min-height:auto;
  }
  .stg-ai-hq-nav{
    min-height:88px;
    padding:0 16px;
  }
  .stg-ai-hq-brand strong{
    font-size:24px;
  }
  .stg-ai-hq-brand em{
    font-size:10px;
  }
  .stg-ai-hq-nav-cta{
    display:none;
  }
  .stg-ai-hq-hero-content{
    padding-top:52px;
  }
  .stg-ai-hq-mini-points,
  .stg-ai-hq-proof-panel,
  .stg-ai-hq-stats{
    grid-template-columns:1fr;
  }
  .stg-ai-hq-stats div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
}


/* AI HQ header position fix V2 */

/* Overall header stays the same height but layout is corrected */
body.stg-home-ai-hq-version header{
  min-height:150px !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:200 !important;
  background:rgba(3,10,28,.80) !important;
  backdrop-filter:blur(18px) !important;
  border-bottom:1px solid rgba(0,215,255,.18) !important;
}

/* Put the original image logo on the far left */
body.stg-home-ai-hq-version header .logo,
body.stg-home-ai-hq-version header .brand,
body.stg-home-ai-hq-version header .site-logo,
body.stg-home-ai-hq-version header .navbar-brand{
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  left:34px !important;
  top:78px !important;
  transform:translateY(-50%) !important;
  z-index:240 !important;
  margin:0 !important;
}

/* Constrain the original logo size */
body.stg-home-ai-hq-version header .logo img,
body.stg-home-ai-hq-version header .brand img,
body.stg-home-ai-hq-version header .site-logo img,
body.stg-home-ai-hq-version header .navbar-brand img{
  width:auto !important;
  max-width:145px !important;
  max-height:118px !important;
  object-fit:contain !important;
}

/* Push SavvyTechGuru text to the RIGHT of the logo */
.stg-ai-hq-wordmark-original-nav{
  position:absolute !important;
  left:205px !important;
  top:75px !important;
  transform:translateY(-50%) !important;
  z-index:250 !important;
  display:block !important;
  text-decoration:none !important;
  color:#fff !important;
  min-width:330px !important;
}

.stg-ai-hq-wordmark-main{
  display:block !important;
  color:#fff !important;
  font-weight:1000 !important;
  font-size:35px !important;
  line-height:.95 !important;
  letter-spacing:-.065em !important;
  white-space:nowrap !important;
}

.stg-ai-hq-wordmark-main span{
  color:#1597ff !important;
}

.stg-ai-hq-wordmark-sub{
  display:block !important;
  margin-top:10px !important;
  color:rgba(255,255,255,.82) !important;
  font-weight:850 !important;
  font-size:13px !important;
  letter-spacing:.30em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Move top contact/social strip to the left side, same height */
body.stg-home-ai-hq-version header .contact-row,
body.stg-home-ai-hq-version header .top-contact-row,
body.stg-home-ai-hq-version header .utility-row,
body.stg-home-ai-hq-version header .topbar,
body.stg-home-ai-hq-version header .top-bar,
body.stg-home-ai-hq-version header .header-top,
body.stg-home-ai-hq-version header .contact-strip,
body.stg-home-ai-hq-version header .contact-social,
body.stg-home-ai-hq-version header .social-strip,
body.stg-home-ai-hq-version header .header-contact,
body.stg-home-ai-hq-version header .header-social,
body.stg-home-ai-hq-version header .stg-contact-pills,
body.stg-home-ai-hq-version header .contact-pills,
body.stg-home-ai-hq-version header .header-pills,
body.stg-home-ai-hq-version header .social-icons,
body.stg-home-ai-hq-version header .header-socials,
body.stg-home-ai-hq-version header [class*="social"],
body.stg-home-ai-hq-version header [class*="contact"]{
  justify-content:flex-start !important;
  text-align:left !important;
}

/* Practical top-strip placement: start after brand/text, not centred */
body.stg-home-ai-hq-version header a[href^="tel:"]{
  margin-left:0 !important;
}

/* Reduce the gap before the menu and move it left away from the audit button */
body.stg-home-ai-hq-version header nav,
body.stg-home-ai-hq-version header .nav,
body.stg-home-ai-hq-version header .main-nav,
body.stg-home-ai-hq-version header .navbar,
body.stg-home-ai-hq-version header .menu{
  margin-left:440px !important;
  margin-right:260px !important;
}

/* Keep the audit button right, but create more separation */
body.stg-home-ai-hq-version header .cta,
body.stg-home-ai-hq-version header .nav-cta,
body.stg-home-ai-hq-version header .audit-btn,
body.stg-home-ai-hq-version header a[href*="audit"]{
  margin-left:auto !important;
}

/* Explicit layout correction for common header flex rows */
body.stg-home-ai-hq-version header > *{
  box-sizing:border-box !important;
}

/* Hero starts below nav */
.stg-ai-hq-true-hero{
  padding-top:150px !important;
}

.stg-ai-hq-hero-content{
  padding-top:44px !important;
}

@media(max-width:1450px){
  .stg-ai-hq-wordmark-original-nav{
    left:185px !important;
    min-width:300px !important;
  }

  .stg-ai-hq-wordmark-main{
    font-size:31px !important;
  }

  body.stg-home-ai-hq-version header nav,
  body.stg-home-ai-hq-version header .nav,
  body.stg-home-ai-hq-version header .main-nav,
  body.stg-home-ai-hq-version header .navbar,
  body.stg-home-ai-hq-version header .menu{
    margin-left:390px !important;
    margin-right:230px !important;
  }
}

@media(max-width:1200px){
  body.stg-home-ai-hq-version header .logo,
  body.stg-home-ai-hq-version header .brand,
  body.stg-home-ai-hq-version header .site-logo,
  body.stg-home-ai-hq-version header .navbar-brand{
    left:24px !important;
  }

  .stg-ai-hq-wordmark-original-nav{
    left:170px !important;
  }

  body.stg-home-ai-hq-version header nav,
  body.stg-home-ai-hq-version header .nav,
  body.stg-home-ai-hq-version header .main-nav,
  body.stg-home-ai-hq-version header .navbar,
  body.stg-home-ai-hq-version header .menu{
    margin-left:340px !important;
    margin-right:190px !important;
  }
}

@media(max-width:980px){
  body.stg-home-ai-hq-version header{
    position:relative !important;
    min-height:auto !important;
  }

  body.stg-home-ai-hq-version header .logo,
  body.stg-home-ai-hq-version header .brand,
  body.stg-home-ai-hq-version header .site-logo,
  body.stg-home-ai-hq-version header .navbar-brand{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin-left:20px !important;
  }

  .stg-ai-hq-wordmark-original-nav{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    padding:12px 20px 8px !important;
    min-width:0 !important;
  }

  body.stg-home-ai-hq-version header nav,
  body.stg-home-ai-hq-version header .nav,
  body.stg-home-ai-hq-version header .main-nav,
  body.stg-home-ai-hq-version header .navbar,
  body.stg-home-ai-hq-version header .menu{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .stg-ai-hq-true-hero{
    padding-top:0 !important;
  }
}


/* AI HQ final clean single right contact strip */
body.stg-home-ai-hq-version header .stg-top-contact,
body.stg-home-ai-hq-version header .stg-socials,
body.stg-home-ai-hq-version header .contact-row,
body.stg-home-ai-hq-version header .top-contact-row,
body.stg-home-ai-hq-version header .utility-row,
body.stg-home-ai-hq-version header .topbar,
body.stg-home-ai-hq-version header .top-bar,
body.stg-home-ai-hq-version header .header-top,
body.stg-home-ai-hq-version header .contact-strip,
body.stg-home-ai-hq-version header .contact-social,
body.stg-home-ai-hq-version header .social-strip,
body.stg-home-ai-hq-version header .header-contact,
body.stg-home-ai-hq-version header .header-social,
body.stg-home-ai-hq-version header .stg-contact-pills,
body.stg-home-ai-hq-version header .contact-pills,
body.stg-home-ai-hq-version header .header-pills,
body.stg-home-ai-hq-version header .social-icons,
body.stg-home-ai-hq-version header .header-socials,
body.stg-home-ai-hq-version header .stg-ai-hq-top-right-strip{display:none!important;}

body.stg-home-ai-hq-version header .stg-ai-hq-clean-contact-strip{
  position:absolute!important;
  top:20px!important;
  right:34px!important;
  left:auto!important;
  z-index:999!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  width:max-content!important;
  max-width:calc(100vw - 68px)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-pill{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:44px!important;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;
  border:1px solid rgba(0,215,255,.34)!important;background:rgba(0,215,255,.075)!important;
  color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:14px!important;line-height:1!important;
  box-sizing:border-box!important;flex:0 0 auto!important;
}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(0,215,255,.34)!important;
  background:linear-gradient(135deg,rgba(0,215,255,.16),rgba(152,44,255,.22))!important;
  color:#fff!important;text-decoration:none!important;font-weight:1000!important;font-size:16px!important;line-height:1!important;
  box-sizing:border-box!important;flex:0 0 auto!important;
}
body.stg-home-ai-hq-version header .logo,
body.stg-home-ai-hq-version header .brand,
body.stg-home-ai-hq-version header .site-logo,
body.stg-home-ai-hq-version header .navbar-brand{top:92px!important;}
.stg-ai-hq-wordmark-original-nav{top:92px!important;}
body.stg-home-ai-hq-version header nav,
body.stg-home-ai-hq-version header .nav,
body.stg-home-ai-hq-version header .main-nav,
body.stg-home-ai-hq-version header .navbar,
body.stg-home-ai-hq-version header .menu{margin-left:440px!important;margin-right:260px!important;}
@media(max-width:1300px){
  body.stg-home-ai-hq-version header .stg-ai-hq-clean-contact-strip{right:24px!important;gap:8px!important;}
  body.stg-home-ai-hq-version header .stg-ai-hq-clean-pill{height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important;}
  body.stg-home-ai-hq-version header .stg-ai-hq-clean-social{width:40px!important;height:40px!important;min-width:40px!important;}
}
@media(max-width:980px){
  body.stg-home-ai-hq-version header .stg-ai-hq-clean-contact-strip{position:relative!important;top:auto!important;right:auto!important;left:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:auto!important;max-width:none!important;padding:12px 20px!important;}
}


/* Modern SVG social icons - placement locked */
body.stg-home-ai-hq-version header .contact-row,
body.stg-home-ai-hq-version header .top-contact-row,
body.stg-home-ai-hq-version header .utility-row,
body.stg-home-ai-hq-version header .topbar,
body.stg-home-ai-hq-version header .top-bar,
body.stg-home-ai-hq-version header .header-top,
body.stg-home-ai-hq-version header .contact-strip,
body.stg-home-ai-hq-version header .contact-social,
body.stg-home-ai-hq-version header .social-strip,
body.stg-home-ai-hq-version header .header-contact,
body.stg-home-ai-hq-version header .header-social,
body.stg-home-ai-hq-version header .stg-contact-pills,
body.stg-home-ai-hq-version header .contact-pills,
body.stg-home-ai-hq-version header .header-pills,
body.stg-home-ai-hq-version header .social-icons,
body.stg-home-ai-hq-version header .header-socials,
body.stg-home-ai-hq-version header .stg-ai-hq-top-right-strip{display:none!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-contact-strip{position:absolute!important;top:20px!important;right:34px!important;left:auto!important;z-index:900!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;width:max-content!important;max-width:calc(100vw - 68px)!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:visible!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid rgba(0,215,255,.34)!important;background:rgba(0,215,255,.075)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:14px!important;line-height:1!important;box-sizing:border-box!important;flex:0 0 auto!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:1px solid rgba(0,215,255,.34)!important;color:#fff!important;text-decoration:none!important;box-sizing:border-box!important;flex:0 0 auto!important;overflow:hidden!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social svg{width:20px!important;height:20px!important;display:block!important;fill:currentColor!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="Facebook"]{background:linear-gradient(135deg,rgba(24,119,242,.75),rgba(0,215,255,.18))!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="Instagram"]{background:radial-gradient(circle at 30% 110%,#feda75 0%,#fa7e1e 28%,#d62976 50%,#962fbf 72%,#4f5bd5 100%)!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="TikTok"]{background:linear-gradient(135deg,rgba(0,242,234,.48),rgba(255,0,80,.42),rgba(3,10,28,.9))!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="X"]{background:linear-gradient(135deg,#0b1224,#1d2b4f)!important}
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="LinkedIn"]{background:linear-gradient(135deg,#0077b5,#005885)!important}
body.stg-home-ai-hq-version header .logo,body.stg-home-ai-hq-version header .brand,body.stg-home-ai-hq-version header .site-logo,body.stg-home-ai-hq-version header .navbar-brand{top:92px!important}
.stg-ai-hq-wordmark-original-nav{top:92px!important}
body.stg-home-ai-hq-version header nav,body.stg-home-ai-hq-version header .nav,body.stg-home-ai-hq-version header .main-nav,body.stg-home-ai-hq-version header .navbar,body.stg-home-ai-hq-version header .menu{margin-left:440px!important;margin-right:260px!important}
@media(max-width:1300px){body.stg-home-ai-hq-version header .stg-ai-hq-clean-contact-strip{right:24px!important;gap:8px!important}body.stg-home-ai-hq-version header .stg-ai-hq-clean-pill{height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important}body.stg-home-ai-hq-version header .stg-ai-hq-clean-social{width:40px!important;height:40px!important;min-width:40px!important}}
@media(max-width:980px){body.stg-home-ai-hq-version header .stg-ai-hq-clean-contact-strip{position:relative!important;top:auto!important;right:auto!important;left:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:auto!important;max-width:none!important;padding:12px 20px!important}}


/* AI HQ hero visibility and proof box improvement */
.stg-ai-hq-bg{
  background-size:cover !important;
  background-position:center center !important;
  opacity:.92 !important;
  transform:none !important;
}

.stg-ai-hq-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,28,.62) 0%,rgba(3,10,28,.34) 34%,rgba(3,10,28,.18) 66%,rgba(3,10,28,.46) 100%),
    linear-gradient(180deg,rgba(3,10,28,.64) 0%,rgba(3,10,28,.12) 36%,rgba(3,10,28,.52) 100%) !important;
}

.stg-ai-hq-proof-panel{
  align-self:end !important;
  transform:translateY(92px) !important;
}

.stg-ai-hq-panel-card{
  background:rgba(3,10,28,.82) !important;
  border:1px solid rgba(0,215,255,.34) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.36),0 0 28px rgba(0,215,255,.10) !important;
}

.stg-ai-hq-panel-card span{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#fff !important;
  padding:13px 0 !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
  font-weight:900 !important;
}

.stg-ai-hq-panel-card span i{
  display:inline-grid !important;
  place-items:center !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  border-radius:50% !important;
  background:rgba(69,255,114,.16) !important;
  border:1px solid rgba(69,255,114,.72) !important;
  color:#45ff72 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-style:normal !important;
  box-shadow:0 0 16px rgba(69,255,114,.18) !important;
}

@media(max-width:1050px){
  .stg-ai-hq-proof-panel{
    transform:none !important;
    align-self:start !important;
  }
}

@media(max-width:760px){
  .stg-ai-hq-bg{
    background-position:center top !important;
    opacity:.82 !important;
  }
}


/* AI HQ hero image brought to life */
.stg-ai-hq-bg{
  opacity:1 !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:saturate(1.35) contrast(1.18) brightness(1.12) !important;
  transform:none !important;
}

.stg-ai-hq-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,28,.38) 0%,rgba(3,10,28,.16) 34%,rgba(3,10,28,.04) 66%,rgba(3,10,28,.24) 100%),
    linear-gradient(180deg,rgba(3,10,28,.42) 0%,rgba(3,10,28,.02) 36%,rgba(3,10,28,.30) 100%) !important;
}

.stg-ai-hq-true-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:
    radial-gradient(circle at 58% 46%, rgba(0,215,255,.20), transparent 30%),
    radial-gradient(circle at 70% 58%, rgba(152,44,255,.22), transparent 34%),
    linear-gradient(180deg, transparent 0%, rgba(3,10,28,.12) 100%);
  mix-blend-mode:screen;
  opacity:.78;
}

.stg-ai-hq-hero-content,
.stg-ai-hq-stats,
.stg-ai-hq-nav-wrap,
body.stg-home-ai-hq-version header{
  position:relative;
  z-index:5;
}

.stg-ai-hq-proof-panel{
  z-index:6;
}

.stg-ai-hq-copy{
  text-shadow:0 8px 32px rgba(0,0,0,.46);
}

.stg-ai-hq-copy p{
  color:rgba(240,247,255,.90) !important;
}

.stg-ai-hq-panel-card{
  background:rgba(3,10,28,.74) !important;
}

@media(max-width:760px){
  .stg-ai-hq-bg{
    filter:saturate(1.18) contrast(1.08) brightness(1.04) !important;
  }

  .stg-ai-hq-overlay{
    background:
      linear-gradient(90deg,rgba(3,10,28,.64),rgba(3,10,28,.38)),
      linear-gradient(180deg,rgba(3,10,28,.56),rgba(3,10,28,.46)) !important;
  }
}


/* AI HQ hero overlay text removed */
.stg-ai-hq-copy,
.stg-ai-hq-proof-panel{
  display:none !important;
}

.stg-ai-hq-hero-content{
  display:block !important;
  min-height:640px !important;
  padding-top:40px !important;
  padding-bottom:40px !important;
}

.stg-ai-hq-bg{
  opacity:1 !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:saturate(1.35) contrast(1.18) brightness(1.12) !important;
}

.stg-ai-hq-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,28,.22) 0%,rgba(3,10,28,.06) 42%,rgba(3,10,28,.03) 70%,rgba(3,10,28,.18) 100%),
    linear-gradient(180deg,rgba(3,10,28,.36) 0%,rgba(3,10,28,.00) 42%,rgba(3,10,28,.26) 100%) !important;
}

@media(max-width:760px){
  .stg-ai-hq-hero-content{
    min-height:520px !important;
  }
}


/* AI HQ hero top crop fix */
.stg-ai-hq-bg{
  background-position:center 34px !important;
}

.stg-ai-hq-true-hero{
  min-height:990px !important;
}

.stg-ai-hq-hero-content{
  min-height:690px !important;
}

/* Keep image alive but avoid clipping the top UI text */
@media(max-width:1200px){
  .stg-ai-hq-bg{
    background-position:center 42px !important;
  }
}

@media(max-width:760px){
  .stg-ai-hq-bg{
    background-position:center 28px !important;
  }

  .stg-ai-hq-true-hero{
    min-height:760px !important;
  }

  .stg-ai-hq-hero-content{
    min-height:560px !important;
  }
}


/* Social icon centre alignment fix */
body.stg-home-ai-hq-version header .stg-ai-hq-clean-social{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:0 !important;
  line-height:1 !important;
}

body.stg-home-ai-hq-version header .stg-ai-hq-clean-social svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  margin:0 auto !important;
  position:relative !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  transform:none !important;
  flex:0 0 auto !important;
  fill:currentColor !important;
}

body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="Instagram"] svg{
  width:21px !important;
  height:21px !important;
}

body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="LinkedIn"] svg{
  width:19px !important;
  height:19px !important;
}

body.stg-home-ai-hq-version header .stg-ai-hq-clean-social[aria-label="Facebook"] svg{
  width:18px !important;
  height:18px !important;
}


/* AI HQ wordmark alignment fix */
.stg-ai-hq-wordmark-original-nav{
  top:82px !important;
  text-align:center !important;
}

.stg-ai-hq-wordmark-main{
  display:block !important;
  text-align:center !important;
}

.stg-ai-hq-wordmark-sub{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin-top:9px !important;
  letter-spacing:.28em !important;
  transform:none !important;
}

/* Move matching logo up slightly to keep the brand block balanced */
body.stg-home-ai-hq-version header .logo,
body.stg-home-ai-hq-version header .brand,
body.stg-home-ai-hq-version header .site-logo,
body.stg-home-ai-hq-version header .navbar-brand{
  top:82px !important;
}

@media(max-width:980px){
  .stg-ai-hq-wordmark-original-nav{
    top:auto !important;
    text-align:left !important;
  }

  .stg-ai-hq-wordmark-main,
  .stg-ai-hq-wordmark-sub{
    text-align:left !important;
  }
}


/* AI HQ wordmark real CTA fix */

/* 1) Move wordmark closer to the logo icon and slightly higher */
.stg-ai-hq-wordmark-original-nav{
  left:138px !important;
  top:62px !important;
  text-align:center !important;
}

.stg-ai-hq-wordmark-main{
  text-align:center !important;
}

.stg-ai-hq-wordmark-sub{
  text-align:center !important;
  width:100% !important;
  margin-top:8px !important;
}

/* Keep logo aligned with updated wordmark */
body.stg-home-ai-hq-version header .logo,
body.stg-home-ai-hq-version header .brand,
body.stg-home-ai-hq-version header .site-logo,
body.stg-home-ai-hq-version header .navbar-brand{
  top:72px !important;
}

/* Keep menu safely away from CTA/contact area */
body.stg-home-ai-hq-version header nav,
body.stg-home-ai-hq-version header .nav,
body.stg-home-ai-hq-version header .main-nav,
body.stg-home-ai-hq-version header .navbar,
body.stg-home-ai-hq-version header .menu{
  margin-left:405px !important;
  margin-right:390px !important;
}

/* 2) Replace baked-in button area with real visible CTA buttons */
.stg-ai-hq-real-actions{
  position:absolute !important;
  left:48px !important;
  top:436px !important;
  bottom:auto !important;
  z-index:3000 !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:auto !important;
  background:transparent !important;
}

.stg-ai-hq-real-actions::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-14px -18px -14px -18px !important;
  z-index:-1 !important;
  border-radius:26px !important;
  background:linear-gradient(90deg,rgba(3,10,28,.92),rgba(3,10,28,.78),rgba(3,10,28,.20)) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42) !important;
}

.stg-ai-hq-real-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:76px !important;
  min-height:76px !important;
  padding:0 28px !important;
  border-radius:14px !important;
  text-indent:0 !important;
  overflow:visible !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  opacity:1 !important;
  color:#fff !important;
  font-size:19px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.34) !important;
}

.stg-ai-hq-real-btn-primary{
  width:370px !important;
  min-width:370px !important;
  background:linear-gradient(135deg,#982cff,#1597ff) !important;
}

.stg-ai-hq-real-btn-primary::after{
  content:"→" !important;
  display:inline-block !important;
  margin-left:12px !important;
  font-size:24px !important;
  text-indent:0 !important;
}

.stg-ai-hq-real-btn-secondary{
  width:250px !important;
  min-width:250px !important;
  background:rgba(3,10,28,.86) !important;
  border:2px solid rgba(126,74,255,.82) !important;
}

.stg-ai-hq-real-btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.08) !important;
}

/* Decorative layers must not block real CTA buttons */
.stg-ai-hq-bg,
.stg-ai-hq-overlay,
.stg-ai-hq-true-hero::before,
.stg-ai-hq-true-hero::after{
  pointer-events:none !important;
}

/* Remove any extra real stats bar; keep image stats only */
.stg-ai-hq-stats{
  display:none !important;
}

.stg-ai-hq-true-hero::before{
  display:none !important;
}

/* Keep the hero image fitting cleanly */
.stg-ai-hq-bg{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center top !important;
}

@media(max-width:1300px){
  .stg-ai-hq-wordmark-original-nav{
    left:130px !important;
    top:62px !important;
  }

  body.stg-home-ai-hq-version header nav,
  body.stg-home-ai-hq-version header .nav,
  body.stg-home-ai-hq-version header .main-nav,
  body.stg-home-ai-hq-version header .navbar,
  body.stg-home-ai-hq-version header .menu{
    margin-left:380px !important;
    margin-right:350px !important;
  }

  .stg-ai-hq-real-actions{
    left:34px !important;
    top:416px !important;
    gap:14px !important;
  }

  .stg-ai-hq-real-btn{
    height:68px !important;
    min-height:68px !important;
    font-size:17px !important;
  }

  .stg-ai-hq-real-btn-primary{
    width:330px !important;
    min-width:330px !important;
  }

  .stg-ai-hq-real-btn-secondary{
    width:225px !important;
    min-width:225px !important;
  }
}

@media(max-width:760px){
  .stg-ai-hq-wordmark-original-nav{
    left:auto !important;
    top:auto !important;
    text-align:left !important;
  }

  .stg-ai-hq-wordmark-main,
  .stg-ai-hq-wordmark-sub{
    text-align:left !important;
  }

  .stg-ai-hq-real-actions{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:0 20px 28px !important;
  }

  .stg-ai-hq-real-actions::before{
    display:none !important;
  }

  .stg-ai-hq-real-btn,
  .stg-ai-hq-real-btn-primary,
  .stg-ai-hq-real-btn-secondary{
    width:100% !important;
    min-width:0 !important;
    height:56px !important;
    min-height:56px !important;
    font-size:16px !important;
  }
}


/* AI HQ CTA lower + top label crop fix */

/* Move the real CTA buttons lower, closer to the baked button position in the graphic */
.stg-ai-hq-real-actions{
  top:535px !important;
  left:48px !important;
  z-index:3000 !important;
}

/* Keep the CTAs real and clickable */
.stg-ai-hq-real-btn{
  pointer-events:auto !important;
}

/* Nudge the hero image down so the green top label/icon is not chopped */
.stg-ai-hq-bg{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center 36px !important;
  background-color:#030a1c !important;
}

/* Add enough hero height to compensate for the image being moved down */
.stg-ai-hq-true-hero{
  min-height:990px !important;
}

/* Keep the image visible but not washed out */
.stg-ai-hq-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,28,.18) 0%,rgba(3,10,28,.04) 42%,rgba(3,10,28,.02) 70%,rgba(3,10,28,.12) 100%),
    linear-gradient(180deg,rgba(3,10,28,.20) 0%,rgba(3,10,28,.00) 44%,rgba(3,10,28,.12) 100%) !important;
}

/* Safety: keep extra generated stats bar hidden; use the image stats only */
.stg-ai-hq-stats{
  display:none !important;
}

.stg-ai-hq-true-hero::before{
  display:none !important;
}

@media(max-width:1300px){
  .stg-ai-hq-real-actions{
    top:505px !important;
    left:34px !important;
  }

  .stg-ai-hq-bg{
    background-position:center 34px !important;
  }
}

@media(max-width:760px){
  .stg-ai-hq-bg{
    background-size:cover !important;
    background-position:center top !important;
  }

  .stg-ai-hq-real-actions{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:0 20px 28px !important;
  }

  .stg-ai-hq-true-hero{
    min-height:auto !important;
  }
}


/* AI HQ CTA match lower graphic buttons */

/* Move real visible CTA buttons down to cover the lower baked-in graphic buttons */
.stg-ai-hq-real-actions{
  top:690px !important;
  left:0 !important;
  z-index:3000 !important;
  gap:18px !important;
}

/* Match the lower graphic button proportions */
.stg-ai-hq-real-btn{
  height:72px !important;
  min-height:72px !important;
  border-radius:12px !important;
  font-size:18px !important;
}

.stg-ai-hq-real-btn-primary{
  width:340px !important;
  min-width:340px !important;
}

.stg-ai-hq-real-btn-secondary{
  width:255px !important;
  min-width:255px !important;
}

/* Dark backing covers the upper/old visual conflict less aggressively */
.stg-ai-hq-real-actions::before{
  inset:-10px -14px -10px -14px !important;
  border-radius:22px !important;
  background:linear-gradient(90deg,rgba(3,10,28,.86),rgba(3,10,28,.62),rgba(3,10,28,.10)) !important;
}

/* Give lower CTA room and avoid clipping the image stats below */
.stg-ai-hq-true-hero{
  min-height:1040px !important;
}

/* Keep top label from being chopped */
.stg-ai-hq-bg{
  background-position:center 36px !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}

/* Keep generated stats hidden; image stats/design remains */
.stg-ai-hq-stats{
  display:none !important;
}

@media(max-width:1300px){
  .stg-ai-hq-real-actions{
    top:640px !important;
    left:0 !important;
    gap:14px !important;
  }

  .stg-ai-hq-real-btn{
    height:64px !important;
    min-height:64px !important;
    font-size:16px !important;
  }

  .stg-ai-hq-real-btn-primary{
    width:315px !important;
    min-width:315px !important;
  }

  .stg-ai-hq-real-btn-secondary{
    width:225px !important;
    min-width:225px !important;
  }
}

@media(max-width:760px){
  .stg-ai-hq-real-actions{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    padding:0 20px 28px !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .stg-ai-hq-real-actions::before{
    display:none !important;
  }

  .stg-ai-hq-real-btn,
  .stg-ai-hq-real-btn-primary,
  .stg-ai-hq-real-btn-secondary{
    width:100% !important;
    min-width:0 !important;
    height:56px !important;
    min-height:56px !important;
  }

  .stg-ai-hq-true-hero{
    min-height:auto !important;
  }
}


.stg-ai-hq-wordmark-original-nav{display:none!important}
.stg-ai-hq-real-actions{display:none!important}
.stg-ai-hq-actions{display:none!important}
.stg-fresh-btns{position:absolute;top:62%;left:calc((100% - min(1220px,100%)) / 2 + 28px);display:flex;gap:16px;z-index:9999;pointer-events:auto!important}
.stg-fresh-btns a{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:14px;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:15px;text-decoration:none;cursor:pointer;pointer-events:auto!important;position:relative;z-index:9999}
.stg-fresh-btn-a{background:linear-gradient(135deg,#1597ff,#982cff);color:#fff;box-shadow:0 14px 40px rgba(66,66,255,.45)}
.stg-fresh-btn-b{background:rgba(2,8,24,.6);color:#fff;border:1px solid rgba(120,150,255,.5)}
.stg-fresh-btn-a:hover{filter:brightness(1.1);transform:translateY(-2px)}
.stg-fresh-btn-b:hover{border-color:#00d7ff;box-shadow:0 0 22px rgba(0,215,255,.2)}
@media(max-width:760px){.stg-fresh-btns{left:20px;bottom:24px;flex-direction:column;gap:10px}.stg-fresh-btns a{width:calc(100vw - 40px);justify-content:center}}


.stg-site-footer{background:#020713;border-top:1px solid rgba(0,215,255,.18);padding:52px 0 0;font-family:'Inter',system-ui,sans-serif;color:rgba(238,245,255,.72)}
.stg-site-footer .wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.stg-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(0,215,255,.12)}
.stg-footer-logo{width:100px;height:auto;margin-bottom:14px;border-radius:12px;display:block}
.stg-footer-brand p{font-size:13px;line-height:1.75;color:rgba(238,245,255,.58);max-width:290px;margin-bottom:18px}
.stg-footer-contact{display:grid;gap:7px;margin-bottom:18px}
.stg-footer-contact a,.stg-footer-contact span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:rgba(238,245,255,.72);text-decoration:none;transition:.15s}
.stg-footer-contact a:hover{color:#00d7ff}
.stg-footer-socials{display:flex;gap:8px;margin-bottom:20px}
.stg-footer-socials a{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,215,255,.22);background:rgba(255,255,255,.04);display:grid;place-items:center;color:rgba(238,245,255,.65);transition:.15s;text-decoration:none}
.stg-footer-socials a:hover{border-color:#00d7ff;color:#00d7ff;background:rgba(0,215,255,.08)}
.stg-footer-socials svg{width:15px;height:15px;fill:currentColor}
.stg-trust-badges{display:flex;flex-wrap:wrap;gap:8px}
.stg-trust-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:10px;border:1px solid rgba(0,215,255,.2);background:rgba(255,255,255,.04);font-size:11px;font-weight:800;color:rgba(238,245,255,.7);white-space:nowrap}
.stg-trust-badge .stars{color:#fbbf24;font-size:11px}
.stg-footer-col h4{font-family:'Space Grotesk',system-ui,sans-serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#00d7ff;margin-bottom:14px}
.stg-footer-col a{display:block;font-size:13px;color:rgba(238,245,255,.62);text-decoration:none;margin-bottom:8px;transition:.15s}
.stg-footer-col a:hover{color:#fff;padding-left:3px}
.stg-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 0;font-size:11.5px;color:rgba(238,245,255,.38)}
.stg-footer-bottom a{color:rgba(238,245,255,.38);text-decoration:none;margin-left:16px}
.stg-footer-bottom a:hover{color:#fff}
@media(max-width:1000px){.stg-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:580px){.stg-footer-grid{grid-template-columns:1fr}.stg-footer-bottom{flex-direction:column;text-align:center;align-items:center}.stg-footer-bottom a{margin:0 8px}}


/* Pricing card hover */
[id^="pricing-"] div[style*="border:1px solid rgba(130,170,255"],
[id^="pricing-"] div[style*="border:2px solid"],
[id^="pricing-"] div[style*="border:1px solid rgba(152"],
[id^="pricing-"] div[style*="border:1px solid rgba(0,214"] {
  transition: transform .22s ease, box-shadow .22s ease !important;
  cursor: default;
}
[id^="pricing-"] div[style*="border:1px solid rgba(130,170,255"]:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 0 40px rgba(0,215,255,.18), 0 24px 60px rgba(0,0,0,.35) !important;
}
[id^="pricing-"] div[style*="border:2px solid"]:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 0 55px rgba(0,215,255,.28), 0 28px 70px rgba(0,0,0,.4) !important;
}
#pricing div[style*="border:1px solid rgba(130,170,255"],
#pricing div[style*="border:2px solid"],
#pricing div[style*="border:1px solid rgba(152"],
#pricing div[style*="border:1px solid rgba(0,214"]{
  transition:transform .22s ease,box-shadow .22s ease!important;
}
#pricing div[style*="border:1px solid rgba(130,170,255"]:hover{transform:translateY(-6px)!important;box-shadow:0 0 38px rgba(0,215,255,.18),0 22px 55px rgba(0,0,0,.32)!important}
#pricing div[style*="border:2px solid #00d7ff"]:hover{transform:translateY(-8px)!important;box-shadow:0 0 55px rgba(0,215,255,.3),0 28px 70px rgba(0,0,0,.4)!important}
#pricing div[style*="border:1px solid rgba(152,44,255"]:hover{transform:translateY(-6px)!important;box-shadow:0 0 38px rgba(152,44,255,.2),0 22px 55px rgba(0,0,0,.32)!important}
#pricing div[style*="border:1px solid rgba(0,214"]:hover{transform:translateY(-6px)!important;box-shadow:0 0 38px rgba(0,214,163,.18),0 22px 55px rgba(0,0,0,.32)!important}


/* LOGO — electric blue */
.stg-brand-full-logo{
  filter:
    brightness(0) invert(1)
    sepia(1) saturate(30) hue-rotate(175deg)
    brightness(1.3)
    drop-shadow(0 0 14px rgba(0,100,255,1))
    drop-shadow(0 0 30px rgba(0,150,255,.8))
    drop-shadow(0 0 50px rgba(0,200,255,.4)) !important;
  transition:filter .35s ease;
}
.stg-brand-full-logo:hover{
  filter:
    brightness(0) invert(1)
    sepia(1) saturate(35) hue-rotate(175deg)
    brightness(1.5)
    drop-shadow(0 0 22px rgba(0,120,255,1))
    drop-shadow(0 0 45px rgba(0,180,255,1))
    drop-shadow(0 0 80px rgba(0,220,255,.65)) !important;
}