/* ── VIRTUAL RUDRA — GLOBAL STYLES ── */

:root {
  --blue: #2563EB; --dark-blue: #1E40AF; --light-blue: #DBEAFE;
  --amber: #F59E0B; --dark: #0F172A; --mid: #475569;
  --light: #F8FAFC; --border: #E2E8F0; --white: #fff;
  --r: 12px; --r-lg: 20px; --r-xl: 28px;
  --shadow-sm: 0 1px 4px rgba(0,0,0,.07);
  --shadow: 0 4px 24px rgba(0,0,0,.08);
  --shadow-blue: 0 12px 48px rgba(37,99,235,.18);
  --t: .22s ease;
}

/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth; font-size:16px }
body { font-family:'Inter',sans-serif; color:var(--dark); background:var(--light); overflow-x:hidden; line-height:1.6 }
img { max-width:100%; display:block }
a { text-decoration:none; color:inherit }
button { cursor:pointer; font-family:'Inter',sans-serif; border:none }
ul { list-style:none }
h1,h2,h3,h4 { font-family:'Space Grotesk',sans-serif; line-height:1.12 }
::-webkit-scrollbar { width:5px }
::-webkit-scrollbar-thumb { background:var(--blue); border-radius:3px }

/* ── UTILITIES ── */
.container { max-width:1200px; margin:0 auto; padding:0 5% }
.section    { padding:88px 5% }
.section-white { background:#fff }
.section-light { background:var(--light) }
.section-dark  { background:var(--dark) }

.tag-badge {
  display:inline-block; background:var(--light-blue); color:var(--blue);
  padding:5px 14px; border-radius:50px; font-size:12px; font-weight:600;
  letter-spacing:.5px; text-transform:uppercase; margin-bottom:16px;
}
.section-title { font-size:clamp(26px,4vw,42px); margin-bottom:14px }
.section-sub   { color:var(--mid); font-size:16px; max-width:560px; line-height:1.7; margin-bottom:52px }
.gradient-text {
  background:linear-gradient(135deg,var(--blue),#7C3AED);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}

/* ── BUTTONS ── */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 28px; border-radius:var(--r); font-weight:600; font-size:15px;
  transition:var(--t); border:none; cursor:pointer;
}
.btn-primary { background:var(--blue); color:#fff }
.btn-primary:hover { background:var(--dark-blue); transform:translateY(-2px); box-shadow:0 8px 28px rgba(37,99,235,.35) }
.btn-outline { background:transparent; color:var(--blue); border:2px solid var(--blue) }
.btn-outline:hover { background:var(--blue); color:#fff; transform:translateY(-2px) }
.btn-white { background:#fff; color:var(--blue) }
.btn-white:hover { background:var(--light-blue); transform:translateY(-2px) }
.btn-amber { background:var(--amber); color:#fff }
.btn-amber:hover { background:#d97706; transform:translateY(-2px) }
.btn-sm { padding:9px 20px; font-size:13px }

/* ── ANIMATIONS ── */
.reveal { opacity:0; transform:translateY(32px); transition:.65s cubic-bezier(.4,0,.2,1) }
.reveal.visible { opacity:1; transform:none }
.reveal-d1 { transition-delay:.1s }
.reveal-d2 { transition-delay:.2s }
.reveal-d3 { transition-delay:.3s }

.stagger > * { opacity:0; transform:translateY(24px); transition:.52s cubic-bezier(.4,0,.2,1) }
.stagger.visible > *:nth-child(1) { opacity:1; transform:none; transition-delay:.05s }
.stagger.visible > *:nth-child(2) { opacity:1; transform:none; transition-delay:.13s }
.stagger.visible > *:nth-child(3) { opacity:1; transform:none; transition-delay:.21s }
.stagger.visible > *:nth-child(4) { opacity:1; transform:none; transition-delay:.29s }
.stagger.visible > *:nth-child(5) { opacity:1; transform:none; transition-delay:.37s }
.stagger.visible > *:nth-child(6) { opacity:1; transform:none; transition-delay:.45s }

@keyframes fadeUp   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }
@keyframes fadeDown { from{opacity:0;transform:translateY(-18px)} to{opacity:1;transform:none} }
@keyframes float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes floatB   { 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-7px) rotate(3deg)} }
@keyframes blob     { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(20px,15px) scale(1.04)} }
@keyframes growBar  { from{height:0} to{height:var(--bh,70%)} }
@keyframes growFill { from{width:0}  to{width:var(--fw,70%)} }
@keyframes pulseGreen { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4)} 50%{box-shadow:0 0 0 7px rgba(34,197,94,0)} }
@keyframes pulseWA { 0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)} 50%{box-shadow:0 4px 40px rgba(37,211,102,.7)} }
@keyframes spin { to{transform:rotate(360deg)} }

