:root{
  --navy:#0A1D3A;
  --navy-2:#061326;
  --blue:#0E6BFF;
  --blue-2:#20B7FF;
  --green:#16B364;
  --green-2:#6EEB83;
  --silver:#C0C6CE;
  --white:#F7F9FB;
  --text:#132238;
  --muted:#64748B;
  --line:rgba(192,198,206,.35);
  --card:#ffffff;
  --radius:24px;
  --shadow:0 24px 60px rgba(10,29,58,.14);
  --shadow-dark:0 30px 80px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{
  position:absolute;left:-999px;top:10px;background:var(--blue);color:#fff;padding:10px 14px;border-radius:10px;z-index:9999
}
.skip-link:focus{left:10px}

.top-bar{
  background:linear-gradient(90deg,var(--navy),#0B2B54);
  color:rgba(255,255,255,.82);
  font-size:13px;
  letter-spacing:.2px;
}
.top-bar__inner{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
}
.top-bar__divider{width:6px;height:6px;border-radius:50%;background:var(--green)}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(192,198,206,.35);
  transition:box-shadow .25s ease, background .25s ease;
}
.site-header.scrolled{box-shadow:0 10px 30px rgba(10,29,58,.08);background:rgba(255,255,255,.95)}
.nav{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand img{width:248px;height:auto}
.nav-menu{
  display:flex;
  align-items:center;
  gap:26px;
  font-weight:700;
  font-size:14px;
  color:#20314A;
}
.nav-menu a:not(.btn){position:relative}
.nav-menu a:not(.btn)::after{
  content:"";
  position:absolute;
  left:0;bottom:-8px;
  width:0;height:2px;
  border-radius:20px;
  background:linear-gradient(90deg,var(--blue),var(--green));
  transition:width .25s ease;
}
.nav-menu a:hover::after{width:100%}
.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;border-radius:12px}
.nav-toggle span{display:block;height:2px;background:var(--navy);margin:7px;border-radius:10px}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  font-weight:800;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{
  background:linear-gradient(135deg,var(--blue),var(--blue-2) 48%,var(--green));
  color:#fff;
  box-shadow:0 18px 42px rgba(14,107,255,.28);
}
.btn--ghost{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
  backdrop-filter:blur(14px);
}
.btn--ghost:hover{border-color:rgba(110,235,131,.55)}
.btn--nav{min-height:42px;padding:0 18px;background:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(10,29,58,.16)}

.section{padding:104px 0}
.section-dark{
  color:#fff;
  background:
    radial-gradient(circle at 15% 15%,rgba(14,107,255,.22),transparent 32%),
    radial-gradient(circle at 85% 20%,rgba(22,179,100,.16),transparent 34%),
    linear-gradient(135deg,var(--navy-2),var(--navy));
}
.section-light{background:linear-gradient(180deg,#fff,var(--white))}
.section-heading{
  max-width:760px;
  margin:0 auto 52px;
  text-align:center;
}
.section-heading--left{text-align:left;margin:0}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  color:var(--blue);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.8px;
  font-size:12px;
}
.section-dark .eyebrow,.hero .eyebrow,.cta-box .eyebrow{color:#7DCEFF}
.eyebrow span{
  width:34px;height:2px;border-radius:20px;
  background:linear-gradient(90deg,var(--blue),var(--green));
}
h1,h2,h3{
  font-family:Manrope,Inter,sans-serif;
  line-height:1.08;
  letter-spacing:-.04em;
  margin:0;
}
h1{font-size:clamp(42px,6vw,74px);max-width:900px}
h2{font-size:clamp(32px,4.2vw,54px)}
h3{font-size:23px}
.section-heading p,.split-content p{color:var(--muted);font-size:18px;margin:20px 0 0}
.section-dark .section-heading p,.section-dark .split-content p{color:rgba(247,249,251,.72)}

.hero{
  position:relative;
  overflow:hidden;
  min-height:780px;
  display:flex;
  align-items:center;
  padding:100px 0 86px;
}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(24px);opacity:.75;animation:floatOrb 12s ease-in-out infinite}
.orb--blue{width:320px;height:320px;background:rgba(14,107,255,.28);top:8%;left:5%}
.orb--green{width:260px;height:260px;background:rgba(22,179,100,.18);bottom:10%;right:8%;animation-delay:-4s}
.grid-glow{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:radial-gradient(circle at center,black,transparent 72%);
}
@keyframes floatOrb{50%{transform:translate3d(28px,32px,0) scale(1.08)}}

.hero__inner{
  position:relative;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:46px;
  align-items:center;
}
.hero__text{font-size:20px;color:rgba(247,249,251,.86);max-width:690px;margin:24px 0 0}
.hero__text--secondary{font-size:17px;color:rgba(247,249,251,.68);margin-top:14px}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.hero-points span{
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  border-radius:999px;
  color:rgba(247,249,251,.86);
  font-weight:700;
  font-size:13px;
}

.hero-visual{position:relative;min-height:540px}
.dashboard-card{
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
  box-shadow:var(--shadow-dark);
  backdrop-filter:blur(22px);
  border-radius:32px;
}
.dashboard-card--main{
  padding:26px;
  position:absolute;
  inset:28px 0 0 34px;
  overflow:hidden;
}
.dashboard-card--main::before{
  content:"";
  position:absolute;inset:-80px -80px auto auto;width:220px;height:220px;
  background:radial-gradient(circle,rgba(22,179,100,.28),transparent 64%);
}
.dash-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px;position:relative}
.dash-header strong{display:block;font-size:20px}
.dash-kicker{display:block;color:rgba(247,249,251,.55);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin-bottom:5px}
.status-pill{background:rgba(22,179,100,.13);color:#92F5B8;border:1px solid rgba(22,179,100,.35);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mini-card{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.085);
  border:1px solid rgba(255,255,255,.12);
}
.mini-card small{display:block;color:rgba(247,249,251,.58);font-weight:700;margin-top:10px}
.mini-card strong{display:block;margin:2px 0 12px}
.mini-icon{display:block;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-2))}
.mini-icon.green{background:linear-gradient(135deg,var(--green),var(--green-2))}
.mini-icon.silver{background:linear-gradient(135deg,#fff,var(--silver))}
.progress{height:7px;border-radius:20px;background:rgba(255,255,255,.11);overflow:hidden}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-2));border-radius:inherit}
.progress.green span{background:linear-gradient(90deg,var(--green),var(--green-2))}
.dash-bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px;align-items:end}
.chart{
  height:140px;
  display:flex;
  gap:10px;
  align-items:end;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
}
.chart span{
  flex:1;
  border-radius:14px 14px 4px 4px;
  background:linear-gradient(180deg,var(--blue-2),var(--blue));
  animation:barRise 2.4s ease-in-out infinite alternate;
}
.chart span:nth-child(even){background:linear-gradient(180deg,var(--green-2),var(--green));animation-delay:.3s}
@keyframes barRise{to{transform:scaleY(.82);opacity:.82}}
.support-feed{
  display:grid;gap:10px;
}
.support-feed div{
  padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.07);color:rgba(247,249,251,.8);font-size:13px
}
.support-feed b{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px}
.floating-card{
  position:absolute;
  max-width:210px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.9);
  color:var(--navy);
  box-shadow:0 20px 60px rgba(0,0,0,.24);
  animation:floatCard 6s ease-in-out infinite;
}
.floating-card span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.floating-card strong{display:block;font-size:18px;line-height:1.15;margin-top:5px}
.floating-card--one{right:0;top:0}
.floating-card--two{left:0;bottom:30px;animation-delay:-2s}
@keyframes floatCard{50%{transform:translateY(-16px)}}

.trust-strip{
  background:#fff;
  margin-top:-1px;
  border-bottom:1px solid rgba(192,198,206,.32);
}
.trust-strip__grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
}
.trust-strip article{
  padding:30px 22px;
  border-right:1px solid rgba(192,198,206,.28);
}
.trust-strip article:last-child{border-right:0}
.trust-strip span{display:block;color:var(--blue);font-weight:900;font-size:12px;margin-bottom:8px}
.trust-strip strong{display:block;font-family:Manrope,sans-serif;margin-bottom:8px}
.trust-strip p{margin:0;color:var(--muted);font-size:14px}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.service-card{
  position:relative;
  padding:30px;
  min-height:298px;
  border-radius:var(--radius);
  background:#fff;
  border:1px solid rgba(192,198,206,.32);
  box-shadow:0 14px 44px rgba(10,29,58,.07);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-card::before{
  content:"";
  position:absolute;inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--blue),var(--green));
  opacity:.9;
}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(14,107,255,.22)}
.card-icon{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:18px;
  background:linear-gradient(135deg,rgba(14,107,255,.12),rgba(22,179,100,.14));
  color:var(--blue);
  font-weight:900;
  margin-bottom:24px;
}
.service-card p{color:var(--muted);margin:14px 0 24px}
.service-card a{color:var(--blue);font-weight:900}

.split-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
.split-grid--reverse .visual-panel{order:1}
.split-grid--reverse .split-content{order:2}
.feature-list{display:grid;gap:16px}
.feature-list div{
  padding:22px 24px;border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
}
.feature-list strong{display:block;font-size:18px;margin-bottom:6px}
.feature-list span{display:block;color:rgba(247,249,251,.68)}

.feature-section{background:#fff}
.visual-panel,.support-panel,.chat-panel{
  position:relative;
  min-height:430px;
  border-radius:32px;
  background:
    radial-gradient(circle at 80% 10%,rgba(22,179,100,.16),transparent 38%),
    linear-gradient(135deg,#fff,var(--white));
  border:1px solid rgba(192,198,206,.35);
  box-shadow:var(--shadow);
  padding:28px;
  overflow:hidden;
}
.panel-top{display:flex;gap:8px;margin-bottom:28px}
.dot{width:12px;height:12px;border-radius:50%;background:var(--blue)}
.dot.green{background:var(--green)}
.dot.silver{background:var(--silver)}
.ad-card{
  background:#fff;border:1px solid rgba(192,198,206,.32);
  border-radius:20px;padding:22px;margin-bottom:18px;box-shadow:0 14px 34px rgba(10,29,58,.08)
}
.ad-card span{font-weight:900;color:var(--navy);display:block;margin-bottom:14px}
.ad-line{height:10px;border-radius:20px;background:linear-gradient(90deg,var(--blue),var(--blue-2));margin:10px 0}
.ad-line.green{background:linear-gradient(90deg,var(--green),var(--green-2))}
.w-80{width:80%}.w-70{width:70%}.w-55{width:55%}.w-48{width:48%}
.ad-chart{position:absolute;right:28px;bottom:28px;left:28px;height:120px;display:flex;gap:14px;align-items:end}
.ad-chart i{flex:1;border-radius:18px 18px 5px 5px;background:linear-gradient(180deg,var(--blue-2),var(--blue))}
.ad-chart i:nth-child(even){background:linear-gradient(180deg,var(--green-2),var(--green))}
.check-list{
  list-style:none;padding:0;margin:28px 0 0;
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
}
.check-list li{
  position:relative;padding-left:30px;font-weight:750;color:#27364C
}
.check-list li::before{
  content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
  box-shadow:0 8px 20px rgba(14,107,255,.25)
}
.check-list--light li{color:rgba(247,249,251,.88)}

.support-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  border-color:rgba(255,255,255,.14);
  box-shadow:var(--shadow-dark);
}
.agent-row{
  display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;
  padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);margin-bottom:16px;
}
.agent-row span{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--green))}
.agent-row strong{display:block}.agent-row small{display:block;color:rgba(247,249,251,.62)}
.agent-row b{font-size:12px;color:#96F4B8;background:rgba(22,179,100,.13);border:1px solid rgba(22,179,100,.28);border-radius:999px;padding:7px 10px}
.call-wave{display:flex;gap:10px;align-items:center;justify-content:center;height:120px}
.call-wave i{width:10px;border-radius:20px;background:linear-gradient(180deg,var(--blue-2),var(--green));animation:wave 1.2s ease-in-out infinite}
.call-wave i:nth-child(1){height:30px}.call-wave i:nth-child(2){height:70px;animation-delay:.1s}.call-wave i:nth-child(3){height:100px;animation-delay:.2s}.call-wave i:nth-child(4){height:70px;animation-delay:.3s}.call-wave i:nth-child(5){height:30px;animation-delay:.4s}
@keyframes wave{50%{transform:scaleY(.55)}}

.dev-section{background:linear-gradient(180deg,#fff,#F7F9FB)}
.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dev-card{
  padding:34px;border-radius:30px;background:#fff;border:1px solid rgba(192,198,206,.35);box-shadow:var(--shadow);overflow:hidden
}
.dev-card p{color:var(--muted);margin:16px 0 28px}
.browser-mockup{
  height:230px;border-radius:24px;background:
    linear-gradient(180deg,rgba(14,107,255,.08),rgba(14,107,255,.02)),
    #fff;
  border:1px solid rgba(192,198,206,.4);
  padding:18px;position:relative;overflow:hidden
}
.browser-mockup span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--blue);margin-right:6px}
.browser-mockup span:nth-child(2){background:var(--green)}
.browser-mockup span:nth-child(3){background:var(--silver)}
.browser-mockup div{position:absolute;left:24px;right:24px;bottom:24px;top:58px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));opacity:.9}
.browser-mockup.green div{background:linear-gradient(135deg,var(--navy),var(--green))}

