:root{
  --bg:#f5f9ff;
  --bg-soft:#eef5ff;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --text:#0f172a;
  --text-soft:#475569;
  --text-muted:#64748b;
  --line:#dbe7f5;
  --line-strong:#c9dbf4;
  --brand:#2563eb;
  --brand-2:#60a5fa;
  --brand-3:#93c5fd;
  --brand-deep:#1d4ed8;
  --brand-soft:rgba(37,99,235,.10);
  --success:#16a34a;
  --shadow-sm:0 10px 30px rgba(15,23,42,.06);
  --shadow:0 24px 80px rgba(37,99,235,.12);
  --shadow-lg:0 35px 100px rgba(15,23,42,.12);
  --radius:26px;
  --radius-sm:18px;
  --container:1220px;
  --header:84px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(96,165,250,.18), transparent 24%),
    radial-gradient(circle at 85% 10%, rgba(147,197,253,.35), transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f5f9ff 34%,#edf4ff 100%);
  line-height:1.65;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
.section{padding:84px 0}
.section-tight{padding:62px 0}
.small{font-size:.95rem;color:var(--text-muted)}
.center{text-align:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 16px;border-radius:999px;
  color:var(--brand-deep);background:var(--brand-soft);
  border:1px solid rgba(37,99,235,.14);
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.77rem;
}
.grid-2,.grid-3,.grid-4{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));
  border:1px solid rgba(201,219,244,.92);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