/* ── NAV ── */
.nav {
  position:sticky; top:0; z-index:999;
  background:rgba(248,250,252,.9); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.nav-inner {
  max-width:1200px; margin:0 auto; padding:0 5%;
  display:flex; align-items:center; justify-content:space-between; height:86px;
}
.nav-logo { display:flex; align-items:center }
.nav-logo img {
  width:210px;
  height:70px;
  display:block;
  object-fit:cover;
  object-position:50% 52%;
}
.nav-logo-text { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; color:var(--dark) }
.nav-logo-text span { color:var(--blue) }

.nav-links { display:flex; align-items:center; gap:36px }
.nav-links a {
  font-size:14.5px; font-weight:500; color:var(--mid); transition:var(--t);
  position:relative; padding-bottom:2px;
}
.nav-links a::after {
  content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px;
  background:var(--blue); border-radius:2px; transition:.25s;
}
.nav-links a:hover, .nav-links a.active { color:var(--blue) }
.nav-links a:hover::after, .nav-links a.active::after { width:100% }

.nav-cta { display:flex; align-items:center; gap:12px }
.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:4px }
.hamburger span { width:24px; height:2px; background:var(--dark); border-radius:2px; transition:.3s; display:block }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg) }
.hamburger.open span:nth-child(2) { opacity:0 }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) }
.mobile-nav { display:none; flex-direction:column; border-top:1px solid var(--border); background:#fff }
.mobile-nav a { padding:15px 5%; color:var(--mid); font-weight:500; border-bottom:1px solid var(--border); transition:var(--t) }
.mobile-nav a:hover { color:var(--blue); background:var(--light-blue) }
.mobile-nav.open { display:flex }

/* ── PAGE HERO (inner pages) ── */
.page-hero {
  padding:80px 5% 64px;
  background:linear-gradient(150deg,#eef4ff 0%,var(--light) 100%);
  border-bottom:1px solid var(--border);
  position:relative; overflow:hidden;
}
.page-hero::before {
  content:''; position:absolute;
  width:500px; height:500px;
  background:radial-gradient(circle,rgba(37,99,235,.07) 0%,transparent 70%);
  top:-180px; right:-80px;
}
.page-hero-inner { max-width:1200px; margin:0 auto; position:relative; z-index:1 }
.breadcrumb { font-size:13px; color:var(--mid); margin-bottom:16px }
.breadcrumb a { color:var(--blue) }
.breadcrumb a:hover { text-decoration:underline }
.page-title { font-size:clamp(32px,5vw,52px); margin-bottom:14px }
.page-sub { font-size:17px; color:var(--mid); max-width:560px; line-height:1.65 }

/* ── HERO (homepage) ── */
.hero {
  padding:108px 5% 96px;
  background:var(--light); position:relative; overflow:hidden;
}
.hero-blob1 {
  position:absolute; width:700px; height:700px;
  background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 65%);
  top:-250px; right:-150px; animation:blob 9s ease-in-out infinite; z-index:0;
}
.hero-blob2 {
  position:absolute; width:500px; height:500px;
  background:radial-gradient(circle,rgba(245,158,11,.06) 0%,transparent 65%);
  bottom:-200px; left:-100px; animation:blob 12s ease-in-out infinite reverse; z-index:0;
}
.hero-inner {
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
  position:relative; z-index:1;
}
.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; border:1px solid var(--border); border-radius:50px;
  padding:7px 16px; font-size:13px; font-weight:600; color:var(--mid);
  margin-bottom:24px; box-shadow:var(--shadow-sm);
  animation:fadeDown .5s ease both;
}
.hero-badge .live-dot {
  width:8px; height:8px; background:#22c55e; border-radius:50%;
  animation:pulseGreen 1.8s infinite;
}
.hero-title {
  font-size:clamp(36px,5.5vw,64px); line-height:1.07;
  margin-bottom:22px; color:var(--dark);
  animation:fadeUp .6s ease .1s both;
}
.hero-sub {
  font-size:17px; color:var(--mid); line-height:1.7;
  margin-bottom:36px; max-width:480px;
  animation:fadeUp .6s ease .2s both;
}
.hero-ctas { display:flex; gap:14px; flex-wrap:wrap; animation:fadeUp .6s ease .3s both }
.hero-stats {
  display:flex; gap:32px; margin-top:52px; flex-wrap:wrap;
  animation:fadeUp .6s ease .4s both;
}
.hero-stat .num { font-family:'Space Grotesk',sans-serif; font-size:28px; font-weight:700; color:var(--blue) }
.hero-stat .lbl { font-size:12px; color:var(--mid); margin-top:2px }