.ecommerce-section{background:#fff}
.chat-panel{
  background:
    radial-gradient(circle at 20% 20%,rgba(14,107,255,.12),transparent 42%),
    linear-gradient(135deg,#fff,#F7F9FB);
  display:flex;flex-direction:column;justify-content:center;gap:14px
}
.chat-bubble{
  max-width:78%;
  padding:16px 18px;border-radius:20px;font-weight:700;box-shadow:0 10px 28px rgba(10,29,58,.08)
}
.chat-bubble.left{background:#fff;border:1px solid rgba(192,198,206,.4);align-self:flex-start;color:var(--navy)}
.chat-bubble.right{background:linear-gradient(135deg,var(--blue),var(--green));align-self:flex-end;color:#fff}
.chat-actions{display:flex;gap:10px;margin-top:10px;justify-content:center}
.chat-actions span{width:46px;height:8px;border-radius:999px;background:rgba(14,107,255,.16)}

.industry-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.industry-grid span{
  padding:14px 18px;border-radius:999px;background:#fff;border:1px solid rgba(192,198,206,.38);box-shadow:0 8px 24px rgba(10,29,58,.06);font-weight:800;color:#26364C
}
.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.result-card{
  padding:28px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)
}
.result-card strong{display:block;font-family:Manrope,sans-serif;font-size:20px;line-height:1.2}
.result-card p{color:rgba(247,249,251,.68);margin:14px 0 0}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-grid blockquote{
  margin:0;padding:30px;border-radius:24px;background:#fff;border:1px solid rgba(192,198,206,.35);box-shadow:0 14px 40px rgba(10,29,58,.07);font-size:18px;font-weight:650;color:#27364C
}

.faq-section{background:#fff}
.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start}
.faq-list{display:grid;gap:14px}
details{
  border:1px solid rgba(192,198,206,.4);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(10,29,58,.05);
  overflow:hidden;
}
summary{
  cursor:pointer;
  padding:20px 22px;
  font-weight:900;
  color:var(--navy);
  list-style:none;
}
summary::-webkit-details-marker{display:none}
details p{padding:0 22px 20px;margin:0;color:var(--muted)}

.cta-section{padding:80px 0;background:linear-gradient(180deg,#fff,#F7F9FB)}
.cta-box{
  position:relative;overflow:hidden;
  padding:70px;
  border-radius:36px;
  color:#fff;text-align:center;
  background:
    radial-gradient(circle at 20% 20%,rgba(14,107,255,.34),transparent 34%),
    radial-gradient(circle at 82% 24%,rgba(22,179,100,.24),transparent 36%),
    linear-gradient(135deg,var(--navy-2),var(--navy));
  box-shadow:var(--shadow-dark);
}
.cta-box h2{max-width:850px;margin:0 auto}
.cta-box p{max-width:720px;margin:20px auto 32px;color:rgba(247,249,251,.76);font-size:18px}

.contact-section{background:#fff}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:start}
.contact-copy p{color:var(--muted);font-size:18px}
.contact-note{
  position:relative;padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(14,107,255,.08),rgba(22,179,100,.08));border:1px solid rgba(192,198,206,.35);margin-top:26px;overflow:hidden
}
.contact-note strong{display:block;color:var(--navy);margin-bottom:6px}
.contact-note span{color:var(--muted)}
.contact-form{
  padding:30px;border-radius:30px;background:#fff;border:1px solid rgba(192,198,206,.36);box-shadow:var(--shadow)
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:8px;margin-bottom:16px;font-size:14px;font-weight:850;color:var(--navy)}
input,select,textarea{
  width:100%;
  border:1px solid rgba(192,198,206,.55);
  border-radius:16px;
  padding:14px 16px;
  color:#1F2937;
  background:#fff;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,107,255,.11)}
textarea{resize:vertical}
.honeypot{display:none!important}

.human-check{
  display:block;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:16px;
  margin:4px 0 18px;
  border:1px solid rgba(14,107,255,.16);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(14,107,255,.055),rgba(22,179,100,.055));
}
.human-check__prompt{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:12px;
  color:var(--navy);
  font-size:14px;
  font-weight:900;
}
.human-check__prompt span{
  color:var(--muted);
  font-weight:750;
}
.human-question{
  color:var(--blue);
  font-size:15px;
}
.human-check__controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-width:0;
}
.human-check__controls input{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
}
.human-refresh{
  width:auto;
  white-space:nowrap;
  min-height:49px;
  padding:0 16px;
  border:1px solid rgba(10,29,58,.14);
  border-radius:14px;
  background:#fff;
  color:var(--navy);
  font-weight:850;
  cursor:pointer;
}
.human-refresh:hover{border-color:var(--blue);color:var(--blue)}
.form-status{
  display:none;
  margin:-2px 0 16px;
  padding:13px 15px;
  border-radius:14px;
  font-size:14px;
  font-weight:750;
  line-height:1.5;
}
.form-status.is-error{
  display:block;
  color:#9f1d2d;
  background:#fff1f2;
  border:1px solid #fecdd3;
}
.form-status.is-info{
  display:block;
  color:#164e63;
  background:#ecfeff;
  border:1px solid #a5f3fc;
}
.contact-form button[type="submit"]:disabled{
  cursor:wait;
  opacity:.72;
}
.form-success{
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:48px;
  border-radius:30px;
  background:
    radial-gradient(circle at 90% 8%,rgba(22,179,100,.15),transparent 32%),
    linear-gradient(145deg,#fff,#f4f9ff);
  border:1px solid rgba(22,179,100,.22);
  box-shadow:var(--shadow);
  outline:none;
}
.form-success__icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  margin-bottom:24px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--green),#0f9d58);
  box-shadow:0 16px 34px rgba(22,179,100,.24);
  font-size:34px;
  font-weight:900;
}
.form-success h3{
  max-width:560px;
  margin:0 0 14px;
  color:var(--navy);
  font-size:clamp(30px,4vw,46px);
}
.form-success > p:not(.eyebrow){
  max-width:600px;
  margin:0 0 26px;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
@media (max-width:560px){
  .human-check{padding:14px}
  .human-check__controls{grid-template-columns:1fr}
  .human-refresh{width:100%}
  .form-success{min-height:430px;padding:34px 24px}
}

/* ===== V22 Contact spacing and human-check corrections ===== */
.contact-section-v10 .contact-note{
  position:relative;
}
@media (min-width:681px) and (max-width:1050px){
  .contact-section-v10{
    padding:68px 0 76px;
  }
  .contact-section-v10 > .container{
    width:min(calc(100% - 64px), 960px);
  }
  .contact-section-v10 .contact-grid{
    gap:36px;
  }
  .contact-section-v10 .contact-copy h2{
    max-width:820px;
    font-size:clamp(38px,5vw,52px);
    line-height:1.08;
  }
  .contact-section-v10 .contact-copy > p{
    max-width:850px;
    font-size:17px;
    line-height:1.65;
  }
  .contact-section-v10 .contact-note{
    margin-top:22px;
  }
  .contact-section-v10 .contact-form{
    padding:34px;
  }
}
@media (max-width:680px){
  .contact-section-v10{
    padding:56px 0 64px;
  }
  .contact-section-v10 > .container{
    width:min(calc(100% - 32px), 620px);
  }
  .contact-section-v10 .contact-grid{
    gap:28px;
  }
  .contact-section-v10 .contact-form{
    padding:24px 18px;
    border-radius:24px;
  }
}

.site-footer{
  color:#fff;
  background:linear-gradient(135deg,var(--navy-2),var(--navy));
  padding:70px 0 24px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr .7fr 1fr .7fr;
  gap:36px;
}
.footer-logo{
  width:260px;
  background:#fff;
  padding:8px 10px;
  border-radius:16px;
  margin-bottom:18px;
}
.site-footer p{color:rgba(247,249,251,.68);margin:0;max-width:430px}
.site-footer h3{font-size:16px;margin-bottom:14px;letter-spacing:0}
.site-footer a{display:block;color:rgba(247,249,251,.72);margin:8px 0}
.site-footer a:hover{color:#fff}
.footer-bottom{
  display:flex;justify-content:space-between;gap:20px;
  padding-top:24px;margin-top:40px;border-top:1px solid rgba(255,255,255,.12);
  color:rgba(247,249,251,.58);
  font-size:14px;
}

.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .75s ease,transform .75s ease;
}
.reveal.is-visible{opacity:1;transform:translateY(0)}

@media (max-width:1050px){
  .nav-menu{
    position:absolute;
    top:100%;
    left:20px;
    right:20px;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    background:#fff;
    border:1px solid rgba(192,198,206,.45);
    border-radius:24px;
    padding:22px;
    box-shadow:var(--shadow);
  }
  .nav-menu.is-open{display:flex}
  .nav-toggle{display:block}
  .hero__inner,.split-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}
  .hero{padding-top:70px}
  .hero-visual{min-height:520px}
  .dashboard-card--main{left:0}
  .trust-strip__grid{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .results-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:720px){
  .container{width:min(100% - 28px,1180px)}
  .top-bar__inner{flex-direction:column;gap:3px;padding:8px 0}
  .top-bar__divider{display:none}
  .brand img{width:214px}
  .nav{min-height:74px}
  .section{padding:74px 0}
  .hero{min-height:auto}
  .hero__actions,.footer-bottom{flex-direction:column;align-items:flex-start}
  .hero-visual{min-height:620px}
  .dashboard-card--main{inset:35px 0 0}
  .dash-grid,.dash-bottom,.form-row,.dev-grid,.testimonial-grid,.results-grid,.services-grid,.trust-strip__grid{grid-template-columns:1fr}
  .floating-card--one{right:8px}
  .floating-card--two{left:8px;bottom:0}
  .check-list{grid-template-columns:1fr}
  .cta-box{padding:42px 22px}
  .footer-grid{grid-template-columns:1fr}
}

/* ===== Inner Pages V2 ===== */
.nav-menu a.active:not(.btn){color:var(--blue)}
.nav-menu a.active:not(.btn)::after{width:100%}

.inner-hero{
  position:relative;
  overflow:hidden;
  padding:118px 0 96px;
}
.inner-hero__content{
  position:relative;
  max-width:920px;
  text-align:left;
}
.inner-hero__content h1{
  font-size:clamp(40px,5vw,68px);
  max-width:920px;
}
.inner-hero__content p:not(.eyebrow){
  max-width:780px;
  color:rgba(247,249,251,.76);
  font-size:20px;
  margin-top:22px;
}

.inner-card-grid .service-card{
  min-height:260px;
}
.inner-stat-panel{
  display:grid;
  gap:18px;
}
.inner-stat-panel div{
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(192,198,206,.36);
  background:#fff;
  box-shadow:0 16px 42px rgba(10,29,58,.07);
}
.inner-stat-panel strong{
  display:block;
  font-family:Manrope,Inter,sans-serif;
  font-size:26px;
  color:var(--navy);
  margin-bottom:8px;
}
.inner-stat-panel span{
  color:var(--muted);
}

.process-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.process-list div{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
}
.process-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--blue),var(--green));
  font-weight:900;
  margin-bottom:16px;
}
.process-list strong{
  display:block;
  font-family:Manrope,Inter,sans-serif;
  font-size:22px;
}
.process-list p{
  color:rgba(247,249,251,.68);
  margin:10px 0 0;
}

.case-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.case-card{
  padding:32px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(192,198,206,.36);
  box-shadow:var(--shadow);
}
.case-card span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  color:var(--blue);
  background:rgba(14,107,255,.09);
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.8px;
  margin-bottom:18px;
}
.case-card p{
  color:var(--muted);
}
.case-card ul{
  padding-left:18px;
  color:#31425A;
  font-weight:700;
}

.narrow-content{
  max-width:880px;
}
.legal-page h2{
  margin-bottom:20px;
}
.legal-page h3{
  margin-top:34px;
  font-size:24px;
}
.legal-page p{
  color:var(--muted);
  font-size:17px;
}

@media (max-width:1050px){
  .case-grid,.process-list{grid-template-columns:1fr}
}


/* ===== V3 Visual Fixes: icons, illustrations, animated backgrounds ===== */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 18%, rgba(14,107,255,.08), transparent 26%),
    radial-gradient(circle at 88% 22%, rgba(22,179,100,.06), transparent 25%),
    radial-gradient(circle at 50% 90%, rgba(14,107,255,.05), transparent 28%);
  animation:bodyGlow 18s ease-in-out infinite alternate;
}
@keyframes bodyGlow{to{transform:translate3d(0,-18px,0) scale(1.02);}}
.section-dark{position:relative;overflow:hidden;isolation:isolate;}
.section-dark > .container{position:relative;z-index:2;}
.section-dark::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:
    radial-gradient(circle, rgba(125,206,255,.18) 1px, transparent 1.8px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:34px 34px, 82px 82px, 82px 82px;
  opacity:.52;
  animation:bgDrift 26s linear infinite;
}
.section-dark::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:12%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(22,179,100,.18), transparent 64%);
  filter:blur(12px);
  z-index:0;
  animation:pulseGlow 9s ease-in-out infinite;
}
@keyframes bgDrift{to{background-position:160px 100px, 82px 0, 0 82px;}}
@keyframes pulseGlow{50%{transform:scale(1.18) translate(-35px, 30px);opacity:.65;}}
.grid-glow{animation:bgDrift 32s linear infinite;}

.card-icon img,
.result-icon,
.case-icon{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
}
.card-icon{
  background:linear-gradient(135deg,rgba(14,107,255,.1),rgba(22,179,100,.12));
}
.service-card:hover .card-icon img{transform:scale(1.06) rotate(-2deg);}
.card-icon img{transition:transform .25s ease;}
.result-icon{
  width:52px;
  height:52px;
  margin-bottom:20px;
  background:#fff;
  border-radius:18px;
  padding:8px;
}
.case-icon{
  width:56px;
  height:56px;
  margin-bottom:18px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(10,29,58,.08);
}

.hero-device-frame{
  position:absolute;
  right:0;
  top:18px;
  width:74%;
  max-width:520px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  animation:heroDeviceFloat 7s ease-in-out infinite;
  z-index:1;
}
.hero-device-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.16) 38%, transparent 60%);
  transform:translateX(-110%);
  animation:glassSweep 5s ease-in-out infinite;
}
.hero-device-img{width:100%;height:auto;display:block;}
.dashboard-card--main{z-index:3;inset:190px 0 0 34px;}
.floating-card{z-index:4;}
@keyframes heroDeviceFloat{50%{transform:translateY(-14px) rotate(.6deg);}}
@keyframes glassSweep{50%{transform:translateX(110%);}100%{transform:translateX(110%);}}

.visual-panel,
.support-panel,
.chat-panel,
.dev-card,
.inner-stat-panel div,
.case-card,
.contact-form{
  position:relative;
}
.visual-panel::after,
.support-panel::after,
.chat-panel::after,
.dev-card::after{
  content:"";
  position:absolute;
  inset:auto 22px 22px auto;
  width:92px;
  height:92px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(14,107,255,.11),rgba(22,179,100,.13));
  filter:blur(.2px);
  opacity:.8;
  animation:panelPulse 6s ease-in-out infinite;
}
@keyframes panelPulse{50%{transform:scale(.86) rotate(8deg);opacity:.52;}}

.inner-hero__content{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:46px;
  align-items:center;
  max-width:1180px;
}
.inner-hero__text{position:relative;z-index:2;}
.inner-hero__visual{
  position:relative;
  z-index:2;
}
.inner-hero__visual img{
  width:100%;
  border-radius:32px;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.18);
  animation:heroDeviceFloat 8s ease-in-out infinite;
}

.inner-stat-panel div::before,
.contact-note::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(var(--blue),var(--green));
  border-radius:20px 0 0 20px;
}

.industry-grid span{
  position:relative;
  padding-left:42px;
}
.industry-grid span::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  border-radius:6px;
  background:linear-gradient(135deg,var(--blue),var(--green));
  box-shadow:0 8px 18px rgba(14,107,255,.18);
}

/* Better text safety: keep content visible even if animations fail */
.reveal{opacity:1;transform:none;}
.js-ready .reveal{opacity:0;transform:translateY(24px);}
.js-ready .reveal.is-visible{opacity:1;transform:translateY(0);}

