:root {
  --primary: #2563eb;
  --sky: #00d4ff;
  --navy: #071326;
  --navy-deep: #020814;
  --slate: #1e293b;
  --gray: #64748b;
  --white: #ffffff;
  --text: #e8f1ff;
  --muted: #9fb0c8;
  --border: rgba(157, 189, 235, 0.17);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
  color: var(--text);
  background: var(--navy-deep);
}
a { text-decoration: none; }

.page-glow {
  position: fixed;
  z-index: -2;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(100px);
  opacity: .22;
  pointer-events: none;
}
.page-glow-one { left: -130px; top: 100px; background: var(--primary); }
.page-glow-two { right: -160px; top: 440px; background: var(--sky); }

.navbar {
  padding: 18px 0;
  transition: .3s ease;
  border-bottom: 1px solid transparent;
}
.navbar.scrolled {
  padding: 11px 0;
  background: rgba(2, 8, 20, .88);
  border-color: var(--border);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}
.navbar-brand { display: flex; align-items: center; gap: 12px; }
.brand-logo {
  width: 42px;
  height: 42px;
  position: relative;
  display: inline-block;
  clip-path: polygon(50% 0, 100% 100%, 76% 100%, 65% 72%, 35% 72%, 24% 100%, 0 100%);
  background: linear-gradient(145deg, var(--sky), var(--primary) 63%, #1234a8);
  filter: drop-shadow(0 0 12px rgba(0, 212, 255, .35));
}
.brand-logo-cut {
  position: absolute;
  width: 15px;
  height: 22px;
  left: 14px;
  top: 14px;
  background: var(--navy-deep);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.brand-logo-star {
  position: absolute;
  width: 9px;
  height: 9px;
  left: 17px;
  top: 25px;
  background: white;
  clip-path: polygon(50% 0, 61% 38%, 100% 50%, 61% 62%, 50% 100%, 39% 62%, 0 50%, 39% 38%);
  filter: drop-shadow(0 0 6px white);
}
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { color: white; font-size: .96rem; letter-spacing: .17em; }
.brand-copy strong span { color: var(--primary); }
.brand-copy small { color: var(--sky); font-size: .48rem; letter-spacing: .48em; margin-top: 5px; }

.nav-link {
  color: rgba(255,255,255,.72) !important;
  font-size: .74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 7px;
}
.nav-link:hover, .nav-link.active { color: white !important; }
.navbar-toggler { border: 1px solid var(--border); box-shadow: none !important; }

.btn-primary-glow {
  color: white;
  border: 1px solid rgba(0, 212, 255, .25);
  border-radius: 8px;
  padding: 12px 22px;
  background: linear-gradient(135deg, var(--primary), #0879f9);
  box-shadow: 0 8px 30px rgba(37, 99, 235, .35), inset 0 1px 0 rgba(255,255,255,.22);
  font-weight: 700;
  text-transform: uppercase;
  font-size: .78rem;
  letter-spacing: .03em;
  transition: .25s ease;
}
.btn-primary-glow:hover { color: white; transform: translateY(-3px); box-shadow: 0 13px 42px rgba(37,99,235,.5); }
.btn-dark-outline {
  color: white;
  border: 1px solid rgba(164, 190, 228, .28);
  border-radius: 8px;
  padding: 12px 22px;
  background: rgba(5, 14, 31, .68);
  font-weight: 700;
  text-transform: uppercase;
  font-size: .78rem;
  letter-spacing: .03em;
  transition: .25s ease;
}
.btn-dark-outline:hover { color: white; border-color: var(--sky); background: rgba(0, 212, 255, .08); transform: translateY(-3px); }

.hero-section {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 77% 45%, rgba(17, 104, 255, .17), transparent 30%),
    linear-gradient(112deg, #020711 0%, #061226 55%, #020915 100%);
  border-bottom: 1px solid var(--border);
}
.hero-container { padding-top: 122px; padding-bottom: 72px; }
#networkCanvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .42; }
.hero-grid {
  position: absolute;
  inset: 0;
  opacity: .17;
  background-image: linear-gradient(rgba(79, 129, 196, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 129, 196, .08) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black 35%, transparent 100%);
}
.eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: #dbe9ff;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .09em;
}
.hero-copy h1 {
  max-width: 680px;
  margin: 0 0 20px;
  color: white;
  font-size: clamp(3rem, 5.2vw, 5.8rem);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.055em;
}
.hero-copy h1 span { color: var(--primary); text-shadow: 0 0 28px rgba(37,99,235,.25); }
.hero-copy > p { max-width: 650px; margin-bottom: 28px; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.trusted-wrap { margin-top: 42px; }
.trusted-wrap p { margin-bottom: 16px; color: #7889a3; font-size: .78rem; }
.trusted-list { display: flex; flex-wrap: wrap; gap: 22px; }
.trusted-list span { color: #aab8cc; font-size: .74rem; white-space: nowrap; }
.trusted-list i { margin-right: 6px; color: #dce9fb; font-size: 1rem; }

.ai-visual-wrap {
  position: relative;
  min-height: 470px;
  display: grid;
  place-items: center;
  perspective: 1300px;
}
.ai-visual-wrap::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,212,255,.21), transparent 66%);
  filter: blur(10px);
  animation: haloPulse 4s ease-in-out infinite;
}
@keyframes haloPulse { 0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.14);opacity:1} }
.circuit-lines {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .56;
  background:
    linear-gradient(90deg, transparent 48%, rgba(0,212,255,.25) 49%, transparent 50%) 50% 24%/280px 1px no-repeat,
    linear-gradient(90deg, transparent 48%, rgba(0,212,255,.23) 49%, transparent 50%) 50% 77%/350px 1px no-repeat,
    linear-gradient(0deg, transparent 48%, rgba(0,212,255,.18) 49%, transparent 50%) 24% 50%/1px 270px no-repeat,
    linear-gradient(0deg, transparent 48%, rgba(0,212,255,.18) 49%, transparent 50%) 76% 50%/1px 310px no-repeat;
}
.ai-chip-stack { position: relative; width: 250px; height: 250px; transform: rotateX(61deg) rotateZ(-45deg); transform-style: preserve-3d; animation: chipFloat 5s ease-in-out infinite; }
@keyframes chipFloat { 0%,100%{transform:translateY(0) rotateX(61deg) rotateZ(-45deg)}50%{transform:translateY(-18px) rotateX(61deg) rotateZ(-45deg)} }
.chip-layer { position: absolute; inset: 0; border-radius: 35px; border: 2px solid rgba(76, 185, 255, .82); background: linear-gradient(145deg, #10284d, #051026); box-shadow: 0 0 28px rgba(0,132,255,.35), inset 0 0 28px rgba(0,132,255,.1); }
.chip-layer-bottom { transform: translateZ(-52px); opacity:.65; }
.chip-layer-middle { transform: translateZ(-27px); box-shadow: 0 0 30px rgba(0,212,255,.62), inset 0 0 24px rgba(0,212,255,.16); }
.chip-layer-top { transform: translateZ(0); display:grid; place-items:center; background: linear-gradient(145deg,#0a6cf3,#0741a8); box-shadow: 0 0 35px rgba(0,212,255,.85), 0 0 80px rgba(37,99,235,.45), inset 0 0 35px rgba(255,255,255,.17); }
.chip-inner { width: 148px; height: 148px; display:grid; place-items:center; border-radius:24px; color:white; font-size:4.2rem; font-weight:800; letter-spacing:.04em; border:2px solid rgba(255,255,255,.45); background:linear-gradient(145deg,#168cff,#0a4ac3); box-shadow:inset 0 0 28px rgba(255,255,255,.16),0 0 28px rgba(0,212,255,.5); text-shadow:0 0 18px white; }
.orbit { position:absolute; border:1px solid rgba(32,150,255,.2); border-radius:50%; animation:orbitSpin 12s linear infinite; }
.orbit-one { width:380px;height:220px;transform:rotate(-12deg); }
.orbit-two { width:450px;height:280px;transform:rotate(17deg);animation-direction:reverse;animation-duration:16s; }
.orbit span { position:absolute; width:8px;height:8px;border-radius:50%;background:var(--sky);box-shadow:0 0 16px var(--sky);left:12%;top:17%; }
@keyframes orbitSpin { to{rotate:360deg} }
.data-node { position:absolute;width:7px;height:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 13px var(--sky);animation:nodePulse 2s ease-in-out infinite; }
.node-one{left:12%;top:22%}.node-two{right:14%;top:17%;animation-delay:-.5s}.node-three{right:4%;top:52%;animation-delay:-1s}.node-four{left:5%;bottom:25%;animation-delay:-1.5s}.node-five{right:22%;bottom:9%;animation-delay:-.8s}.node-six{left:28%;top:6%;animation-delay:-1.2s}
@keyframes nodePulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.5);opacity:1}}

.solutions-section { padding: 86px 0 92px; color: var(--navy); background: linear-gradient(180deg,#fff,#f7faff); }
.section-heading { max-width: 760px; margin: 0 auto 48px; }
.section-heading span { display:block; color:#0a2d63; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.section-heading h2 { margin:10px 0 13px; color:#071326; font-size:clamp(2rem,4vw,3.1rem); font-weight:800; letter-spacing:-.045em; }
.section-heading p { margin:0; color:#64748b; line-height:1.75; }
.solution-card { height:100%; min-height:190px; padding:25px; border:1px solid #e0e8f3; border-radius:12px; background:rgba(255,255,255,.88); box-shadow:0 12px 30px rgba(15,23,42,.05); transition:.28s ease; }
.solution-card:hover { transform:translateY(-8px); border-color:rgba(37,99,235,.38); box-shadow:0 20px 45px rgba(15,52,100,.11); }
.solution-icon { width:46px;height:46px;display:grid;place-items:center;margin-bottom:17px;border-radius:50%;color:var(--primary);font-size:1.35rem;border:1px solid #d5e5ff;background:#f4f8ff; }
.solution-card h3 { margin-bottom:10px;color:#0f1e35;font-size:1rem;font-weight:800; }
.solution-card p { margin:0;color:#60708a;font-size:.82rem;line-height:1.65; }

.stats-section { padding:0 0 86px; background:#f7faff; }
.stats-shell { padding:28px 36px 36px;border-radius:12px;color:white;background:linear-gradient(140deg,#06162d,#071f3f 54%,#061326);box-shadow:0 24px 55px rgba(1,14,33,.2); }
.stats-heading { margin-bottom:22px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.stat-card { height:100%;padding:24px 15px;text-align:center;border-radius:8px;background:rgba(21,51,87,.58);border:1px solid rgba(138,180,236,.08); }
.stat-card strong { display:block;font-size:2.1rem;font-weight:800;line-height:1;color:white; }
.stat-card span { display:block;margin-top:9px;color:#c0cde0;font-size:.75rem; }
.placeholder-section { padding:55px 20px;color:#8fa2bc;text-align:center;background:#040c1a;border-top:1px solid var(--border); }

.whatsapp-button { position:fixed;right:22px;bottom:22px;z-index:999;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:white;font-size:1.75rem;background:#25d366;box-shadow:0 15px 40px rgba(37,211,102,.35);transition:.25s ease; }
.whatsapp-button:hover { color:white;transform:translateY(-4px) scale(1.04); }
.reveal-up { opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease; }
.reveal-up.show { opacity:1;transform:translateY(0); }

@media (max-width: 991.98px) {
  .navbar-collapse { margin-top:13px;padding:15px;border:1px solid var(--border);border-radius:12px;background:rgba(2,8,20,.96); }
  .hero-section { min-height:auto; }
  .hero-container { padding-top:145px;padding-bottom:75px; }
  .hero-copy { text-align:center; }
  .hero-copy > p { margin-left:auto;margin-right:auto; }
  .hero-actions,.trusted-list { justify-content:center; }
  .ai-visual-wrap { margin-top:30px;min-height:430px; }
}
@media (max-width: 575.98px) {
  .brand-copy strong { font-size:.76rem; }
  .brand-copy small { font-size:.39rem; }
  .hero-copy h1 { font-size:3.2rem; }
  .trusted-list { gap:13px; }
  .ai-chip-stack { width:190px;height:190px; }
  .chip-inner { width:112px;height:112px;font-size:3.2rem; }
  .orbit-one{width:290px;height:175px}.orbit-two{width:330px;height:210px}
  .stats-shell { padding:24px 18px 28px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}


/* =========================
   PHASE 2: COMPANY + PROCESS
========================= */
.about-section { padding:100px 0; color:var(--navy); background:#fff; }
.section-kicker { display:inline-block; margin-bottom:12px; color:var(--primary); font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.section-kicker-light { color:#70cfff; }
.content-title { max-width:720px; margin:0 0 20px; color:#071326; font-size:clamp(2rem,4vw,3.25rem); font-weight:800; line-height:1.08; letter-spacing:-.045em; }
.content-lead { color:#31425d; font-size:1.05rem; line-height:1.8; }
.content-copy { color:#64748b; line-height:1.8; }
.about-visual { position:relative; min-height:530px; overflow:hidden; border-radius:20px; background:linear-gradient(155deg,#f5f9ff 0%,#e9f2ff 46%,#071a35 46.3%,#031022 100%); box-shadow:0 28px 60px rgba(12,45,91,.18); }
.about-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); transform:translateX(-120%); animation:visualShine 6s ease-in-out infinite; }
@keyframes visualShine { 50%,100%{transform:translateX(120%)} }
.about-logo-card { position:absolute; top:56px; right:34px; z-index:3; width:280px; padding:30px 22px; text-align:center; border-radius:18px; border:1px solid rgba(37,99,235,.12); background:rgba(255,255,255,.93); box-shadow:0 20px 50px rgba(15,52,100,.15); }
.brand-logo-large { width:78px; height:69px; margin:0 auto 12px; transform:scale(1.45); }
.brand-copy-large { align-items:center; margin-top:15px; }
.brand-copy-large strong { color:#0d2445; font-size:1.4rem; }
.brand-copy-large small { color:#2563eb; font-size:.58rem; }
.about-logo-card p { margin:13px 0 0; color:#64748b; font-size:.75rem; }
.dubai-skyline { position:absolute; inset:auto 0 0; height:58%; background:linear-gradient(180deg,transparent,rgba(2,12,28,.35)); }
.dubai-skyline::after { content:""; position:absolute; left:0; right:0; bottom:0; height:34%; background:linear-gradient(180deg,transparent,#020916 85%); }
.tower { position:absolute; bottom:0; width:12%; border:1px solid rgba(48,141,255,.3); background:linear-gradient(90deg,#06142b,#123e75 48%,#07162c); box-shadow:inset 0 0 18px rgba(0,212,255,.2); clip-path:polygon(16% 100%,24% 19%,43% 10%,48% 0,53% 10%,73% 19%,84% 100%); }
.tower::after { content:""; position:absolute; inset:8% 30% 0; background:repeating-linear-gradient(180deg,rgba(0,212,255,.75) 0 2px,transparent 2px 12px); opacity:.55; }
.tower-one { left:0;height:58%;transform:scaleX(.7); }
.tower-two { left:12%;height:75%; }
.tower-three { left:35%;height:100%;width:17%; }
.tower-four { left:57%;height:63%; }
.tower-five { right:2%;height:83%; }
.profile-card { height:100%; padding:24px 20px; border:1px solid #e1e9f4; border-radius:14px; background:#fbfdff; transition:.28s ease; }
.profile-card:hover { transform:translateY(-6px); border-color:#b8d4ff; box-shadow:0 18px 34px rgba(15,52,100,.1); }
.profile-icon { width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;color:var(--primary);font-size:1.25rem;background:#edf5ff;border:1px solid #d5e7ff; }
.profile-card h3 { color:#0c2445;font-size:.97rem;font-weight:800; }
.profile-card p { margin:0;color:#66758c;font-size:.79rem;line-height:1.65; }
.expertise-section { padding:78px 0 84px; color:white; background:linear-gradient(140deg,#041126,#082444 52%,#06162e); }
.section-heading-light h2 { color:#fff; }
.section-heading-light p { color:#aebed4; }
.section-heading-light span { color:#58c8ff; }
.expertise-grid { display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.025); }
.expertise-item { min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.09);transition:.28s ease; }
.expertise-item:last-child { border-right:0; }
.expertise-item:hover { background:rgba(37,99,235,.13); }
.expertise-item i { color:#73d7ff;font-size:1.75rem; }
.expertise-item span { color:#edf6ff;font-size:.8rem;line-height:1.5; }
.process-section { position:relative;padding:100px 0;color:var(--navy);background:linear-gradient(180deg,#fff,#f5f9ff);overflow:hidden; }
.process-row { position:relative;z-index:2; }
.process-line { position:absolute;left:12%;right:12%;top:52%;height:2px;background:linear-gradient(90deg,transparent,#84c7ff,#2563eb,#84c7ff,transparent);opacity:.35; }
.process-card { position:relative;height:100%;padding:30px 25px;border:1px solid #dfe8f4;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(15,52,100,.07);transition:.3s ease; }
.process-card:hover { transform:translateY(-9px);border-color:#9bc5ff;box-shadow:0 24px 50px rgba(15,52,100,.13); }
.process-step { position:absolute;right:18px;top:14px;color:#d9e8fb;font-size:2.3rem;font-weight:800; }
.process-icon { position:relative;width:56px;height:56px;display:grid;place-items:center;margin-bottom:22px;border-radius:16px;color:#fff;font-size:1.45rem;background:linear-gradient(145deg,#2563eb,#00a8e8);box-shadow:0 14px 30px rgba(37,99,235,.25); }
.process-card h3 { color:#0a1e3a;font-size:1.05rem;font-weight:800; }
.process-card p { margin:0;color:#65758c;font-size:.84rem;line-height:1.7; }
.technology-section { padding:0 0 90px;background:#f5f9ff; }
.technology-shell { display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;padding:45px 48px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#06162f,#0b2c58);box-shadow:0 24px 55px rgba(1,14,33,.2); }
.technology-shell h2 { margin:0;max-width:530px;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:800;letter-spacing:-.04em; }
.technology-list { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px; }
.technology-list span { padding:11px 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#dcecff;font-size:.8rem;background:rgba(255,255,255,.055); }
@media (max-width: 1199.98px) { .expertise-grid{grid-template-columns:repeat(3,1fr)} .expertise-item:nth-child(3){border-right:0} .expertise-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.09)} }
@media (max-width: 991.98px) { .about-visual{min-height:470px} .process-line{display:none} .technology-shell{grid-template-columns:1fr;text-align:center} .technology-list{justify-content:center} }
@media (max-width: 575.98px) { .about-section,.process-section{padding:78px 0} .about-logo-card{top:32px;right:20px;left:20px;width:auto} .expertise-grid{grid-template-columns:repeat(2,1fr)} .expertise-item{border-bottom:1px solid rgba(255,255,255,.09)} .expertise-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.09)} .expertise-item:nth-child(even){border-right:0} .technology-shell{padding:34px 22px} }

/* Phase 3 */
.why-section,.cases-section,.pricing-section,.faq-section{padding:110px 0;background:#fff}.benefit-card{height:100%;display:flex;gap:18px;padding:26px;border:1px solid #dce6f2;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(8,31,59,.07);transition:.3s}.benefit-card:hover{transform:translateY(-6px);border-color:#77bff7}.benefit-card>i{flex:0 0 52px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:1.35rem;background:linear-gradient(135deg,#0878e8,#19b8ff)}.benefit-card h3{font-size:1.08rem;color:#10233b;margin:2px 0 8px}.benefit-card p{color:#6d7d90;margin:0;line-height:1.7;font-size:.92rem}
.cases-section{background:#f3f8fd}.case-card{height:100%;padding:30px;border-radius:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(8,31,59,.16)}.case-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-90px;background:rgba(255,255,255,.12)}.case-blue{background:linear-gradient(145deg,#07336f,#087fe2)}.case-purple{background:linear-gradient(145deg,#29205f,#7258e8)}.case-cyan{background:linear-gradient(145deg,#064b63,#09a7cb)}.case-top{display:flex;justify-content:space-between;position:relative;z-index:1;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.case-visual{height:130px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;font-size:1.65rem}.case-visual i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}.case-line{height:1px;width:34px;background:rgba(255,255,255,.5)}.case-card h3{position:relative;z-index:1;font-size:1.35rem;font-weight:800}.case-card p,.case-card li{position:relative;z-index:1;color:rgba(255,255,255,.78);line-height:1.7}.case-card ul{padding-left:18px;margin-bottom:0}
.testimonials-section{padding:110px 0;background:#071326}.testimonial-card{height:100%;padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.055);color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.16)}.quote-icon{font-size:3.5rem;line-height:.8;color:#2dafff;font-weight:800}.testimonial-card>p{color:#c7d4e5;line-height:1.8;min-height:112px}.client-row{display:flex;align-items:center;gap:13px}.client-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-weight:800;background:linear-gradient(135deg,#0c7fe8,#33c8ff)}.client-row strong,.client-row small{display:block}.client-row small{color:#8194aa;font-size:.8rem;margin-top:3px}
.price-card{height:100%;padding:34px;border-radius:24px;border:1px solid #dce6f2;background:#fff;box-shadow:0 18px 48px rgba(8,31,59,.08);position:relative;transition:.3s}.price-card:hover{transform:translateY(-7px)}.price-card.featured{border:2px solid #128bea;box-shadow:0 25px 70px rgba(13,127,224,.19)}.popular-badge{position:absolute;right:20px;top:20px;padding:7px 11px;border-radius:20px;color:#fff;background:#0b84e8;font-size:.72rem;font-weight:800}.price-label{color:#0878df;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}.price-card h3{font-size:1.35rem;color:#10233b;margin:13px 0}.price{font-size:2.25rem;color:#071c35;font-weight:800}.price small{font-size:.85rem;color:#7c8b9d}.price-card>p{color:#728196;line-height:1.7;min-height:73px}.price-card ul{list-style:none;padding:0;margin:25px 0}.price-card li{display:flex;gap:10px;margin:13px 0;color:#455a70}.price-card li i{color:#0c8ae9}.btn-dark-outline{border:1px solid #b8c9db;color:#102b47;font-weight:700;border-radius:10px;padding:12px}.btn-dark-outline:hover{background:#102b47;color:#fff}
.faq-section{background:#f3f8fd}.faq-accordion .accordion-item{border:1px solid #dce6f2;border-radius:15px!important;margin-bottom:13px;overflow:hidden;background:#fff}.faq-accordion .accordion-button{font-weight:700;color:#132d49;padding:21px 23px;box-shadow:none;background:#fff}.faq-accordion .accordion-button:not(.collapsed){color:#0879df;background:#f4faff}.faq-accordion .accordion-body{color:#65778b;line-height:1.8;padding:0 23px 22px}.phase-next{padding:85px 0;background:linear-gradient(135deg,#071326,#0a4582);color:#fff}.phase-next h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;max-width:820px;margin:18px auto}.phase-next p{color:#a9c0d8}
@media(max-width:991px){.why-section,.cases-section,.testimonials-section,.pricing-section,.faq-section{padding:85px 0}.testimonial-card>p,.price-card>p{min-height:auto}}

/* Phase 4: Contact, Footer and AI Chat */
.contact-section{padding:110px 0;background:linear-gradient(180deg,#f3f8fd,#fff)}
.contact-info-panel,.contact-form-card{height:100%;border-radius:26px}.contact-info-panel{padding:48px;color:#fff;background:linear-gradient(145deg,#06172f,#094f91);box-shadow:0 28px 70px rgba(6,40,78,.22);position:relative;overflow:hidden}.contact-info-panel:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-130px;bottom:-130px;background:rgba(44,194,255,.18)}.contact-info-panel h2{font-size:clamp(2rem,4vw,3.15rem);font-weight:800;letter-spacing:-.05em;margin:17px 0}.contact-info-panel>p{color:#bdd0e5;line-height:1.8}.contact-details{display:grid;gap:14px;margin:34px 0}.contact-details>a,.contact-details>div{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;color:#fff;background:rgba(255,255,255,.055)}.contact-details i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#66d9ff;background:rgba(255,255,255,.09);font-size:1.15rem}.contact-details span,.contact-details small{display:block}.contact-details small{color:#8fb2d2;font-size:.72rem;margin-bottom:3px}.contact-note{position:relative;z-index:1;color:#bcd0e2;font-size:.82rem}.contact-note i{color:#59dcaf;margin-right:7px}.contact-form-card{padding:44px;border:1px solid #dce6f2;background:#fff;box-shadow:0 24px 65px rgba(8,31,59,.1)}.contact-form-card h3{color:#10233b;font-size:1.65rem;font-weight:800}.contact-form-card>p{color:#718197}.contact-form-card .form-label{font-size:.82rem;font-weight:700;color:#304861}.contact-form-card .form-control,.contact-form-card .form-select{min-height:51px;border:1px solid #d6e1ed;border-radius:11px;background:#fafdff;color:#132d49}.contact-form-card textarea.form-control{min-height:130px}.contact-form-card .form-control:focus,.contact-form-card .form-select:focus{border-color:#168ee8;box-shadow:0 0 0 .22rem rgba(22,142,232,.11)}
.site-footer{padding:75px 0 0;color:#a9bbcf;background:#050f20}.footer-main{padding-bottom:55px}.footer-brand{display:inline-flex;align-items:center;gap:11px;color:#fff;margin-bottom:19px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{font-size:1.1rem}.footer-brand small{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#5ccfff}.site-footer p{max-width:470px;line-height:1.8}.site-footer h4{color:#fff;font-size:.9rem;font-weight:800;margin-bottom:18px}.site-footer .col-6>a,.site-footer .col-lg-2>a,.site-footer .col-lg-2>span{display:block;color:#9eb0c5;margin:10px 0;font-size:.86rem}.site-footer a:hover{color:#55cdff}.footer-social{display:flex;gap:10px;margin-top:22px}.footer-social a{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#dbeafa;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem}
.chat-launcher{position:fixed;right:24px;bottom:92px;z-index:1002;width:62px;height:62px;border:0;border-radius:50%;color:#fff;font-size:1.55rem;background:linear-gradient(135deg,#087ee8,#20c7f5);box-shadow:0 18px 45px rgba(7,126,232,.38);transition:.25s}.chat-launcher:hover{transform:translateY(-4px) scale(1.04)}.chat-notification{position:absolute;right:0;top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font:700 .68rem/1 Inter,sans-serif;color:#fff;background:#ff4058;border:2px solid #fff}.chat-widget{position:fixed;right:24px;bottom:168px;z-index:1003;width:min(390px,calc(100vw - 30px));height:min(610px,calc(100vh - 190px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,15,35,.35);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(22px) scale(.96);transform-origin:bottom right;transition:.28s ease}.chat-widget.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;color:#fff;background:linear-gradient(135deg,#061a38,#087fdf)}.chat-agent{display:flex;align-items:center;gap:12px}.chat-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#24c8f5,#3478ff);box-shadow:0 8px 22px rgba(0,0,0,.2);font-size:1.2rem}.chat-agent strong,.chat-agent small{display:block}.chat-agent small{margin-top:3px;color:#bfe7ff;font-size:.72rem}.chat-agent small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ff0a6;margin-right:5px;box-shadow:0 0 8px #4ff0a6}.chat-header>button{border:0;color:#fff;background:transparent;font-size:1.05rem}.chat-messages{flex:1;padding:18px;overflow-y:auto;background:linear-gradient(180deg,#f7fbff,#eef6fd)}.chat-message{display:flex;gap:9px;margin-bottom:15px;align-items:flex-end}.chat-message.user{justify-content:flex-end}.message-avatar{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#0e88e7;font-size:.78rem}.message-bubble{max-width:82%;padding:11px 14px;border-radius:16px 16px 16px 5px;color:#263b50;background:#fff;border:1px solid #dbe8f3;box-shadow:0 5px 15px rgba(9,49,88,.06);font-size:.86rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.chat-message.user .message-bubble{color:#fff;border:0;border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,#087de2,#15a9e8)}.chat-message.typing .message-bubble{display:flex;gap:5px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#7b91a5;animation:typingDot 1s infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-quick-actions{display:flex;gap:7px;padding:10px 14px;overflow-x:auto;border-top:1px solid #e1eaf3;background:#fff}.chat-quick-actions button{flex:0 0 auto;border:1px solid #bcdaf2;border-radius:999px;padding:7px 11px;color:#0875cf;background:#f4faff;font-size:.72rem;font-weight:700}.chat-input-area{display:flex;align-items:flex-end;gap:9px;padding:12px 13px;border-top:1px solid #e2ebf4;background:#fff}.chat-input-area textarea{flex:1;resize:none;max-height:100px;border:1px solid #d8e4ef;border-radius:14px;padding:11px 13px;color:#21394f;background:#f9fcff;outline:none;font-size:.86rem}.chat-input-area textarea:focus{border-color:#168ee8}.chat-input-area button{flex:0 0 43px;width:43px;height:43px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#087de2,#18b7ed)}.chat-input-area button:disabled{opacity:.55}.chat-powered{text-align:center;padding:6px;color:#9aaaba;background:#fff;font-size:.64rem}
@media(max-width:767px){.contact-section{padding:80px 0}.contact-info-panel,.contact-form-card{padding:30px 24px}.footer-bottom{flex-direction:column;text-align:center}.chat-launcher{right:15px;bottom:82px}.chat-widget{right:15px;bottom:153px;height:calc(100vh - 175px)}.whatsapp-button{right:15px}.site-footer{text-align:center}.footer-brand{justify-content:center}.site-footer p{margin-left:auto;margin-right:auto}.footer-social{justify-content:center}}


/* Premium image-based Our Solutions section */
.solutions-showcase {
  position: relative;
  overflow: hidden;
  padding: 92px 0 105px;
  background:
    linear-gradient(180deg, rgba(245,249,255,.92), #f7faff 44%, #eef4ff 100%);
}

.solutions-city-banner {
  position: absolute;
  inset: 0 0 auto;
  height: 390px;
  overflow: hidden;
  pointer-events: none;
}

.solutions-city-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(247,250,255,.86) 82%, #f7faff 100%),
    linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.35), rgba(255,255,255,.1));
}

.solutions-city-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(.92) contrast(.96);
}

.solutions-showcase .section-heading {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto 28px;
}

.solutions-showcase .section-heading span {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid rgba(37,99,235,.25);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #2563eb;
  box-shadow: 0 8px 28px rgba(37,99,235,.08);
}

.solutions-showcase .section-heading h2 {
  color: #050b1b;
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  letter-spacing: -.055em;
  margin-top: 14px;
}

.solutions-showcase .section-heading h2 em {
  color: #2154f3;
  font-style: normal;
}

.solutions-showcase .section-heading p {
  color: #24314d;
  font-size: 1.05rem;
  max-width: 740px;
  margin-inline: auto;
}

.solutions-mini-stats {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 880px;
  margin: 28px auto 42px;
  padding: 15px 18px;
  border: 1px solid rgba(37,99,235,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 50px rgba(28,66,140,.10);
  backdrop-filter: blur(16px);
}

.solutions-mini-stats > div {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  padding: 8px 18px;
  border-right: 1px solid rgba(37,99,235,.16);
}

.solutions-mini-stats > div:last-child {
  border-right: 0;
}

.solutions-mini-stats i {
  grid-row: 1 / 3;
  color: #2457ee;
  font-size: 1.4rem;
}

.solutions-mini-stats strong {
  color: #08112b;
  font-size: 1.35rem;
  line-height: 1;
}

.solutions-mini-stats span {
  color: #44506a;
  font-size: .72rem;
}

.solutions-grid {
  position: relative;
  z-index: 3;
}

.visual-solution-card {
  --card-accent: #2463eb;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(21,55,125,.10);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(23,62,130,.14);
  transition: transform .38s ease, box-shadow .38s ease;
}

.visual-solution-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--card-accent), #50b8ff);
}

.visual-solution-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 26px 60px rgba(23,62,130,.22);
}

.visual-solution-media {
  height: 172px;
  overflow: hidden;
  background: #071940;
}

.visual-solution-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease, filter .4s ease;
}

.visual-solution-card:hover .visual-solution-media img {
  transform: scale(1.07);
  filter: saturate(1.08);
}

.visual-solution-icon {
  position: absolute;
  top: 143px;
  left: 50%;
  z-index: 4;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  border: 8px solid #fff;
  border-radius: 50%;
  color: var(--card-accent);
  font-size: 1.45rem;
  background: #fff;
  box-shadow: 0 10px 26px rgba(19,52,111,.20);
}

.visual-solution-content {
  padding: 47px 22px 24px;
  text-align: center;
}

.visual-solution-content h3 {
  margin: 0 0 9px;
  color: #07102a;
  font-size: 1.16rem;
  font-weight: 800;
}

.visual-solution-content p {
  min-height: 66px;
  margin-bottom: 14px;
  color: #43506b;
  font-size: .87rem;
  line-height: 1.55;
}

.visual-solution-content a {
  color: var(--card-accent);
  font-size: .84rem;
  font-weight: 800;
}

.visual-solution-content a i {
  margin-left: 5px;
  transition: transform .25s ease;
}

.visual-solution-content a:hover i {
  transform: translateX(4px);
}

.visual-solution-card.accent-green { --card-accent: #15b866; }
.visual-solution-card.accent-purple { --card-accent: #7c3aed; }
.visual-solution-card.accent-orange { --card-accent: #f97316; }
.visual-solution-card.accent-cyan { --card-accent: #06b6d4; }

/* Native lazy-loaded images fade in cleanly */
.visual-solution-media img[loading="lazy"] {
  opacity: 0;
  transition: opacity .5s ease, transform .65s ease, filter .4s ease;
}

.visual-solution-media img[loading="lazy"].is-loaded {
  opacity: 1;
}

@media (max-width: 991.98px) {
  .solutions-mini-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .solutions-mini-stats > div:nth-child(2) {
    border-right: 0;
  }

  .solutions-mini-stats > div:nth-child(-n+2) {
    border-bottom: 1px solid rgba(37,99,235,.12);
  }
}

@media (max-width: 575.98px) {
  .solutions-showcase {
    padding-top: 76px;
  }

  .solutions-city-banner {
    height: 310px;
  }

  .solutions-mini-stats {
    padding: 10px;
  }

  .solutions-mini-stats > div {
    padding: 10px 7px;
  }

  .solutions-mini-stats span {
    font-size: .65rem;
  }

  .visual-solution-media {
    height: 190px;
  }

  .visual-solution-icon {
    top: 160px;
  }
}


/* Remove duplicate text overlay from the generated solutions banner */
.solutions-showcase {
  padding-top: 390px;
}

.solutions-cards-container {
  position: relative;
  z-index: 3;
  margin-top: -8px;
}

.solutions-showcase .section-heading,
.solutions-mini-stats {
  display: none !important;
}

@media (max-width: 991.98px) {
  .solutions-showcase {
    padding-top: 330px;
  }
}

@media (max-width: 575.98px) {
  .solutions-showcase {
    padding-top: 275px;
  }

  .solutions-city-banner {
    height: 275px;
  }
}


/* =========================================================
   PREMIUM AI AUTOMATION HERO
   ========================================================= */
.automation-visual {
  min-height: 540px;
  isolation: isolate;
}

.automation-halo {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(0,212,255,.18) 0%, rgba(37,99,235,.10) 43%, transparent 70%);
  filter: blur(8px);
  animation: automationHalo 4.5s ease-in-out infinite;
}

@keyframes automationHalo {
  0%,100% { transform: scale(.92); opacity: .65; }
  50% { transform: scale(1.12); opacity: 1; }
}

.automation-grid {
  position: absolute;
  width: 510px;
  height: 440px;
  border-radius: 42px;
  opacity: .24;
  background-image:
    linear-gradient(rgba(0,212,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,.12) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle, black 32%, transparent 76%);
  transform: perspective(700px) rotateX(62deg) translateY(64px);
}

.automation-lines {
  position: absolute;
  inset: 5px 0 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
  filter: drop-shadow(0 0 8px rgba(0,212,255,.28));
}

.flow-path {
  fill: none;
  stroke: url(#flowGradient);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-dasharray: 8 9;
  opacity: .48;
  animation: dashFlow 8s linear infinite;
}

.path-two,.path-five { animation-direction: reverse; }
.path-three,.path-six { animation-duration: 10s; }

@keyframes dashFlow {
  to { stroke-dashoffset: -170; }
}

.flow-dot {
  fill: #9beaff;
  filter: drop-shadow(0 0 8px #00d4ff);
}

.automation-core {
  z-index: 5;
  width: 205px;
  height: 205px;
}

.automation-core .chip-inner {
  width: 122px;
  height: 122px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
}

.automation-core .chip-inner span {
  font-size: 3.5rem;
  line-height: .92;
}

.automation-core .chip-inner small {
  margin-top: 7px;
  font-size: .52rem;
  letter-spacing: .22em;
  opacity: .76;
}

.automation-node {
  position: absolute;
  z-index: 7;
  min-width: 82px;
  display: grid;
  justify-items: center;
  gap: 8px;
  animation: automationNodeFloat 4.4s ease-in-out infinite;
}

.automation-node:nth-of-type(even) {
  animation-delay: -2.2s;
}

.node-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #fff;
  font-size: 1.35rem;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(5,17,39,.82);
  backdrop-filter: blur(14px);
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.15);
}

.node-icon.whatsapp { color:#55e88b; box-shadow:0 0 24px rgba(37,211,102,.24),0 14px 34px rgba(0,0,0,.32); }
.node-icon.crm { color:#6db5ff; }
.node-icon.voice { color:#d49aff; }
.node-icon.n8n { color:#ff8a65; }
.node-icon.api { color:#4ce4ff; }
.node-icon.analytics { color:#ffd166; }

.node-label {
  padding: 5px 9px;
  color: #cbdaf1;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .03em;
  border: 1px solid rgba(132,170,224,.15);
  border-radius: 999px;
  background: rgba(4,14,31,.72);
  backdrop-filter: blur(9px);
}

.node-whatsapp { left: 4%; top: 11%; }
.node-crm { right: 3%; top: 10%; }
.node-voice { left: -1%; top: 43%; }
.node-n8n { right: -2%; top: 43%; }
.node-api { left: 6%; bottom: 6%; }
.node-analytics { right: 5%; bottom: 6%; }

@keyframes automationNodeFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.automation-status {
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: -5px;
  width: 260px;
  min-height: 68px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  transform: translateX(-50%);
  padding: 12px 14px;
  border-radius: 17px;
}

.glass-panel {
  border: 1px solid rgba(125,178,241,.2);
  background: rgba(5,17,39,.80);
  box-shadow: 0 18px 50px rgba(0,0,0,.34);
  backdrop-filter: blur(16px);
}

.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #40e889;
  box-shadow: 0 0 0 5px rgba(64,232,137,.11),0 0 18px rgba(64,232,137,.9);
  animation: statusBlink 1.5s ease-in-out infinite;
}

@keyframes statusBlink {
  0%,100% { opacity:.6; transform:scale(.9); }
  50% { opacity:1; transform:scale(1.15); }
}

.automation-status small {
  display: block;
  color: #8094b0;
  font-size: .58rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.automation-status strong {
  display: block;
  margin-top: 3px;
  color: white;
  font-size: .73rem;
  font-weight: 700;
}

.status-percent {
  color: #40e889;
  font-size: .62rem;
  font-weight: 800;
}

.automation-metric {
  position: absolute;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border: 1px solid rgba(117,166,227,.15);
  border-radius: 14px;
  color: white;
  background: rgba(5,17,39,.76);
  backdrop-filter: blur(13px);
  box-shadow: 0 15px 34px rgba(0,0,0,.24);
  animation: metricFloat 4.8s ease-in-out infinite;
}

.automation-metric i {
  color: var(--sky);
}

.automation-metric strong,
.automation-metric small {
  display: block;
}

.automation-metric strong {
  font-size: .76rem;
}

.automation-metric small {
  color: #8799b3;
  font-size: .55rem;
}

.metric-one { left: 20%; top: 7%; }
.metric-two { right: 16%; bottom: 3%; animation-delay:-2.4s; }

@keyframes metricFloat {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-8px); }
}

.hero-rotating-word {
  display: inline-block;
  min-width: 255px;
  transition: opacity .22s ease, transform .22s ease;
}

.hero-rotating-word.word-changing {
  opacity: 0;
  transform: translateY(12px);
}

@media (max-width: 1199.98px) {
  .automation-lines { transform: scale(.92); }
  .node-whatsapp { left:1%; }
  .node-crm { right:1%; }
  .node-voice { left:-4%; }
  .node-n8n { right:-4%; }
}

@media (max-width: 991.98px) {
  .automation-visual {
    max-width: 620px;
    margin-inline: auto;
    min-height: 555px;
  }

  .hero-rotating-word {
    min-width: 0;
  }
}

@media (max-width: 575.98px) {
  .automation-visual {
    min-height: 470px;
    transform: scale(.92);
    transform-origin: center top;
    margin-bottom: -35px;
  }

  .automation-lines {
    inset: 0;
    transform: scale(.83);
  }

  .automation-core {
    width: 165px;
    height: 165px;
  }

  .automation-core .chip-inner {
    width: 98px;
    height: 98px;
  }

  .automation-core .chip-inner span {
    font-size: 2.7rem;
  }

  .node-icon {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    font-size: 1.1rem;
  }

  .node-label {
    display: none;
  }

  .node-whatsapp { left:2%; top:13%; }
  .node-crm { right:2%; top:13%; }
  .node-voice { left:-1%; top:44%; }
  .node-n8n { right:-1%; top:44%; }
  .node-api { left:7%; bottom:13%; }
  .node-analytics { right:7%; bottom:13%; }

  .automation-status {
    bottom: 2px;
    width: 235px;
  }

  .metric-one,
  .metric-two {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .flow-path,
  .automation-node,
  .automation-status,
  .automation-metric,
  .automation-halo {
    animation: none !important;
  }
}

/* === Premium pure CSS 5-layer AI command core (v10) === */
.premium-core-scene{position:relative;min-height:620px;isolation:isolate;perspective:1400px;overflow:visible!important}
.premium-core-scene:before{content:"";position:absolute;inset:8% 3% 5%;background:radial-gradient(circle at 52% 48%,rgba(0,145,255,.20),transparent 35%),radial-gradient(circle at 52% 58%,rgba(0,220,255,.10),transparent 48%);filter:blur(8px);z-index:-5}
.core-ambient{position:absolute;border-radius:50%;filter:blur(42px);opacity:.58;pointer-events:none}.core-ambient-a{width:310px;height:310px;left:31%;top:22%;background:rgba(0,112,255,.25);animation:ambientPulse 4s ease-in-out infinite}.core-ambient-b{width:180px;height:180px;left:48%;top:37%;background:rgba(0,238,255,.22);animation:ambientPulse 4s 1.2s ease-in-out infinite}
.core-floor-grid{position:absolute;left:15%;right:4%;bottom:7%;height:52%;background:linear-gradient(rgba(50,146,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,146,255,.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(420px) rotateX(66deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 92%);opacity:.5}
.core-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(63,196,255,.35);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit-a{width:420px;height:210px;margin:-105px 0 0 -210px;transform:rotateX(68deg) rotateZ(6deg);animation:orbitSpinA 9s linear infinite}.orbit-b{width:500px;height:250px;margin:-125px 0 0 -250px;transform:rotateX(68deg) rotateZ(-15deg);animation:orbitSpinB 12s linear infinite}.orbit-c{width:350px;height:350px;margin:-175px 0 0 -175px;border-style:dashed;opacity:.35;animation:orbitSpinC 18s linear infinite}
.premium-flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.premium-paths path{fill:none;stroke:url(#premiumFlow);stroke-width:1.6;stroke-dasharray:8 10;opacity:.62;animation:dashTravel 9s linear infinite}.moving-packets circle{fill:#8af7ff;filter:drop-shadow(0 0 7px #3cdfff)}
.processor-rig{position:absolute;left:50%;top:49%;width:330px;height:300px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-45deg);z-index:5;animation:rigFloat 5s ease-in-out infinite;will-change:transform}
.energy-column{position:absolute;inset:20% 22%;background:radial-gradient(circle,rgba(90,235,255,.85),rgba(0,110,255,.16) 42%,transparent 70%);filter:blur(20px);transform:translateZ(-95px);animation:energyPulse 2.2s ease-in-out infinite}
.processor-layer{position:absolute;left:15px;top:15px;width:300px;height:235px;border-radius:38px;overflow:hidden;transform-style:preserve-3d;background:linear-gradient(145deg,rgba(13,37,73,.98),rgba(4,14,34,.98));border:1px solid rgba(63,215,255,.68);box-shadow:inset 0 0 0 2px rgba(39,118,255,.12),inset 0 -18px 28px rgba(0,0,0,.48),0 0 18px rgba(0,166,255,.38),0 18px 24px rgba(0,0,0,.32)}
.processor-layer:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.18) 42%,transparent 58%);transform:translateX(-130%);animation:layerSweep 4.6s ease-in-out infinite}
.processor-layer:after{content:"";position:absolute;inset:6px;border:1px solid rgba(91,220,255,.28);border-radius:32px;box-shadow:inset 0 0 22px rgba(0,171,255,.10)}
.layer-base{transform:translateZ(-108px);filter:brightness(.58)}.layer-io{transform:translateZ(-78px);filter:brightness(.72)}.layer-memory{transform:translateZ(-48px);filter:brightness(.86)}.layer-neural{transform:translateZ(-18px);filter:brightness(.97)}.layer-top{transform:translateZ(20px);background:linear-gradient(145deg,#0c64d7 0%,#0a9cff 42%,#1447b9 100%);box-shadow:inset 0 0 30px rgba(112,245,255,.44),0 0 26px rgba(0,181,255,.72),0 28px 40px rgba(0,0,0,.42)}
.layer-circuit{position:absolute;inset:20px;background:radial-gradient(circle at 16px 16px,#62ecff 0 2px,transparent 3px),linear-gradient(90deg,transparent 48%,rgba(82,225,255,.32) 49% 51%,transparent 52%),linear-gradient(transparent 48%,rgba(82,225,255,.26) 49% 51%,transparent 52%);background-size:34px 34px,42px 42px,42px 42px;opacity:.34;animation:circuitDrift 5s linear infinite}
.layer-top .layer-circuit{opacity:.46}.edge-leds{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(100,244,255,.9),transparent) top/36% 2px no-repeat,linear-gradient(90deg,transparent,rgba(36,154,255,.9),transparent) bottom/42% 2px no-repeat;animation:edgeTravel 2.6s linear infinite}
.core-die{position:absolute;left:50%;top:50%;width:158px;height:125px;transform:translate(-50%,-50%) translateZ(38px);border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#103d9c,#1a73ff 48%,#091c59);border:1px solid rgba(152,244,255,.9);box-shadow:inset 0 0 28px rgba(136,237,255,.25),0 0 24px rgba(62,217,255,.75),0 12px 18px rgba(0,0,0,.36);overflow:hidden}
.core-die strong{font-size:54px;line-height:.9;color:#fff;text-shadow:0 0 16px rgba(174,244,255,.95);transform:rotateZ(45deg)}.core-die small{font-size:8px;letter-spacing:2.4px;color:#c8f8ff;margin-top:12px;transform:rotateZ(45deg)}.core-scan{position:absolute;inset:-20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-140%);animation:coreScan 2.8s ease-in-out infinite}
.spark-field{position:absolute;inset:-70px;transform:translateZ(45px);pointer-events:none}.spark-field i{position:absolute;width:4px;height:4px;border-radius:50%;background:#55f2ff;box-shadow:0 0 10px #16dfff;animation:sparkFly 2.5s ease-out infinite}.spark-field i:nth-child(1){left:18%;top:36%;animation-delay:-.2s}.spark-field i:nth-child(2){left:25%;top:15%;animation-delay:-1.3s}.spark-field i:nth-child(3){left:48%;top:8%;animation-delay:-.8s}.spark-field i:nth-child(4){left:76%;top:20%;animation-delay:-1.8s}.spark-field i:nth-child(5){left:88%;top:45%;animation-delay:-.4s}.spark-field i:nth-child(6){left:78%;top:78%;animation-delay:-2s}.spark-field i:nth-child(7){left:55%;top:92%;animation-delay:-1s}.spark-field i:nth-child(8){left:30%;top:85%;animation-delay:-2.2s}.spark-field i:nth-child(9){left:10%;top:62%;animation-delay:-1.5s}.spark-field i:nth-child(10){left:92%;top:68%;animation-delay:-.9s}.spark-field i:nth-child(11){left:62%;top:10%;animation-delay:-2.4s}.spark-field i:nth-child(12){left:9%;top:25%;animation-delay:-.6s}
.brand-node{position:absolute;z-index:9;width:92px;text-align:center;color:#fff;animation:nodeFloat 4.6s ease-in-out infinite}.brand-logo-card{width:66px;height:66px;margin:auto;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,rgba(22,43,72,.94),rgba(5,14,31,.92));border:1px solid rgba(121,210,255,.42);box-shadow:inset 0 0 18px rgba(60,184,255,.10),0 12px 24px rgba(0,0,0,.28),0 0 12px rgba(0,164,255,.16);backdrop-filter:blur(12px)}.brand-logo-card img{width:38px;height:38px;object-fit:contain}.brand-node strong{display:block;font-size:13px;margin-top:8px}.brand-node small{display:block;font-size:10px;color:#9bb1cc;margin-top:2px}.node-openai{left:45%;top:2%}.node-gemini{left:15%;top:12%;animation-delay:-.8s}.node-claude{left:4%;top:39%;animation-delay:-1.5s}.node-microsoft{right:6%;top:14%;animation-delay:-2.1s}.node-aws{right:-2%;top:40%;animation-delay:-.5s}.node-meta{right:3%;bottom:13%;animation-delay:-1.1s}.node-whatsapp{left:12%;bottom:8%;animation-delay:-2.3s}.node-n8n{left:38%;bottom:0%;animation-delay:-1.7s}
.gemini-mark{font-size:42px;color:#8b72ff;text-shadow:0 0 16px #5c5cff}.claude-mark{font-size:25px;font-weight:800;color:#121926;background:linear-gradient(145deg,#fff,#cfe9ff)}.microsoft-mark{grid-template-columns:repeat(2,17px);grid-template-rows:repeat(2,17px);gap:3px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}
.premium-status{position:absolute;left:31%;bottom:-1%;z-index:10;min-width:330px;padding:12px 16px;display:flex;align-items:center;gap:13px;border-radius:18px;background:rgba(3,12,28,.82);border:1px solid rgba(115,188,255,.22);box-shadow:0 18px 34px rgba(0,0,0,.35),inset 0 0 18px rgba(45,139,255,.06);backdrop-filter:blur(16px)}.premium-status>div:nth-of-type(1){min-width:150px}.premium-status small{display:block;text-transform:uppercase;letter-spacing:1.2px;font-size:8px;color:#8ea6c4}.premium-status strong{display:block;font-size:11px;margin-top:3px;color:#effbff}.status-divider{width:1px;height:34px;background:rgba(255,255,255,.1)}.status-total{display:flex;gap:9px;align-items:center}.status-total i{color:#16dfff;font-size:20px;animation:spin 3s linear infinite}.status-total b{display:block;font-size:15px}.status-total span small{text-transform:none;letter-spacing:0;font-size:9px}.status-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#22e58b;box-shadow:0 0 0 7px rgba(34,229,139,.1),0 0 13px #22e58b;animation:statusBlink 1.7s ease-in-out infinite}
@keyframes rigFloat{0%,100%{transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-45deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(59deg) rotateZ(-44deg) translateY(-12px)}}
@keyframes ambientPulse{50%{transform:scale(1.18);opacity:.85}}@keyframes orbitSpinA{to{transform:rotateX(68deg) rotateZ(366deg)}}@keyframes orbitSpinB{to{transform:rotateX(68deg) rotateZ(-375deg)}}@keyframes orbitSpinC{to{transform:rotate(360deg)}}@keyframes dashTravel{to{stroke-dashoffset:-180}}@keyframes layerSweep{0%,20%{transform:translateX(-130%)}65%,100%{transform:translateX(150%)}}@keyframes edgeTravel{to{background-position:180% 0,-180% 100%}}@keyframes coreScan{0%,20%{transform:translateX(-140%)}70%,100%{transform:translateX(140%)}}@keyframes circuitDrift{to{background-position:34px 34px,42px 0,0 42px}}@keyframes energyPulse{50%{opacity:.55;transform:translateZ(-95px) scale(1.2)}}@keyframes sparkFly{0%{opacity:0;transform:scale(.2)}30%{opacity:1}100%{opacity:0;transform:translate(var(--sx,18px),var(--sy,-24px)) scale(1.8)}}@keyframes nodeFloat{50%{transform:translateY(-9px)}}@keyframes statusBlink{50%{opacity:.45;transform:scale(.78)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1199px){.premium-core-scene{transform:scale(.9);transform-origin:center}.brand-node{width:82px}.brand-logo-card{width:58px;height:58px}.premium-status{left:26%}}
@media(max-width:991px){.premium-core-scene{min-height:650px;transform:scale(.96)}.premium-status{left:50%;transform:translateX(-50%)}.node-aws{right:1%}.node-claude{left:1%}}
@media(max-width:767px){.premium-core-scene{min-height:590px;transform:scale(.74);transform-origin:top center;margin-bottom:-130px}.processor-rig{top:48%}.premium-status{bottom:3%;min-width:310px}.brand-node strong{font-size:12px}}
@media(max-width:480px){.premium-core-scene{transform:scale(.61);margin-left:-70px;margin-right:-70px;margin-bottom:-195px}.premium-status{bottom:1%}}
@media(prefers-reduced-motion:reduce){.processor-rig,.processor-layer:before,.core-orbit,.brand-node,.spark-field i,.premium-paths path{animation:none!important}}


/* ===== V11 LOCAL-ICON COMMAND CORE ===== */
.v11-scene{min-height:640px;position:relative;isolation:isolate;overflow:visible!important;perspective:1500px}
.v11-halo{position:absolute;left:50%;top:52%;width:560px;height:470px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,169,255,.25),rgba(15,90,255,.08) 40%,transparent 70%);filter:blur(10px);animation:v11Halo 4s ease-in-out infinite}
.v11-grid{position:absolute;left:12%;right:7%;bottom:4%;height:42%;opacity:.18;transform:perspective(600px) rotateX(68deg);transform-origin:bottom;background-image:linear-gradient(rgba(47,183,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(47,183,255,.28) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to top,#000,transparent)}
.v11-connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.v11-lines path{fill:none;stroke:url(#v11Flow);stroke-width:1.5;stroke-dasharray:7 9;opacity:.6;animation:v11Dash 9s linear infinite}.v11-packets circle{fill:#80f5ff;filter:drop-shadow(0 0 7px #3defff)}
.v11-orbit{position:absolute;left:50%;top:52%;border:1px solid rgba(50,195,255,.28);border-radius:50%;z-index:2;pointer-events:none}.orbit-1{width:430px;height:230px;transform:translate(-50%,-50%) rotate(-9deg);animation:v11Orbit1 13s linear infinite}.orbit-2{width:390px;height:310px;transform:translate(-50%,-50%) rotate(38deg);animation:v11Orbit2 17s linear infinite reverse}.orbit-3{width:310px;height:410px;transform:translate(-50%,-50%) rotate(72deg);animation:v11Orbit3 20s linear infinite}
.v11-chip{position:absolute;left:50%;top:53%;width:330px;height:290px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg);z-index:5;animation:v11ChipFloat 5s ease-in-out infinite;will-change:transform}
.v11-plate{position:absolute;left:50%;top:50%;width:285px;height:285px;border-radius:38px;transform:translate(-50%,-50%);overflow:hidden;background:linear-gradient(145deg,#102d5e 0%,#07152f 56%,#030a19 100%);border:2px solid rgba(47,200,255,.82);box-shadow:inset 0 0 28px rgba(30,147,255,.3),0 0 0 4px rgba(9,45,91,.78),0 16px 25px rgba(0,0,0,.42),0 0 24px rgba(0,184,255,.35)}
.v11-plate:before{content:"";position:absolute;inset:6px;border-radius:31px;border:1px solid rgba(115,228,255,.46);background:linear-gradient(125deg,rgba(47,154,255,.22),transparent 36%,rgba(56,235,255,.11) 65%,transparent);animation:v11Reflect 4.8s linear infinite}
.v11-plate .pcb{position:absolute;inset:17px;border-radius:23px;opacity:.52;background-image:linear-gradient(90deg,transparent 48%,rgba(44,223,255,.55) 49%,rgba(44,223,255,.55) 51%,transparent 52%),linear-gradient(transparent 48%,rgba(39,148,255,.4) 49%,rgba(39,148,255,.4) 51%,transparent 52%);background-size:34px 34px;box-shadow:inset 0 0 22px rgba(22,176,255,.16)}
.v11-plate>i{position:absolute;width:10px;height:4px;border-radius:5px;background:#75f5ff;box-shadow:0 0 10px #1ed9ff}.v11-plate>i:nth-of-type(1){left:28px;top:50%}.v11-plate>i:nth-of-type(2){right:28px;top:50%}.v11-plate>i:nth-of-type(3){top:28px;left:50%;transform:rotate(90deg)}.v11-plate>i:nth-of-type(4){bottom:28px;left:50%;transform:rotate(90deg)}
.plate-5{transform:translate(-50%,-50%) translateZ(-76px);filter:brightness(.58)}.plate-4{transform:translate(-50%,-50%) translateZ(-57px);filter:brightness(.68)}.plate-3{transform:translate(-50%,-50%) translateZ(-38px);filter:brightness(.8)}.plate-2{transform:translate(-50%,-50%) translateZ(-19px);filter:brightness(.92)}.plate-1{transform:translate(-50%,-50%) translateZ(0);background:linear-gradient(145deg,#238eff,#0a4cca 48%,#061941);box-shadow:inset 0 0 34px rgba(86,235,255,.42),0 0 0 5px rgba(4,83,159,.74),0 20px 32px rgba(0,0,0,.45),0 0 42px rgba(0,198,255,.76)}
.v11-die{position:absolute;left:50%;top:50%;width:145px;height:145px;transform:translate(-50%,-50%) translateZ(20px);border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#2d72ff,#102b82 58%,#07153f);border:2px solid rgba(128,242,255,.9);box-shadow:inset 0 0 28px rgba(89,226,255,.35),0 0 0 7px rgba(10,73,168,.38),0 0 34px rgba(40,184,255,.85);overflow:hidden}.v11-die strong{font-size:52px;line-height:1;font-weight:900;text-shadow:0 0 18px rgba(255,255,255,.75)}.v11-die small{font-size:8px;letter-spacing:2px;margin-top:6px}.v11-scan{position:absolute;left:-45%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);transform:skewX(-18deg);animation:v11Scan 3.4s linear infinite}
.v11-energy-beam{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%) translateZ(-95px);border-radius:50%;background:#23dbff;filter:blur(26px);opacity:.72;animation:v11Pulse 2.2s ease-in-out infinite}.v11-sparks b{position:absolute;width:4px;height:4px;border-radius:50%;background:#6cf5ff;box-shadow:0 0 10px #39ddff;animation:v11Spark 3s ease-in-out infinite}.v11-sparks b:nth-child(1){left:4%;top:30%}.v11-sparks b:nth-child(2){right:3%;top:23%;animation-delay:-.7s}.v11-sparks b:nth-child(3){left:14%;bottom:8%;animation-delay:-1.3s}.v11-sparks b:nth-child(4){right:12%;bottom:5%;animation-delay:-2s}.v11-sparks b:nth-child(5){left:48%;top:-8%;animation-delay:-1s}.v11-sparks b:nth-child(6){left:-5%;top:62%;animation-delay:-1.8s}.v11-sparks b:nth-child(7){right:-7%;top:65%;animation-delay:-.4s}.v11-sparks b:nth-child(8){left:56%;bottom:-10%;animation-delay:-2.4s}
.v11-node{position:absolute;z-index:10;width:92px;text-align:center;color:#fff;animation:v11Node 4.5s ease-in-out infinite}.v11-node .logo{width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,rgba(24,48,78,.97),rgba(5,14,31,.94));border:1px solid rgba(119,216,255,.5);box-shadow:inset 0 0 18px rgba(52,184,255,.13),0 12px 24px rgba(0,0,0,.3),0 0 16px rgba(0,174,255,.18);font-style:normal}.v11-node strong{display:block;font-size:12px;margin-top:7px}.v11-node small{display:block;color:#97abc6;font-size:9px;margin-top:2px}.v11-node svg{width:34px;height:34px;fill:#fff}.gemini-logo{font-size:34px;color:#8e7dff;text-shadow:0 0 16px #6d8fff}.claude-logo{font-size:23px;font-weight:900;background:linear-gradient(145deg,#eef8ff,#bddfff)!important;color:#0b1324!important}.ms-logo{grid-template-columns:repeat(2,14px)!important;grid-template-rows:repeat(2,14px)!important;gap:3px}.ms-logo em:nth-child(1){background:#f25022}.ms-logo em:nth-child(2){background:#7fba00}.ms-logo em:nth-child(3){background:#00a4ef}.ms-logo em:nth-child(4){background:#ffb900}.ms-logo em{width:14px;height:14px}.aws-logo{font-size:21px;font-weight:700}.aws-logo i{position:absolute;width:33px;height:10px;border-bottom:3px solid #ff9900;border-radius:50%;transform:translateY(12px)}.meta-logo{font-size:47px;color:#168bff;line-height:1}.wa-logo{font-size:34px;color:#25d366}.n8n-logo{font-size:31px;color:#ea4b71}.hub-logo{font-size:31px;color:#ff7a59}.sf-logo{font-size:10px;font-weight:800;color:#fff;background:linear-gradient(145deg,#20a6df,#0b6fb6)!important}.node-1{left:44%;top:1%}.node-2{left:14%;top:11%;animation-delay:-.6s}.node-3{left:0;top:39%;animation-delay:-1.2s}.node-4{right:4%;top:12%;animation-delay:-1.8s}.node-5{right:-1%;top:41%;animation-delay:-.5s}.node-6{right:4%;bottom:10%;animation-delay:-1.4s}.node-7{left:9%;bottom:7%;animation-delay:-2.2s}.node-8{left:34%;bottom:-1%;animation-delay:-1.1s}.node-9{left:58%;bottom:-1%;animation-delay:-1.7s}.node-10{left:2%;top:19%;animation-delay:-2.6s}
.v11-status{left:50%!important;bottom:-7px!important;transform:translateX(-50%);min-width:360px;z-index:12}
@keyframes v11Dash{to{stroke-dashoffset:-160}}@keyframes v11Halo{50%{opacity:.72;transform:translate(-50%,-50%) scale(1.08)}}@keyframes v11ChipFloat{0%,100%{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) translateY(-12px)}}@keyframes v11Reflect{0%{transform:translateX(-70%)}100%{transform:translateX(70%)}}@keyframes v11Scan{0%{left:-45%}100%{left:120%}}@keyframes v11Pulse{50%{opacity:1;transform:translate(-50%,-50%) translateZ(-95px) scale(1.35)}}@keyframes v11Spark{0%,100%{opacity:.15;transform:translateY(0) scale(.7)}50%{opacity:1;transform:translateY(-18px) scale(1.3)}}@keyframes v11Node{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes v11Orbit1{to{transform:translate(-50%,-50%) rotate(351deg)}}@keyframes v11Orbit2{to{transform:translate(-50%,-50%) rotate(398deg)}}@keyframes v11Orbit3{to{transform:translate(-50%,-50%) rotate(432deg)}}
@media(max-width:1199px){.v11-scene{transform:scale(.9);transform-origin:center}.v11-node{width:82px}.v11-node .logo{width:58px;height:58px}.node-10{left:4%}}
@media(max-width:991px){.v11-scene{min-height:660px;transform:scale(.94)}.v11-status{bottom:2px!important}.node-3{left:2%}.node-5{right:1%}}
@media(max-width:767px){.v11-scene{min-height:610px;transform:scale(.72);transform-origin:top center;margin:0 -95px -150px}.v11-chip{top:52%}.v11-status{bottom:8px!important}}
@media(max-width:480px){.v11-scene{transform:scale(.6);margin:0 -145px -215px}.v11-status{min-width:330px}}
@media(prefers-reduced-motion:reduce){.v11-chip,.v11-node,.v11-lines path,.v11-orbit,.v11-scan,.v11-sparks b{animation:none!important}}


/* ===== V12 VIDEO HERO + STABLE COMMAND CORE PATCH ===== */
.hero-bg-video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:center 48%; z-index:0; opacity:.72; pointer-events:none;
  filter:saturate(.88) contrast(1.08) brightness(.54);
}
.hero-video-overlay{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,7,17,.96) 0%,rgba(3,10,23,.91) 35%,rgba(3,13,31,.56) 62%,rgba(2,8,18,.48) 100%),
    linear-gradient(180deg,rgba(3,8,18,.22),rgba(2,8,18,.72));
}
.hero-section #networkCanvas{z-index:2}
.hero-section .hero-grid{z-index:2}
.hero-section .hero-container{z-index:3}

.v11-scene{
  min-height:640px; overflow:hidden!important; contain:layout paint;
}
.v11-chip{
  left:50%; top:51%; width:320px; height:280px;
  transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.54);
  transform-origin:50% 50%;
  animation:v12ChipFloatSmall 5s ease-in-out infinite;
  transition:transform .16s ease-out;
}
@keyframes v12ChipFloatSmall{
  0%,100%{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.54) translate3d(0,0,0)}
  50%{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.54) translate3d(0,-8px,0)}
}
.v11-halo{top:50%}
.v11-orbit{top:50%}
.v11-status{bottom:10px!important}

/* clearer, more brand-like icon cards */
.v11-node{width:98px; filter:drop-shadow(0 10px 14px rgba(0,0,0,.36));}
.v11-node .logo{
  width:68px;height:68px;border-radius:20px;
  background:linear-gradient(145deg,rgba(20,45,76,.96),rgba(3,11,26,.98));
  border:1px solid rgba(116,221,255,.68);
  box-shadow:inset 0 0 20px rgba(54,181,255,.16),0 0 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.42),0 0 22px rgba(0,183,255,.22);
}
.v11-node strong{font-size:12.5px;text-shadow:0 2px 8px #000}
.v11-node small{font-size:9.5px;color:#aac0dd}
.v11-node svg{width:38px;height:38px}
.gemini-logo{font-size:39px}
.claude-logo{font-size:24px}
.meta-logo{font-size:51px}
.wa-logo,.n8n-logo,.hub-logo{font-size:36px}
.sf-logo{font-size:9px;line-height:1.05;padding:5px}

/* balanced fixed positions; no overlaps with chip/status */
.node-1{left:44%;top:0%}
.node-2{left:14%;top:10%}
.node-10{left:2%;top:25%}
.node-3{left:0%;top:43%}
.node-7{left:10%;bottom:8%}
.node-8{left:31%;bottom:0%}
.node-9{left:61%;bottom:0%}
.node-6{right:6%;bottom:10%}
.node-5{right:0%;top:43%}
.node-4{right:5%;top:12%}

@media(max-width:1199px){
  .v11-scene{transform:scale(.88);transform-origin:center}
  .hero-bg-video{object-position:62% center}
}
@media(max-width:991px){
  .hero-bg-video{object-position:68% center;opacity:.5}
  .hero-video-overlay{background:linear-gradient(180deg,rgba(2,7,17,.82),rgba(2,7,17,.9))}
  .v11-scene{overflow:visible!important}
}
@media(max-width:767px){
  .hero-bg-video{object-position:72% center;opacity:.42}
  .v11-chip{top:50%}
}

/* ===== V13 BRIGHTER / MORE VISIBLE ROBOT VIDEO PATCH ===== */
.hero-bg-video{
  opacity:.96;
  filter:saturate(1.04) contrast(1.04) brightness(.76);
  object-position:center 48%;
}
.hero-video-overlay{
  background:
    linear-gradient(90deg,
      rgba(2,7,17,.94) 0%,
      rgba(2,8,19,.86) 27%,
      rgba(3,11,25,.56) 43%,
      rgba(2,10,22,.22) 62%,
      rgba(2,8,18,.10) 100%),
    linear-gradient(180deg,
      rgba(1,6,14,.10) 0%,
      rgba(2,8,18,.18) 65%,
      rgba(2,7,16,.38) 100%);
}
.hero-section #networkCanvas{opacity:.26}
.hero-section .hero-grid{opacity:.09}

@media(max-width:1199px){
  .hero-bg-video{opacity:.93;filter:saturate(1.03) contrast(1.03) brightness(.72)}
}
@media(max-width:991px){
  .hero-bg-video{object-position:66% center;opacity:.82;filter:saturate(1.02) contrast(1.03) brightness(.68)}
  .hero-video-overlay{
    background:
      linear-gradient(180deg,rgba(2,7,17,.66),rgba(2,7,17,.50) 48%,rgba(2,7,17,.72)),
      linear-gradient(90deg,rgba(2,7,17,.74),rgba(2,7,17,.22));
  }
}
@media(max-width:767px){
  .hero-bg-video{object-position:70% center;opacity:.74;filter:saturate(1.02) brightness(.64)}
}


/* =========================================================
   V17 CODED OUR SOLUTIONS HEADER
   Removes the old banner image that contained baked-in text.
   All heading, copy and statistics are now real HTML content.
   ========================================================= */
.solutions-showcase {
  position: relative;
  overflow: hidden;
  padding: 0 0 105px !important;
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7ff 48%, #edf3ff 100%);
}

.solutions-city-banner { display: none !important; }

.solutions-code-header {
  position: relative;
  overflow: hidden;
  padding: 86px 0 64px;
  background:
    radial-gradient(circle at 16% 28%, rgba(59,130,246,.16), transparent 30%),
    radial-gradient(circle at 84% 22%, rgba(99,102,241,.14), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
  border-bottom: 1px solid rgba(28,73,150,.09);
}

.solutions-code-header::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .45;
  background-image:
    linear-gradient(rgba(37,99,235,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.055) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

.solutions-code-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  background:
    linear-gradient(135deg, transparent 49%, rgba(38,92,178,.055) 50%) 0 100%/78px 54px repeat-x,
    linear-gradient(45deg, transparent 49%, rgba(38,92,178,.04) 50%) 0 100%/110px 72px repeat-x;
  opacity: .7;
}

.solutions-code-glow {
  position: absolute;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  filter: blur(72px);
  pointer-events: none;
}
.solutions-code-glow.glow-one { left: -120px; top: -150px; background: rgba(24,144,255,.17); }
.solutions-code-glow.glow-two { right: -110px; top: -130px; background: rgba(80,82,255,.13); }

.solutions-showcase .solutions-heading-coded {
  display: block !important;
  position: relative;
  z-index: 3;
  max-width: 850px;
  margin: 0 auto;
}

.solutions-showcase .solutions-heading-coded > span {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  padding: 9px 17px;
  border: 1px solid rgba(37,99,235,.20);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #2363df;
  box-shadow: 0 12px 35px rgba(37,99,235,.09);
  font-weight: 750;
  letter-spacing: .01em;
}

.solutions-showcase .solutions-heading-coded h2 {
  margin: 18px 0 13px;
  color: #101827;
  font-size: clamp(2.7rem, 5.5vw, 4.8rem);
  font-weight: 850;
  line-height: .98;
  letter-spacing: -.06em;
}

.solutions-showcase .solutions-heading-coded h2 em {
  color: #2d61ed;
  font-style: normal;
  text-shadow: 0 12px 34px rgba(45,97,237,.15);
}

.solutions-showcase .solutions-heading-coded p {
  max-width: 760px;
  margin: 0 auto;
  color: #63718a;
  font-size: clamp(.98rem, 1.35vw, 1.12rem);
  line-height: 1.72;
}

.solutions-showcase .solutions-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  position: relative;
  z-index: 3;
  max-width: 900px;
  margin: 34px auto 0;
  padding: 14px 18px;
  border: 1px solid rgba(37,99,235,.13);
  border-radius: 23px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 20px 55px rgba(28,66,140,.10);
  backdrop-filter: blur(16px);
}

.solutions-showcase .solutions-mini-stats > div {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "icon value" "icon label";
  justify-content: center;
  align-items: center;
  column-gap: 11px;
  padding: 10px 14px;
  border-right: 1px solid rgba(37,99,235,.12);
}
.solutions-showcase .solutions-mini-stats > div:last-child { border-right: 0; }
.solutions-showcase .solutions-mini-stats i {
  grid-area: icon;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #3970ee;
  background: #edf4ff;
  font-size: 1.08rem;
}
.solutions-showcase .solutions-mini-stats strong {
  grid-area: value;
  color: #18243a;
  font-size: 1.15rem;
  line-height: 1;
}
.solutions-showcase .solutions-mini-stats span {
  grid-area: label;
  color: #7a879b;
  font-size: .72rem;
  line-height: 1.2;
}

.solutions-cards-container {
  position: relative;
  z-index: 4;
  margin-top: 0 !important;
  padding-top: 34px;
}

@media (max-width: 767.98px) {
  .solutions-code-header { padding: 68px 0 46px; }
  .solutions-showcase .solutions-mini-stats { grid-template-columns: repeat(2, 1fr); }
  .solutions-showcase .solutions-mini-stats > div:nth-child(2) { border-right: 0; }
  .solutions-showcase .solutions-mini-stats > div:nth-child(-n+2) { border-bottom: 1px solid rgba(37,99,235,.12); }
}

@media (max-width: 575.98px) {
  .solutions-code-header { padding: 58px 0 38px; }
  .solutions-showcase .solutions-heading-coded h2 { font-size: clamp(2.4rem, 13vw, 3.3rem); }
  .solutions-showcase .solutions-heading-coded > span { font-size: .78rem; }
  .solutions-showcase .solutions-mini-stats { padding: 9px; border-radius: 19px; }
  .solutions-showcase .solutions-mini-stats > div { padding: 9px 7px; column-gap: 8px; }
  .solutions-showcase .solutions-mini-stats i { width: 34px; height: 34px; }
}

/* ===== V18 launch solutions: AI automation + web design ===== */
.launch-solutions{position:relative;overflow:hidden;padding:110px 0 90px;background:radial-gradient(circle at 22% 40%,rgba(58,41,255,.16),transparent 34%),radial-gradient(circle at 84% 30%,rgba(0,184,255,.14),transparent 32%),linear-gradient(180deg,#030a18 0%,#061329 54%,#030b18 100%);color:#fff;isolation:isolate}
.launch-solutions:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(89,151,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(89,151,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);z-index:-2}
.launch-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.32;z-index:-1}.launch-glow-one{width:420px;height:420px;background:#214dff;left:-190px;top:30%}.launch-glow-two{width:360px;height:360px;background:#00c8ff;right:-140px;top:15%}
.launch-heading{max-width:820px;margin:0 auto 55px;text-align:center}.launch-heading .section-kicker{display:inline-flex;gap:8px;align-items:center;color:#79cfff;border:1px solid rgba(94,190,255,.22);background:rgba(16,49,92,.38);padding:9px 15px;border-radius:999px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.launch-heading h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.03;margin:20px 0 18px;font-weight:800;letter-spacing:-.05em}.launch-heading h2 em{font-style:normal;background:linear-gradient(90deg,#28b8ff,#7761ff);-webkit-background-clip:text;color:transparent}.launch-heading p{max-width:720px;margin:auto;color:#9eb1cb;font-size:1.05rem;line-height:1.75}
.launch-stage{position:relative;display:grid;grid-template-columns:1.05fr 1.05fr .8fr;align-items:center;gap:44px;min-height:650px;padding:48px 42px;border:1px solid rgba(104,173,255,.15);border-radius:38px;background:linear-gradient(135deg,rgba(8,25,52,.92),rgba(4,12,27,.78));box-shadow:0 40px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px)}
.phone-zone{position:relative;min-height:555px;display:grid;place-items:center}.smartphone{position:relative;width:265px;z-index:5;animation:phoneFloat 5s ease-in-out infinite}.phone-frame{padding:9px;border-radius:40px;background:linear-gradient(145deg,#778aa8,#101a2c 36%,#5d7195 70%,#101624);box-shadow:0 30px 65px rgba(0,0,0,.55),0 0 55px rgba(64,115,255,.23),inset 0 0 0 1px rgba(255,255,255,.2)}.phone-screen{height:520px;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#071428,#050b17);border:1px solid rgba(126,176,255,.2);display:flex;flex-direction:column}.phone-notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:0 0 14px 14px;background:#050811;z-index:4}.phone-chat-header{height:78px;padding:28px 15px 12px;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(111,161,255,.12);background:rgba(10,25,48,.86)}.phone-chat-header>i{margin-left:auto;color:#71829c}.mini-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#22baff,#5f57ff);box-shadow:0 0 20px rgba(57,132,255,.4)}.phone-chat-header strong{display:block;font-size:.82rem}.phone-chat-header small{color:#7e91ad;font-size:.65rem}.phone-chat-header small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1fe88d;margin-right:4px;box-shadow:0 0 8px #1fe88d}.phone-chat-body{flex:1;padding:17px 13px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.phone-message{max-width:86%;padding:11px 12px;border-radius:15px;font-size:.72rem;line-height:1.45;box-shadow:0 8px 18px rgba(0,0,0,.16);animation:chatPop .55s both}.phone-message small{display:block;font-size:.53rem;margin-top:5px;opacity:.55}.bot-msg{align-self:flex-start;background:#16243b;color:#e9f3ff;border-bottom-left-radius:4px}.user-msg{align-self:flex-end;background:linear-gradient(135deg,#176dff,#4c45f4);color:white;border-bottom-right-radius:4px;animation-delay:.7s}.delayed-one{animation-delay:1.45s}.typing-bubble{align-self:flex-start;display:flex;gap:4px;background:#16243b;padding:12px 15px;border-radius:15px}.typing-bubble i{width:5px;height:5px;border-radius:50%;background:#8ba0bd;animation:typingDot 1.2s infinite}.typing-bubble i:nth-child(2){animation-delay:.18s}.typing-bubble i:nth-child(3){animation-delay:.36s}.phone-input{height:60px;padding:9px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(111,161,255,.12)}.phone-input span{flex:1;border:1px solid rgba(125,167,224,.16);border-radius:16px;padding:10px 12px;color:#53657e;font-size:.65rem}.phone-input button{border:0;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#18b6ff,#5651ff);color:#fff}.phone-shadow{position:absolute;width:280px;height:48px;border-radius:50%;background:rgba(25,100,255,.26);filter:blur(19px);left:50%;bottom:-16px;transform:translateX(-50%);z-index:-1}
.phone-orbit{position:absolute;border:1px solid rgba(81,135,255,.24);border-radius:50%;animation:orbitSpin 14s linear infinite}.orbit-a{width:410px;height:410px}.orbit-b{width:340px;height:500px;transform:rotate(62deg);animation-duration:18s;animation-direction:reverse}.feature-pill{position:absolute;display:flex;align-items:center;gap:8px;z-index:4;padding:9px 12px;border-radius:15px;border:1px solid rgba(114,174,255,.22);background:rgba(6,19,40,.76);box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 18px rgba(41,109,255,.11);backdrop-filter:blur(12px);font-size:.67rem;color:#aec0da;animation:pillFloat 4s ease-in-out infinite}.feature-pill i{font-size:1rem;color:#68d4ff}.feature-pill b{display:block;color:#fff;font-size:.72rem}.feature-pill-a{left:0;top:72px}.feature-pill-b{left:-6px;top:235px;animation-delay:-1.2s}.feature-pill-c{left:20px;bottom:54px;animation-delay:-2s}.feature-pill-d{right:-4px;top:70px;animation-delay:-.6s}.feature-pill-e{right:-18px;top:245px;animation-delay:-1.6s}.feature-pill-f{right:4px;bottom:52px;animation-delay:-2.6s}
.launch-copy{position:relative;z-index:4}.launch-label{font-size:.74rem;letter-spacing:.16em;color:#55c7ff;font-weight:700}.launch-copy h3{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.08;margin:14px 0 18px;font-weight:760;letter-spacing:-.04em}.launch-copy>p{color:#9fb0c8;line-height:1.75;margin-bottom:25px}.launch-service-list{display:grid;gap:12px}.launch-service-list>div{display:flex;gap:13px;padding:13px;border:1px solid transparent;border-radius:16px;transition:.3s}.launch-service-list>div:hover{border-color:rgba(92,156,255,.2);background:rgba(23,54,96,.28);transform:translateX(5px)}.launch-service-list i{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(32,180,255,.2),rgba(89,70,255,.2));color:#64cfff;border:1px solid rgba(99,173,255,.18)}.launch-service-list b,.launch-service-list small{display:block}.launch-service-list b{font-size:.91rem}.launch-service-list small{margin-top:3px;color:#8294ae;font-size:.72rem;line-height:1.4}.launch-actions{display:flex;gap:20px;align-items:center;margin-top:26px}.launch-actions .text-link{color:#a9bdd8;font-size:.86rem;text-decoration:none}.launch-actions .text-link:hover{color:#fff}
.business-visual{height:100%;display:flex;align-items:center}.business-image-wrap{position:relative;width:100%;min-height:500px;border-radius:28px;overflow:hidden;border:1px solid rgba(112,171,255,.17);background:#071326;box-shadow:0 28px 65px rgba(0,0,0,.35)}.business-image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center;filter:saturate(.92) contrast(1.04)}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,28,.02),rgba(5,13,28,.2) 50%,rgba(4,11,24,.86)),linear-gradient(90deg,rgba(5,13,28,.28),transparent)}.growth-card{position:absolute;left:18px;right:18px;bottom:22px;padding:17px;border-radius:18px;background:rgba(5,15,32,.78);border:1px solid rgba(91,170,255,.2);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.32)}.growth-card span{font-size:.65rem;color:#6f88a9;text-transform:uppercase;letter-spacing:.12em}.growth-card strong{display:block;margin-top:6px;font-size:.78rem}.growth-card strong i{color:#4cc8ff;margin:0 5px}.growth-line{height:32px;display:flex;align-items:flex-end;gap:5px;margin-top:10px}.growth-line i{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#2bd1ff,#3856ff);animation:barRise 2.4s ease-in-out infinite}.growth-line i:nth-child(1){height:30%}.growth-line i:nth-child(2){height:45%;animation-delay:-.4s}.growth-line i:nth-child(3){height:52%;animation-delay:-.8s}.growth-line i:nth-child(4){height:75%;animation-delay:-1.2s}.growth-line i:nth-child(5){height:100%;animation-delay:-1.6s}.live-chip{position:absolute;right:18px;top:18px;padding:8px 11px;border-radius:999px;background:rgba(6,18,37,.78);border:1px solid rgba(91,170,255,.2);font-size:.64rem;color:#c1d3ea;backdrop-filter:blur(12px)}.live-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20e88c;margin-right:6px;box-shadow:0 0 10px #20e88c}
.launch-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.launch-capabilities>div{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid rgba(104,173,255,.12);border-radius:18px;background:rgba(9,25,50,.58)}.launch-capabilities i{font-size:1.35rem;color:#59c9ff}.launch-capabilities strong,.launch-capabilities small{display:block}.launch-capabilities strong{font-size:.84rem}.launch-capabilities small{font-size:.66rem;color:#70839e;margin-top:3px}
@keyframes phoneFloat{50%{transform:translateY(-10px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes pillFloat{50%{transform:translateY(-7px)}}@keyframes chatPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes typingDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}@keyframes barRise{50%{transform:scaleY(.72);opacity:.7}}
@media(max-width:1199px){.launch-stage{grid-template-columns:1fr 1fr}.business-visual{grid-column:1/-1}.business-image-wrap{min-height:380px}.business-image-wrap img{object-position:center 42%}.feature-pill{display:none}}
@media(max-width:767px){.launch-solutions{padding:78px 0 64px}.launch-stage{display:flex;flex-direction:column;padding:30px 18px;border-radius:26px;gap:42px}.phone-zone{width:100%;min-height:570px}.smartphone{width:245px}.launch-copy{text-align:left}.business-visual{width:100%}.business-image-wrap{min-height:410px}.launch-capabilities{grid-template-columns:1fr 1fr}.launch-actions{align-items:flex-start;flex-direction:column}.launch-heading{text-align:left;margin-bottom:34px}.launch-heading p{margin:0}.launch-heading h2{font-size:2.55rem}}
@media(max-width:480px){.launch-capabilities{grid-template-columns:1fr}.phone-zone{transform:scale(.9);margin:-25px 0}.business-image-wrap{min-height:360px}}

/* Aiventrix v19 — streamlined launch-ready page */
.launch-ready-page main > section { scroll-margin-top: 84px; }
.launch-ready-page .hero-section { min-height: 100svh; }
.launch-ready-page .launch-solutions,
.launch-ready-page .process-section,
.launch-ready-page .why-section,
.launch-ready-page .contact-section { padding-top: clamp(78px, 8vw, 118px); padding-bottom: clamp(78px, 8vw, 118px); }
.launch-ready-page .launch-solutions { min-height: 100svh; display:flex; align-items:center; }
.launch-ready-page .process-section { background: linear-gradient(180deg,#061124 0%,#08172e 100%); }
.launch-ready-page .why-section { background: linear-gradient(180deg,#08172e 0%,#f7faff 100%); }
.launch-ready-page .contact-section { min-height: 82svh; display:flex; align-items:center; }
.launch-ready-page .launch-trust-list span { background:rgba(8,24,49,.5); border:1px solid rgba(102,211,255,.16); padding:8px 11px; border-radius:999px; }
.launch-ready-page .site-footer { padding-top:56px; }
@media (max-width: 991.98px){
  .launch-ready-page .hero-section { min-height:auto; padding-bottom:64px; }
  .launch-ready-page .launch-solutions { min-height:auto; }
  .launch-ready-page .why-section { background:linear-gradient(180deg,#08172e 0%,#eef5ff 100%); }
}
@media (prefers-reduced-motion: reduce){
  .launch-ready-page *, .launch-ready-page *::before, .launch-ready-page *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; }
}

/* ===== V20 MODERN LAUNCH SECTIONS (hero intentionally untouched) ===== */
.v20-showcase,.v20-services,.v20-process,.v20-why,.v20-contact{position:relative;overflow:hidden;background:#050b16;color:#fff}.v20-showcase{padding:110px 0 100px;background:radial-gradient(circle at 18% 35%,rgba(45,76,255,.15),transparent 32%),radial-gradient(circle at 82% 30%,rgba(0,215,255,.11),transparent 30%),#050b16}.v20-intro{max-width:860px;margin:0 auto 60px;text-align:center}.v20-kicker,.v20-label,.v20-section-head>span,.v20-contact-copy>span{display:inline-flex;align-items:center;gap:8px;color:#65e5ff;font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.v20-intro h2,.v20-section-head h2,.v20-why h2,.v20-contact h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.03;letter-spacing:-.05em;font-weight:800;margin:18px 0}.v20-intro h2 em{font-style:normal;color:#5d7cff}.v20-intro p,.v20-section-head p,.v20-why p,.v20-contact p{color:#9caac0;font-size:1.08rem;line-height:1.8}.v20-showcase-grid{display:grid;grid-template-columns:1fr 1.12fr .88fr;gap:28px;align-items:stretch}.v20-phone-card,.v20-main-copy,.v20-business-card{min-height:600px;border:1px solid rgba(132,180,255,.14);border-radius:30px;background:linear-gradient(145deg,rgba(14,26,48,.94),rgba(5,10,20,.96));box-shadow:0 30px 90px rgba(0,0,0,.38);position:relative;overflow:hidden}.v20-phone-card{display:flex;align-items:center;justify-content:center}.v20-phone-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#225dff;filter:blur(110px);opacity:.28}.v20-phone{width:250px;height:515px;border-radius:38px;padding:10px;background:linear-gradient(145deg,#9bb8ff,#192748 34%,#060a13 80%);box-shadow:0 35px 70px #000,0 0 0 1px rgba(255,255,255,.16),0 0 50px rgba(58,100,255,.3);position:relative;z-index:2;animation:v20PhoneFloat 5s ease-in-out infinite}.v20-phone-top{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:82px;height:22px;border-radius:20px;background:#05070c;z-index:5}.v20-phone-screen{height:100%;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#10192b,#090e18);display:flex;flex-direction:column}.v20-chat-head{padding:48px 15px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}.v20-chat-head>span{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#1679ff,#783cff);display:grid;place-items:center}.v20-chat-head div{flex:1}.v20-chat-head strong,.v20-chat-head small{display:block}.v20-chat-head small{font-size:.65rem;color:#54e6a5}.v20-chat-stream{padding:18px 13px;display:flex;flex-direction:column;gap:12px;flex:1}.v20-msg{max-width:86%;font-size:.72rem;line-height:1.45}.v20-msg span{display:block;padding:10px 11px;border-radius:13px}.v20-msg small{display:block;color:#65738a;font-size:.56rem;margin-top:4px}.v20-msg.bot span{background:#172238}.v20-msg.user{align-self:flex-end}.v20-msg.user span{background:linear-gradient(135deg,#145cff,#6339e8)}.v20-msg.user small{text-align:right}.v20-msg.delayed{animation:v20Message 8s ease-in-out infinite}.v20-typing{display:flex;gap:4px;padding:10px 12px;background:#172238;border-radius:13px;width:max-content}.v20-typing i{width:5px;height:5px;border-radius:50%;background:#8090aa;animation:v20Typing 1s infinite}.v20-typing i:nth-child(2){animation-delay:.15s}.v20-typing i:nth-child(3){animation-delay:.3s}.v20-chat-input{margin:0 12px 13px;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:8px 8px 8px 12px;display:flex;align-items:center;color:#6f7e96;font-size:.67rem}.v20-chat-input span{flex:1}.v20-chat-input button{border:0;width:30px;height:30px;border-radius:50%;background:#2374ff;color:#fff}.v20-mini-badge{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;background:rgba(8,17,32,.86);border:1px solid rgba(91,203,255,.22);backdrop-filter:blur(14px);padding:10px 13px;border-radius:14px;font-size:.7rem;color:#dcecff;box-shadow:0 12px 30px rgba(0,0,0,.28)}.v20-mini-badge i{color:#60eaff}.badge-one{top:105px;left:15px}.badge-two{bottom:130px;left:10px}.badge-three{right:10px;top:250px}.v20-main-copy{padding:54px 46px;display:flex;flex-direction:column;justify-content:center}.v20-main-copy h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.08;letter-spacing:-.04em;margin:18px 0}.v20-main-copy>p{color:#9ba9bd;line-height:1.75}.v20-feature-list{display:grid;gap:15px;margin:28px 0 30px}.v20-feature-list article{display:flex;gap:14px;padding:14px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:.35s}.v20-feature-list article:hover{transform:translateX(7px);border-color:rgba(91,164,255,.32);background:rgba(39,83,180,.10)}.v20-feature-list article>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(32,111,255,.24),rgba(123,71,255,.23));color:#6ee7ff;font-size:1.1rem}.v20-feature-list strong,.v20-feature-list small{display:block}.v20-feature-list small{color:#7f8da4;margin-top:3px;line-height:1.4}.v20-business-card img{width:100%;height:100%;object-fit:cover;object-position:center}.v20-business-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,8,17,.92) 100%)}.v20-growth-panel{position:absolute;left:22px;right:22px;bottom:28px;padding:18px;border:1px solid rgba(97,184,255,.25);border-radius:18px;background:rgba(7,16,31,.78);backdrop-filter:blur(18px)}.v20-growth-panel span{color:#7f91aa;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.v20-growth-panel strong{display:block;margin:7px 0 13px}.v20-growth-panel i{color:#45d8ff}.v20-bars{height:40px;display:flex;align-items:end;gap:8px}.v20-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#4de8ff,#3468ff);animation:v20Bars 3s ease-in-out infinite}.v20-bars i:nth-child(1){height:30%}.v20-bars i:nth-child(2){height:45%;animation-delay:.2s}.v20-bars i:nth-child(3){height:52%;animation-delay:.4s}.v20-bars i:nth-child(4){height:72%;animation-delay:.6s}.v20-bars i:nth-child(5){height:94%;animation-delay:.8s}.v20-live{position:absolute;top:22px;right:22px;padding:9px 12px;background:rgba(3,12,23,.75);border:1px solid rgba(88,255,190,.18);border-radius:99px;font-size:.7rem}.v20-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36e49b;margin-right:7px;box-shadow:0 0 13px #36e49b}.v20-services{padding:110px 0;background:linear-gradient(180deg,#050b16,#081225)}.v20-section-head{max-width:730px;margin-bottom:50px}.v20-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.v20-service-card{min-height:300px;border-radius:26px;padding:28px;background:linear-gradient(150deg,rgba(18,32,58,.9),rgba(6,12,23,.94));border:1px solid rgba(125,176,255,.13);position:relative;overflow:hidden;transition:.4s}.v20-service-card:hover{transform:translateY(-8px);border-color:rgba(78,189,255,.36);box-shadow:0 25px 60px rgba(0,0,0,.28)}.v20-service-card.wide{grid-column:span 2}.v20-service-card>span{position:absolute;top:24px;right:25px;color:#435675;font-weight:800}.v20-service-card>i{font-size:2rem;color:#62e6ff;display:block;margin-bottom:32px}.v20-service-card h3{font-size:1.5rem}.v20-service-card p{color:#8fa0b8;line-height:1.7}.v20-service-card.accent{background:radial-gradient(circle at 85% 10%,rgba(111,64,255,.35),transparent 40%),linear-gradient(150deg,#101f43,#091223)}.v20-service-card.dark{background:radial-gradient(circle at 70% 30%,rgba(0,210,255,.12),transparent 42%),#030914}.v20-tags,.v20-flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.v20-tags b,.v20-flow b{font-size:.7rem;padding:8px 10px;border-radius:99px;background:rgba(255,255,255,.05);color:#c9d7eb}.v20-flow{align-items:center}.v20-flow i{color:#4ee7ff}.v20-process{padding:105px 0;background:#050b16}.v20-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v20-process-grid article{padding:28px 24px;border-top:1px solid rgba(91,215,255,.22);background:linear-gradient(180deg,rgba(12,24,43,.75),rgba(7,13,24,.4));border-radius:0 0 22px 22px;position:relative}.v20-process-grid b{color:#334b6c;font-size:.8rem}.v20-process-grid article>i{display:block;color:#5ae2ff;font-size:1.6rem;margin:40px 0 22px}.v20-process-grid p{color:#8797ae;line-height:1.65}.v20-why{padding:80px 0 110px;background:#050b16}.v20-why-panel{border-radius:34px;padding:58px;background:radial-gradient(circle at 80% 20%,rgba(63,96,255,.20),transparent 36%),linear-gradient(135deg,#0d1b33,#07101f);border:1px solid rgba(125,180,255,.16);display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.v20-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v20-proof-grid article{padding:22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.065)}.v20-proof-grid i{color:#5ee6ff;font-size:1.35rem}.v20-proof-grid strong,.v20-proof-grid small{display:block}.v20-proof-grid strong{margin:16px 0 5px}.v20-proof-grid small{color:#8190a6}.v20-contact{padding:105px 0;background:radial-gradient(circle at 15% 50%,rgba(48,87,255,.15),transparent 35%),#030812}.v20-contact-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:48px;border-radius:34px;border:1px solid rgba(130,184,255,.16);background:rgba(8,17,32,.78);box-shadow:0 35px 90px rgba(0,0,0,.34)}.v20-contact-links{display:flex;flex-direction:column;gap:13px;margin-top:30px}.v20-contact-links a,.v20-contact-links span{display:flex;align-items:center;gap:12px;color:#dce8fb;text-decoration:none}.v20-contact-links i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(60,130,255,.13);color:#63e4ff}.v20-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px;border-radius:24px;background:#07111f;border:1px solid rgba(255,255,255,.06)}.v20-field.full,.v20-form>.full{grid-column:1/-1}.v20-field label{display:block;color:#9fb0c7;font-size:.78rem;margin-bottom:8px}.v20-field input,.v20-field select,.v20-field textarea{width:100%;border:1px solid rgba(146,177,224,.14);background:#0c192b;color:#fff;border-radius:13px;padding:13px 14px;outline:0}.v20-field input:focus,.v20-field select:focus,.v20-field textarea:focus{border-color:#3989ff;box-shadow:0 0 0 3px rgba(57,137,255,.12)}
@keyframes v20PhoneFloat{50%{transform:translateY(-12px) rotate(.4deg)}}@keyframes v20Typing{50%{transform:translateY(-4px);opacity:.45}}@keyframes v20Message{0%,15%{opacity:0;transform:translateY(8px)}25%,100%{opacity:1;transform:none}}@keyframes v20Bars{50%{filter:brightness(1.5);transform:scaleY(.88)}}
@media(max-width:1199px){.v20-showcase-grid{grid-template-columns:1fr 1fr}.v20-business-card{grid-column:1/-1;min-height:460px}.v20-business-card img{object-position:center 24%}.v20-bento{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.v20-showcase,.v20-services,.v20-process,.v20-contact{padding:80px 0}.v20-showcase-grid{grid-template-columns:1fr}.v20-phone-card,.v20-main-copy,.v20-business-card{min-height:auto}.v20-phone-card{padding:55px 0;min-height:600px}.v20-main-copy{padding:40px 28px}.v20-business-card{min-height:500px;grid-column:auto}.v20-process-grid{grid-template-columns:1fr 1fr}.v20-why-panel,.v20-contact-shell{grid-template-columns:1fr}.v20-contact-shell{padding:30px}}
@media(max-width:767px){.v20-intro{text-align:left}.v20-showcase-grid{gap:18px}.v20-phone{transform:scale(.9);animation:none}.v20-mini-badge{font-size:.62rem}.badge-one{left:8px}.badge-two{left:6px}.badge-three{right:6px}.v20-bento{grid-template-columns:1fr}.v20-service-card.wide{grid-column:auto}.v20-process-grid,.v20-proof-grid{grid-template-columns:1fr}.v20-why-panel{padding:30px 22px}.v20-form{grid-template-columns:1fr;padding:20px}.v20-field.full,.v20-form>.full{grid-column:auto}.v20-contact-shell{padding:22px}.v20-business-card{min-height:440px}.v20-growth-panel{left:14px;right:14px;bottom:16px}.v20-intro h2,.v20-section-head h2,.v20-why h2,.v20-contact h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.v20-phone,.v20-msg.delayed,.v20-typing i,.v20-bars i{animation:none!important}}


/* =========================================================
   V21 PERFORMANCE, PRELOADER, FULL-WIDTH & SECTION LAZY FLOW
   ========================================================= */
html{scroll-behavior:smooth;background:#030812}
body.is-loading{overflow:hidden}
.site-preloader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:radial-gradient(circle at 50% 44%,#102b58 0,#061225 27%,#020711 72%);color:#fff;transition:opacity .55s ease,visibility .55s ease;overflow:hidden}
.site-preloader::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,150,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(65,150,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000 8%,transparent 68%);animation:preGrid 5s linear infinite}
.site-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.preloader-core{position:relative;width:116px;height:116px;display:grid;place-items:center;margin-bottom:12px}
.preloader-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(87,220,255,.42);box-shadow:0 0 26px rgba(44,142,255,.18)}
.preloader-ring.ring-a{border-top-color:#60efff;border-right-color:#2c6dff;animation:preSpin 1.4s linear infinite}
.preloader-ring.ring-b{inset:12px;border-bottom-color:#835cff;border-left-color:#34d8ff;animation:preSpin 1.8s linear infinite reverse}
.preloader-chip{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:15px;transform:rotate(45deg);background:linear-gradient(145deg,#1c8dff,#17388a 60%,#0b1530);border:1px solid rgba(130,232,255,.75);box-shadow:0 0 34px rgba(29,142,255,.55),inset 0 0 22px rgba(98,232,255,.18);animation:prePulse 1.6s ease-in-out infinite}
.preloader-chip b{transform:rotate(-45deg);font-size:1.05rem;letter-spacing:.04em}
.site-preloader>strong{font-size:1.05rem;letter-spacing:.28em;margin-left:.28em}
.site-preloader>small{font-size:.72rem;letter-spacing:.08em;color:#8ca3c4}
.preloader-progress{width:min(260px,62vw);height:3px;margin-top:9px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}
.preloader-progress i{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,#2f6cff,#50edff,#835cff);animation:preLoad 1.45s ease-in-out infinite}
@keyframes preSpin{to{transform:rotate(360deg)}}
@keyframes prePulse{50%{transform:rotate(45deg) scale(1.08);filter:brightness(1.25)}}
@keyframes preLoad{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}
@keyframes preGrid{to{background-position:44px 44px}}

/* Wider premium desktop canvas while preserving Bootstrap behavior */
@media (min-width:1200px){
  .launch-ready-page .navbar>.container,
  .launch-ready-page main>section>.container,
  .launch-ready-page .site-footer>.container{width:calc(100% - 64px);max-width:1540px}
  .launch-ready-page .hero-container{max-width:1540px}
}
@media (min-width:1700px){
  .launch-ready-page .navbar>.container,
  .launch-ready-page main>section>.container,
  .launch-ready-page .site-footer>.container{max-width:1700px}
}

/* Section-by-section lazy reveal and rendering optimisation */
.lazy-section{content-visibility:auto;contain-intrinsic-size:900px;opacity:.001;transform:translateY(44px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.lazy-section.section-visible{opacity:1;transform:none}
.lazy-section .reveal-up{will-change:transform,opacity}
@media (prefers-reduced-motion:reduce){.lazy-section{opacity:1;transform:none;transition:none}.site-preloader *{animation:none!important}}

/* Make the in-phone demo unmistakably WhatsApp-like */
.v20-chat-head>span{background:linear-gradient(135deg,#22d769,#0ca84e)!important;box-shadow:0 0 22px rgba(34,215,105,.28)}
.v20-msg.user span{background:linear-gradient(135deg,#0e9f5b,#20c76f)!important}
.v20-chat-input button{background:#20c76f!important}
.v20-phone-screen{background:linear-gradient(rgba(7,18,24,.92),rgba(7,15,21,.96)),radial-gradient(circle at 20% 20%,rgba(38,210,120,.08),transparent 35%)!important}

/* Mobile hero video must stay visible */
@media (max-width:991.98px){
  .launch-ready-page .hero-section{min-height:100svh!important;position:relative;overflow:hidden}
  .launch-ready-page .hero-bg-video{display:block!important;visibility:visible!important;opacity:.72!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:66% center!important;filter:saturate(1.05) contrast(1.05) brightness(.66)!important}
  .launch-ready-page .hero-video-overlay{background:linear-gradient(180deg,rgba(2,8,18,.5),rgba(2,8,18,.72)),linear-gradient(90deg,rgba(2,8,18,.78),rgba(2,8,18,.22))!important}
  .launch-ready-page .hero-container{padding-top:126px!important;padding-bottom:72px!important}
}
@media (max-width:575.98px){
  .launch-ready-page .hero-bg-video{opacity:.62!important;object-position:70% center!important;filter:saturate(1.05) contrast(1.06) brightness(.62)!important}
  .launch-ready-page .hero-video-overlay{background:linear-gradient(180deg,rgba(2,8,18,.58),rgba(2,8,18,.79)),linear-gradient(90deg,rgba(2,8,18,.84),rgba(2,8,18,.28))!important}
  .launch-ready-page main>section>.container{width:100%;padding-left:18px;padding-right:18px}
  .v20-showcase,.v20-services,.v20-process,.v20-why,.v20-contact{padding-top:78px;padding-bottom:78px}
}
/* V22 WhatsApp phone visual */
.v20-phone{width:268px;height:548px;border-radius:42px;padding:9px;background:linear-gradient(145deg,#15231e,#07110d 55%,#020604);box-shadow:0 38px 85px rgba(0,0,0,.72),0 0 0 2px rgba(255,255,255,.12),0 0 58px rgba(16,185,129,.18)}
.v20-phone-screen{border-radius:34px;background:#efe7e2!important;color:#18221e}
.v20-phone-top{top:15px;width:91px;height:24px;background:#020604}
.v20-chat-head.whatsapp-head{padding:47px 12px 13px;background:#075e54;border-bottom:0;color:#fff;gap:9px}
.v20-chat-head.whatsapp-head .back-icon,.v20-chat-head.whatsapp-head .call-icon{font-size:1rem;color:#fff}
.v20-chat-head.whatsapp-head .call-icon{margin-left:auto}
.v20-chat-head .wa-contact-avatar{width:34px;height:34px;border-radius:50%;background:#d7eee4!important;color:#075e54;display:grid;place-items:center;box-shadow:none}
.v20-chat-head.whatsapp-head strong{font-size:.78rem;color:#fff}
.v20-chat-head.whatsapp-head small{font-size:.58rem;color:#d8fff2}
.whatsapp-stream{position:relative;background-color:#efe7e2;background-image:radial-gradient(rgba(7,94,84,.055) 1px,transparent 1px);background-size:18px 18px;padding:16px 12px 10px;gap:10px}
.v20-msg{font-size:.73rem;line-height:1.35}
.v20-msg.wa-white span{background:#fff;color:#1a201e;border-radius:8px 8px 8px 2px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.v20-msg.wa-green span{background:#dcf8c6!important;color:#18231d;border-radius:8px 8px 2px 8px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.v20-msg small{color:#768079;font-size:.54rem;margin-top:2px}
.v20-msg.user small{color:#60746a}.v20-msg.user small::first-letter{color:#34b7f1}
.wa-automation-pill{align-self:center;width:86%;padding:8px 10px;border-radius:18px;background:#064b3f;color:#dfffee;text-align:center;font-size:.68rem;font-weight:700;box-shadow:0 6px 16px rgba(0,77,60,.18);animation:waPillPulse 3.5s ease-in-out infinite}
.wa-automation-pill.second{animation-delay:.45s;margin-top:-2px}
.wa-automation-pill i{margin-right:6px;color:#6fffc1}
.v20-typing{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.v20-typing i{background:#8f9b94}
.v20-chat-input.whatsapp-input{margin:0;padding:10px 12px;border:0;border-top:1px solid rgba(0,0,0,.08);border-radius:0;background:#f7f4f1;color:#69736d;font-size:.68rem;gap:10px}
.v20-chat-input.whatsapp-input span{background:#fff;padding:8px 12px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.v20-chat-input.whatsapp-input i{color:#075e54}
@keyframes waPillPulse{0%,100%{transform:translateY(0);box-shadow:0 6px 16px rgba(0,77,60,.18)}50%{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,77,60,.25)}}
@media(max-width:767px){.v20-phone{transform:scale(.86)!important}}

/* ===== V24 MOBILE COMMAND CORE RESPONSIVE PATCH =====
   Keeps the existing hero design, video and icon animation.
   Only fits the command-core scene correctly on small screens
   and reduces the processor chip slightly. */
.v11-chip{
  transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.46);
}
@keyframes v11ChipFloat{
  0%,100%{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.46) translate3d(0,0,0)}
  50%{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.46) translate3d(0,-8px,0)}
}

@media (max-width: 767.98px){
  .launch-ready-page .hero-section{
    overflow:hidden!important;
  }
  .launch-ready-page .hero-container{
    width:100%!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .launch-ready-page .hero-container>.row{
    --bs-gutter-x:0;
    gap:22px!important;
  }
  .launch-ready-page .hero-container .col-lg-6:last-child{
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .v11-scene{
    position:relative!important;
    left:50%!important;
    width:760px!important;
    min-width:760px!important;
    max-width:none!important;
    min-height:620px!important;
    margin:0 0 -298px 0!important;
    transform:translateX(-50%) scale(.50)!important;
    transform-origin:top center!important;
    overflow:visible!important;
  }
  .v11-chip{top:52%!important}
  .v11-node{width:88px!important}
  .v11-node .logo{width:60px!important;height:60px!important}
  .v11-status{bottom:8px!important;min-width:350px!important}
}

@media (max-width: 575.98px){
  .v11-scene{
    margin-bottom:-322px!important;
    transform:translateX(-50%) scale(.46)!important;
  }
  .v11-node{width:86px!important}
  .v11-node .logo{width:58px!important;height:58px!important}
  .v11-status{min-width:340px!important}
}

@media (max-width: 390px){
  .v11-scene{
    margin-bottom:-340px!important;
    transform:translateX(-50%) scale(.43)!important;
  }
  .v11-status{min-width:330px!important}
}

/* ===== V25 MOBILE HERO VIDEO VISIBILITY PATCH =====
   Mobile only: make the existing robot video clearer.
   Desktop/tablet layout, chip, icons, text and animations stay unchanged. */
@media (max-width: 767.98px){
  .launch-ready-page .hero-bg-video{
    display:block!important;
    visibility:visible!important;
    opacity:.94!important;
    object-fit:cover!important;
    object-position:68% center!important;
    filter:saturate(1.12) contrast(1.04) brightness(.86)!important;
  }
  .launch-ready-page .hero-video-overlay{
    background:
      linear-gradient(180deg,rgba(2,8,18,.20) 0%,rgba(2,8,18,.28) 48%,rgba(2,8,18,.52) 100%),
      linear-gradient(90deg,rgba(2,8,18,.55) 0%,rgba(2,8,18,.18) 48%,rgba(2,8,18,.08) 100%)!important;
  }
}
@media (max-width: 575.98px){
  .launch-ready-page .hero-bg-video{
    opacity:.96!important;
    object-position:70% center!important;
    filter:saturate(1.14) contrast(1.03) brightness(.90)!important;
  }
  .launch-ready-page .hero-video-overlay{
    background:
      linear-gradient(180deg,rgba(2,8,18,.16) 0%,rgba(2,8,18,.24) 48%,rgba(2,8,18,.48) 100%),
      linear-gradient(90deg,rgba(2,8,18,.48) 0%,rgba(2,8,18,.14) 52%,rgba(2,8,18,.05) 100%)!important;
  }
}