/* Dashboard visual */
.hero-visual {
  position:relative;
  animation:fadeUp .7s ease .15s both;
  z-index:2;
  padding:24px 8px 8px 8px;
}
.dash-card {
  background:#fff; border-radius:var(--r-xl);
  box-shadow:0 24px 80px rgba(37,99,235,.16); border:1px solid var(--border);
  padding:24px; animation:float 5s ease-in-out infinite;
  position:relative; z-index:2;
}
.dash-hdr { display:flex; align-items:center; gap:7px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--border) }
.dd { width:10px; height:10px; border-radius:50% }
.dd.r{background:#ff5f57}.dd.y{background:#febc2e}.dd.g{background:#28c840}
.dash-hdr-title { font-size:13px; color:var(--mid); margin-left:4px; font-weight:500 }
.dash-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:18px }
.kpi { background:var(--light); border:1px solid var(--border); border-radius:var(--r); padding:12px; text-align:center }
.kpi-num { font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:700; color:var(--blue) }
.kpi-lbl { font-size:11px; color:var(--mid); margin-top:2px }
.dash-label { font-size:11px; font-weight:600; color:var(--mid); text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px }
.bars { display:flex; align-items:flex-end; gap:5px; height:72px; margin-bottom:18px }
.bar {
  flex:1; border-radius:3px 3px 0 0; height:0;
  animation:growBar .8s ease-out forwards;
}
.bar:nth-child(1){background:var(--blue);opacity:.6;--bh:60%;animation-delay:.1s}
.bar:nth-child(2){background:var(--blue);opacity:.8;--bh:80%;animation-delay:.2s}
.bar:nth-child(3){background:var(--blue);opacity:.5;--bh:50%;animation-delay:.3s}
.bar:nth-child(4){background:var(--amber);--bh:88%;animation-delay:.4s}
.bar:nth-child(5){background:var(--blue);opacity:.7;--bh:68%;animation-delay:.5s}
.bar:nth-child(6){background:var(--blue);--bh:95%;animation-delay:.6s}
.progs { display:flex; flex-direction:column; gap:9px }
.prog { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--mid) }
.prog-lbl { width:60px; flex-shrink:0 }
.prog-track { flex:1; height:5px; background:var(--border); border-radius:3px; overflow:hidden }
.prog-fill { height:100%; border-radius:3px; width:0; animation:growFill .9s ease-out forwards }
.pf-blue { background:var(--blue) }
.pf-amber { background:var(--amber) }
.pf-green { background:#22c55e }
.prog-pct { width:26px; text-align:right; font-weight:700; color:var(--dark); font-size:11px }

/* Floating chips */
.chip {
  position:absolute; background:#fff; border:1px solid var(--border);
  border-radius:50px; padding:8px 14px; font-size:12px; font-weight:600;
  display:flex; align-items:center; gap:6px;
  box-shadow:var(--shadow); white-space:nowrap;
}
.chip-1 { top:0px;  left:8px;  animation:floatB 4.5s ease-in-out infinite }
.chip-2 { bottom:0px; left:8px;  animation:floatB 6s ease-in-out infinite .6s }
.chip-3 { top:0px;  right:8px; animation:floatB 5s ease-in-out infinite 1.1s }

/* ── SERVICE CARDS ── */
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px }
.service-card {
  background:var(--light); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:30px;
  transition:var(--t); position:relative; overflow:hidden;
  cursor:default;
}
.service-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--blue); transform:scaleX(0); transition:.3s; transform-origin:left;
}
.service-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-blue); background:#fff; border-color:transparent }
.service-card:hover::before { transform:scaleX(1) }
.svc-num { position:absolute; top:20px; right:22px; font-family:'Space Grotesk',sans-serif; font-size:40px; font-weight:700; color:var(--border); line-height:1 }
.svc-icon {
  width:58px; height:58px; border-radius:16px;
  background:var(--light-blue); display:grid; place-items:center;
  font-size:26px; margin-bottom:18px;
}
.svc-title { font-size:18px; margin-bottom:10px }
.svc-desc { color:var(--mid); font-size:14px; line-height:1.65; margin-bottom:16px }
.svc-tags { display:flex; flex-wrap:wrap; gap:6px }
.svc-tag { background:var(--light-blue); color:var(--blue); font-size:11px; font-weight:600; padding:3px 10px; border-radius:50px }