@media (max-width:1050px){
  .inner-hero__content{grid-template-columns:1fr;}
  .hero-device-frame{position:relative;width:100%;max-width:none;margin-bottom:18px;}
  .dashboard-card--main{position:relative;inset:auto;margin-top:18px;}
}
@media (max-width:720px){
  .inner-hero{padding:78px 0 64px;}
  .hero-device-frame{border-radius:24px;}
  .inner-hero__visual img{border-radius:24px;}
}


/* ===== V4 Homepage Refresh ===== */
.hero__inner--v4{grid-template-columns:.96fr 1.04fr;gap:54px;}
.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:spinSlow 18s linear infinite;}
.hero-ring--one{width:420px;height:420px;right:12%;top:14%;}
.hero-ring--two{width:560px;height:560px;right:4%;top:4%;border-style:dashed;opacity:.55;animation-direction:reverse;}
.hero-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--blue-2),var(--green));box-shadow:0 0 0 10px rgba(255,255,255,.04),0 18px 35px rgba(14,107,255,.22);animation:floatOrb 10s ease-in-out infinite;}
.hero-dot--one{width:18px;height:18px;right:22%;top:20%;}
.hero-dot--two{width:14px;height:14px;right:11%;bottom:24%;animation-delay:-3s;}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;max-width:650px;}
.hero-metrics article{padding:18px 18px 16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);}
.hero-metrics strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:28px;line-height:1;color:#fff;margin-bottom:8px;}
.hero-metrics span{display:block;color:rgba(247,249,251,.72);font-size:13px;font-weight:700;}
.hero-client-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.hero-client-strip span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(247,249,251,.78);font-weight:700;font-size:13px;}
.hero-device-frame--v4{width:88%;max-width:620px;top:4px;right:20px;border-radius:38px;}
.dashboard-card--compact{padding:22px 22px 18px;inset:320px 0 0 0;max-width:460px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));}
.hero-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.hero-solution-grid div{padding:14px 14px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);}
.hero-solution-grid b{display:block;font-size:16px;margin-bottom:4px;color:#fff;}
.hero-solution-grid span{display:block;font-size:12px;color:rgba(247,249,251,.72);font-weight:700;}
.floating-card--v4{max-width:230px;}
.section-services-v4{position:relative;overflow:hidden;}
.section-services-v4::before{content:"";position:absolute;inset:80px auto auto -120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(14,107,255,.08),transparent 70%);}
.services-feature-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 auto 28px;}
.services-feature-band div{padding:18px 20px;border-radius:20px;background:linear-gradient(180deg,#fff,#F7FBFF);border:1px solid rgba(192,198,206,.36);box-shadow:0 12px 28px rgba(10,29,58,.06);}
.services-feature-band strong{display:block;font-size:17px;font-family:Manrope,Inter,sans-serif;color:var(--navy);margin-bottom:6px;}
.services-feature-band span{display:block;color:var(--muted);font-size:14px;}
.services-grid--v4{grid-template-columns:repeat(3,1fr);align-items:stretch;}
.service-card--media{padding:0 0 26px;display:flex;flex-direction:column;}
.service-thumb{width:100%;height:auto;border-radius:24px 24px 0 0;display:block;border-bottom:1px solid rgba(192,198,206,.25);}
.service-card--media .card-icon{margin:22px 26px 0;}
.service-card--media h3,.service-card--media p,.service-card--media a,.service-card--media ul{margin-left:26px;margin-right:26px;}
.service-card--media ul{list-style:none;padding:0;margin-top:0;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px;}
.service-card--media ul li{padding:8px 10px;border-radius:999px;background:rgba(14,107,255,.08);color:#27405E;font-size:12px;font-weight:800;}
.section-why-v4{overflow:hidden;}
.split-grid--why{grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center;}
.why-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;}
.why-stats div{padding:18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);}
.why-stats strong{display:block;font-size:28px;font-family:Manrope,Inter,sans-serif;color:#fff;margin-bottom:6px;}
.why-stats span{display:block;color:rgba(247,249,251,.7);font-size:13px;font-weight:700;}
.why-visual{position:relative;min-height:540px;}
.why-visual > img{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:88%;max-width:520px;opacity:.95;}
.why-card-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;z-index:2;}
.why-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(0,0,0,.18);backdrop-filter:blur(16px);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;transform-style:preserve-3d;}
.why-card:nth-child(1){margin-top:10px}.why-card:nth-child(2){margin-top:70px}.why-card:nth-child(3){margin-top:18px}.why-card:nth-child(4){margin-top:82px}
.why-card:hover{border-color:rgba(125,206,255,.5);box-shadow:0 26px 60px rgba(0,0,0,.24)}
.why-card img{width:46px;height:46px;background:#fff;border-radius:16px;padding:8px;margin-bottom:16px;}
.why-card strong{display:block;font-size:18px;color:#fff;font-family:Manrope,Inter,sans-serif;line-height:1.2;margin-bottom:10px;}
.why-card p{margin:0;color:rgba(247,249,251,.72);font-size:14px;line-height:1.55;}
.visual-panel--image,.support-panel--image,.chat-panel--image{padding:18px 18px 72px;}
.feature-illustration{width:100%;height:auto;display:block;border-radius:26px;}
.feature-caption{position:absolute;left:26px;right:26px;bottom:20px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(192,198,206,.34);box-shadow:0 12px 30px rgba(10,29,58,.08);}
.feature-caption strong{display:block;font-size:17px;font-family:Manrope,Inter,sans-serif;color:var(--navy);margin-bottom:4px;}
.feature-caption span{display:block;color:var(--muted);font-size:14px;}
.feature-caption--dark{background:rgba(255,255,255,.9);}
.dev-illustration{width:100%;height:auto;display:block;border-radius:24px;border:1px solid rgba(192,198,206,.28);box-shadow:0 14px 30px rgba(10,29,58,.06);}
@media (max-width:1050px){.hero__inner--v4,.split-grid--why{grid-template-columns:1fr}.hero-device-frame--v4{position:relative;right:auto;width:100%;max-width:none}.dashboard-card--compact{position:relative;inset:auto;margin-top:16px;max-width:none}.services-feature-band,.services-grid--v4{grid-template-columns:repeat(2,1fr)}.why-card-grid{grid-template-columns:1fr 1fr}.why-card:nth-child(1),.why-card:nth-child(2),.why-card:nth-child(3),.why-card:nth-child(4){margin-top:0}.why-visual{min-height:auto}.why-visual > img{position:relative;left:auto;top:auto;transform:none;max-width:520px;margin:0 auto 24px;display:block}}
@media (max-width:720px){.hero-metrics,.services-feature-band,.services-grid--v4,.why-stats,.why-card-grid{grid-template-columns:1fr}.hero-device-frame--v4{width:100%}.dashboard-card--compact{padding:18px}.hero-solution-grid{grid-template-columns:1fr}.feature-caption{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px}}


/* ===== V5 Luxury / Imagery / Mobile Polish ===== */
:root{
  --gold-soft:#D7B66A;
  --luxury-shadow:0 34px 90px rgba(3,16,31,.18);
}

body{
  background:
    radial-gradient(circle at 8% 8%, rgba(14,107,255,.045), transparent 28%),
    radial-gradient(circle at 94% 20%, rgba(22,179,100,.035), transparent 30%),
    #ffffff;
}

.site-header{
  border-bottom:1px solid rgba(192,198,206,.26);
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--blue),var(--green),transparent);
  opacity:.36;
}

.hero{
  min-height:860px;
  padding:112px 0 96px;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:180px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.04));
  pointer-events:none;
}
.hero__content h1{
  text-shadow:0 18px 70px rgba(0,0,0,.22);
}
.hero__text{
  max-width:720px;
}
.hero-device-frame--v4{
  width:96%;
  max-width:690px;
  right:-10px;
  top:-12px;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 36px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.12);
}
.dashboard-card--compact{
  inset:380px 18px auto auto;
  width:465px;
  z-index:5;
}
.premium-proof-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
  color:rgba(247,249,251,.76);
  font-size:13px;
}
.premium-proof-line strong{
  color:#fff;
}
.premium-proof-line span{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(215,182,106,.11);
  color:#F2DEAA;
  border:1px solid rgba(215,182,106,.20);
  font-weight:800;
}
.hero-metrics article{
  position:relative;
  overflow:hidden;
}
.hero-metrics article::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);
  transform:translateX(-120%);
  animation:metricSweep 6s ease-in-out infinite;
}
.hero-metrics article:nth-child(2)::before{animation-delay:1.4s}
.hero-metrics article:nth-child(3)::before{animation-delay:2.8s}
@keyframes metricSweep{45%,100%{transform:translateX(120%)}}

.trust-strip{
  position:relative;
  z-index:5;
  box-shadow:0 22px 70px rgba(10,29,58,.06);
}
.trust-strip article{
  transition:transform .25s ease, background .25s ease;
}
.trust-strip article:hover{
  transform:translateY(-6px);
  background:linear-gradient(180deg,#fff,#F7FBFF);
}

/* New people / imagery section */
.luxury-people-section{
  position:relative;
  padding:100px 0;
  background:
    radial-gradient(circle at 15% 25%, rgba(14,107,255,.09), transparent 28%),
    radial-gradient(circle at 85% 30%, rgba(22,179,100,.07), transparent 30%),
    linear-gradient(180deg,#FFFFFF,#F7F9FB);
  overflow:hidden;
}
.luxury-people-section::before{
  content:"";
  position:absolute;
  inset:40px 4%;
  border:1px solid rgba(192,198,206,.20);
  border-radius:48px;
  pointer-events:none;
}
.luxury-people-grid{
  position:relative;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:54px;
  align-items:center;
}
.luxury-people-copy p{
  color:var(--muted);
  font-size:18px;
  margin:18px 0 0;
}
.luxury-points{
  display:grid;
  gap:14px;
  margin-top:28px;
}
.luxury-points div{
  padding:18px 20px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(192,198,206,.34);
  box-shadow:0 12px 36px rgba(10,29,58,.06);
}
.luxury-points strong{
  display:block;
  color:var(--navy);
  font-family:Manrope,Inter,sans-serif;
  font-size:18px;
}
.luxury-points span{
  display:block;
  color:var(--muted);
  margin-top:4px;
  font-size:14px;
}
.luxury-people-visual{
  position:relative;
}
.luxury-people-visual::after{
  content:"";
  position:absolute;
  inset:8% 6% auto auto;
  width:120px;height:120px;border-radius:34px;
  background:linear-gradient(135deg,rgba(14,107,255,.14),rgba(22,179,100,.16));
  filter:blur(.1px);
  animation:panelPulse 7s ease-in-out infinite;
}
.luxury-people-visual img{
  width:100%;
  display:block;
  filter:drop-shadow(0 30px 44px rgba(10,29,58,.13));
}

/* Core services upgraded luxury feel */
.section-services-v4{
  background:
    radial-gradient(circle at 12% 12%,rgba(14,107,255,.06),transparent 28%),
    linear-gradient(180deg,#F7F9FB,#FFFFFF);
}
.services-feature-band div{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.services-feature-band div:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 54px rgba(10,29,58,.10);
  border-color:rgba(14,107,255,.25);
}
.service-card--media{
  border-radius:28px;
  box-shadow:0 18px 54px rgba(10,29,58,.08);
  transform-style:preserve-3d;
}
.service-card--media::after{
  content:"";
  position:absolute;
  inset:auto 24px 24px auto;
  width:70px;height:70px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(14,107,255,.10),rgba(22,179,100,.12));
  opacity:.65;
  transition:transform .25s ease, opacity .25s ease;
}
.service-card--media:hover::after{
  transform:scale(1.2) rotate(10deg);
  opacity:1;
}
.service-thumb{
  background:#F7FBFF;
  transition:transform .35s ease, filter .35s ease;
}
.service-card--media:hover .service-thumb{
  transform:scale(1.025);
  filter:saturate(1.08) contrast(1.03);
}
.service-card--media h3{
  margin-top:14px;
}
.service-card--media p{
  min-height:94px;
}
.service-card--media a{
  margin-top:auto;
  width:max-content;
  position:relative;
  z-index:2;
}

/* Why MRJ stronger interactive presence */
.section-why-v4{
  background:
    radial-gradient(circle at 20% 20%,rgba(14,107,255,.22),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(22,179,100,.18),transparent 30%),
    linear-gradient(135deg,#03101F,#0A1D3A 64%,#061326);
}
.why-visual > img{
  opacity:.78;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.24));
}
.why-card{
  cursor:default;
}
.why-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 40%,rgba(22,179,100,.10));
  opacity:.0;
  transition:opacity .25s ease;
}
.why-card:hover::before{
  opacity:1;
}
.why-card img,.why-card strong,.why-card p{
  position:relative;
  z-index:2;
}

/* Feature image sections */
.premium-feature-section{
  background:
    radial-gradient(circle at 8% 30%,rgba(14,107,255,.05),transparent 28%),
    linear-gradient(180deg,#FFFFFF,#F7F9FB);
}
.visual-panel--image,
.chat-panel--image,
.support-panel--image{
  min-height:auto;
  padding:22px 22px 84px;
  border-radius:34px;
}
.feature-illustration{
  box-shadow:0 18px 44px rgba(10,29,58,.08);
  background:#fff;
}
.support-panel--image .feature-illustration{
  background:rgba(255,255,255,.08);
}
.dev-card{
  transition:transform .25s ease, box-shadow .25s ease;
}
.dev-card:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 70px rgba(10,29,58,.12);
}
.dev-illustration{
  background:#fff;
  transition:transform .3s ease;
}
.dev-card:hover .dev-illustration{
  transform:scale(1.02);
}