.topbar{
  background:rgba(255,255,255,.76);
  border-bottom:1px solid rgba(201,219,244,.8);
  backdrop-filter:blur(14px);
}
.topbar .container{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:10px 0;font-size:.94rem;color:var(--text-muted)
}
.topbar-links{display:flex;gap:18px;flex-wrap:wrap}
header{
  position:sticky;top:0;z-index:80;height:var(--header);
  background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(201,219,244,.85);
  backdrop-filter:blur(18px);
}
.nav{
  min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px
}
.logo{display:flex;align-items:center;gap:14px;font-weight:900}
.logo img{width:48px;height:48px;border-radius:16px}
.logo-stack{display:flex;flex-direction:column;line-height:1.1}
.logo-stack strong{font-size:1.1rem}
.logo-stack span{font-size:.88rem;color:var(--text-muted);font-weight:700}
.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.nav-links a{font-weight:700;color:var(--text-soft)}
.nav-links a:hover,.nav-links a.active{color:var(--brand-deep)}
.nav-toggle{display:none}
.btn,button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:none;cursor:pointer;padding:15px 24px;border-radius:999px;font-weight:800;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 16px 40px rgba(37,99,235,.28)
}
.btn-primary:hover{box-shadow:0 20px 50px rgba(37,99,235,.34)}
.btn-secondary{
  color:var(--brand-deep);background:#fff;border:1px solid rgba(37,99,235,.18);
  box-shadow:0 12px 26px rgba(15,23,42,.06)
}
.btn-dark{
  color:#fff;background:#0f172a;box-shadow:0 18px 36px rgba(15,23,42,.16)
}
.btn-ghost{
  color:var(--brand-deep);background:rgba(255,255,255,.7);border:1px solid rgba(37,99,235,.12)
}
.hero{position:relative;padding:70px 0 52px;overflow:hidden}
.hero::before,.hero::after{
  content:"";position:absolute;border-radius:999px;filter:blur(60px);z-index:-1
}
.hero::before{width:420px;height:420px;background:rgba(96,165,250,.18);left:-120px;top:-120px}
.hero::after{width:380px;height:380px;background:rgba(37,99,235,.12);right:-80px;top:40px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}
.hero-copy h1{
  margin:18px 0 20px;font-size:clamp(2.7rem,5.8vw,5.7rem);line-height:.95;letter-spacing:-.05em
}
.hero-copy p{font-size:1.12rem;color:var(--text-soft);max-width:62ch}
.hero-actions,.cta-inline,.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.pill-row,.stat-chips,.proof-row{display:flex;gap:12px;flex-wrap:wrap}
.pill{
  padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.8);
  border:1px solid rgba(201,219,244,.92);color:var(--text-soft);font-weight:700
}
.hero-panel{
  position:relative;padding:22px;border-radius:32px;box-shadow:var(--shadow-lg);
  background:
    radial-gradient(circle at 16% 18%,rgba(96,165,250,.22),transparent 24%),
    radial-gradient(circle at 84% 16%,rgba(37,99,235,.18),transparent 24%),
    linear-gradient(180deg,#ffffff,#f4f8ff 80%);
  border:1px solid rgba(201,219,244,.95)
}
.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.68));
  border:1px solid rgba(201,219,244,.92);
  backdrop-filter:blur(16px)
}
.scoreboard{display:grid;gap:16px}
.score-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.score-card,.mini-card{
  padding:18px;border-radius:24px;background:#fff;border:1px solid rgba(201,219,244,.95);
  box-shadow:0 12px 28px rgba(15,23,42,.05)
}
.score-card strong{display:block;font-size:1.8rem;line-height:1}
.score-card span{color:var(--text-muted);font-size:.92rem}
.graph{
  padding:20px;border-radius:24px;background:#fff;border:1px solid rgba(201,219,244,.95)
}
.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:190px;margin-top:16px}
.chart span{
  border-radius:18px 18px 8px 8px;
  background:linear-gradient(180deg,var(--brand-2),var(--brand));
  box-shadow:0 12px 24px rgba(37,99,235,.18)
}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.metric{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(201,219,244,.92)}
.metric strong{display:block;font-size:1.55rem}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:28px}
.section-head h2,.section-head h1{
  margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.04em
}
.section-head p{margin:0;max-width:68ch;color:var(--text-soft)}
.feature-card,.service-card,.case-card,.blog-card,.step-card,.pricing-card,.location-card,.testimonial-card,.faq-card{
  padding:30px
}
.service-card h3,.feature-card h3,.case-card h3,.blog-card h3,.step-card h3,.pricing-card h3,.location-card h3,.testimonial-card h3{
  margin:0 0 12px;font-size:1.3rem
}
.service-card p,.feature-card p,.case-card p,.blog-card p,.step-card p,.pricing-card p,.location-card p,.testimonial-card p{color:var(--text-soft)}
.checklist,.plain-list{padding-left:18px;color:var(--text-soft)}
.checklist li,.plain-list li{margin:8px 0}
.soft-band{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,248,255,.96));
  border:1px solid rgba(201,219,244,.92);border-radius:36px;padding:30px;box-shadow:var(--shadow)
}
.trust-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.trust-strip div{
  padding:16px 14px;border-radius:20px;background:#fff;border:1px solid rgba(201,219,244,.92);
  text-align:center;font-weight:800;color:var(--text-soft)
}
.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sticky-wa{
  position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:12px;align-items:center
}
.whatsapp-pill{
  padding:16px 20px;border-radius:999px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:900;
  box-shadow:0 20px 42px rgba(22,163,74,.24)
}
.scroll-top{
  width:52px;height:52px;border-radius:999px;background:#fff;border:1px solid rgba(201,219,244,.92);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition:.25s
}
.scroll-top.visible{opacity:1;pointer-events:auto}
.form-card{padding:26px}
.form-grid{display:grid;gap:14px}
input,textarea,select{
  width:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(201,219,244,.95);
  background:#fff;color:var(--text);outline:none;font:inherit;transition:border .2s ease, box-shadow .2s ease
}
input:focus,textarea:focus,select:focus{border-color:rgba(37,99,235,.5);box-shadow:0 0 0 4px rgba(37,99,235,.10)}
input::placeholder,textarea::placeholder{color:#94a3b8}
.faq{display:grid;gap:14px}
.faq details{
  padding:20px 22px;border-radius:22px;background:#fff;border:1px solid rgba(201,219,244,.92);
  box-shadow:var(--shadow-sm)
}
.faq summary{cursor:pointer;font-weight:800}
.price{
  font-size:2rem;font-weight:900;line-height:1
}
.note{
  padding:14px 16px;border-radius:18px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.12);color:var(--brand-deep)
}
.page-hero{padding:54px 0 22px}
.breadcrumbs{color:var(--text-muted);font-size:.95rem;margin-bottom:12px}
.breadcrumbs a{color:var(--brand-deep)}
.content{
  color:var(--text-soft)
}
.content h2,.content h3{color:var(--text);line-height:1.1}
.content h2{margin-top:40px;font-size:2rem;letter-spacing:-.03em}
.content h3{margin-top:28px;font-size:1.32rem}
.content p{margin:16px 0}
.content .toc{
  padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(201,219,244,.92);box-shadow:var(--shadow-sm)
}
.footer{
  margin-top:56px;padding:46px 0 32px;background:linear-gradient(180deg,#ffffff,#f6faff);
  border-top:1px solid rgba(201,219,244,.9)
}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:24px}
.footer h3{margin-top:0}
.footer p,.footer li,.footer a{color:var(--text-soft)}
.footer ul{margin:8px 0;padding-left:18px}
.lead-popup{
  position:fixed;inset:0;background:rgba(15,23,42,.52);display:none;align-items:center;justify-content:center;
  padding:20px;z-index:120
}
.lead-popup.open{display:flex}
.lead-box{
  width:min(760px,100%);padding:24px;border-radius:30px;background:linear-gradient(180deg,#ffffff,#f5f9ff);
  border:1px solid rgba(201,219,244,.96);box-shadow:var(--shadow-lg);position:relative
}
.lead-close{
  position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:999px;background:#fff;
  border:1px solid rgba(201,219,244,.95);font-size:1.15rem
}
.lead-box h3{margin-top:0;font-size:2rem;line-height:1}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{
  padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(201,219,244,.95);text-align:left
}
.kpi strong{display:block;font-size:1.45rem}
.marquee{
  overflow:hidden;border-top:1px solid rgba(201,219,244,.8);border-bottom:1px solid rgba(201,219,244,.8);
  background:rgba(255,255,255,.74)
}
.marquee-track{
  display:flex;gap:40px;padding:14px 0;min-width:max-content;animation:marquee 26s linear infinite;
  color:var(--text-soft);font-weight:800
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:no-preference){
  .parallax{transform:translateY(var(--parallax-y,0px));transition:transform .12s linear}
}
@media (max-width:1040px){
  .hero-grid,.grid-4,.grid-3,.grid-2,.metric-grid,.trust-strip,.footer-grid,.split-panel,.kpi-row{grid-template-columns:1fr}
  .nav{padding:14px 0}
  .nav-toggle{
    display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(201,219,244,.9);
    width:48px;height:48px;border-radius:14px;box-shadow:var(--shadow-sm)
  }
  .nav-links{
    display:none;position:absolute;left:16px;right:16px;top:calc(var(--header) - 6px);padding:18px;border-radius:24px;
    background:rgba(255,255,255,.96);border:1px solid rgba(201,219,244,.95);box-shadow:var(--shadow-lg);flex-direction:column;align-items:flex-start
  }
  .nav-links.open{display:flex}
  header{height:auto}
}

.testimonials-grid,.industries-grid,.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.testimonial,.industry,.proof-card{background:#fff;border:1px solid rgba(37,99,235,.12);border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.testimonial .name{font-weight:700;color:#0f172a;margin-top:10px}
.testimonial .role{font-size:.95rem;color:#64748b}
.metric{display:block;font-size:2rem;font-weight:800;color:#2563eb;margin-bottom:8px}
.article-content h2{margin-top:32px}
.article-content p,.article-content li{font-size:1.03rem;line-height:1.85}
.breadcrumbs{font-size:.94rem;color:#64748b;margin-bottom:16px}
.breadcrumbs a{color:#2563eb}
.notice-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;padding:14px 18px;color:#1e3a8a;font-weight:600;margin-top:20px}