/* Service detail (services page) */
.svc-detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:32px }
.svc-detail-card {
  background:#fff; border:1px solid var(--border); border-radius:var(--r-xl); overflow:hidden;
  transition:var(--t);
}
.svc-detail-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-blue) }
.svc-detail-top {
  background:linear-gradient(135deg,var(--blue),var(--dark-blue));
  padding:28px; display:flex; align-items:center; gap:16px;
}
.svc-detail-icon { font-size:40px }
.svc-detail-top h3 { color:#fff; font-size:20px; margin-bottom:4px }
.svc-detail-top p { color:rgba(255,255,255,.7); font-size:13px }
.svc-detail-body { padding:24px }
.svc-feature-list { display:flex; flex-direction:column; gap:10px; margin-bottom:20px }
.sfc-item { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--mid) }
.sfc-item::before { content:'✓'; color:var(--blue); font-weight:800; flex-shrink:0 }

/* ── FEATURES / WHY US ── */
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px }
.feat-card {
  background:#fff; border:1px solid var(--border);
  border-radius:var(--r-lg); padding:28px; text-align:center; transition:var(--t);
}
.feat-card:hover { transform:translateY(-4px); box-shadow:var(--shadow) }
.feat-icon {
  width:64px; height:64px; border-radius:50%; background:var(--light-blue);
  display:grid; place-items:center; font-size:28px; margin:0 auto 16px;
}
.feat-title { font-size:16px; margin-bottom:8px }
.feat-desc { font-size:14px; color:var(--mid); line-height:1.65 }