/* Mobile and spacing polish */
@media (max-width:1180px){
  .dashboard-card--compact{
    width:430px;
    inset:360px 8px auto auto;
  }
}
@media (max-width:1050px){
  .hero{
    min-height:auto;
    padding:76px 0 84px;
  }
  .hero__inner--v4,
  .luxury-people-grid{
    grid-template-columns:1fr;
  }
  .hero-device-frame--v4{
    right:auto;
    top:auto;
    width:100%;
    max-width:760px;
    margin:12px auto 0;
  }
  .dashboard-card--compact{
    position:relative;
    inset:auto;
    width:100%;
    margin-top:18px;
  }
  .luxury-people-section{
    padding:78px 0;
  }
  .service-card--media p{
    min-height:auto;
  }
}
@media (max-width:820px){
  h1{font-size:clamp(38px,12vw,58px);}
  h2{font-size:clamp(30px,8vw,44px);}
  .top-bar{
    font-size:12px;
  }
  .hero-metrics{
    grid-template-columns:1fr;
  }
  .premium-proof-line{
    align-items:flex-start;
  }
  .services-feature-band,
  .services-grid--v4{
    grid-template-columns:1fr;
  }
  .trust-strip__grid{
    grid-template-columns:1fr;
  }
  .trust-strip article{
    border-right:0;
    border-bottom:1px solid rgba(192,198,206,.26);
  }
  .trust-strip article:last-child{
    border-bottom:0;
  }
  .luxury-people-section::before{
    inset:18px 14px;
    border-radius:30px;
  }
  .visual-panel--image,
  .chat-panel--image,
  .support-panel--image{
    padding:14px 14px 18px;
  }
  .feature-caption{
    position:relative;
    inset:auto;
    margin-top:14px;
  }
}
@media (max-width:560px){
  .container{
    width:min(100% - 24px,1180px);
  }
  .brand img{
    width:190px;
  }
  .hero{
    padding-top:56px;
  }
  .hero__actions .btn{
    width:100%;
  }
  .hero-solution-grid{
    grid-template-columns:1fr;
  }
  .hero-client-strip span,
  .premium-proof-line span{
    width:100%;
    text-align:center;
  }
  .luxury-points div,
  .services-feature-band div,
  .service-card--media{
    border-radius:22px;
  }
  .service-card--media .card-icon,
  .service-card--media h3,
  .service-card--media p,
  .service-card--media a,
  .service-card--media ul{
    margin-left:20px;
    margin-right:20px;
  }
  .why-card-grid{
    gap:14px;
  }
  .why-card{
    padding:20px;
  }
  .section{
    padding:66px 0;
  }
}

.service-card--media::before,
.why-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(14,107,255,.14), transparent 34%);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.service-card--media:hover::before,
.why-card:hover::after{
  opacity:1;
}


/* ===== V6 Alignment / Pictures / Relevance Fixes ===== */
.hero__inner--v4{
  align-items:center;
}
.hero-visual--v6{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
.hero-main-shot{
  position:relative;
  padding:18px;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 90px rgba(2,9,20,.36);
}
.hero-main-shot .hero-device-img{
  width:100%;
  display:block;
  border-radius:24px;
}
.hero-main-badge{
  position:absolute;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(192,198,206,.32);
  box-shadow:0 18px 42px rgba(10,29,58,.12);
  max-width:220px;
}
.hero-main-badge strong{
  display:block;
  font-size:15px;
  font-family:Manrope,Inter,sans-serif;
  color:var(--navy);
  margin-bottom:4px;
}
.hero-main-badge span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.hero-main-badge--one{left:22px;bottom:22px;}
.hero-main-badge--two{right:22px;top:22px;}
.hero-info-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.hero-mini-card{
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}
.hero-mini-card .mini-kicker{
  display:block;
  color:#9ED7FF;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:800;
  margin-bottom:6px;
}
.hero-mini-card strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.2;
  font-family:Manrope,Inter,sans-serif;
  margin-bottom:8px;
}
.hero-mini-card p{
  margin:0;
  color:rgba(247,249,251,.72);
  font-size:14px;
  line-height:1.6;
}

/* remove earlier overlap-heavy hero pieces */
.dashboard-card--compact,
.floating-card--v4{
  display:none !important;
}

.service-card--media .card-icon{
  width:70px;
  height:70px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow:0 10px 24px rgba(10,29,58,.08);
}
.service-card--media .card-icon img{
  width:52px;
  height:52px;
  display:block;
}
.service-thumb{
  aspect-ratio: 16 / 9;
  object-fit:cover;
}
.service-card--media p{
  min-height:unset;
}

.section-banner{
  margin:0 0 28px;
}
.section-banner img{
  width:100%;
  display:block;
  border-radius:30px;
  box-shadow:0 18px 48px rgba(10,29,58,.10);
}
.section-banner--dark img{
  box-shadow:0 24px 58px rgba(0,0,0,.22);
}

.result-card,
.testimonial-grid blockquote{
  position:relative;
  overflow:hidden;
}
.testimonial-grid blockquote{
  padding-top:34px;
}
.testimonial-grid blockquote::before{
  content:"";
  position:absolute;
  left:26px;
  top:24px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
  opacity:.18;
}

.visual-panel--image .feature-illustration,
.support-panel--image .feature-illustration,
.chat-panel--image .feature-illustration,
.dev-illustration{
  border-radius:28px;
}
.industry-grid span{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.industry-grid span:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 32px rgba(10,29,58,.08);
  border-color:rgba(14,107,255,.22);
}

@media (max-width:1180px){
  .hero-main-badge{
    max-width:200px;
  }
}
@media (max-width:920px){
  .hero-info-row{
    grid-template-columns:1fr;
  }
}
@media (max-width:820px){
  .hero-main-badge{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    max-width:none;
    margin-top:12px;
  }
  .hero-main-shot{
    display:flex;
    flex-direction:column;
  }
}