/* ── PRODUCTS ── */
.products-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:28px }
.product-card {
  background:var(--light); border:1px solid var(--border);
  border-radius:var(--r-lg); overflow:hidden; transition:var(--t);
}
.product-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-blue); border-color:var(--blue) }
.prod-hdr { padding:22px 22px 18px; display:flex; align-items:center; gap:14px }
.prod-icon {
  width:52px; height:52px; border-radius:14px; background:var(--blue);
  display:grid; place-items:center; font-size:24px; flex-shrink:0;
}
.prod-meta h3 { font-size:17px; margin-bottom:4px }
.prod-cat { display:inline-block; background:#fef3c7; color:#92400e; font-size:11px; font-weight:600; padding:2px 9px; border-radius:50px }

/* Mini UI mockup inside product card */
.mini-ui {
  background:#fff; margin:0 16px 16px; border-radius:var(--r);
  border:1px solid var(--border); overflow:hidden; font-size:11px;
}
.mui-bar {
  background:#f1f5f9; padding:8px 12px;
  display:flex; align-items:center; gap:5px; border-bottom:1px solid var(--border);
}
.mui-dot { width:8px; height:8px; border-radius:50% }
.mui-dot.r{background:#ff5f57}.mui-dot.y{background:#febc2e}.mui-dot.g{background:#28c840}
.mui-bar-title { font-size:11px; color:var(--mid); margin-left:3px; font-weight:500 }
.mui-body { padding:10px 12px }
.mui-row { display:flex; align-items:center; gap:8px; padding:5px 0; border-bottom:1px solid var(--border) }
.mui-row:last-child { border:none }
.mui-row-icon { font-size:14px; flex-shrink:0 }
.mui-row-info { flex:1; min-width:0 }
.mui-row-info b { display:block; font-weight:600; color:var(--dark); font-size:11px }
.mui-row-info small { color:var(--mid); font-size:10px }
.mui-badge { font-size:9px; font-weight:700; padding:2px 7px; border-radius:50px; flex-shrink:0 }
.mb-blue  { background:var(--light-blue); color:var(--blue) }
.mb-green { background:#dcfce7; color:#16a34a }
.mb-amber { background:#fef3c7; color:#92400e }
.mb-red   { background:#fee2e2; color:#dc2626 }

/* Mini KPI row */
.mui-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:8px 12px }
.mui-kpi { text-align:center; background:var(--light); border-radius:6px; padding:6px 4px }
.mui-kpi b { display:block; font-family:'Space Grotesk',sans-serif; font-size:13px; color:var(--blue) }
.mui-kpi small { font-size:9px; color:var(--mid) }

/* Mini pipeline */
.mui-pipeline { display:flex; align-items:center; gap:4px; padding:8px 12px; justify-content:space-around }
.mui-stage { text-align:center }
.mui-stage b { display:block; font-size:10px; color:var(--dark) }
.mui-bubble {
  display:inline-block; background:var(--light-blue); color:var(--blue);
  font-size:11px; font-weight:700; width:22px; height:22px;
  border-radius:50%; line-height:22px; margin-top:2px;
}
.mui-bubble.a { background:#fef3c7; color:#92400e }
.mui-arrow { color:var(--mid); font-size:12px }

/* Mini deal rows */
.mui-deal { display:flex; justify-content:space-between; align-items:center; padding:4px 12px; border-top:1px solid var(--border) }
.mui-deal span:first-child { font-size:10px; color:var(--mid) }
.mui-deal span:last-child { font-size:11px; font-weight:700; color:var(--dark) }

/* Mini table */
.mui-thead { display:grid; grid-template-columns:2fr 1fr 1fr; padding:5px 12px; background:var(--light); font-weight:700; color:var(--mid); font-size:9px; text-transform:uppercase; letter-spacing:.3px }
.mui-tr { display:grid; grid-template-columns:2fr 1fr 1fr; padding:5px 12px; align-items:center; border-top:1px solid var(--border) }
.mui-tr span:nth-child(2) { font-weight:700; color:var(--dark) }

/* Mini product grid */
.mui-products { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:8px 12px }
.mui-prod { background:var(--light); border-radius:6px; padding:8px; text-align:center }
.mui-prod-em { font-size:18px; margin-bottom:2px }
.mui-prod small { display:block; font-size:9px; color:var(--mid) }
.mui-prod b { display:block; font-size:10px; font-weight:700; color:var(--dark) }

/* Mini schedule */
.mui-class { display:flex; align-items:center; gap:8px; padding:5px 12px; border-top:1px solid var(--border) }
.mui-time { font-weight:700; color:var(--blue); font-size:10px; width:34px }
.mui-class span:last-child { font-size:10px; color:var(--mid) }

/* Prod footer */
.prod-footer { padding:16px 22px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center }
.prod-footer .prod-features-mini { display:flex; flex-direction:column; gap:3px }
.prod-features-mini span { font-size:11px; color:var(--mid) }
.prod-features-mini span::before { content:'✓ '; color:var(--blue); font-weight:700 }

/* ── PROCESS STEPS ── */
.steps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:32px; position:relative }
.step-card { text-align:center; padding:32px 20px }
.step-num {
  width:60px; height:60px; border-radius:50%; background:var(--blue); color:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:22px;
  display:grid; place-items:center; margin:0 auto 20px;
  box-shadow:0 4px 24px rgba(37,99,235,.35);
}
.step-title { font-size:17px; margin-bottom:8px }
.step-desc { font-size:14px; color:var(--mid); line-height:1.6 }

/* ── TECH CHIPS ── */
.tech-grid { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px }
.tech-chip {
  background:#fff; border:1px solid var(--border); border-radius:50px;
  padding:9px 18px; font-size:13px; font-weight:600; color:var(--mid);
  display:flex; align-items:center; gap:7px; transition:var(--t);
}
.tech-chip:hover { border-color:var(--blue); color:var(--blue); background:var(--light-blue) }

/* ── TESTIMONIALS ── */
.testimonials-inner { max-width:1200px; margin:0 auto }
.testimonials-inner .section-title { color:#fff }
.testimonials-inner .section-sub { color:#94a3b8 }
.testi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px }
.testi-card {
  background:#1e293b; border:1px solid #334155;
  border-radius:var(--r-lg); padding:28px; transition:var(--t);
}
.testi-card:hover { border-color:var(--blue); transform:translateY(-4px) }
.testi-stars { color:var(--amber); font-size:15px; margin-bottom:14px }
.testi-quote { color:#cbd5e1; font-size:15px; line-height:1.7; margin-bottom:20px; font-style:italic }
.testi-author { display:flex; align-items:center; gap:12px }
.testi-avatar {
  width:44px; height:44px; border-radius:50%; background:var(--blue);
  display:grid; place-items:center; font-family:'Space Grotesk',sans-serif;
  font-weight:700; color:#fff; font-size:14px; flex-shrink:0;
}
.testi-name { font-weight:600; color:#f1f5f9; font-size:14px }
.testi-co { font-size:12px; color:#64748b }

/* ── CTA BANNER ── */
.cta-band {
  background:linear-gradient(135deg,var(--blue) 0%,var(--dark-blue) 100%);
  padding:72px 5%; text-align:center; position:relative; overflow:hidden;
}
.cta-band::before {
  content:''; position:absolute; width:380px; height:380px;
  background:rgba(255,255,255,.05); border-radius:50%; top:-150px; right:-80px;
}
.cta-band::after {
  content:''; position:absolute; width:280px; height:280px;
  background:rgba(255,255,255,.04); border-radius:50%; bottom:-100px; left:-40px;
}
.cta-inner { max-width:620px; margin:0 auto; position:relative }
.cta-title { font-size:clamp(26px,4vw,42px); color:#fff; margin-bottom:16px }
.cta-sub { color:rgba(255,255,255,.75); font-size:16px; line-height:1.7; margin-bottom:36px }
.cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap }

/* ── CONTACT / FORM ── */
.contact-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:60px; align-items:start }
.ci-cards { display:flex; flex-direction:column; gap:16px; margin-top:28px }
.ci-card {
  background:#fff; border:1px solid var(--border); border-radius:var(--r);
  padding:20px; display:flex; align-items:center; gap:16px; transition:var(--t);
}
.ci-card:hover { border-color:var(--blue); box-shadow:var(--shadow-sm) }
.ci-icon { width:44px; height:44px; border-radius:12px; background:var(--light-blue); display:grid; place-items:center; font-size:20px; flex-shrink:0 }
.ci-label { font-size:12px; color:var(--mid); margin-bottom:2px }
.ci-val { font-weight:600; color:var(--dark); font-size:14px }

.enquiry-form { background:#fff; border:1px solid var(--border); border-radius:var(--r-xl); padding:36px }
.form-head h3 { font-size:22px; margin-bottom:4px }
.form-head p { color:var(--mid); font-size:14px; margin-bottom:28px }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px }
.form-group { margin-bottom:18px }
label { display:block; font-size:13px; font-weight:600; color:var(--dark); margin-bottom:6px }
input, select, textarea {
  width:100%; border:1.5px solid var(--border); border-radius:var(--r);
  padding:11px 14px; font-family:'Inter',sans-serif; font-size:14px;
  color:var(--dark); background:#fff; outline:none; transition:.2s;
  -webkit-appearance:none; appearance:none;
}
input:focus, select:focus, textarea:focus {
  border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.1);
}
textarea { resize:vertical; min-height:110px; line-height:1.5 }
.form-submit {
  width:100%; background:var(--blue); color:#fff; border:none;
  padding:14px; border-radius:var(--r);
  font-family:'Inter',sans-serif; font-weight:600; font-size:15px;
  cursor:pointer; transition:var(--t);
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.form-submit:hover { background:var(--dark-blue); transform:translateY(-2px); box-shadow:0 8px 28px rgba(37,99,235,.3) }
.form-success {
  display:none; background:#dcfce7; border:1px solid #86efac;
  border-radius:var(--r); padding:16px; text-align:center;
  color:#166534; font-weight:600; margin-top:16px; font-size:14px;
}

/* ── FOOTER ── */
.footer { background:var(--dark); padding:60px 5% 28px }
.footer-inner { max-width:1200px; margin:0 auto }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px }
.footer-brand .f-logo { display:flex; align-items:center; gap:12px; margin-bottom:16px }
.footer-brand .f-logo img { width:40px; height:40px }
.f-brand-name { font-family:'Space Grotesk',sans-serif; font-weight:700; color:#fff; font-size:18px }
.f-brand-name span { color:var(--blue) }
.footer-brand p { font-size:14px; color:#94a3b8; line-height:1.7; max-width:240px }
.footer-col h4 { font-family:'Space Grotesk',sans-serif; color:#fff; font-size:14px; margin-bottom:18px; letter-spacing:.3px }
.footer-col a { display:block; color:#94a3b8; font-size:14px; margin-bottom:10px; transition:var(--t) }
.footer-col a:hover { color:var(--blue) }
.footer-hr { border:none; border-top:1px solid #1e293b; margin-bottom:24px }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:13px; color:#64748b }
.footer-bottom .amb { color:var(--amber) }

/* ── WHATSAPP ── */
.wa-float { position:fixed; bottom:28px; right:28px; z-index:997 }
.wa-btn {
  width:58px; height:58px; background:#25d366; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:26px; color:#fff; box-shadow:0 4px 20px rgba(37,211,102,.4);
  transition:.2s; animation:pulseWA 2.5s infinite; text-decoration:none;
}
.wa-btn:hover { transform:scale(1.1); animation:none }
.wa-tip {
  position:absolute; right:66px; top:50%; transform:translateY(-50%);
  background:var(--dark); color:#fff; font-size:12px; font-weight:600;
  padding:6px 12px; border-radius:7px; white-space:nowrap;
  opacity:0; pointer-events:none; transition:.2s;
}
.wa-float:hover .wa-tip { opacity:1 }

/* ── RESPONSIVE ── */
@media(max-width:1024px) {
  .footer-top { grid-template-columns:1fr 1fr }
  .hero-inner { grid-template-columns:1fr; gap:48px }
  .hero-visual { max-width:480px; margin:0 auto }
  .contact-grid { grid-template-columns:1fr }
}
@media(max-width:900px) {
  .nav-links, .nav-cta { display:none }
  .hamburger { display:flex }
}
@media(max-width:600px) {
  .section { padding:60px 5% }
  .hero { padding:80px 5% 56px }
  .form-row { grid-template-columns:1fr }
  .hero-stats { gap:18px }
  .footer-top { grid-template-columns:1fr }
  .footer-bottom { flex-direction:column; text-align:center }
  .cta-btns { flex-direction:column; align-items:center }
  .page-hero { padding:60px 5% 40px }
  .chip-1,.chip-2,.chip-3 { display:none }
}