/* ===== V7 Mockup Integration / Real Picture Layout ===== */
.hero-v7{
  position:relative;
  min-height:720px;
  padding:0;
  display:flex;
  align-items:stretch;
  background:
    radial-gradient(circle at 8% 76%,rgba(14,107,255,.25),transparent 28%),
    linear-gradient(90deg,#03101F 0%,#061B37 45%,#061326 100%);
}
.hero-v7::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,16,31,.98) 0%,rgba(3,16,31,.88) 43%,rgba(3,16,31,.25) 72%,rgba(3,16,31,.55) 100%),
    url("assets/photos/hero-call-center.jpg") right center/auto 100% no-repeat;
  z-index:0;
}
.hero-v7 .hero-bg{z-index:1;}
.hero-v7__grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:0.95fr 1.05fr;
  gap:42px;
  align-items:center;
  padding:74px 0 70px;
}
.hero-v7__content h1{
  font-size:clamp(44px,5.2vw,72px);
  line-height:1.02;
  max-width:730px;
}
.hero-v7__content h1 span{color:var(--blue);}
.hero-v7__content h1 em{color:var(--green);font-style:normal;}
.hero-v7__content .hero__text{
  max-width:690px;
  font-size:18px;
  line-height:1.62;
}
.hero-v7__proof{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:34px;
  max-width:760px;
}
.hero-v7__proof article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  padding:14px 13px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
}
.hero-v7__proof img{
  width:42px;
  height:42px;
  background:rgba(255,255,255,.92);
  border-radius:50%;
  padding:7px;
}
.hero-v7__proof strong{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.15;
}
.hero-v7__proof span{
  display:block;
  color:rgba(247,249,251,.72);
  font-size:11px;
  line-height:1.25;
  margin-top:3px;
}
.hero-v7__visual{position:relative;min-height:500px;}
.hero-photo-card{
  position:absolute;
  inset:18px 0 0 auto;
  width:76%;
  max-width:620px;
  height:460px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 32px 100px rgba(0,0,0,.45);
}
.hero-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.photo-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,16,31,.24),rgba(3,16,31,.05));
}
.hero-stat-card,
.hero-live-card{
  position:absolute;
  width:230px;
  padding:18px;
  border-radius:18px;
  background:rgba(11,24,43,.78);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(18px);
  box-shadow:0 22px 48px rgba(0,0,0,.30);
}
.hero-stat-card span{
  display:block;
  color:rgba(247,249,251,.68);
  font-size:12px;
  font-weight:800;
  margin-bottom:6px;
}
.hero-stat-card strong{
  display:block;
  color:#fff;
  font-size:24px;
  font-family:Manrope,Inter,sans-serif;
}
.hero-stat-card--one{left:6%;top:30px;}
.hero-stat-card--two{left:6%;top:180px;}
.mini-line-chart{display:flex;gap:8px;align-items:end;height:54px;margin-top:12px;}
.mini-line-chart i{flex:1;border-radius:999px;background:linear-gradient(180deg,var(--blue-2),var(--blue));height:28px;}
.mini-line-chart i:nth-child(2){height:18px}
.mini-line-chart i:nth-child(3){height:34px;background:linear-gradient(180deg,var(--green-2),var(--green))}
.mini-line-chart i:nth-child(4){height:26px}
.mini-line-chart i:nth-child(5){height:43px;background:linear-gradient(180deg,var(--green-2),var(--green))}
.mini-line-chart i:nth-child(6){height:52px}
.mini-progress{height:10px;margin-top:18px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;}
.mini-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green));}
.hero-live-card{
  right:0;
  bottom:32px;
  width:270px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.hero-live-card strong{display:block;color:#fff;font-size:15px;}
.hero-live-card span{display:block;color:rgba(247,249,251,.68);font-size:12px;margin-top:4px;}
.hero-live-card small{color:#9CF3B7;font-weight:900;background:rgba(22,179,100,.14);border:1px solid rgba(22,179,100,.32);border-radius:999px;padding:6px 10px;}
.hero-device-frame,.hero-main-shot,.hero-info-row,.dashboard-card--compact,.floating-card--v4{display:none !important;}

.trust-strip-v7{
  background:#fff;
  padding:20px 0 14px;
  border-bottom:1px solid rgba(192,198,206,.30);
}
.trusted-label{
  margin:0 0 14px;
  text-align:center;
  color:var(--navy);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
  font-size:12px;
}
.trust-logo-row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
  align-items:center;
}
.trust-logo-row span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  border-radius:18px;
  color:#43556C;
  font-weight:900;
  background:#fff;
  border:1px solid rgba(192,198,206,.28);
  box-shadow:0 8px 22px rgba(10,29,58,.04);
}
.trust-logo-row b{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--green));
  font-size:12px;
}
.service-thumb,.feature-illustration,.dev-illustration,.luxury-people-visual img,.why-photo-v7{object-fit:cover;background:#EAF2FF;}
.service-thumb{height:178px;aspect-ratio:auto;}
.service-card--media{padding-bottom:24px;}
.service-card--media .card-icon{
  margin-top:-28px;
  position:relative;
  z-index:4;
  border:4px solid #fff;
}
.visual-panel--image .feature-illustration,.support-panel--image .feature-illustration,.chat-panel--image .feature-illustration{height:330px;width:100%;}
.dev-illustration{height:260px;width:100%;}
.luxury-people-visual img{
  height:420px;
  width:100%;
  border-radius:34px;
  box-shadow:0 24px 64px rgba(10,29,58,.13);
}
.why-photo-v7{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  border-radius:34px;
  opacity:.28 !important;
  filter:saturate(1.05) contrast(1.05) !important;
  transform:none !important;
}
.why-visual{
  border-radius:34px;
  overflow:hidden;
  padding:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
}
.why-card-grid{position:relative;z-index:3;}
.why-card{background:rgba(6,19,38,.58);}
.section-banner img{
  max-height:330px;
  object-fit:cover;
}
.section-services-v4{padding-top:62px;}
.section-heading{margin-bottom:34px;}
.services-feature-band{margin-bottom:24px;}
.services-grid--v4{gap:18px;}
.service-card--media h3{font-size:20px;}
.service-card--media p{font-size:14.5px;line-height:1.55;min-height:unset;}
.service-card--media ul li{font-size:11px;}
.luxury-people-section{padding:78px 0;}

@media (max-width:1180px){
  .hero-v7__grid{grid-template-columns:1fr;padding-top:70px;}
  .hero-v7::before{background:linear-gradient(90deg,rgba(3,16,31,.98),rgba(3,16,31,.82)),url("assets/photos/hero-call-center.jpg") center/cover no-repeat;}
  .hero-v7__visual{min-height:520px;}
  .hero-photo-card{width:100%;max-width:none;left:0;right:0;}
  .hero-stat-card--one{left:22px}
  .hero-stat-card--two{left:22px}
  .hero-live-card{right:22px}
  .hero-v7__proof{grid-template-columns:repeat(2,1fr);}
  .trust-logo-row{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:820px){
  .hero-v7__visual{min-height:auto;display:grid;gap:14px;}
  .hero-photo-card,.hero-stat-card,.hero-live-card{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none;}
  .hero-photo-card{height:360px;}
  .hero-v7__proof,.trust-logo-row{grid-template-columns:1fr;}
  .visual-panel--image .feature-illustration,.support-panel--image .feature-illustration,.chat-panel--image .feature-illustration,.dev-illustration,.luxury-people-visual img{height:auto;}
  .why-photo-v7{position:relative !important;opacity:.5 !important;height:auto !important;margin-bottom:18px;}
}


/* ===== V8 Homepage Corrections & Responsive Alignment ===== */
.top-bar--v8{background:#041226;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;}
.top-bar__inner--v8{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:8px 0;}
.top-bar__left{color:#DCEAFB;font-weight:700;letter-spacing:.03em;text-transform:uppercase;}
.top-bar__right{display:flex;gap:18px;flex-wrap:wrap;color:#DCEAFB;}
.site-header .nav{max-width:none;}
.container{width:min(100% - 28px, 1380px);}
.nav{gap:18px;}
.nav-menu{gap:18px;}
.brand img{width:220px;}

.hero-v8{position:relative;overflow:hidden;background:linear-gradient(90deg,#03101F 0%,#082349 50%,#07192F 100%);padding:0;}
.hero-v8::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 78%,rgba(14,107,255,.28),transparent 22%),linear-gradient(90deg,rgba(3,16,31,.96) 0%,rgba(3,16,31,.82) 42%,rgba(3,16,31,.28) 72%,rgba(3,16,31,.12) 100%),url("assets/photos/hero-call-center.jpg") right center/cover no-repeat;z-index:0;}
.hero-v8 .hero-bg{z-index:1;}
.hero-v8__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(520px,.95fr);gap:28px;align-items:center;padding:78px 0 56px;}
.hero-v8__content{max-width:710px;}
.hero-v8__content h1{font-size:clamp(48px,5vw,74px);line-height:1.02;letter-spacing:-.03em;margin-bottom:18px;}
.hero-v8__content h1 span{color:var(--blue);}
.hero-v8__content h1 em{font-style:normal;color:var(--green);}
.hero-v8__content .hero__text{font-size:19px;max-width:640px;color:rgba(247,249,251,.88);}
.hero-v8__proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;}
.hero-v8__proof article{display:flex;gap:12px;align-items:center;padding:12px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);}
.hero-v8__proof img{width:40px;height:40px;border-radius:50%;padding:7px;background:#fff;flex:0 0 auto;}
.hero-v8__proof strong{display:block;color:#fff;font-size:13px;line-height:1.2;}
.hero-v8__proof span{display:block;color:rgba(247,249,251,.7);font-size:11px;line-height:1.25;margin-top:2px;}
.hero-v8__visual{position:relative;min-height:470px;}
.hero-v8__image-wrap{position:absolute;inset:0 0 0 88px;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.18);}
.hero-v8__main-image{width:100%;height:100%;object-fit:cover;object-position:center;}
.hero-v8__image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,47,.32),transparent 40%,rgba(7,25,47,.10));}
.hero-data-card,.hero-support-card{position:absolute;width:215px;padding:16px 16px 14px;border-radius:18px;background:rgba(8,20,38,.74);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 46px rgba(0,0,0,.25);backdrop-filter:blur(16px);}
.hero-data-card span,.hero-support-card span{display:block;color:rgba(247,249,251,.72);font-size:12px;font-weight:700;margin-bottom:6px;}
.hero-data-card strong,.hero-support-card b{display:block;color:#fff;font-size:18px;font-family:Manrope,Inter,sans-serif;line-height:1.1;}
.hero-data-card small{display:block;color:#9FE4B8;font-size:11px;font-weight:700;margin-top:4px;}
.hero-data-card--one{left:0;top:22px;}
.hero-data-card--two{left:0;top:175px;}
.hero-data-card--three{left:0;top:328px;}
.sparkline{display:flex;align-items:flex-end;gap:6px;height:42px;margin-top:12px;}
.sparkline i{flex:1;border-radius:999px;background:linear-gradient(180deg,#77D3FF,var(--blue));height:24px;}
.sparkline i:nth-child(2){height:17px}.sparkline i:nth-child(3){height:26px}.sparkline i:nth-child(4){height:20px}.sparkline i:nth-child(5){height:31px}.sparkline i:nth-child(6){height:36px}
.sparkline--green i{background:linear-gradient(180deg,#97F2B2,var(--green));}.sparkline--green i:nth-child(1){height:14px}.sparkline--green i:nth-child(2){height:18px}.sparkline--green i:nth-child(3){height:21px}.sparkline--green i:nth-child(4){height:29px}.sparkline--green i:nth-child(5){height:34px}
.progress-track{height:8px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin-top:12px;}
.progress-track b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green));}
.progress-track--sm{height:6px;margin-top:14px;}
.hero-support-card{right:0;bottom:24px;width:250px;}
.hero-support-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:10px;margin-bottom:12px;}
.hero-support-card__head strong{font-size:14px;color:#fff;}
.hero-support-card__head small{color:#9FE4B8;font-weight:800;}
.hero-support-card__metric{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;}
.hero-support-card__metric span{margin-bottom:0;}
.hero-support-card__metric b{font-size:16px;}

.trust-strip-v8{padding:14px 0 18px;background:#fff;border-bottom:1px solid rgba(192,198,206,.24);}
.trust-logo-row--v8{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.trust-logo-row--v8 span{min-height:68px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 14px;gap:2px;border-radius:16px;border:1px solid rgba(192,198,206,.28);background:#fff;box-shadow:0 8px 20px rgba(10,29,58,.04);}
.trust-logo-row--v8 b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-size:11px;margin-bottom:4px;}
.trust-logo-row--v8 strong{display:block;color:var(--navy);font-size:15px;line-height:1.1;}
.trust-logo-row--v8 small{display:block;color:#62748A;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}

.section-heading--row{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:26px;}
.section-heading--row > div{max-width:760px;}
.btn--secondary{background:linear-gradient(180deg,#0F6CFF,#0759D8);color:#fff;border:0;box-shadow:0 12px 28px rgba(14,107,255,.16);}
.section-services-v8{padding-top:56px;padding-bottom:58px;background:#fff;}
.services-grid--v8{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:stretch;}
.service-card--media{display:flex;flex-direction:column;padding-bottom:18px;border-radius:16px;overflow:visible;border:1px solid rgba(192,198,206,.28);box-shadow:0 8px 22px rgba(10,29,58,.05);background:#fff;}
.service-thumb{width:100%;height:118px !important;border-radius:16px 16px 0 0;object-fit:cover;display:block;}
.service-card--media .card-icon{width:56px;height:56px;border-radius:16px;background:#fff;border:4px solid #fff;box-shadow:0 8px 20px rgba(10,29,58,.08);display:flex;align-items:center;justify-content:center;margin:-22px 0 0 14px;position:relative;z-index:2;}
.service-card--media .card-icon img{width:40px;height:40px;}
.service-card--media h3,.service-card--media p,.service-card--media a{margin-left:14px;margin-right:14px;}
.service-card--media h3{font-size:20px;margin-top:14px;margin-bottom:8px;line-height:1.15;}
.service-card--media p{font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:16px;min-height:96px;}
.service-card--media a{margin-top:auto;font-size:12px;font-weight:800;letter-spacing:.02em;}
.service-card--media ul{display:none;}

.why-showcase{background:linear-gradient(90deg,#03101F,#081E3C 58%,#092142);color:#fff;padding:46px 0;}
.why-showcase__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(320px,.9fr);gap:18px;align-items:stretch;}
.why-showcase__intro,.why-showcase__panel,.why-showcase__media{border-radius:20px;}
.why-showcase__intro{padding:18px 0 18px 0;}
.why-showcase__intro h2{font-size:42px;line-height:1.06;margin-bottom:14px;color:#fff;}
.why-showcase__intro p{color:rgba(247,249,251,.78);margin-bottom:20px;}
.why-showcase__panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);padding:1px;border:1px solid rgba(255,255,255,.12);overflow:hidden;}
.why-pill{display:flex;gap:12px;align-items:flex-start;background:rgba(5,20,40,.92);padding:18px;}
.why-pill img{width:42px;height:42px;border-radius:12px;background:#fff;padding:7px;flex:0 0 auto;}
.why-pill strong{display:block;color:#fff;font-size:16px;line-height:1.2;margin-bottom:4px;}
.why-pill span{display:block;color:rgba(247,249,251,.72);font-size:13px;line-height:1.4;}
.why-showcase__media{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#fff;}
.why-showcase__media img{width:100%;height:100%;object-fit:cover;display:block;min-height:264px;}
.why-showcase__stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(192,198,206,.22);}
.why-showcase__stats div{padding:16px;border-right:1px solid rgba(192,198,206,.18);border-bottom:1px solid rgba(192,198,206,.18);background:#fff;}
.why-showcase__stats strong{display:block;font-size:18px;color:var(--blue);margin-bottom:4px;}
.why-showcase__stats span{display:block;color:var(--muted);font-size:12px;font-weight:700;}

.insight-panels{padding:54px 0;background:#fff;}
.insight-panels__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.insight-card{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(192,198,206,.28);box-shadow:0 10px 26px rgba(10,29,58,.05);}
.insight-card--dark{background:linear-gradient(180deg,#F7FBFF,#FFFFFF);}
.insight-card__copy h2{font-size:36px;line-height:1.08;margin-bottom:12px;}
.insight-card__copy p{margin-bottom:18px;}
.insight-card__media img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:18px;display:block;}
.insight-card .check-list li{font-size:14px;margin-bottom:10px;}

.dev-grid--v8{align-items:stretch;}
.dev-grid--v8 .dev-card{display:flex;flex-direction:column;}
.dev-grid--v8 .dev-illustration{height:260px;object-fit:cover;border-radius:20px;margin-top:auto;}
.ecommerce-section .feature-illustration{height:340px;object-fit:cover;border-radius:24px;}
.ecommerce-section .container{align-items:center;}
.section-banner img{width:100%;max-height:280px;object-fit:cover;border-radius:24px;display:block;}
.result-card,.testimonial-grid blockquote,.dev-card,.visual-panel--image,.chat-panel--image,.support-panel--image{overflow:hidden;}

@media (max-width:1350px){
  .services-grid--v8{grid-template-columns:repeat(4,minmax(0,1fr));}
  .service-card--media p{min-height:72px;}
}
@media (max-width:1180px){
  .hero-v8__grid{grid-template-columns:1fr;gap:24px;padding-top:72px;}
  .hero-v8::before{background:linear-gradient(180deg,rgba(3,16,31,.95),rgba(3,16,31,.82)),url("assets/photos/hero-call-center.jpg") center/cover no-repeat;}
  .hero-v8__visual{min-height:560px;}
  .hero-v8__image-wrap{inset:0;}
  .hero-data-card--one,.hero-data-card--two,.hero-data-card--three{left:18px;}
  .hero-support-card{right:18px;}
  .services-grid--v8{grid-template-columns:repeat(3,minmax(0,1fr));}
  .why-showcase__grid,.insight-panels__grid{grid-template-columns:1fr;}
  .why-showcase__intro{padding-bottom:0;}
}
@media (max-width:900px){
  .section-heading--row{flex-direction:column;align-items:flex-start;}
  .hero-v8__proof{grid-template-columns:repeat(2,minmax(0,1fr));}
  .trust-logo-row--v8{grid-template-columns:repeat(3,minmax(0,1fr));}
  .services-grid--v8{grid-template-columns:repeat(2,minmax(0,1fr));}
  .insight-card{grid-template-columns:1fr;}
  .insight-card__copy h2{font-size:30px;}
}
@media (max-width:680px){
  .top-bar__inner--v8,.top-bar__right{justify-content:center;}
  .brand img{width:190px;}
  .hero-v8__content h1{font-size:clamp(38px,12vw,54px);}
  .hero-v8__proof,.trust-logo-row--v8,.services-grid--v8,.why-showcase__panel,.why-showcase__stats{grid-template-columns:1fr;}
  .hero-v8__visual{min-height:auto;display:grid;gap:14px;}
  .hero-v8__image-wrap,.hero-data-card,.hero-support-card{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;}
  .hero-v8__image-wrap{height:320px;}
  .service-thumb{height:176px !important;}
  .service-card--media p{min-height:unset;}
  .why-showcase__intro h2,.insight-card__copy h2{font-size:28px;}
}


/* ===== V9 Final Polish: Mobile, Inner Pages, Luxury Details ===== */

/* smoother global spacing and readable responsive behavior */
html{scroll-padding-top:96px;}
body{overflow-x:hidden;}
img{max-width:100%;}

/* navigation refinement */
.site-header{
  position:sticky;
  top:0;
  z-index:2000;
}
.nav{
  min-height:78px;
}
.nav-menu a{
  white-space:nowrap;
}
.btn--nav{
  min-height:44px;
}

/* homepage hero final desktop refinement */
.hero-v8__grid{
  min-height:630px;
}
.hero-v8__content{
  padding-top:8px;
}
.hero-v8__content .eyebrow{
  background:rgba(22,179,100,.10);
  border:1px solid rgba(22,179,100,.20);
  padding:9px 13px;
  border-radius:999px;
  margin-bottom:18px;
}
.hero-v8__content .hero__actions{
  margin-top:26px;
}
.hero-v8__visual{
  isolation:isolate;
}
.hero-v8__image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.10),transparent 55%);
  transform:translateX(-110%);
  animation:v9GlassSweep 6s ease-in-out infinite;
}
@keyframes v9GlassSweep{
  45%,100%{transform:translateX(120%);}
}
.hero-data-card,
.hero-support-card{
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hero-data-card:hover,
.hero-support-card:hover{
  transform:translateY(-5px);
  border-color:rgba(125,206,255,.42);
  box-shadow:0 26px 58px rgba(0,0,0,.34);
}

/* service card final polish */
.services-grid--v8{
  align-items:stretch;
}
.service-card--media{
  min-width:0;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-card--media:hover{
  transform:translateY(-7px);
  border-color:rgba(14,107,255,.24);
  box-shadow:0 20px 46px rgba(10,29,58,.10);
}
.service-card--media h3{
  word-break:normal;
}
.service-card--media a::after{
  content:" →";
}

/* Why section final polish */
.why-showcase{
  position:relative;
  overflow:hidden;
}
.why-showcase::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-190px;
  top:-180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,107,255,.22),transparent 66%);
}
.why-showcase::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:-160px;
  bottom:-210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,179,100,.16),transparent 66%);
}
.why-showcase > .container{
  position:relative;
  z-index:2;
}
.why-pill{
  transition:transform .25s ease, background .25s ease;
}
.why-pill:hover{
  transform:translateY(-4px);
  background:rgba(8,28,55,.98);
}

/* Inner page hero cleanup */
.inner-hero{
  padding:96px 0 86px;
}
.inner-hero__content{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:42px;
  align-items:center;
}
.inner-hero__text{
  position:relative;
  z-index:3;
}
.inner-hero__content h1{
  max-width:820px;
  font-size:clamp(40px,5vw,66px);
}
.inner-hero__content p:not(.eyebrow){
  max-width:720px;
}
.inner-hero__visual{
  display:block;
}
.inner-hero__visual img{
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center;
  border-radius:30px;
  box-shadow:0 30px 80px rgba(0,0,0,.26);
}

/* Inner page cards and visual consistency */
.inner-card-grid,
.services-grid.inner-card-grid{
  align-items:stretch;
}
.inner-card-grid .service-card{
  min-height:0;
}
.process-list div,
.case-card,
.inner-stat-panel div{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.process-list div:hover,
.case-card:hover,
.inner-stat-panel div:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(10,29,58,.10);
}
.section-dark .process-list div:hover{
  box-shadow:0 20px 48px rgba(0,0,0,.22);
}

/* Case, legal and contact pages refinement */
.case-grid{
  align-items:stretch;
}
.case-card{
  display:flex;
  flex-direction:column;
}
.case-card ul{
  margin-top:auto;
}
.narrow-content{
  padding:42px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 44px rgba(10,29,58,.07);
  border:1px solid rgba(192,198,206,.30);
}
.legal-page{
  background:linear-gradient(180deg,#F7F9FB,#FFFFFF);
}

/* Contact polish */
.contact-form{
  position:relative;
  overflow:hidden;
}
.contact-form::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--blue),var(--green));
}
.contact-form button{
  width:max-content;
}

/* footer refinement */
.site-footer{
  position:relative;
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-160px;
  bottom:-160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,107,255,.18),transparent 64%);
}
.site-footer .container{
  position:relative;
  z-index:2;
}

/* responsive behavior */
@media (max-width:1180px){
  .container{
    width:min(100% - 32px, 1180px);
  }
  .hero-v8__grid{
    min-height:0;
  }
  .hero-v8__visual{
    max-width:900px;
  }
  .inner-hero__content{
    grid-template-columns:1fr;
  }
  .inner-hero__visual img{
    height:auto;
    max-height:420px;
  }
}

/* ===== V18 Development section redesign ===== */
.build-suite-v14{
  padding:96px 0;
  background:
    radial-gradient(circle at 88% 4%,rgba(14,107,255,.08),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7faff 100%);
}
.build-intro-v18{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
  gap:58px;
  align-items:center;
  margin-bottom:42px;
}
.build-intro-v18__copy{
  max-width:650px;
}
.build-intro-v18__copy .eyebrow{
  margin-bottom:18px;
}
.build-intro-v18__copy h2{
  max-width:640px;
  margin:0 0 22px;
  font-size:clamp(44px,4.5vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:var(--navy);
}
.build-intro-v18__copy > p{
  max-width:610px;
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
}
.build-intro-v18__capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.build-intro-v18__capabilities span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(14,107,255,.14);
  background:#fff;
  color:#26415f;
  box-shadow:0 8px 24px rgba(10,29,58,.05);
  font-size:13px;
  font-weight:800;
}
.build-intro-v18__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  margin-top:30px;
}
.build-intro-v18__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--navy);
  font-weight:900;
}
.build-intro-v18__link span{
  color:var(--blue);
  font-size:20px;
  transition:transform .2s ease;
}
.build-intro-v18__link:hover span{
  transform:translateX(4px);
}
.build-intro-v18__visual{
  position:relative;
  min-height:510px;
  overflow:hidden;
  border-radius:34px;
  background:#091b35;
  border:1px solid rgba(10,29,58,.12);
  box-shadow:0 30px 80px rgba(10,29,58,.16);
}
.build-intro-v18__visual > img{
  width:100%;
  height:100%;
  min-height:510px;
  display:block;
  object-fit:cover;
  object-position:center;
}
.build-intro-v18__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(4,15,30,.72));
  pointer-events:none;
}
.build-intro-v18__badge{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(5,18,36,.82);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.build-intro-v18__badge img{
  width:52px;
  height:52px;
  padding:10px;
  border-radius:16px;
  background:#fff;
}
.build-intro-v18__badge strong,
.build-intro-v18__badge span{
  display:block;
}
.build-intro-v18__badge strong{
  color:#fff;
  font-size:17px;
  margin-bottom:4px;
}
.build-intro-v18__badge span{
  color:rgba(255,255,255,.68);
  font-size:13px;
  font-weight:700;
}
.build-intro-v18__metric{
  position:absolute;
  top:22px;
  right:22px;
  padding:14px 17px;
  border-radius:17px;
  background:#fff;
  box-shadow:0 18px 42px rgba(10,29,58,.16);
}
.build-intro-v18__metric strong,
.build-intro-v18__metric span{
  display:block;
}
.build-intro-v18__metric strong{
  color:var(--navy);
  font-size:16px;
}
.build-intro-v18__metric span{
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.build-suite-v14 .dev-columns-v14{
  padding-top:0;
}
.build-suite-v14 .dev-column-card-v14{
  min-height:440px;
}
.build-suite-v14 .dev-column-card-v14 h3{
  font-size:clamp(30px,2.7vw,40px);
}
@media (max-width:1120px){
  .build-intro-v18{
    grid-template-columns:1fr;
    gap:34px;
  }
  .build-intro-v18__copy{
    max-width:820px;
  }
  .build-intro-v18__visual{
    min-height:480px;
  }
  .build-intro-v18__visual > img{
    min-height:480px;
  }
}
@media (max-width:680px){
  .build-suite-v14{
    padding:70px 0;
  }
  .build-intro-v18{
    gap:28px;
    margin-bottom:30px;
  }
  .build-intro-v18__copy h2{
    font-size:clamp(38px,11vw,52px);
  }
  .build-intro-v18__copy > p{
    font-size:16px;
  }
  .build-intro-v18__actions{
    align-items:flex-start;
    flex-direction:column;
  }
  .build-intro-v18__visual,
  .build-intro-v18__visual > img{
    min-height:390px;
  }
  .build-intro-v18__badge{
    left:14px;
    right:14px;
    bottom:14px;
  }
  .build-intro-v18__metric{
    top:14px;
    right:14px;
  }
}

/* ===== V23 Final contact layout overrides ===== */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.contact-note{
  position:relative;
  overflow:hidden;
}
.contact-form .human-check{
  display:block;
  width:100%;
  min-width:0;
  padding:16px;
  box-sizing:border-box;
}
.contact-form .human-check__prompt{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 12px;
  line-height:1.4;
}
.contact-form .human-check__prompt span{
  display:inline;
}
.contact-form .human-check__controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:10px;
  align-items:center;
  width:100%;
  min-width:0;
}
.contact-form .human-check__controls input{
  width:100%;
  min-width:0;
  margin:0;
}
.contact-form .human-check .human-refresh{
  width:auto;
  min-width:132px;
  margin:0;
  padding-inline:18px;
}
@media (min-width:681px) and (max-width:1050px){
  .contact-section-v10.section{
    padding:68px 0 76px;
  }
  .contact-section-v10 > .container{
    width:min(calc(100% - 64px),960px);
  }
  .contact-section-v10 .contact-grid{
    gap:34px;
  }
  .contact-section-v10 .contact-copy h2{
    margin-bottom:16px;
    font-size:clamp(38px,5vw,50px);
  }
  .contact-section-v10 .contact-copy > p{
    margin-top:0;
  }
  .contact-section-v10 .contact-form{
    padding:32px;
  }
}
@media (max-width:680px){
  .contact-section-v10.section{
    padding:52px 0 62px;
  }
  .contact-section-v10 > .container{
    width:min(calc(100% - 32px),620px);
  }
  .contact-section-v10 .contact-grid{
    gap:26px;
  }
  .contact-section-v10 .contact-form{
    padding:24px 18px;
  }
  .contact-form .human-check__controls{
    grid-template-columns:1fr;
  }
  .contact-form .human-check .human-refresh{
    width:100%;
    min-width:0;
  }
}

/* ===== V25 Animated section dividers ===== */
.section + .section::before{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  left:50%;
  width:min(360px,48vw);
  height:4px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 12px 50%,#0e6bff 0 4px,transparent 4.5px),
    radial-gradient(circle at calc(100% - 12px) 50%,#16b364 0 4px,transparent 4.5px),
    linear-gradient(90deg,transparent 0%,#0e6bff 18%,#3b82f6 44%,#16b364 72%,transparent 100%);
  background-size:100% 100%,100% 100%,220% 100%;
  box-shadow:0 0 18px rgba(14,107,255,.18);
  animation:sectionDividerFlow 4.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sectionDividerFlow{
  0%,100%{
    background-position:0 0,0 0,0% 0;
    opacity:.58;
    transform:translate(-50%,-50%) scaleX(.86);
  }
  50%{
    background-position:0 0,0 0,100% 0;
    opacity:1;
    transform:translate(-50%,-50%) scaleX(1);
    box-shadow:0 0 24px rgba(22,179,100,.24);
  }
}
@media (max-width:680px){
  .section + .section::before{
    width:min(220px,58vw);
    height:3px;
  }
}
@media (prefers-reduced-motion:reduce){
  .section + .section::before,
  .eyebrow span::after,
  .section-heading::after{
    animation:none !important;
  }
}

/* ===== V26 Trust brands and testimonial marquee ===== */
.trusted-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.trusted-heading .trusted-label{
  margin:0;
}
.trusted-heading small{
  max-width:570px;
  color:#74859a;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  text-align:right;
}
.trust-logo-row--v12{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.trust-logo-row--v12 span{
  min-height:98px;
  grid-template-columns:54px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:12px;
  padding:15px;
}
.trust-logo-row--v12 img{
  grid-row:1 / 3;
  width:54px;
  height:54px;
  padding:0;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(10,29,58,.09);
}
.trust-logo-row--v12 strong{
  align-self:end;
}
.trust-logo-row--v12 small{
  align-self:start;
}
.testimonial-heading-v26{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:48px;
  align-items:end;
  margin-bottom:34px;
}
.testimonial-heading-v26 h2{
  max-width:760px;
  margin:12px 0 0;
}
.testimonial-heading-v26 > p{
  margin:0;
  padding:18px 20px;
  border:1px solid rgba(14,107,255,.13);
  border-radius:18px;
  color:#61738a;
  background:linear-gradient(135deg,rgba(14,107,255,.055),rgba(22,179,100,.055));
  font-size:13px;
  line-height:1.6;
}
.testimonial-heading-v26 > p strong{
  color:var(--navy);
}
.testimonial-marquee-v26{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:12px 0 24px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.testimonial-track-v26{
  display:flex;
  gap:20px;
  width:max-content;
  animation:testimonialFlowV26 52s linear infinite;
  will-change:transform;
}
.testimonial-marquee-v26:hover .testimonial-track-v26,
.testimonial-marquee-v26:focus-within .testimonial-track-v26{
  animation-play-state:paused;
}
@keyframes testimonialFlowV26{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 10px))}
}
.testimonial-card-v26{
  flex:0 0 370px;
  min-height:300px;
  display:flex;
  flex-direction:column;
  margin:0;
  padding:28px;
  border:1px solid rgba(192,198,206,.34);
  border-radius:26px;
  background:#fff;
  box-shadow:0 16px 46px rgba(10,29,58,.07);
}
.testimonial-card-v26__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:24px;
}
.testimonial-avatar-v26{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--green));
  box-shadow:0 12px 26px rgba(14,107,255,.19);
  font-size:16px;
  font-weight:900;
}
.testimonial-sample-v26{
  padding:7px 10px;
  border:1px solid rgba(14,107,255,.14);
  border-radius:999px;
  color:#42617f;
  background:#f3f8ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.testimonial-card-v26 > p{
  flex:1;
  margin:0 0 26px;
  color:#26384f;
  font-size:18px;
  line-height:1.66;
}
.testimonial-card-v26 footer{
  padding-top:20px;
  border-top:1px solid rgba(192,198,206,.30);
}
.testimonial-card-v26 footer strong,
.testimonial-card-v26 footer span{
  display:block;
}
.testimonial-card-v26 footer strong{
  color:var(--navy);
  font-size:16px;
}
.testimonial-card-v26 footer span{
  margin-top:5px;
  color:#6b7d93;
  font-size:12px;
  font-weight:700;
}
@media (max-width:1100px){
  .trust-logo-row--v12{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .testimonial-heading-v26{
    grid-template-columns:1fr;
    gap:20px;
  }
}
@media (max-width:680px){
  .trusted-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .trusted-heading small{
    text-align:left;
  }
  .trust-logo-row--v12{
    grid-template-columns:1fr;
  }
  .testimonial-marquee-v26{
    margin-inline:-16px;
    width:calc(100% + 32px);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  }
  .testimonial-card-v26{
    flex-basis:min(84vw,330px);
    min-height:290px;
    padding:24px;
  }
}
@media (prefers-reduced-motion:reduce){
  .testimonial-track-v26{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    animation:none;
  }
  .testimonial-track-v26 [aria-hidden="true"]{
    display:none;
  }
  .testimonial-card-v26{
    min-width:0;
  }
}
@media (prefers-reduced-motion:reduce) and (max-width:680px){
  .testimonial-track-v26{
    grid-template-columns:1fr;
  }
}

@media (max-width:1050px){
  .site-header{
    position:sticky;
  }
  .nav-menu{
    top:calc(100% + 10px);
    left:16px;
    right:16px;
    max-height:calc(100vh - 120px);
    overflow:auto;
    z-index:2500;
  }
  .nav-menu.is-open{
    display:flex;
  }
  .nav-menu a{
    width:100%;
  }
  .nav-menu .btn{
    width:100%;
  }
  .nav-toggle{
    display:block;
    border:1px solid rgba(192,198,206,.40);
    background:#fff;
  }
}

@media (max-width:900px){
  .container{
    width:min(100% - 26px, 1180px);
  }
  .hero-v8{
    min-height:auto;
  }
  .hero-v8__grid{
    padding:54px 0 48px;
  }
  .hero-v8__content{
    max-width:none;
  }
  .hero-v8__content h1{
    font-size:clamp(38px,10vw,58px);
  }
  .hero-v8__content .hero__text{
    font-size:17px;
  }
  .hero-v8__proof article{
    padding:12px;
  }
  .trust-logo-row--v8 span{
    align-items:center;
    text-align:center;
  }
  .section-services-v8{
    padding-top:48px;
  }
  .services-grid--v8{
    gap:16px;
  }
  .why-showcase{
    padding:44px 0;
  }
  .why-showcase__grid{
    gap:18px;
  }
  .why-showcase__intro{
    text-align:left;
  }
  .why-showcase__media img{
    min-height:220px;
  }
  .insight-card__media img{
    min-height:240px;
  }
  .faq-grid,
  .contact-grid{
    grid-template-columns:1fr;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:680px){
  .top-bar__inner--v8{
    text-align:center;
  }
  .top-bar__right{
    gap:8px 14px;
    font-size:11px;
  }
  .nav{
    min-height:70px;
  }
  .brand img{
    width:176px;
  }
  .hero-v8__grid{
    padding:40px 0 44px;
  }
  .hero-v8__content .eyebrow{
    font-size:10px;
    letter-spacing:.08em;
  }
  .hero__actions{
    width:100%;
  }
  .hero__actions .btn{
    width:100%;
  }
  .hero-v8__proof article{
    grid-template-columns:38px 1fr;
  }
  .hero-v8__proof img{
    width:38px;
    height:38px;
  }
  .hero-v8__image-wrap{
    height:270px;
    border-radius:22px;
  }
  .hero-data-card,
  .hero-support-card{
    padding:14px;
    border-radius:16px;
  }
  .sparkline{
    height:34px;
  }
  .trusted-label{
    font-size:11px;
  }
  .section-heading--row{
    gap:16px;
  }
  .section-heading--row .btn{
    width:100%;
  }
  .service-thumb{
    height:200px !important;
  }
  .why-showcase__panel{
    border-radius:18px;
  }
  .why-pill{
    padding:16px;
  }
  .why-showcase__media img{
    min-height:0;
    height:auto;
  }
  .insight-card{
    padding:14px;
    border-radius:20px;
  }
  .insight-card__media img{
    min-height:0;
    height:auto;
  }
  .dev-grid{
    grid-template-columns:1fr;
  }
  .section-banner img{
    max-height:220px;
  }
  .testimonial-grid,
  .results-grid,
  .services-grid{
    grid-template-columns:1fr;
  }
  .form-row{
    grid-template-columns:1fr;
  }
  .contact-form button{
    width:100%;
  }
  .footer-grid{
    grid-template-columns:1fr;
  }
  .footer-bottom{
    align-items:flex-start;
    text-align:left;
  }
}

@media (max-width:420px){
  .container{
    width:min(100% - 20px, 1180px);
  }
  .hero-v8__content h1{
    font-size:36px;
  }
  .hero-v8__image-wrap{
    height:230px;
  }
  .service-thumb{
    height:176px !important;
  }
}


/* ===== V10 Lower Homepage Rebuild: Consistent Images, Icons, Text, Responsive Scaling ===== */
.build-suite-v10,
.ecommerce-v10,
.industries-v10,
.results-v10,
.testimonials-v10,
.faq-v10,
.contact-section-v10{
  position:relative;
  overflow:hidden;
}
.build-suite-v10{
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
  padding-top:76px;
}
.build-suite-v10__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.build-card-v10{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:0;
  border:1px solid rgba(192,198,206,.32);
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 16px 42px rgba(10,29,58,.07);
  min-height:360px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.build-card-v10:hover{
  transform:translateY(-6px);
  border-color:rgba(14,107,255,.24);
  box-shadow:0 26px 70px rgba(10,29,58,.12);
}
.build-card-v10__image{
  position:relative;
  min-height:100%;
  background:#EAF2FF;
}
.build-card-v10__image img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  display:block;
}
.build-card-v10__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent,rgba(3,16,31,.15));
}
.build-card-v10__badge{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  padding:9px 12px;
  border-radius:999px;
  color:#fff;
  background:rgba(3,16,31,.78);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.build-card-v10__body{
  padding:34px 32px;
}
.build-card-v10__icon{
  width:58px;
  height:58px;
  border-radius:18px;
  margin-bottom:20px;
}
.build-card-v10 h3{
  font-size:30px;
  margin-bottom:12px;
}
.build-card-v10 p{
  color:var(--muted);
  margin:0 0 22px;
}
.mini-feature-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.mini-feature-list li{
  position:relative;
  padding-left:28px;
  color:#26364C;
  font-weight:750;
}
.mini-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
}

.ecommerce-v10{
  background:
    radial-gradient(circle at 84% 16%,rgba(22,179,100,.18),transparent 28%),
    radial-gradient(circle at 16% 82%,rgba(14,107,255,.18),transparent 28%),
    linear-gradient(135deg,#03101F,#0A1D3A);
}
.ecommerce-v10__grid{
  display:grid;
  grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
  gap:54px;
  align-items:center;
}
.ecommerce-v10__content p:not(.eyebrow){
  color:rgba(247,249,251,.74);
  font-size:18px;
}
.support-tags-v10{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.support-tags-v10 span{
  padding:11px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(247,249,251,.86);
  font-weight:800;
  font-size:13px;
}
.ecommerce-v10__visual{
  position:relative;
  min-height:430px;
}
.ecommerce-v10__visual img{
  width:100%;
  height:430px;
  object-fit:cover;
  border-radius:34px;
  display:block;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.14);
}
.support-floating-v10{
  position:absolute;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(192,198,206,.28);
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}
.support-floating-v10 strong{
  display:block;
  color:var(--navy);
  font-family:Manrope,Inter,sans-serif;
  font-size:18px;
}
.support-floating-v10 span{
  display:block;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.support-floating-v10--one{
  left:-18px;
  top:28px;
}
.support-floating-v10--two{
  right:-18px;
  bottom:34px;
}

.industries-v10{
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
}
.industries-v10__layout{
  display:grid;
  grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
  gap:28px;
  align-items:stretch;
}
.industries-v10__visual{
  position:relative;
  border-radius:30px;
  overflow:hidden;
  min-height:460px;
  box-shadow:0 18px 54px rgba(10,29,58,.10);
  border:1px solid rgba(192,198,206,.30);
}
.industries-v10__visual img{
  width:100%;
  height:100%;
  min-height:460px;
  object-fit:cover;
  display:block;
}
.industries-v10__visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(3,16,31,.66));
}
.industries-v10__caption{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:2;
  color:#fff;
}
.industries-v10__caption strong{
  display:block;
  font-family:Manrope,Inter,sans-serif;
  font-size:26px;
  margin-bottom:6px;
}
.industries-v10__caption span{
  display:block;
  color:rgba(247,249,251,.82);
}
.industries-v10__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.industry-card-v10{
  padding:22px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(192,198,206,.30);
  box-shadow:0 12px 34px rgba(10,29,58,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.industry-card-v10:hover{
  transform:translateY(-5px);
  border-color:rgba(14,107,255,.22);
  box-shadow:0 20px 50px rgba(10,29,58,.10);
}
.industry-card-v10 img{
  width:48px;
  height:48px;
  border-radius:15px;
  margin-bottom:16px;
}
.industry-card-v10 strong{
  display:block;
  color:var(--navy);
  font-family:Manrope,Inter,sans-serif;
  font-size:20px;
  margin-bottom:6px;
}
.industry-card-v10 span{
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.results-v10{
  background:
    radial-gradient(circle at 20% 12%,rgba(14,107,255,.16),transparent 34%),
    radial-gradient(circle at 84% 18%,rgba(22,179,100,.14),transparent 32%),
    linear-gradient(135deg,#03101F,#0A1D3A);
}
.results-v10 .section-heading p{
  color:rgba(247,249,251,.72);
}
.results-v10__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.result-card-v10{
  padding:28px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 42px rgba(0,0,0,.14);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.result-card-v10:hover{
  transform:translateY(-6px);
  border-color:rgba(125,206,255,.32);
  background:rgba(255,255,255,.11);
}
.result-card-v10 img{
  width:52px;
  height:52px;
  border-radius:16px;
  background:#fff;
  padding:6px;
  margin-bottom:22px;
}
.result-card-v10 strong{
  display:block;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-size:21px;
  line-height:1.2;
  margin-bottom:12px;
}
.result-card-v10 p{
  color:rgba(247,249,251,.70);
  margin:0 0 20px;
  font-size:14px;
  line-height:1.6;
}
.result-bar-v10{
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.result-bar-v10 b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--blue),var(--green));
}

.testimonials-v10{
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
}
.testimonial-grid-v10{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.testimonial-card-v10{
  margin:0;
  padding:28px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(192,198,206,.30);
  box-shadow:0 14px 42px rgba(10,29,58,.07);
}
.testimonial-card-v10__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.testimonial-card-v10__head span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,var(--blue),var(--green));
}
.testimonial-card-v10__head strong{
  color:var(--navy);
  font-family:Manrope,Inter,sans-serif;
}
.testimonial-card-v10 p{
  color:#304158;
  font-size:18px;
  line-height:1.65;
  margin:0;
}

.faq-v10{
  background:#fff;
}
.faq-v10__grid{
  display:grid;
  grid-template-columns:minmax(0,0.78fr) minmax(0,1.22fr);
  gap:44px;
  align-items:start;
}
.faq-v10__intro{
  position:sticky;
  top:112px;
}
.faq-v10__intro p{
  color:var(--muted);
  font-size:18px;
  margin:18px 0 24px;
}
.faq-list-v10 details{
  border-radius:18px;
  border:1px solid rgba(192,198,206,.34);
  box-shadow:0 10px 30px rgba(10,29,58,.05);
}
.faq-list-v10 summary{
  padding:22px 24px;
}
.faq-list-v10 details p{
  padding:0 24px 22px;
}

.cta-section-v10{
  background:linear-gradient(180deg,#F7F9FB,#FFFFFF);
}
.contact-section-v10{
  background:#fff;
}

@media (max-width:1180px){
  .build-card-v10{
    grid-template-columns:1fr;
  }
  .build-card-v10__image img{
    min-height:260px;
    height:260px;
  }
  .ecommerce-v10__grid,
  .industries-v10__layout,
  .faq-v10__grid{
    grid-template-columns:1fr;
  }
  .faq-v10__intro{
    position:relative;
    top:auto;
  }
  .results-v10__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:820px){
  .build-suite-v10__grid,
  .testimonial-grid-v10,
  .industries-v10__grid{
    grid-template-columns:1fr;
  }
  .build-card-v10__body{
    padding:26px 22px;
  }
  .build-card-v10 h3{
    font-size:26px;
  }
  .ecommerce-v10__visual,
  .industries-v10__visual{
    min-height:auto;
  }
  .ecommerce-v10__visual img,
  .industries-v10__visual img{
    height:auto;
    min-height:0;
  }
  .support-floating-v10{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    margin-top:12px;
  }
  .results-v10__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:560px){
  .build-card-v10__image img{
    height:220px;
    min-height:220px;
  }
  .industry-card-v10,
  .result-card-v10,
  .testimonial-card-v10{
    padding:22px;
  }
  .testimonial-card-v10 p{
    font-size:16px;
  }
}


/* ===== V11 Brand Badge + Sharper Visual System ===== */
.trust-strip-v11{
  background:#fff;
  border-top:1px solid rgba(192,198,206,.20);
  border-bottom:1px solid rgba(192,198,206,.24);
  padding:18px 0 22px;
}
.trust-logo-row--v11{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.trust-logo-row--v11 span{
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(192,198,206,.30);
  box-shadow:0 8px 20px rgba(10,29,58,.04);
}
.trust-logo-row--v11 img{
  width:36px;
  height:36px;
  border-radius:12px;
  display:block;
}
.trust-logo-row--v11 strong{
  display:block;
  color:var(--navy);
  font-size:20px;
  line-height:1.1;
  font-family:Manrope,Inter,sans-serif;
}
.trust-logo-row--v11 small{
  display:block;
  color:#62748A;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.section-services-v11{
  padding-top:58px;
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
}
.services-intro-v11{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr);
  gap:28px;
  align-items:center;
  margin-bottom:26px;
}
.services-intro-v11__copy{
  max-width:620px;
}
.services-intro-v11__copy h2{
  font-size:clamp(40px,4.2vw,64px);
  line-height:1.02;
  margin-bottom:14px;
}
.services-intro-v11__copy p{
  font-size:18px;
  color:var(--muted);
  max-width:560px;
  margin-bottom:24px;
}
.services-intro-v11__visual{
  position:relative;
  padding:10px;
  border-radius:32px;
  background:linear-gradient(135deg,rgba(14,107,255,.10),rgba(22,179,100,.10));
  border:1px solid rgba(192,198,206,.28);
  box-shadow:0 18px 48px rgba(10,29,58,.08);
}
.services-intro-v11__visual img{
  width:100%;
  display:block;
  border-radius:24px;
}
.services-grid--v11{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.services-grid--v11 .service-card--media{
  min-height:100%;
  border-radius:22px;
}
.services-grid--v11 .service-thumb{
  height:190px !important;
  background:#fff;
  object-fit:cover;
  padding:0;
}
.services-grid--v11 .service-card--media h3{
  font-size:20px;
}
.services-grid--v11 .service-card--media p{
  font-size:14px;
  min-height:88px;
}
.services-grid--v11 .service-card--media .card-icon{
  width:58px;
  height:58px;
}

.why-showcase__media img,
.insight-card__media img,
.build-card-v10__image img,
.ecommerce-v10__visual img,
.industries-v10__visual img{
  background:#fff;
  object-fit:cover;
  filter:none;
}
.why-showcase__media img{
  padding:18px;
  background:linear-gradient(135deg,#0A1D3A,#0E6BFF);
}
.insight-card{
  align-items:center;
}
.insight-card__media{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(192,198,206,.25);
}
.insight-card__media img{
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  display:block;
  padding:14px;
}
.build-card-v10__image{
  background:#fff;
}
.build-card-v10__image img{
  min-height:360px;
  object-fit:cover;
  padding:16px;
}
.ecommerce-v10__visual{
  display:grid;
  align-content:start;
}
.ecommerce-v10__visual img{
  height:430px;
  background:#fff;
  padding:18px;
}
.industries-v10__visual{
  background:#fff;
}
.industries-v10__visual img{
  min-height:460px;
  padding:18px;
}
.industries-v10__visual::after{
  background:linear-gradient(180deg,transparent 38%,rgba(3,16,31,.58));
}

.result-card-v10 img,
.industry-card-v10 img,
.build-card-v10__icon{
  object-fit:contain;
}

@media (max-width:1350px){
  .trust-logo-row--v11{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .services-grid--v11{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:1080px){
  .services-intro-v11{
    grid-template-columns:1fr;
  }
}
@media (max-width:900px){
  .services-grid--v11{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:680px){
  .trust-logo-row--v11,
  .services-grid--v11{
    grid-template-columns:1fr;
  }
  .services-intro-v11__copy h2{
    font-size:34px;
  }
  .services-grid--v11 .service-thumb{
    height:220px !important;
  }
  .why-showcase__media img,
  .insight-card__media img,
  .build-card-v10__image img,
  .ecommerce-v10__visual img,
  .industries-v10__visual img{
    padding:10px;
  }
}


/* ===== V12 Final Visual Fixes: unique logos, illustration-based sections, scaling polish ===== */
.trust-strip-v12{
  background:#fff;
  padding:18px 0 22px;
  border-top:1px solid rgba(192,198,206,.18);
  border-bottom:1px solid rgba(192,198,206,.24);
}
.trust-logo-row--v12{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.trust-logo-row--v12 span{
  min-height:122px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(192,198,206,.30);
  box-shadow:0 8px 20px rgba(10,29,58,.04);
}
.trust-logo-row--v12 img{
  width:38px;
  height:38px;
  display:block;
  border-radius:12px;
}
.trust-logo-row--v12 strong{
  display:block;
  color:var(--navy);
  font-family:Manrope,Inter,sans-serif;
  font-size:20px;
  line-height:1.1;
}
.trust-logo-row--v12 small{
  display:block;
  color:#62748A;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.section-services-v12{
  padding-top:60px;
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
}
.services-intro-v12{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);
  gap:30px;
  align-items:center;
  margin-bottom:26px;
}
.services-intro-v12__copy{
  max-width:630px;
}
.services-intro-v12__copy h2{
  font-size:clamp(42px,4.8vw,68px);
  line-height:1.02;
  margin-bottom:14px;
}
.services-intro-v12__copy p{
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
  margin-bottom:22px;
}
.services-intro-v12__visual{
  background:linear-gradient(135deg,rgba(14,107,255,.08),rgba(22,179,100,.10));
  border:1px solid rgba(192,198,206,.30);
  border-radius:32px;
  padding:12px;
  box-shadow:0 18px 50px rgba(10,29,58,.08);
}
.services-intro-v12__visual img{
  width:100%;
  display:block;
  border-radius:24px;
}
.services-grid--v12{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.services-grid--v12 .service-card--media{
  border-radius:22px;
  overflow:hidden;
  min-height:100%;
}
.services-grid--v12 .service-thumb{
  height:194px !important;
  object-fit:contain;
  background:#fff;
  padding:14px;
}
.services-grid--v12 .service-card--media p{
  min-height:84px;
}

/* Sharper lower-section visuals - use illustration frames instead of screenshots */
.why-showcase__media,
.insight-card__media,
.build-card-v10__image,
.ecommerce-v10__visual,
.industries-v10__visual{
  background:#fff;
}
.why-showcase__media{
  border:1px solid rgba(192,198,206,.22);
}
.why-showcase__media img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:contain;
  background:linear-gradient(135deg,#0A1D3A,#0E6BFF);
  padding:18px;
}
.insight-card__media{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(192,198,206,.25);
}
.insight-card__media img{
  width:100%;
  min-height:320px;
  height:100%;
  object-fit:contain;
  background:#fff;
  padding:16px;
}
.build-card-v10__image img{
  min-height:360px;
  height:100%;
  object-fit:contain;
  background:#fff;
  padding:18px;
}
.ecommerce-v10__visual img{
  width:100%;
  height:430px;
  object-fit:contain;
  background:#fff;
  padding:18px;
}
.industries-v10__visual{
  border:1px solid rgba(192,198,206,.30);
}
.industries-v10__visual img{
  width:100%;
  min-height:460px;
  height:100%;
  object-fit:contain;
  background:#fff;
  padding:18px;
}
.industries-v10__visual::after{
  background:linear-gradient(180deg,transparent 38%,rgba(3,16,31,.52));
}
.industry-card-v10 img,
.result-card-v10 img,
.build-card-v10__icon{
  object-fit:contain;
}

/* layout polish for lower sections */
.insight-panels__grid,
.build-suite-v10__grid,
.industries-v10__layout,
.faq-v10__grid{
  align-items:stretch;
}
.build-card-v10__body,
.industry-card-v10,
.result-card-v10,
.testimonial-card-v10{
  min-width:0;
}

@media (max-width:1350px){
  .trust-logo-row--v12{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .services-grid--v12{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:1100px){
  .services-intro-v12{
    grid-template-columns:1fr;
  }
}
@media (max-width:900px){
  .services-grid--v12{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .trust-logo-row--v12{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:680px){
  .trust-logo-row--v12,
  .services-grid--v12{
    grid-template-columns:1fr;
  }
  .services-intro-v12__copy h2{
    font-size:36px;
  }
  .services-grid--v12 .service-thumb{
    height:220px !important;
  }
  .why-showcase__media img,
  .insight-card__media img,
  .build-card-v10__image img,
  .ecommerce-v10__visual img,
  .industries-v10__visual img{
    min-height:0;
    height:auto;
    padding:12px;
  }
}


/* ===== V13 Real Photo Pass + Motion Polish ===== */

/* animated section indicators */
.eyebrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.eyebrow span{
  width:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--green));
  position:relative;
  overflow:hidden;
}
.eyebrow span::after{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background:rgba(255,255,255,.7);
  animation:indicatorSlide 2.8s linear infinite;
}
@keyframes indicatorSlide{
  0%{left:-40%}
  100%{left:110%}
}
.section-heading{
  position:relative;
  margin-bottom:28px;
}
.section-heading::after{
  content:"";
  display:block;
  width:92px;
  height:10px;
  margin-top:18px;
  border-radius:999px;
  background:
    radial-gradient(circle at 8px 5px,var(--blue) 0 3px,transparent 4px),
    radial-gradient(circle at 30px 5px,var(--blue-2) 0 3px,transparent 4px),
    radial-gradient(circle at 52px 5px,var(--green) 0 3px,transparent 4px),
    linear-gradient(90deg,rgba(14,107,255,.18),rgba(22,179,100,.18));
  animation:pulseSeparator 3s ease-in-out infinite;
}
@keyframes pulseSeparator{
  0%,100%{transform:scaleX(1);opacity:.75}
  50%{transform:scaleX(1.06);opacity:1}
}

/* stronger reveal animation with optional stagger */
.js-ready .reveal{
  opacity:0;
  transform:translateY(28px) scale(.985);
}
.js-ready .reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.reveal{
  transition:opacity .85s ease, transform .85s cubic-bezier(.2,.8,.2,1);
}

/* Home trusted logos */
.trust-logo-row--v12 span{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.trust-logo-row--v12 span:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(10,29,58,.08);
  border-color:rgba(14,107,255,.22);
}

/* Home services with real photos */
.section-services-v12{
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
}
.services-intro-v12{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);
  gap:26px;
  align-items:center;
}
.services-intro-v12__copy{
  max-width:620px;
}
.services-intro-v12__visual{
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(192,198,206,.26);
  box-shadow:0 18px 48px rgba(10,29,58,.08);
  min-height:340px;
}
.services-intro-v12__visual img{
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  display:block;
}
.services-grid--v12{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.services-grid--v12 .service-card--media{
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(192,198,206,.28);
  box-shadow:0 16px 38px rgba(10,29,58,.06);
}
.services-grid--v12 .service-thumb{
  width:100%;
  height:210px !important;
  object-fit:cover;
  background:#EAF0F7;
  padding:0 !important;
  border-bottom:1px solid rgba(192,198,206,.18);
}
.services-grid--v12 .service-card--media .card-icon{
  margin-top:-18px;
  position:relative;
  z-index:2;
}
.services-grid--v12 .service-card--media p{
  min-height:88px;
}

/* why choose / insight / lower homepage sections use proper photos */
.why-showcase__media,
.insight-card__media,
.build-card-v10__image,
.ecommerce-v10__visual,
.industries-v10__visual,
.inner-hero__visual,
.photo-panel,
.gallery-card{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(192,198,206,.24);
  box-shadow:0 16px 44px rgba(10,29,58,.08);
  background:#fff;
}
.why-showcase__media img,
.insight-card__media img,
.build-card-v10__image img,
.ecommerce-v10__visual img,
.industries-v10__visual img,
.inner-hero__visual img,
.photo-panel img,
.gallery-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover !important;
  filter:none !important;
  padding:0 !important;
}
.why-showcase__media img{min-height:340px}
.insight-card__media img{min-height:320px}
.build-card-v10__image img{min-height:360px}
.ecommerce-v10__visual img{height:430px}
.industries-v10__visual img{min-height:460px}
.inner-hero__visual img{height:360px}
.gallery-card img{height:260px}
.why-showcase__media::before,
.insight-card__media::before,
.build-card-v10__image::before,
.ecommerce-v10__visual::before,
.industries-v10__visual::before,
.inner-hero__visual::before,
.photo-panel::before,
.gallery-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(4,14,28,.08));
  pointer-events:none;
}

/* photo panel for inner pages */
.photo-panel{
  position:relative;
  min-height:420px;
}
.photo-panel img{
  min-height:420px;
}
.photo-panel__overlay{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  padding:18px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(192,198,206,.24);
  box-shadow:0 14px 34px rgba(10,29,58,.10);
}
.photo-panel__overlay strong{
  display:block;
  color:var(--navy);
  font-family:Manrope,Inter,sans-serif;
  font-size:20px;
  margin-bottom:4px;
}
.photo-panel__overlay span{
  display:block;
  color:#5E718A;
  font-weight:700;
  font-size:14px;
}

/* photo gallery on inner pages */
.photo-gallery--triple{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.gallery-card{
  position:relative;
}
.gallery-card:hover img{
  transform:scale(1.04);
}
.gallery-card img{
  transition:transform .5s ease;
}

/* give sections a subtle top separator */
.section{
  position:relative;
}
.section + .section::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(160px,26vw);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(14,107,255,.22),rgba(22,179,100,.22),transparent);
}

/* button / card motion polish */
.btn, .service-card, .why-pill, .industry-card-v10, .result-card-v10, .testimonial-card-v10, .gallery-card{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-card:hover, .gallery-card:hover{
  transform:translateY(-4px);
}

/* inner hero photo handling */
.inner-hero__visual{
  position:relative;
}
.inner-hero__visual img{
  border-radius:28px;
}

/* responsive fixes */
@media (max-width:1200px){
  .services-grid--v12{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:1024px){
  .services-intro-v12{
    grid-template-columns:1fr;
  }
  .photo-gallery--triple{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:820px){
  .services-grid--v12{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .photo-gallery--triple{
    grid-template-columns:1fr;
  }
  .photo-panel, .photo-panel img{
    min-height:320px;
  }
}
@media (max-width:680px){
  .services-grid--v12{
    grid-template-columns:1fr;
  }
  .services-grid--v12 .service-thumb{
    height:230px !important;
  }
  .services-intro-v12__visual img,
  .why-showcase__media img,
  .insight-card__media img,
  .build-card-v10__image img,
  .ecommerce-v10__visual img,
  .industries-v10__visual img,
  .inner-hero__visual img,
  .gallery-card img{
    min-height:0;
    height:auto;
  }
}


/* ===== V14 Sharp Images + Software/Web Column Section Fix ===== */

/* Use sharper enhanced photo assets without visual blur or stretching */
.hero-v8::before{
  background:
    radial-gradient(circle at 18% 78%,rgba(14,107,255,.28),transparent 22%),
    linear-gradient(90deg,rgba(3,16,31,.96) 0%,rgba(3,16,31,.82) 42%,rgba(3,16,31,.28) 72%,rgba(3,16,31,.12) 100%),
    url("assets/photos-enhanced/hero-call-center-v16.jpg") right center/cover no-repeat !important;
}
.hero-v8__main-image,
.service-thumb,
.services-intro-v12__visual img,
.why-showcase__media img,
.insight-card__media img,
.ecommerce-v10__visual img,
.industries-v10__visual img,
.inner-hero__visual img,
.photo-panel img,
.gallery-card img,
.dev-column-card-v14__image img{
  image-rendering:auto;
  filter:none !important;
  transform:none;
  backface-visibility:visible;
}

/* ===== V15 Native-detail photo rendering ===== */
img[src*="photos-enhanced/"]{
  image-rendering:auto;
  filter:none !important;
  transform:none !important;
  transition:none !important;
  backface-visibility:visible;
}

.hero-v8__image-wrap::after{
  display:none;
}

.hero-v8__image-shade{
  background:linear-gradient(90deg,rgba(7,25,47,.16),transparent 42%,rgba(7,25,47,.04));
}

/* Core services image quality and scaling */
.services-grid--v12 .service-thumb{
  height:220px !important;
  object-fit:cover !important;
  padding:0 !important;
}
.services-intro-v12__visual img{
  object-fit:cover !important;
}

/* Rebuilt Software & Web Development section */
.build-suite-v14{
  background:linear-gradient(180deg,#FFFFFF,#F7F9FB);
  padding-top:78px;
}
.build-suite-v14 .section-heading--row{
  align-items:flex-end;
  margin-bottom:30px;
}
.dev-columns-v14{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.dev-column-card-v14{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);
  min-height:470px;
  border-radius:30px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(192,198,206,.34);
  box-shadow:0 18px 52px rgba(10,29,58,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.dev-column-card-v14:hover{
  transform:translateY(-6px);
  border-color:rgba(14,107,255,.26);
  box-shadow:0 26px 70px rgba(10,29,58,.13);
}
.dev-column-card-v14__image{
  position:relative;
  min-height:100%;
  overflow:hidden;
  background:#EAF2FF;
}
.dev-column-card-v14__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 54%,rgba(3,16,31,.42));
}
.dev-column-card-v14__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.dev-column-card-v14__image span{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:2;
  color:#fff;
  background:rgba(3,16,31,.78);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:11px 15px;
  font-size:13px;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.dev-column-card-v14__content{
  padding:44px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dev-column-card-v14__icon{
  width:66px;
  height:66px;
  border-radius:20px;
  margin-bottom:24px;
}
.dev-column-card-v14 h3{
  font-size:clamp(32px,3.4vw,46px);
  line-height:1.02;
  margin-bottom:18px;
  color:var(--navy);
}
.dev-column-card-v14 p{
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
  margin:0 0 24px;
}
.dev-column-card-v14 .mini-feature-list{
  gap:12px;
}
.dev-column-card-v14 .mini-feature-list li{
  font-size:16px;
}

/* Lower section photo containers: keep real photos visible and proportionate */
.why-showcase__media img{
  min-height:340px;
  object-fit:cover !important;
  padding:0 !important;
  background:#0A1D3A;
}
.insight-card__media img{
  min-height:330px;
  object-fit:cover !important;
  padding:0 !important;
}
.ecommerce-v10__visual img{
  height:450px;
  object-fit:cover !important;
  padding:0 !important;
}
.industries-v10__visual img{
  min-height:460px;
  object-fit:cover !important;
  padding:0 !important;
}
.inner-hero__visual img,
.photo-panel img,
.gallery-card img{
  object-fit:cover !important;
  padding:0 !important;
}

/* Avoid extra empty visual space in older build-card styles after replacement */
.build-card-v10{
  display:none;
}

/* Responsive */
@media (max-width:1260px){
  .dev-column-card-v14{
    grid-template-columns:1fr;
  }
  .dev-column-card-v14__image{
    min-height:300px;
  }
  .dev-column-card-v14__image img{
    height:300px;
  }
}
@media (max-width:980px){
  .dev-columns-v14{
    grid-template-columns:1fr;
  }
  .build-suite-v14 .section-heading--row{
    align-items:flex-start;
  }
}
@media (max-width:680px){
  .dev-column-card-v14{
    border-radius:24px;
    min-height:0;
  }
  .dev-column-card-v14__image,
  .dev-column-card-v14__image img{
    min-height:230px;
    height:230px;
  }
  .dev-column-card-v14__content{
    padding:28px 22px;
  }
  .dev-column-card-v14 h3{
    font-size:30px;
  }
  .dev-column-card-v14 p{
    font-size:16px;
  }
  .services-grid--v12 .service-thumb{
    height:240px !important;
  }
}

/* ===== V24 Authoritative contact layout fixes ===== */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.contact-note{
  position:relative !important;
  overflow:hidden;
}
.contact-form .human-check{
  display:block;
  width:100%;
  min-width:0;
  padding:16px;
  box-sizing:border-box;
}
.contact-form .human-check__prompt{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 12px;
  line-height:1.4;
}
.contact-form .human-check__prompt span{
  display:inline;
}
.contact-form .human-check__controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:10px;
  align-items:center;
  width:100%;
  min-width:0;
}
.contact-form .human-check__controls input{
  width:100%;
  min-width:0;
  margin:0;
}
.contact-form .human-check .human-refresh{
  width:auto;
  min-width:132px;
  margin:0;
  padding-inline:18px;
}
@media (min-width:681px) and (max-width:1050px){
  .contact-section-v10.section{
    padding:68px 0 76px;
  }
  .contact-section-v10 > .container{
    width:min(calc(100% - 64px),960px);
  }
  .contact-section-v10 .contact-grid{
    gap:34px;
  }
  .contact-section-v10 .contact-copy h2{
    margin-bottom:16px;
    font-size:clamp(38px,5vw,50px);
    line-height:1.08;
  }
  .contact-section-v10 .contact-copy > p{
    margin-top:0;
    max-width:850px;
    font-size:17px;
    line-height:1.65;
  }
  .contact-section-v10 .contact-note{
    margin-top:22px;
  }
  .contact-section-v10 .contact-form{
    padding:32px;
  }
}
@media (max-width:680px){
  .contact-section-v10.section{
    padding:52px 0 62px;
  }
  .contact-section-v10 > .container{
    width:min(calc(100% - 32px),620px);
  }
  .contact-section-v10 .contact-grid{
    gap:26px;
  }
  .contact-section-v10 .contact-form{
    padding:24px 18px;
  }
  .contact-form .human-check__controls{
    grid-template-columns:1fr;
  }
  .contact-form .human-check .human-refresh{
    width:100%;
    min-width:0;
  }
}