:root{
  --bg:#f8f7ff;
  --paper:#ffffff;
  --ink:#171827;
  --text:#3e455c;
  --muted:#727a91;
  --line:#e6e1f4;
  --soft:#fff7ed;
  --violet:#7c3aed;
  --violet2:#a855f7;
  --coral:#fb7185;
  --orange:#fb923c;
  --mint:#10b981;
  --blue:#38bdf8;
  --shadow:0 24px 80px rgba(40,31,74,.13);
  --shadow2:0 14px 44px rgba(40,31,74,.09);
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 8% 4%, rgba(251,113,133,.18), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(124,58,237,.16), transparent 30%),
    linear-gradient(180deg,#fcfbff,#f8f7ff 45%,#fff7ed);
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1220px,calc(100% - 42px));margin:0 auto}
.header{
  position:sticky;top:0;z-index:80;
  background:rgba(248,247,255,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(230,225,244,.72);
}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:22px;font-weight:950;letter-spacing:-.055em}
.logo-mark{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--coral));box-shadow:0 16px 38px rgba(124,58,237,.22)}
.nav{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:850;color:#5b6278}
.nav a{transition:.2s}.nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:14px 22px;border-radius:999px;border:1px solid transparent;font-weight:900;letter-spacing:-.02em;transition:.2s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--violet),var(--coral));color:#fff;box-shadow:0 16px 42px rgba(124,58,237,.23)}
.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow2)}
.btn-dark{background:var(--ink);color:#fff}
.hero{position:relative;overflow:hidden;padding:104px 0 88px}
.hero:before{content:"";position:absolute;inset:24px;border-radius:48px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:62px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#7c3aed;font-size:12px;font-weight:950;letter-spacing:.095em;text-transform:uppercase;box-shadow:var(--shadow2)}
.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--coral));box-shadow:0 0 0 6px rgba(124,58,237,.12)}
h1{margin:0;color:var(--ink);font-size:clamp(46px,7vw,96px);line-height:.91;letter-spacing:-.087em;font-weight:950}
h1 span,.grad{background:linear-gradient(135deg,var(--violet),var(--coral) 52%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{margin:24px 0 0;max-width:780px;color:#515a72;font-size:clamp(18px,1.75vw,21px);line-height:1.88;letter-spacing:-.012em}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pill{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#5b6278;font-weight:850;font-size:13.5px}
.visual{position:relative;min-height:590px;border-radius:42px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.92);padding:16px;box-shadow:var(--shadow);transform:rotate(1deg)}
.browser{min-height:558px;border-radius:32px;overflow:hidden;background:#fff;border:1px solid var(--line);transform:rotate(-1deg)}
.browser-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#fffaf7}
.dots{display:flex;gap:7px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--coral)}.dots i:nth-child(2){background:var(--orange)}.dots i:nth-child(3){background:var(--mint)}
.browser-label{font-size:12px;font-weight:950;color:#7c3aed;background:#fff;padding:7px 10px;border-radius:999px;border:1px solid var(--line)}
.dashboard{padding:24px}
.chart{position:relative;height:220px;border-radius:25px;overflow:hidden;background:linear-gradient(180deg,rgba(124,58,237,.12),transparent),repeating-linear-gradient(to right,rgba(23,24,39,.06) 0 1px,transparent 1px 48px),repeating-linear-gradient(to top,rgba(23,24,39,.06) 0 1px,transparent 1px 44px),#fff;border:1px solid var(--line)}
.chart:after{content:"";position:absolute;left:22px;right:22px;bottom:25px;height:150px;background:linear-gradient(135deg,var(--violet),var(--coral),var(--orange));clip-path:polygon(0 82%,14% 66%,27% 72%,42% 38%,58% 47%,72% 28%,86% 34%,100% 12%,100% 100%,0 100%);opacity:.85}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
.metric{padding:18px;border-radius:22px;background:#fbf8ff;border:1px solid var(--line)}
.metric strong{display:block;color:var(--ink);font-size:30px;line-height:1;letter-spacing:-.065em}
.metric span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.42}
.float-card{position:absolute;right:-18px;bottom:48px;width:270px;padding:22px;border-radius:26px;background:var(--ink);color:#fff;box-shadow:0 22px 60px rgba(24,32,47,.25)}
.float-card strong{display:block;font-size:22px;line-height:1.12;letter-spacing:-.045em}.float-card span{display:block;margin-top:8px;color:#d6d9e8;font-size:14px;line-height:1.5}
.section{padding:92px 0}.section.alt{background:rgba(255,255,255,.52);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:880px;margin-bottom:42px}.kicker{color:#7c3aed;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:950;margin-bottom:12px}
h2{margin:0;color:var(--ink);font-size:clamp(34px,4.6vw,64px);line-height:1.02;letter-spacing:-.07em;font-weight:950}
h3{color:var(--ink)}.section-head p{font-size:18px;color:var(--muted);line-height:1.84}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2);transition:.2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.11),rgba(251,113,133,.12));color:#7c3aed;font-weight:950;margin-bottom:18px}
.card h3{margin:0;font-size:24px;line-height:1.16;letter-spacing:-.047em}.card p,.card li{color:var(--muted);font-size:15.8px}.card p{margin:12px 0 0}.card ul{padding-left:18px;margin:18px 0 0}
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start}
.sticky{position:sticky;top:112px;padding:34px;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.checks{display:grid;gap:12px;margin-top:24px}.check{display:flex;gap:12px;align-items:flex-start;font-weight:850;color:var(--ink)}.check:before{content:"✓";width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--blue));display:grid;place-items:center;color:#fff;flex:0 0 28px}
.process{counter-reset:step;display:grid;gap:16px}.step{counter-increment:step;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.step:before{content:"0" counter(step);width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--coral));font-weight:950}.step h3{margin:0;font-size:22px;letter-spacing:-.045em}.step p{margin:8px 0 0;color:var(--muted)}
.cta{padding:58px;border-radius:38px;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.23),transparent 30%),linear-gradient(135deg,var(--violet),var(--coral));color:#fff;box-shadow:var(--shadow)}.cta h2{color:#fff;max-width:860px}.cta p{max-width:780px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.84}
.price-card{padding:34px;border-radius:34px;background:#171827;color:#fff;box-shadow:var(--shadow)}.price-card .price{font-size:58px;line-height:.95;letter-spacing:-.08em;font-weight:950}.price-card p,.price-card li{color:#d8dceb}.price-card ul{padding-left:19px}
.footer{padding:50px 0;background:#171827;color:#d8dceb}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr .9fr;gap:30px}.footer h3{color:#fff;margin:0 0 14px}.footer a{display:block;margin:8px 0;color:#f7efff}.footer small{display:block;color:#aeb5c9;line-height:1.7}
.breadcrumbs{color:var(--muted);font-size:14px;margin-bottom:18px}.breadcrumbs a{color:var(--ink);font-weight:850}
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{display:flex;flex-direction:column;min-height:100%;padding:26px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.blog-card .meta{color:#7c3aed;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.blog-card h2,.blog-card h3{margin:0;color:var(--ink);font-size:23px;line-height:1.14;letter-spacing:-.047em}.blog-card p{margin:13px 0 0;color:var(--muted);font-size:15.5px}.blog-card .readmore{margin-top:auto;padding-top:18px;color:#7c3aed;font-weight:950}
.sidebar{position:sticky;top:112px;display:grid;gap:16px}.sidebar-box{padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.sidebar-box h3{margin:0 0 12px;font-size:21px;letter-spacing:-.04em}.sidebar-box a{display:block;padding:8px 0;color:#536176;border-bottom:1px solid #eee8f8}.sidebar-box a:last-child{border-bottom:0}
.article{max-width:950px}.article h2{margin-top:50px;font-size:clamp(30px,3.6vw,48px)}.article h3{margin-top:32px;font-size:27px;letter-spacing:-.045em}.article p,.article li{color:#3f4860;font-size:18.3px;line-height:1.95}.article ul{padding-left:22px}.article-lead{margin-top:26px;color:#2f374d!important;font-size:21px!important}.article-box{margin:36px 0;padding:32px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.article-box strong{color:var(--ink)}
.toc{margin:34px 0;padding:28px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.toc h2{margin:0 0 14px;font-size:25px}.toc a{display:block;color:#526078;padding:7px 0;font-weight:750}
.inline-links{display:grid;gap:10px;margin:30px 0;padding:26px;border-radius:26px;background:#fbf8ff;border:1px solid var(--line)}.inline-links a{font-weight:850;color:#7c3aed}
.category-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.category-strip a{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:850;color:#526078}
input,textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;color:var(--ink);font:inherit;outline:none}textarea{min-height:150px;resize:vertical}.form{display:grid;gap:14px;padding:30px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
@media(max-width:1060px){.nav{display:none}.hero-grid,.split,.grid-2,.footer-grid,.blog-layout{grid-template-columns:1fr}.grid-3,.blog-grid{grid-template-columns:repeat(2,1fr)}.visual{min-height:auto}.browser{min-height:480px}.float-card{position:static;margin-top:16px;width:auto}.sidebar,.sticky{position:relative;top:auto}}
@media(max-width:700px){.container{width:min(100% - 28px,1220px)}.header-inner{min-height:72px}.header .btn{display:none}.logo{font-size:20px}.hero{padding:68px 0 58px}.hero:before{inset:10px;border-radius:28px}h1{font-size:42px;letter-spacing:-.062em}h2{font-size:34px;letter-spacing:-.052em}.grid-3,.blog-grid,.metric-grid{grid-template-columns:1fr}.section{padding:66px 0}.cta{padding:30px}.step{grid-template-columns:1fr}.article p,.article li{font-size:16.8px}.article-lead{font-size:18.5px!important}}


/* Final update: cleaner premium colors, better reading and natural links */
:root{
  --bg:#f7f8fb;
  --paper:#ffffff;
  --ink:#111827;
  --text:#374151;
  --muted:#6b7280;
  --line:#e5e7eb;
  --soft:#f8fafc;
  --violet:#4f46e5;
  --violet2:#6366f1;
  --coral:#f97316;
  --orange:#fb923c;
  --mint:#059669;
  --blue:#0ea5e9;
  --shadow:0 22px 70px rgba(17,24,39,.10);
  --shadow2:0 12px 38px rgba(17,24,39,.07);
}
body{
  background:
    radial-gradient(circle at 8% 4%, rgba(79,70,229,.10), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(14,165,233,.10), transparent 28%),
    linear-gradient(180deg,#ffffff,#f7f8fb 48%,#f9fafb);
  color:var(--text);
}
.header{
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(229,231,235,.86);
}
.logo-mark{background:linear-gradient(135deg,#111827,#4f46e5);box-shadow:0 16px 38px rgba(79,70,229,.18)}
.btn-primary{background:linear-gradient(135deg,#4f46e5,#0ea5e9);box-shadow:0 16px 42px rgba(79,70,229,.20)}
.btn-secondary{background:#fff;border-color:#e5e7eb}
.hero:before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.56)),
    radial-gradient(circle at 82% 20%,rgba(14,165,233,.10),transparent 28%),
    radial-gradient(circle at 18% 18%,rgba(79,70,229,.08),transparent 28%);
  border:1px solid rgba(229,231,235,.94);
}
.eyebrow{color:#4338ca;border-color:#e5e7eb;box-shadow:0 12px 30px rgba(17,24,39,.045)}
.eyebrow:before{background:linear-gradient(135deg,#4f46e5,#0ea5e9);box-shadow:0 0 0 6px rgba(79,70,229,.10)}
h1 span,.grad{background:linear-gradient(135deg,#4f46e5,#0ea5e9 55%,#059669);-webkit-background-clip:text;background-clip:text;color:transparent}
.visual{background:rgba(255,255,255,.76);box-shadow:0 26px 80px rgba(17,24,39,.11)}
.chart:after{background:linear-gradient(135deg,#4f46e5,#0ea5e9,#059669)}
.float-card,.price-card{background:#111827}
.card,.blog-card,.sidebar-box,.article-box,.toc,.sticky,.step,.form{border-color:#e5e7eb;box-shadow:0 12px 38px rgba(17,24,39,.065)}
.card:hover,.blog-card:hover{transform:translateY(-3px);box-shadow:0 22px 70px rgba(17,24,39,.10)}
.icon{background:linear-gradient(135deg,rgba(79,70,229,.09),rgba(14,165,233,.10));color:#4f46e5}
.kicker,.blog-card .meta,.blog-card .readmore{color:#4f46e5}
.cta{background:radial-gradient(circle at 86% 20%,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,#111827,#4f46e5)}
.article{max-width:900px}
.article h2{margin-top:54px;margin-bottom:14px;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.055em}
.article h3{margin-top:34px;margin-bottom:10px;font-size:25px}
.article p,.article li{color:#374151;font-size:18.5px;line-height:1.96}
.article p{margin:0 0 22px}
.article-lead{color:#1f2937!important;font-size:21px!important;line-height:1.9!important}
.article a{color:#4338ca;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article a:hover{color:#0ea5e9}
.inline-links{display:none!important}
.natural-note{margin:34px 0;padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e5e7eb;box-shadow:0 12px 38px rgba(17,24,39,.06)}
.natural-note p{margin:0;color:#4b5563}
.soft-sell{margin:42px 0;padding:30px;border-radius:30px;background:#111827;color:#fff;box-shadow:0 18px 56px rgba(17,24,39,.16)}
.soft-sell p{color:#e5e7eb;margin:10px 0 0}
.soft-sell a{color:#fff;text-decoration-color:rgba(255,255,255,.55)}
.blog-card h2,.blog-card h3{font-size:22px}
.footer{background:#111827}


/* Embedded logo and contact form update */
.logo{
  gap:14px;
  align-items:center;
}
.logo-mark{
  display:none!important;
}
.logo-image{
  height:52px;
  width:auto;
  display:block;
}
.footer-logo-image{
  height:56px;
  width:auto;
  display:block;
  margin-bottom:14px;
}
.form-status{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:#f8fafc;
  color:#374151;
  font-weight:700;
}
.form-status.success{
  border-color:rgba(5,150,105,.28);
  background:rgba(5,150,105,.08);
  color:#065f46;
}
.form-status.error{
  border-color:rgba(220,38,38,.28);
  background:rgba(220,38,38,.08);
  color:#991b1b;
}
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
@media(max-width:700px){
  .logo-image{height:42px}
  .footer-logo-image{height:48px}
}


/* Modern footer navigation update */
.footer{
  padding:58px 0 32px;
}
.footer-grid{
  grid-template-columns:1.35fr .8fr .8fr .8fr .9fr;
  gap:34px;
  align-items:start;
}
.footer-brand-text{
  margin-top:10px;
  max-width:390px;
}
.footer-legal{
  margin-top:18px;
}
.footer h3{
  font-size:17px;
  letter-spacing:-.02em;
}
.footer a{
  line-height:1.45;
}
.footer a:hover{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:4px;
}
.footer-bottom{
  margin-top:38px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  color:#aeb5c9;
  font-size:14px;
}
.footer-bottom a{
  display:inline;
  margin:0;
  color:#f7efff;
}
.footer-mini-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
@media(max-width:1060px){
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:700px){
  .footer-grid{
    grid-template-columns:1fr;
  }
  .footer-bottom{
    flex-direction:column;
  }
}


/* Hero readability + larger logo fix */
.hero .container{
  position:relative;
  z-index:1;
}
.header-inner{
  min-height:92px;
}
.logo-image{
  height:64px;
  width:auto;
  display:block;
}
.footer-logo-image{
  height:72px;
  width:auto;
  display:block;
  margin-bottom:16px;
}
@media(max-width:700px){
  .header-inner{
    min-height:78px;
  }
  .logo-image{
    height:48px;
  }
  .footer-logo-image{
    height:56px;
  }
}


/* Footer bottom text badges */
.footer-mini-links span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#e5e7eb;
  font-weight:700;
}


/* Footer logo blend refinement */
.footer-logo-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:24px;
  margin-bottom:16px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.05)),
    radial-gradient(circle at 20% 20%, rgba(14,165,233,.10), transparent 45%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.footer-logo-image{
  height:64px;
  width:auto;
  display:block;
  margin-bottom:0;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.18));
}
.footer-brand-text{
  margin-top:14px;
}
@media(max-width:700px){
  .footer-logo-badge{
    padding:12px 14px;
    border-radius:20px;
  }
  .footer-logo-image{
    height:52px;
  }
}


/* Professional process section upgrade */
.process-section-pro .split{
  align-items:start;
}
.process-intro-pro .lead{
  max-width:620px;
}
.process-pro-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.step-pro{
  display:grid;
  grid-template-columns:84px 1fr;
  gap:24px;
  padding:28px 30px;
  border-radius:28px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 16px 44px rgba(17,24,39,.07);
}
.step-badge-pro{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,#4f46e5,#f97316);
  box-shadow:0 16px 32px rgba(79,70,229,.18);
}
.step-content-pro h3{
  margin:2px 0 8px;
  font-size:34px;
  line-height:1.15;
}
.step-content-pro p{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.8;
  color:#596579;
}
.step-list-pro{
  margin:0;
  padding-left:18px;
}
.step-list-pro li{
  margin:0 0 8px;
  color:#374151;
  font-size:17px;
  line-height:1.7;
}
.process-cta-pro{
  margin-top:28px;
  padding:28px;
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(135deg,#111827,#4f46e5);
  color:#fff;
  box-shadow:0 22px 56px rgba(17,24,39,.16);
}
.process-cta-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  margin-bottom:12px;
  background:rgba(255,255,255,.12);
  color:#e5e7eb;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.process-cta-pro h3{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.15;
  color:#fff;
}
.process-cta-pro p{
  margin:0 0 18px;
  color:#dbe3f0;
  font-size:17px;
  line-height:1.8;
}
.process-cta-pro .btn-secondary{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
.process-cta-pro .btn-secondary:hover{
  background:rgba(255,255,255,.18);
}
@media(max-width:980px){
  .step-pro{
    grid-template-columns:1fr;
    gap:16px;
  }
  .step-badge-pro{
    width:50px;
    height:50px;
    font-size:20px;
  }
  .step-content-pro h3{
    font-size:28px;
  }
}


/* Final mobile optimization */
@media(max-width:1060px){
  .header-inner{gap:14px}
  .nav{display:none!important}
  .header .btn{
    min-height:46px;
    padding:11px 16px;
    font-size:14px;
  }
  .hero-grid,
  .split,
  .process-split-pro,
  .grid-2,
  .blog-layout{
    grid-template-columns:1fr!important;
  }
  .sticky,
  .sidebar{
    position:relative!important;
    top:auto!important;
  }
  .process-pro-grid{
    margin-top:12px;
  }
}

@media(max-width:760px){
  body{overflow-x:hidden}
  .container{
    width:min(100% - 28px, 1220px)!important;
  }
  .header-inner{
    min-height:74px!important;
  }
  .logo-image{
    height:42px!important;
    max-width:210px;
    object-fit:contain;
  }
  .header .btn{
    display:inline-flex!important;
    min-height:42px;
    padding:10px 13px;
    font-size:13px;
    white-space:nowrap;
  }
  .hero{
    padding:42px 0 46px!important;
  }
  .hero:before{
    inset:8px!important;
    border-radius:28px!important;
  }
  h1{
    font-size:clamp(38px, 12vw, 54px)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
  }
  h2{
    font-size:clamp(30px, 9vw, 42px)!important;
    line-height:1.05!important;
  }
  .lead{
    font-size:17px!important;
    line-height:1.72!important;
  }
  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-actions .btn{
    width:100%;
  }
  .visual{
    min-height:auto!important;
    padding:10px!important;
    border-radius:28px!important;
  }
  .browser{
    min-height:auto!important;
    border-radius:22px!important;
  }
  .dashboard{
    padding:16px!important;
  }
  .chart{
    height:160px!important;
  }
  .metric-grid,
  .grid-3,
  .blog-grid{
    grid-template-columns:1fr!important;
  }
  .card,
  .blog-card,
  .sidebar-box,
  .sticky,
  .form,
  .article-box,
  .toc{
    border-radius:22px!important;
    padding:22px!important;
  }
  .section{
    padding:54px 0!important;
  }
  .process-cta-pro{
    padding:22px!important;
    border-radius:24px!important;
  }
  .process-cta-pro h3{
    font-size:25px!important;
  }
  .step-pro{
    grid-template-columns:1fr!important;
    padding:22px!important;
    gap:14px!important;
    border-radius:24px!important;
  }
  .step-content-pro h3{
    font-size:25px!important;
  }
  .step-content-pro p,
  .step-list-pro li{
    font-size:16px!important;
    line-height:1.7!important;
  }
  .article{
    max-width:100%!important;
  }
  .article h2{
    font-size:clamp(28px, 8.5vw, 38px)!important;
    margin-top:38px!important;
  }
  .article p,
  .article li{
    font-size:16.7px!important;
    line-height:1.82!important;
  }
  .article-lead{
    font-size:18px!important;
    line-height:1.78!important;
  }
  .footer{
    padding:44px 0 26px!important;
  }
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .footer-logo-badge{
    padding:10px 12px!important;
    border-radius:18px!important;
  }
  .footer-logo-image{
    height:48px!important;
    max-width:230px;
    object-fit:contain;
  }
  .footer-bottom{
    gap:14px!important;
  }
  input, textarea, select{
    font-size:16px!important;
  }
}

@media(max-width:430px){
  .logo-image{
    height:36px!important;
    max-width:170px;
  }
  .header .btn{
    font-size:12px;
    padding:9px 10px;
  }
  h1{
    font-size:36px!important;
  }
  .eyebrow{
    font-size:11px!important;
    padding:8px 11px!important;
  }
  .btn{
    min-height:48px!important;
  }
}


/* CTA button contrast fix */
.btn-primary,
a.btn-primary,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  color:#ffffff!important;
  text-decoration:none!important;
}
.btn-primary *{
  color:#ffffff!important;
  fill:#ffffff!important;
}
.hero-actions .btn-primary,
.process-cta-pro .btn-primary,
.header .btn-primary{
  color:#ffffff!important;
}


/* Mobile hamburger menu */
.mobile-menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(17,24,39,.06);
}
.mobile-menu-toggle span{
  width:20px;
  height:2px;
  border-radius:999px;
  background:#111827;
  display:block;
}
.mobile-menu{
  position:fixed;
  inset:0;
  z-index:999;
  display:none;
}
.mobile-menu.is-open{
  display:block;
}
.mobile-menu:before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(17,24,39,.50);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.mobile-menu-panel{
  position:absolute;
  top:14px;
  right:14px;
  width:min(390px, calc(100% - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
  border-radius:28px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 28px 90px rgba(17,24,39,.28);
  padding:22px;
}
.mobile-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  color:#111827;
}
.mobile-menu-head strong{
  font-size:22px;
  letter-spacing:-.04em;
}
.mobile-menu-close{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  color:#111827;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.mobile-menu-nav{
  display:grid;
  gap:6px;
}
.mobile-menu-nav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:10px 12px;
  border-radius:14px;
  color:#374151;
  font-weight:800;
  border:1px solid transparent;
}
.mobile-menu-nav a:hover{
  background:#f8fafc;
  border-color:#e5e7eb;
  color:#111827;
}
.mobile-menu-nav a:after{
  content:"›";
  color:#9ca3af;
  font-size:22px;
}
.mobile-menu-cta{
  width:100%;
  margin-top:16px;
}
body.mobile-menu-open{
  overflow:hidden;
}
@media(max-width:1060px){
  .mobile-menu-toggle{
    display:inline-flex!important;
  }
  .header .actions,
  .header-inner > .btn-primary{
    display:inline-flex;
  }
}
@media(max-width:760px){
  .header-inner{
    justify-content:space-between;
  }
  .header-inner > .btn-primary{
    display:none!important;
  }
}


/* SEO blog generated image styling */
.article-featured-image{
  margin:34px 0 28px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 18px 54px rgba(17,24,39,.10);
  background:#fff;
}
.article-featured-image img{
  width:100%;
  height:auto;
  display:block;
}
.blog-card-thumb{
  margin:-8px -8px 18px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#f8fafc;
}
.blog-card-thumb img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
@media(max-width:760px){
  .article-featured-image{
    border-radius:22px;
    margin:24px 0 22px;
  }
  .blog-card-thumb{
    border-radius:18px;
  }
}


/* Desktop process card layout fix */
.process-pro-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  width:100%;
}
.process-pro-grid .step-pro{
  display:grid!important;
  grid-template-columns:74px minmax(0, 1fr)!important;
  align-items:start!important;
  gap:24px!important;
  width:100%!important;
  padding:30px 32px!important;
}
.process-pro-grid .step-pro:before{
  display:none!important;
  content:none!important;
}
.step-pro .step-badge-pro{
  grid-column:1!important;
  grid-row:1!important;
}
.step-pro .step-content-pro{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  max-width:100%!important;
}
.step-content-pro h3{
  max-width:100%!important;
  margin:0 0 10px!important;
  line-height:1.15!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.step-content-pro p{
  max-width:100%!important;
  line-height:1.75!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.step-list-pro{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  margin-top:10px!important;
}
.step-list-pro li{
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.process-split-pro{
  grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr)!important;
  gap:48px!important;
}
@media(max-width:1060px){
  .process-split-pro{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .process-pro-grid .step-pro{
    grid-template-columns:1fr!important;
    padding:22px!important;
    gap:16px!important;
  }
  .step-pro .step-badge-pro,
  .step-pro .step-content-pro{
    grid-column:1!important;
  }
}


/* Desktop header and mobile menu visibility fix */
.mobile-menu{
  display:none!important;
}
.mobile-menu.is-open{
  display:block!important;
}

@media(min-width:1061px){
  .mobile-menu,
  .mobile-menu.is-open,
  .mobile-menu-toggle{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .header-inner{
    min-height:86px!important;
    gap:22px!important;
    align-items:center!important;
  }

  .header .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:18px!important;
    white-space:nowrap!important;
    min-width:0!important;
  }

  .header .nav a{
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    line-height:1.2!important;
  }

  .logo-image{
    height:52px!important;
    max-width:250px!important;
    width:auto!important;
    object-fit:contain!important;
  }

  .header-inner > .btn-primary{
    display:inline-flex!important;
    width:auto!important;
    min-width:max-content!important;
    height:auto!important;
    min-height:54px!important;
    padding:14px 26px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    line-height:1.2!important;
    flex:0 0 auto!important;
  }
}

@media(max-width:1060px){
  .header .nav{
    display:none!important;
  }

  .mobile-menu-toggle{
    display:inline-flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

@media(max-width:760px){
  .header-inner > .btn-primary{
    display:none!important;
  }

  .mobile-menu-panel{
    top:12px!important;
    right:12px!important;
    left:auto!important;
    width:min(390px, calc(100% - 24px))!important;
  }
}


/* Reference-inspired redesign */
:root{
  --bg:#fbfcff;
  --paper:#ffffff;
  --ink:#171824;
  --text:#465065;
  --muted:#748097;
  --line:#e8edf5;
  --soft:#f5fbfa;
  --violet:#9aa7ef;
  --violet2:#89b4f4;
  --coral:#74e4cf;
  --orange:#8fe4d3;
  --mint:#74e4cf;
  --blue:#96aaf8;
  --shadow:0 24px 70px rgba(20,33,61,.08);
  --shadow2:0 12px 34px rgba(20,33,61,.06);
  --radius:28px;
}
body{
  background:
    radial-gradient(circle at 10% 8%, rgba(116,228,207,.10), transparent 26%),
    radial-gradient(circle at 88% 6%, rgba(150,170,248,.10), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fbfcff 44%,#f9fbff 100%);
  color:var(--text);
}
.header{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(232,237,245,.95);
  box-shadow:0 4px 18px rgba(20,33,61,.03);
  backdrop-filter:blur(16px);
}
.header-inner{min-height:88px}
.logo-image{height:54px; width:auto; object-fit:contain}
.nav a{
  color:#2c3548;
  font-weight:700;
  letter-spacing:-.015em;
}
.nav a:hover,.nav a.active{color:#7bdcca}
.btn{
  border-radius:999px;
  font-weight:800;
  min-height:54px;
}
.btn-primary{
  background:linear-gradient(135deg,#9aa7ef,#74e4cf);
  border:none;
  box-shadow:0 14px 34px rgba(116,228,207,.16);
}
.btn-primary:hover{transform:translateY(-1px); box-shadow:0 16px 40px rgba(116,228,207,.22)}
.btn-secondary{
  background:transparent;
  color:#253046;
  border:1px solid var(--line);
}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 22px;border-radius:999px;
  border:1px solid var(--line);font-weight:800;color:#243049;background:#fff;
}
.btn-ghost:hover{border-color:#d5deeb;background:#f9fbff}

.home-hero{
  padding:92px 0 78px;
}
.home-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
  gap:56px;
  align-items:center;
}
.home-copy h1{
  font-size:clamp(52px,6.6vw,86px);
  line-height:.97;
  letter-spacing:-.075em;
  margin-bottom:0;
}
.home-copy .lead{margin-top:22px; max-width:690px; font-size:19px; line-height:1.9}
h1 span,.grad{
  background:linear-gradient(135deg,#9aa7ef,#74e4cf);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.eyebrow,.kicker{
  color:#9aa7ef;
}
.eyebrow{
  background:#fff;
  border-color:var(--line);
  box-shadow:var(--shadow2);
}
.eyebrow:before{background:linear-gradient(135deg,#9aa7ef,#74e4cf)}
.hero-actions{margin-top:28px}
.hero-stat-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:32px;
}
.hero-stat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px 18px;
  box-shadow:var(--shadow2);
}
.hero-stat strong{
  display:block;
  color:var(--ink);
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.03em;
}
.hero-stat span{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.home-showcase{
  position:relative;
}
.home-showcase img{
  width:100%;
  height:auto;
  border-radius:38px;
  box-shadow:0 32px 90px rgba(20,33,61,.12);
  border:1px solid rgba(232,237,245,.95);
  background:#fff;
}
.service-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:50px;
  align-items:start;
}
.service-intro-copy h2{
  font-size:clamp(38px,4.8vw,64px);
  line-height:1.04;
}
.service-intro-copy p{
  font-size:18px;
  line-height:1.9;
  color:var(--text);
  max-width:640px;
}
.service-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.service-feature-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:30px;
  box-shadow:var(--shadow2);
  transition:.2s ease;
}
.service-feature-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}
.service-feature-icon{
  width:60px;height:60px;border-radius:22px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#9aa7ef,#74e4cf);
  color:#fff;font-weight:900;font-size:20px;
  margin-bottom:18px;
}
.service-feature-card h3{
  margin:0;
  font-size:30px;
  letter-spacing:-.045em;
}
.service-feature-card p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.service-feature-card a{
  display:inline-flex;
  margin-top:16px;
  color:#2e3b54;
  font-weight:800;
}
.section-head.center{text-align:center; margin-inline:auto}
.grid-3.service-card-grid{gap:24px}
.card{
  border-radius:30px;
  padding:32px;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
}
.card:hover{transform:translateY(-3px)}
.icon{
  width:64px;height:64px;border-radius:22px;
  background:linear-gradient(135deg,rgba(154,167,239,.16),rgba(116,228,207,.22));
  color:#6a7fd8;
}
.card h3{
  font-size:28px;
  letter-spacing:-.04em;
}
.section.alt{
  background:linear-gradient(180deg,#fbfdff,#f8fbff);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.pricing-split{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(360px,.82fr);
  gap:40px;
  align-items:center;
}
.pricing-checks{
  margin:24px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.pricing-checks li{
  position:relative;
  padding-left:34px;
  color:var(--text);
}
.pricing-checks li:before{
  content:"✓";
  position:absolute; left:0; top:2px;
  width:24px; height:24px; border-radius:50%;
  display:grid; place-items:center;
  color:#fff; font-size:14px; font-weight:800;
  background:linear-gradient(135deg,#9aa7ef,#74e4cf);
}
.price-card.refined{
  border-radius:34px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.price-card .price{
  color:var(--ink);
}
.sticky,.sidebar-box,.form,.article-box,.toc,.blog-card{
  border-color:var(--line);
  box-shadow:var(--shadow2);
}
.process-cta-pro{
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.14), transparent 32%),
    linear-gradient(135deg,#96aaf8,#74e4cf 92%);
}
.process-cta-pro h3,.process-cta-pro p,.process-cta-kicker{
  color:#fff;
}
.footer{
  background:#162033;
}
.footer-logo-badge{
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.05)),
    radial-gradient(circle at 20% 20%, rgba(116,228,207,.12), transparent 45%);
}

@media(max-width:1180px){
  .home-hero-grid,
  .service-intro-grid,
  .pricing-split{
    grid-template-columns:1fr;
  }
  .home-showcase{order:2}
}
@media(max-width:900px){
  .service-feature-grid{
    grid-template-columns:1fr;
  }
  .hero-stat-row{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .home-hero{
    padding:42px 0 50px;
  }
  .home-copy h1{
    font-size:clamp(38px,12vw,58px);
    line-height:1.01;
  }
  .service-intro-copy h2,
  h2{
    font-size:clamp(30px,9vw,42px);
  }
  .service-feature-card,
  .card,
  .hero-stat{
    border-radius:22px;
  }
}


/* Homepage hero balance fix */
.home-hero{
  padding:78px 0 66px!important;
}
.home-hero-grid{
  grid-template-columns:minmax(0,.82fr) minmax(640px,1.18fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.home-copy{
  max-width:610px!important;
  min-width:0!important;
}
.home-copy h1{
  max-width:560px!important;
  font-size:clamp(42px,5.2vw,78px)!important;
  line-height:.95!important;
  letter-spacing:-.07em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.home-copy .lead{
  max-width:560px!important;
  font-size:17px!important;
  line-height:1.82!important;
}
.home-showcase{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
}
.home-showcase img{
  width:100%!important;
  max-width:760px!important;
  height:auto!important;
  border-radius:34px!important;
}
.hero-stat-row{
  grid-template-columns:1fr!important;
  max-width:560px!important;
  gap:12px!important;
}
.hero-stat{
  padding:16px 18px!important;
  border-radius:20px!important;
}
.hero-stat strong{
  font-size:17px!important;
}
.hero-stat span{
  font-size:13.5px!important;
}

@media(max-width:1320px){
  .home-hero-grid{
    grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
    gap:34px!important;
  }
  .home-copy h1{
    font-size:clamp(40px,4.8vw,68px)!important;
    max-width:520px!important;
  }
  .home-showcase img{
    max-width:680px!important;
  }
}

@media(max-width:1180px){
  .home-hero-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .home-copy,
  .home-copy h1,
  .home-copy .lead,
  .hero-stat-row{
    max-width:100%!important;
  }
  .home-showcase{
    justify-content:center!important;
  }
  .home-showcase img{
    max-width:860px!important;
  }
}

@media(max-width:760px){
  .home-hero{
    padding:42px 0 48px!important;
  }
  .home-copy h1{
    font-size:clamp(36px,12vw,56px)!important;
    line-height:1.01!important;
  }
  .home-copy .lead{
    font-size:16.5px!important;
    line-height:1.76!important;
  }
  .home-showcase img{
    border-radius:24px!important;
  }
  .hero-stat-row{
    gap:10px!important;
  }
}


/* Homepage premium refinement */
.home-hero{
  position:relative;
  padding:86px 0 72px!important;
}
.home-hero:before{
  content:"";
  position:absolute;
  inset:18px 0 0;
  background:
    radial-gradient(circle at 8% 18%, rgba(116,228,207,.10), transparent 22%),
    radial-gradient(circle at 84% 10%, rgba(154,167,239,.12), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(249,251,255,.96) 100%);
  z-index:-1;
}
.home-hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(690px,1.12fr)!important;
  gap:46px!important;
  align-items:center!important;
}
.home-copy{
  max-width:600px!important;
}
.home-copy h1{
  max-width:560px!important;
  font-size:clamp(44px,4.8vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.07em!important;
  text-wrap:balance;
}
.home-copy .lead{
  max-width:560px!important;
  font-size:18px!important;
  line-height:1.85!important;
  color:#4c566b!important;
}
.home-showcase{
  position:relative;
  display:flex!important;
  justify-content:flex-end!important;
}
.home-showcase:before{
  content:"";
  position:absolute;
  inset:6% 4% 10% 8%;
  border-radius:38px;
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(247,250,255,.96));
  border:1px solid rgba(232,237,245,.95);
  box-shadow:0 35px 90px rgba(20,33,61,.08);
}
.home-showcase:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:2%; top:8%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(154,167,239,.16), rgba(154,167,239,.02) 72%);
}
.home-showcase img{
  position:relative;
  z-index:2;
  width:100%!important;
  max-width:820px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-stat-row{
  grid-template-columns:repeat(3, minmax(0,1fr))!important;
  gap:14px!important;
  max-width:100%!important;
  margin-top:30px!important;
}
.hero-stat{
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(232,237,245,.98)!important;
  box-shadow:0 16px 34px rgba(20,33,61,.06)!important;
}
.hero-stat strong{
  font-size:17px!important;
}
.hero-stat span{
  margin-top:6px!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
.service-intro-copy h2{
  max-width:740px;
  text-wrap:balance;
}
.section-head.center h2{
  max-width:860px;
  margin-inline:auto;
  text-wrap:balance;
}
.service-feature-card,
.card,
.price-card.refined{
  box-shadow:0 18px 48px rgba(20,33,61,.06)!important;
}
.service-feature-card h3,
.card h3{
  text-wrap:balance;
}

@media(max-width:1320px){
  .home-hero-grid{
    grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
    gap:34px!important;
  }
  .home-copy h1{
    font-size:clamp(42px,4.6vw,64px)!important;
    max-width:520px!important;
  }
  .home-showcase img{
    max-width:720px!important;
  }
}

@media(max-width:1180px){
  .home-hero-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .home-copy,
  .home-copy h1,
  .home-copy .lead{
    max-width:100%!important;
  }
  .home-showcase{
    justify-content:center!important;
  }
  .home-showcase:before{
    inset:4% 2% 8% 2%;
  }
  .home-showcase img{
    max-width:860px!important;
  }
}

@media(max-width:900px){
  .hero-stat-row{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .home-hero{
    padding:42px 0 50px!important;
  }
  .home-copy h1{
    font-size:clamp(36px,11vw,54px)!important;
    line-height:1.01!important;
  }
  .home-copy .lead{
    font-size:16.5px!important;
    line-height:1.78!important;
  }
  .home-showcase:before{
    border-radius:24px!important;
  }
}


/* Full homepage + service pages premium redesign */
.service-hero-premium{
  position:relative;
  padding:86px 0 74px;
  overflow:hidden;
}
.service-hero-premium:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 18%, rgba(116,228,207,.12), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(154,167,239,.13), transparent 26%),
    linear-gradient(180deg,#ffffff,#fbfcff);
  z-index:-1;
}
.service-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);
  gap:50px;
  align-items:center;
}
.service-hero-copy h1{
  font-size:clamp(46px,5.8vw,78px);
  line-height:.98;
  letter-spacing:-.075em;
  max-width:720px;
  margin:0;
  text-wrap:balance;
}
.service-hero-copy .lead{
  max-width:680px;
  font-size:18px;
  line-height:1.88;
}
.service-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.service-hero-points span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(20,33,61,.05);
  color:#2c3548;
  font-weight:800;
  font-size:13px;
}
.service-hero-visual{
  position:relative;
}
.service-hero-visual:before{
  content:"";
  position:absolute;
  inset:7% 4% 9% 6%;
  border-radius:40px;
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(247,250,255,.96));
  border:1px solid rgba(232,237,245,.95);
  box-shadow:0 35px 90px rgba(20,33,61,.08);
}
.service-hero-visual img{
  position:relative;
  z-index:2;
  width:100%;
  height:auto;
}
.service-proof-strip{
  padding:34px 0;
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.proof-grid div{
  padding:22px;
  border-radius:24px;
  background:#fbfcff;
  border:1px solid var(--line);
}
.proof-grid strong{
  display:block;
  color:#9aa7ef;
  font-size:24px;
  line-height:1;
  margin-bottom:8px;
}
.proof-grid span{
  display:block;
  color:#2c3548;
  font-weight:800;
  line-height:1.45;
}
.process-section-pro{
  background:
    radial-gradient(circle at 12% 6%, rgba(116,228,207,.10), transparent 25%),
    linear-gradient(180deg,#fff,#fbfcff);
}
.process-pro-grid .step-pro{
  border-radius:30px!important;
  box-shadow:0 18px 48px rgba(20,33,61,.06)!important;
}
.step-badge-pro,
.service-feature-icon,
.pricing-checks li:before{
  background:linear-gradient(135deg,#9aa7ef,#74e4cf)!important;
}
.step-content-pro h3{
  font-size:30px!important;
}
.blog-card-thumb{
  box-shadow:0 16px 34px rgba(20,33,61,.05);
}
.home-services-intro{
  background:
    radial-gradient(circle at 86% 20%, rgba(154,167,239,.09), transparent 24%),
    linear-gradient(180deg,#fff,#fbfcff);
}
.home-service-list{
  background:linear-gradient(180deg,#fbfdff,#f8fbff)!important;
}

@media(max-width:1180px){
  .service-hero-grid{
    grid-template-columns:1fr;
  }
  .service-hero-copy h1{
    max-width:100%;
  }
  .proof-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:760px){
  .service-hero-premium{
    padding:44px 0 52px;
  }
  .service-hero-copy h1{
    font-size:clamp(36px,11vw,54px);
    line-height:1.02;
  }
  .service-hero-copy .lead{
    font-size:16.5px;
    line-height:1.78;
  }
  .proof-grid{
    grid-template-columns:1fr;
  }
  .service-hero-visual:before{
    border-radius:24px;
  }
}


/* Stronger contrast and richer colors fix */
:root{
  --bg:#f6f8ff;
  --paper:#ffffff;
  --ink:#0b1220;
  --text:#172033;
  --muted:#3f4b5f;
  --line:#d8e0ee;
  --soft:#eefaf7;
  --violet:#4f46e5;
  --violet2:#2563eb;
  --coral:#06b6d4;
  --orange:#f97316;
  --mint:#059669;
  --blue:#0284c7;
  --shadow:0 24px 70px rgba(11,18,32,.12);
  --shadow2:0 12px 34px rgba(11,18,32,.09);
}
body{
  color:#172033!important;
  background:
    radial-gradient(circle at 10% 8%, rgba(5,150,105,.12), transparent 26%),
    radial-gradient(circle at 88% 6%, rgba(79,70,229,.14), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f6f8ff 46%,#f3f7fb 100%)!important;
}
h1,h2,h3,h4,
.card h3,
.blog-card h3,
.service-feature-card h3,
.step-content-pro h3,
.service-hero-copy h1,
.home-copy h1{
  color:#0b1220!important;
}
p,
li,
.lead,
.card p,
.card li,
.blog-card p,
.article p,
.article li,
.section-head p,
.service-feature-card p,
.step-content-pro p,
.service-intro-copy p,
.service-hero-copy .lead,
.home-copy .lead{
  color:#243044!important;
}
.muted,
.metric span,
.hero-stat span,
.footer-brand-text,
.footer small{
  color:#4b5568!important;
}
a{
  color:inherit;
}
.grad,
.card a.grad,
.blog-card .readmore,
.service-feature-card a{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#2563eb!important;
  font-weight:900!important;
}
.grad:hover,
.card a.grad:hover,
.blog-card .readmore:hover,
.service-feature-card a:hover{
  color:#059669!important;
}
.eyebrow,
.kicker{
  color:#3730a3!important;
  background:#ffffff!important;
  border-color:#cfd8ea!important;
}
.eyebrow:before{
  background:linear-gradient(135deg,#4f46e5,#059669)!important;
}
h1 span{
  background:linear-gradient(135deg,#4f46e5 0%,#2563eb 44%,#059669 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.btn-primary{
  background:linear-gradient(135deg,#4f46e5,#0284c7 58%,#059669)!important;
  color:#ffffff!important;
  box-shadow:0 16px 38px rgba(37,99,235,.24)!important;
}
.btn-primary:hover{
  box-shadow:0 20px 48px rgba(37,99,235,.30)!important;
}
.btn-secondary,
.btn-ghost{
  background:#ffffff!important;
  color:#0b1220!important;
  border-color:#cfd8ea!important;
}
.btn-secondary:hover,
.btn-ghost:hover{
  border-color:#4f46e5!important;
  color:#3730a3!important;
}
.card,
.blog-card,
.service-feature-card,
.hero-stat,
.proof-grid div,
.sticky,
.sidebar-box,
.form,
.article-box,
.toc,
.step-pro,
.price-card.refined{
  background:#ffffff!important;
  border-color:#d8e0ee!important;
  box-shadow:0 16px 44px rgba(11,18,32,.09)!important;
}
.card:hover,
.blog-card:hover,
.service-feature-card:hover{
  box-shadow:0 24px 66px rgba(11,18,32,.14)!important;
}
.icon,
.service-feature-icon,
.step-badge-pro,
.pricing-checks li:before{
  background:linear-gradient(135deg,#4f46e5,#0284c7 58%,#059669)!important;
  color:#ffffff!important;
}
.hero-stat strong,
.metric strong,
.proof-grid span{
  color:#0b1220!important;
}
.proof-grid strong{
  color:#4f46e5!important;
}
.price-card .price,
.price{
  color:#0b1220!important;
}
.price-card p,
.price-card li{
  color:#243044!important;
}
.process-cta-pro{
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.20), transparent 32%),
    linear-gradient(135deg,#1e1b4b,#2563eb 56%,#059669)!important;
}
.process-cta-pro h3,
.process-cta-pro p,
.process-cta-kicker{
  color:#ffffff!important;
}
.process-cta-pro .btn-secondary{
  color:#ffffff!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.service-hero-premium:before,
.home-hero:before{
  background:
    radial-gradient(circle at 8% 18%, rgba(5,150,105,.13), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(79,70,229,.16), transparent 26%),
    linear-gradient(180deg,#ffffff,#f6f8ff)!important;
}
.home-showcase:before,
.service-hero-visual:before{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,245,255,.98))!important;
  border-color:#d8e0ee!important;
  box-shadow:0 35px 90px rgba(11,18,32,.12)!important;
}
.section.alt,
.home-service-list{
  background:linear-gradient(180deg,#f8fbff,#eef5ff)!important;
  border-color:#d8e0ee!important;
}
.home-services-intro,
.process-section-pro{
  background:
    radial-gradient(circle at 86% 20%, rgba(79,70,229,.10), transparent 24%),
    linear-gradient(180deg,#ffffff,#f6f8ff)!important;
}
.header{
  background:rgba(255,255,255,.95)!important;
  border-bottom-color:#d8e0ee!important;
}
.nav a{
  color:#172033!important;
}
.nav a:hover{
  color:#2563eb!important;
}
.footer{
  background:#0b1220!important;
}
.footer h3,
.footer a{
  color:#ffffff!important;
}
.footer a:hover{
  color:#7dd3fc!important;
}
.footer-brand-text,
.footer small,
.footer-bottom{
  color:#cbd5e1!important;
}
.footer-mini-links span{
  background:rgba(255,255,255,.10)!important;
  color:#f8fafc!important;
}
.article a{
  color:#2563eb!important;
  font-weight:900!important;
}
.article a:hover{
  color:#059669!important;
}
.natural-note{
  background:#ffffff!important;
  border-color:#cfd8ea!important;
}
.natural-note p{
  color:#243044!important;
}
.soft-sell{
  background:linear-gradient(135deg,#0b1220,#1e3a8a 62%,#047857)!important;
}
.soft-sell strong,
.soft-sell p,
.soft-sell a{
  color:#ffffff!important;
}
.form-status.success{
  border-color:rgba(5,150,105,.45)!important;
  background:rgba(5,150,105,.12)!important;
  color:#064e3b!important;
}
.form-status.error{
  border-color:rgba(220,38,38,.45)!important;
  background:rgba(220,38,38,.12)!important;
  color:#7f1d1d!important;
}


/* Stronger blog image presentation + stronger homepage copy */
.blog-card-thumb,
.article-featured-image{
  border-color:#d2deec!important;
  box-shadow:0 20px 54px rgba(11,18,32,.12)!important;
  background:#ffffff!important;
}
.blog-card-thumb img,
.article-featured-image img{
  background:#ffffff!important;
}
.home-copy h1{max-width:640px!important;}
.home-copy .lead{max-width:620px!important;}
.hero-stat strong{color:#0b1220!important;font-size:18px!important;}
.hero-stat span{color:#334155!important;}


/* Premium blog listing page */
.blog-hero-premium{
  position:relative;
  padding:84px 0 68px;
  overflow:hidden;
}
.blog-hero-premium:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 14%, rgba(5,150,105,.12), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(79,70,229,.14), transparent 26%),
    linear-gradient(180deg,#ffffff,#f7faff);
  z-index:-1;
}
.blog-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:34px;
  align-items:start;
}
.blog-hero-copy h1{
  max-width:760px;
  font-size:clamp(42px,5vw,68px);
  line-height:1.02;
  letter-spacing:-.06em;
  margin:0;
  text-wrap:balance;
}
.blog-hero-copy .lead{
  max-width:760px;
  font-size:18px;
  line-height:1.85;
}
.blog-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}
.blog-hero-stat{
  min-height:116px;
  padding:18px 18px 16px;
  border-radius:24px;
  background:rgba(255,255,255,.90);
  border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(11,18,32,.08);
}
.blog-hero-stat strong{
  display:block;
  font-size:17px;
  color:var(--ink);
  margin-bottom:8px;
}
.blog-hero-stat span{
  display:block;
  color:#334155;
  line-height:1.55;
  font-size:14px;
}
.blog-hero-panel{position:relative;}
.blog-hero-card.premium{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:0 22px 64px rgba(11,18,32,.10);
  padding:28px;
}
.blog-hero-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  font-weight:800;
  font-size:13px;
  margin-bottom:16px;
}
.blog-hero-card h3{
  margin:0 0 18px;
  font-size:28px;
  line-height:1.18;
  color:var(--ink);
}
.blog-hero-checks{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.blog-hero-checks li{
  position:relative;
  padding-left:28px;
  color:#243044;
  line-height:1.65;
}
.blog-hero-checks li:before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,#4f46e5,#059669);
  box-shadow:0 0 0 4px rgba(79,70,229,.08);
}
.blog-hero-mini-cta{
  margin-top:22px;
  padding:20px;
  border-radius:24px;
  background:#0b1220;
  color:#fff;
}
.blog-hero-mini-cta strong{
  display:block;
  font-size:20px;
  margin-bottom:8px;
}
.blog-hero-mini-cta p{
  color:#dbe6f5;
  margin:0 0 16px;
}
.section-tight{padding-top:22px;padding-bottom:10px;}
.blog-listing-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:20px;
  align-items:stretch;
}
.blog-listing-intro h2{
  margin:8px 0 12px;
  max-width:760px;
  text-wrap:balance;
}
.blog-listing-intro p{max-width:760px;}
.blog-listing-cta-box{
  padding:24px;
  border-radius:28px;
  background:linear-gradient(135deg,#0b1220,#1d4ed8 62%,#059669);
  box-shadow:0 22px 56px rgba(11,18,32,.14);
}
.blog-listing-cta-box strong,
.blog-listing-cta-box p{color:#fff;display:block;}
.blog-listing-cta-box strong{font-size:22px;margin-bottom:10px;}
.blog-listing-cta-box p{color:#e6f0ff;line-height:1.65;margin-bottom:16px;}
.blog-layout .blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.blog-card{
  border-radius:28px!important;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(11,18,32,.09)!important;
}
.blog-card h3{font-size:23px!important;line-height:1.24!important;}
.blog-card p{font-size:15px;line-height:1.7;}
.blog-card .meta{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:#eefaf7;
  color:#065f46;
  font-weight:800;
  font-size:12px;
}
.blog-card .readmore{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}
.process-cta-pro h3{max-width:760px;text-wrap:balance;}
.process-cta-pro p{max-width:760px;}
@media (max-width:1180px){
  .blog-hero-grid,
  .blog-listing-intro{grid-template-columns:1fr;}
  .blog-layout .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .blog-hero-premium{padding:44px 0 48px;}
  .blog-hero-copy h1{font-size:clamp(34px,10vw,48px);line-height:1.04;}
  .blog-hero-stats{grid-template-columns:1fr;}
  .blog-layout .blog-grid{grid-template-columns:1fr;}
}


/* Premium category pages + contact conversion upgrades */
.blog-hero-category .blog-hero-copy h1{max-width:780px;}
.blog-hero-category .blog-hero-copy .lead{max-width:780px;}
.contact-hero-premium{
  position:relative;
  padding:84px 0 58px;
  overflow:hidden;
}
.contact-hero-premium:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 10%, rgba(5,150,105,.12), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(79,70,229,.15), transparent 26%),
    linear-gradient(180deg,#ffffff,#f7faff);
  z-index:-1;
}
.contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:28px;
  align-items:start;
}
.contact-copy h1{
  max-width:780px;
  text-wrap:balance;
}
.contact-copy .lead{
  max-width:760px;
  line-height:1.85;
}
.contact-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}
.contact-trust-card{
  padding:18px 18px 16px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(11,18,32,.08);
}
.contact-trust-card strong{
  display:block;
  color:var(--ink);
  font-size:17px;
  margin-bottom:8px;
}
.contact-trust-card span{
  display:block;
  color:#334155;
  font-size:14px;
  line-height:1.6;
}
.contact-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.contact-form-shell{
  border-radius:32px;
  padding:26px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(11,18,32,.10);
}
.contact-form-top h2{
  margin:8px 0 10px;
  font-size:32px;
  line-height:1.15;
  text-wrap:balance;
}
.contact-form-top p{margin-bottom:18px;}
.contact-form-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  font-weight:800;
  font-size:13px;
}
.contact-form-premium{
  padding:0;
  border:none;
  box-shadow:none;
  background:transparent;
}
.contact-form-premium label{
  display:block;
  font-size:14px;
  font-weight:800;
  color:#0b1220;
  margin:0 0 8px;
}
.form-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.contact-form-premium input,
.contact-form-premium select,
.contact-form-premium textarea{
  border-radius:18px;
  border:1px solid #d7e0eb;
  background:#fff;
  min-height:56px;
  padding:14px 16px;
  width:100%;
  font:inherit;
  color:#172033;
}
.contact-form-premium textarea{
  min-height:148px;
  resize:vertical;
}
.contact-form-premium input:focus,
.contact-form-premium select:focus,
.contact-form-premium textarea:focus{
  outline:none;
  border-color:#4f46e5;
  box-shadow:0 0 0 4px rgba(79,70,229,.10);
}
.contact-form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}
.contact-form-note{
  color:#475569;
  font-size:14px;
  line-height:1.6;
  max-width:420px;
}
.contact-form-benefits{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.contact-benefit{
  padding:16px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--line);
}
.contact-benefit strong{
  display:block;
  color:#0b1220;
  margin-bottom:6px;
}
.contact-benefit span{
  display:block;
  color:#475569;
  line-height:1.6;
  font-size:14px;
}
.contact-proof-section{padding-top:16px;}
.contact-proof-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:20px;
}
.contact-proof-card{
  padding:28px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 48px rgba(11,18,32,.08);
}
.contact-proof-card h3{
  margin:8px 0 12px;
  font-size:30px;
  line-height:1.16;
  text-wrap:balance;
}
.contact-proof-card p{margin:0;line-height:1.8;}
.contact-proof-steps{
  display:grid;
  gap:14px;
}
.contact-step{
  padding:22px 24px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(11,18,32,.07);
}
.contact-step strong{
  display:block;
  color:#0b1220;
  font-size:18px;
  margin-bottom:8px;
}
.contact-step span{
  display:block;
  color:#475569;
  line-height:1.65;
}
@media (max-width:1180px){
  .contact-hero-grid,
  .contact-proof-grid{grid-template-columns:1fr;}
}
@media (max-width:860px){
  .contact-trust-grid,
  .contact-form-benefits,
  .form-grid-2{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .contact-hero-premium{padding:46px 0 44px;}
  .contact-form-shell{padding:20px; border-radius:26px;}
  .contact-form-top h2{font-size:28px;}
}


/* Footer CTA upgrade + unique service hero sections */
.footer{padding-top:28px;}
.footer-cta-band{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:24px;
  margin-bottom:34px;
  padding:30px;
  border-radius:34px;
  background:
    radial-gradient(circle at 0% 0%, rgba(5,150,105,.18), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(79,70,229,.18), transparent 28%),
    linear-gradient(135deg,#0b1220 0%, #1d4ed8 58%, #059669 100%);
  box-shadow:0 24px 80px rgba(11,18,32,.20);
}
.footer-cta-copy h2{
  margin:10px 0 12px;
  color:#fff;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.06;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.footer-cta-copy h2 span{color:#d1fae5;}
.footer-cta-copy p{
  color:#e5efff;
  max-width:760px;
  line-height:1.78;
  margin-bottom:18px;
}
.footer-cta-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:13px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.14);
}
.footer-cta-features{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer-cta-features span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  font-size:13px;
  font-weight:800;
}
.footer-cta-actions{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:22px;
  border-radius:28px;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.14);
}
.footer-cta-actions .btn-primary{
  background:#fff;
  color:#0b1220;
  box-shadow:none;
}
.footer-cta-actions .btn-secondary{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.28);
  box-shadow:none;
}
.footer-cta-contact{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}
.footer-cta-contact a{
  color:#eaf2ff;
  font-weight:700;
}
.footer-logo-badge{
  display:inline-flex;
  align-items:center;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:10px;
}
.footer-grid{padding-top:6px;}
.footer-brand-text{line-height:1.75;color:#d9e4f7;}
.footer-legal{color:#b6c4dc;line-height:1.7;}
.footer h3{color:#fff;margin-bottom:14px;}
.footer-mini-links span{color:#d7e3f9;}

.service-hero-premium{position:relative;overflow:hidden;}
.service-hero-premium:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,#ffffff,#f7faff);
}
.service-hero-grid{align-items:center;}
.service-hero-copy h1{max-width:760px;text-wrap:balance;}
.service-hero-copy .lead{max-width:760px;line-height:1.85;}
.service-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.service-metric-card{
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(11,18,32,.08);
}
.service-metric-card strong{
  display:block;
  color:#0b1220;
  font-size:16px;
  margin-bottom:8px;
}
.service-metric-card span{
  display:block;
  color:#475569;
  line-height:1.6;
  font-size:14px;
}
.service-hero-visual{position:relative;}
.service-hero-badge{
  position:absolute;
  top:-8px;
  left:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  color:#fff;
  font-weight:800;
  font-size:13px;
  box-shadow:0 14px 34px rgba(11,18,32,.16);
}
.service-hero-floating{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:2;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.95);
  border:1px solid var(--line);
  box-shadow:0 16px 36px rgba(11,18,32,.10);
  color:#0b1220;
  font-weight:800;
  font-size:14px;
}
.service-hero-seo-optimizacija:before{background:radial-gradient(circle at 15% 15%, rgba(5,150,105,.12), transparent 28%), radial-gradient(circle at 86% 14%, rgba(79,70,229,.15), transparent 28%), linear-gradient(180deg,#ffffff,#f7faff);}
.service-hero-seo-audit:before{background:radial-gradient(circle at 10% 16%, rgba(37,99,235,.11), transparent 28%), radial-gradient(circle at 86% 10%, rgba(14,165,233,.14), transparent 26%), linear-gradient(180deg,#ffffff,#f7fbff);}
.service-hero-tehnicki-seo:before{background:radial-gradient(circle at 16% 16%, rgba(79,70,229,.12), transparent 30%), radial-gradient(circle at 84% 12%, rgba(99,102,241,.15), transparent 28%), linear-gradient(180deg,#ffffff,#f8faff);}
.service-hero-on-page-seo:before{background:radial-gradient(circle at 12% 12%, rgba(236,72,153,.10), transparent 28%), radial-gradient(circle at 88% 10%, rgba(79,70,229,.12), transparent 26%), linear-gradient(180deg,#ffffff,#fff8fc);}
.service-hero-lokalni-seo:before{background:radial-gradient(circle at 14% 12%, rgba(5,150,105,.13), transparent 29%), radial-gradient(circle at 88% 12%, rgba(6,182,212,.13), transparent 27%), linear-gradient(180deg,#ffffff,#f7fffd);}
.service-hero-ecommerce-seo:before{background:radial-gradient(circle at 12% 14%, rgba(219,39,119,.11), transparent 28%), radial-gradient(circle at 88% 12%, rgba(79,70,229,.13), transparent 27%), linear-gradient(180deg,#ffffff,#fff8fd);}
.service-hero-wordpress-seo:before{background:radial-gradient(circle at 12% 12%, rgba(37,99,235,.10), transparent 28%), radial-gradient(circle at 88% 12%, rgba(5,150,105,.12), transparent 26%), linear-gradient(180deg,#ffffff,#f8fdff);}
.service-hero-link-building:before{background:radial-gradient(circle at 10% 12%, rgba(16,185,129,.12), transparent 28%), radial-gradient(circle at 86% 12%, rgba(37,99,235,.14), transparent 26%), linear-gradient(180deg,#ffffff,#f8fffd);}
.service-hero-seo-strategija:before{background:radial-gradient(circle at 12% 12%, rgba(79,70,229,.12), transparent 29%), radial-gradient(circle at 86% 12%, rgba(16,185,129,.13), transparent 27%), linear-gradient(180deg,#ffffff,#f8faff);}
.service-hero-seo-konsultacije:before{background:radial-gradient(circle at 12% 12%, rgba(245,158,11,.11), transparent 28%), radial-gradient(circle at 88% 12%, rgba(79,70,229,.12), transparent 26%), linear-gradient(180deg,#ffffff,#fffaf5);}
.service-hero-google-oglasavanje:before{background:radial-gradient(circle at 12% 12%, rgba(59,130,246,.12), transparent 28%), radial-gradient(circle at 88% 12%, rgba(5,150,105,.13), transparent 26%), linear-gradient(180deg,#ffffff,#f7fcff);}
.service-hero-seo-optimizacija .service-hero-badge,.service-hero-seo-strategija .service-hero-badge,.service-hero-tehnicki-seo .service-hero-badge{background:linear-gradient(135deg,#4f46e5,#2563eb);}
.service-hero-lokalni-seo .service-hero-badge,.service-hero-link-building .service-hero-badge,.service-hero-wordpress-seo .service-hero-badge{background:linear-gradient(135deg,#059669,#2563eb);}
.service-hero-on-page-seo .service-hero-badge,.service-hero-ecommerce-seo .service-hero-badge{background:linear-gradient(135deg,#db2777,#7c3aed);}
.service-hero-seo-konsultacije .service-hero-badge{background:linear-gradient(135deg,#f59e0b,#ea580c);}
.service-hero-google-oglasavanje .service-hero-badge{background:linear-gradient(135deg,#2563eb,#059669);}
.service-hero-seo-audit .service-hero-badge{background:linear-gradient(135deg,#0ea5e9,#2563eb);}
@media (max-width:1180px){
  .footer-cta-band{grid-template-columns:1fr;}
}
@media (max-width:980px){
  .service-hero-metrics{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .footer-cta-band{padding:22px;border-radius:26px;}
  .footer-cta-copy h2{font-size:32px;}
  .service-hero-badge{position:static;margin-bottom:12px;}
  .service-hero-floating{position:static;margin-top:14px;display:inline-flex;}
}


/* Homepage conversion sections + premium blog article CTA */
.home-conversion-system{
  background:
    radial-gradient(circle at 12% 18%, rgba(5,150,105,.10), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(79,70,229,.12), transparent 28%),
    linear-gradient(180deg,#ffffff,#f7faff);
}
.conversion-system-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:28px;
  align-items:stretch;
}
.conversion-copy{
  padding:34px;
  border-radius:34px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 20px 56px rgba(11,18,32,.08);
}
.conversion-copy h2{
  max-width:820px;
  text-wrap:balance;
}
.conversion-copy p{
  max-width:820px;
  line-height:1.85;
}
.conversion-flow{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.conversion-flow div{
  padding:18px 16px;
  border-radius:22px;
  background:#f8fbff;
  border:1px solid #d8e3ef;
}
.conversion-flow strong{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#4f46e5,#059669);
  margin-bottom:12px;
}
.conversion-flow span{
  display:block;
  color:#243044;
  font-weight:800;
  line-height:1.45;
  font-size:14px;
}
.conversion-panel{
  padding:34px;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(circle at 80% 15%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg,#0b1220,#1d4ed8 62%,#059669);
  box-shadow:0 24px 70px rgba(11,18,32,.18);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.conversion-panel-kicker{
  display:inline-flex;
  width:max-content;
  min-height:34px;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  font-weight:800;
  font-size:13px;
}
.conversion-panel h3{
  color:#fff!important;
  font-size:34px;
  line-height:1.12;
  margin:16px 0 12px;
  text-wrap:balance;
}
.conversion-panel p{
  color:#e7efff!important;
  line-height:1.75;
  margin-bottom:22px;
}
.conversion-panel .btn-primary{
  background:#fff!important;
  color:#0b1220!important;
  box-shadow:none!important;
}
.proof-premium-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.proof-premium-card{
  padding:30px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 20px 56px rgba(11,18,32,.08);
}
.proof-premium-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  margin-bottom:18px;
  background:linear-gradient(135deg,#4f46e5,#059669);
}
.proof-premium-card h3{
  font-size:28px;
  margin:0 0 12px;
  text-wrap:balance;
}
.proof-premium-card p{
  line-height:1.78;
  margin:0;
}
.final-cta-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
  padding:34px;
  border-radius:36px;
  background:
    radial-gradient(circle at 10% 0%, rgba(5,150,105,.16), transparent 30%),
    radial-gradient(circle at 95% 10%, rgba(79,70,229,.18), transparent 30%),
    linear-gradient(135deg,#ffffff,#f7faff);
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(11,18,32,.10);
}
.final-cta-card h2{
  margin:8px 0 12px;
  text-wrap:balance;
}
.final-cta-card p{
  max-width:780px;
  margin:0;
  line-height:1.75;
}
.final-cta-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:270px;
}
.blog-bottom-cta-premium{
  margin-top:46px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:24px;
  align-items:center;
  padding:30px;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(circle at 0% 0%, rgba(5,150,105,.20), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(79,70,229,.22), transparent 30%),
    linear-gradient(135deg,#0b1220,#1d4ed8 60%,#059669);
  box-shadow:0 24px 76px rgba(11,18,32,.20);
}
.blog-bottom-cta-kicker{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-weight:800;
  font-size:13px;
}
.blog-bottom-cta-premium h2{
  color:#fff!important;
  font-size:34px!important;
  line-height:1.12!important;
  margin:16px 0 12px!important;
  text-wrap:balance;
}
.blog-bottom-cta-premium p{
  color:#e6efff!important;
  line-height:1.78!important;
  margin:0!important;
}
.blog-bottom-cta-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.blog-bottom-cta-points span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  font-size:13px;
  font-weight:800;
}
.blog-bottom-cta-action{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.blog-bottom-cta-action .btn-primary{
  background:#fff!important;
  color:#0b1220!important;
  box-shadow:none!important;
}
.blog-bottom-cta-action .btn-secondary{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  .conversion-system-grid,
  .final-cta-card,
  .blog-bottom-cta-premium{
    grid-template-columns:1fr;
  }
}
@media(max-width:900px){
  .conversion-flow,
  .proof-premium-grid{
    grid-template-columns:1fr;
  }
  .final-cta-actions{
    min-width:0;
  }
}
@media(max-width:760px){
  .conversion-copy,
  .conversion-panel,
  .proof-premium-card,
  .final-cta-card,
  .blog-bottom-cta-premium{
    padding:22px;
    border-radius:26px;
  }
  .conversion-panel h3,
  .blog-bottom-cta-premium h2{
    font-size:28px!important;
  }
}


/* readability + restrained premium palette */
.service-hero-premium{
  padding:72px 0 56px;
}
.service-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr) !important;
  gap:42px !important;
  align-items:center !important;
}
.service-hero-copy{
  padding-right:8px;
}
.service-hero-copy h1{
  font-size:clamp(40px,4.3vw,60px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  max-width:740px !important;
  margin:0 !important;
}
.service-hero-copy .lead{
  max-width:740px !important;
  font-size:18px !important;
  line-height:1.78 !important;
}
.service-hero-points{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:24px !important;
}
.service-hero-points span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:38px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#243044 !important;
  border:1px solid var(--line) !important;
  box-shadow:0 8px 24px rgba(20,33,61,.05) !important;
  font-weight:800 !important;
  font-size:13px !important;
}
.service-hero-visual{
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.service-hero-visual:before{
  content:"";
  position:absolute;
  inset:2% 0 2% 0 !important;
  border-radius:38px !important;
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid rgba(232,237,245,.95) !important;
  box-shadow:0 24px 70px rgba(20,33,61,.08) !important;
}
.service-hero-visual img{
  position:relative !important;
  z-index:2 !important;
  width:106% !important;
  max-width:none !important;
  height:auto !important;
  display:block !important;
}
.service-hero-badge{
  position:absolute !important;
  top:14px !important;
  left:18px !important;
  z-index:3 !important;
}
.service-hero-floating{
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  z-index:3 !important;
  background:#ffffff !important;
  color:#0b1220 !important;
  border:1px solid var(--line) !important;
  box-shadow:0 16px 36px rgba(11,18,32,.10) !important;
}
.service-hero-metrics{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:2px !important;
}
.service-hero-metrics .service-metric-card{
  padding:18px !important;
  border-radius:24px !important;
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 16px 40px rgba(11,18,32,.07) !important;
}
.service-hero-metrics .service-metric-card strong{
  display:block !important;
  color:#0b1220 !important;
  font-size:16px !important;
  margin-bottom:8px !important;
}
.service-hero-metrics .service-metric-card span{
  display:block !important;
  color:#475569 !important;
  line-height:1.65 !important;
  font-size:14px !important;
}

/* lighter CTAs with stronger contrast */
.footer-cta-band{
  background:
    radial-gradient(circle at 0% 0%, rgba(5,150,105,.08), transparent 26%),
    radial-gradient(circle at 100% 0%, rgba(79,70,229,.08), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 24px 70px rgba(11,18,32,.10) !important;
}
.footer .footer-cta-copy h2,
.footer .footer-cta-copy h2 span,
.footer .footer-cta-copy p,
.footer .footer-cta-kicker,
.footer .footer-cta-features span{
  color:#0b1220 !important;
}
.footer .footer-cta-kicker,
.footer .footer-cta-features span{
  background:#eef4ff !important;
  border:1px solid #dbe4ef !important;
}
.footer-cta-actions{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid var(--line) !important;
  backdrop-filter:none !important;
}
.footer-cta-actions .btn-primary{
  background:linear-gradient(135deg,#4f46e5,#059669) !important;
  color:#fff !important;
}
.footer-cta-actions .btn-secondary{
  background:#fff !important;
  color:#0b1220 !important;
  border-color:#dbe4ef !important;
}
.footer-cta-contact a{
  color:#243044 !important;
}

.conversion-panel,
.blog-bottom-cta-premium,
.process-cta-pro{
  background:
    radial-gradient(circle at 0% 0%, rgba(5,150,105,.08), transparent 26%),
    radial-gradient(circle at 100% 0%, rgba(79,70,229,.08), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 24px 70px rgba(11,18,32,.10) !important;
  color:#0b1220 !important;
}
.conversion-panel-kicker,
.blog-bottom-cta-kicker,
.blog-bottom-cta-points span,
.process-cta-kicker{
  background:#eef4ff !important;
  color:#243044 !important;
  border:1px solid #dbe4ef !important;
}
.conversion-panel h3,
.conversion-panel p,
.blog-bottom-cta-premium h2,
.blog-bottom-cta-premium p,
.process-cta-pro h3,
.process-cta-pro p{
  color:#0b1220 !important;
}
.conversion-panel .btn-primary,
.blog-bottom-cta-action .btn-primary,
.process-cta-pro .btn-primary{
  background:linear-gradient(135deg,#4f46e5,#059669) !important;
  color:#fff !important;
}
.blog-bottom-cta-action .btn-secondary,
.process-cta-pro .btn-secondary{
  background:#fff !important;
  color:#0b1220 !important;
  border-color:#dbe4ef !important;
}

.price-card.refined{
  background:#ffffff !important;
  color:#0b1220 !important;
  border:1px solid var(--line) !important;
  box-shadow:0 24px 70px rgba(11,18,32,.10) !important;
}
.price-card.refined .price,
.price-card.refined p,
.price-card.refined li{
  color:#0b1220 !important;
}
.price-card.refined .btn-primary{
  background:linear-gradient(135deg,#4f46e5,#059669) !important;
  color:#fff !important;
}

@media (max-width:1240px){
  .service-hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .service-hero-visual{
    min-height:420px !important;
  }
  .service-hero-metrics{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  .service-hero-premium{
    padding:46px 0 40px !important;
  }
  .service-hero-copy h1{
    font-size:clamp(34px,10vw,48px) !important;
  }
  .service-hero-visual{
    min-height:300px !important;
  }
  .service-hero-visual img{
    width:100% !important;
  }
  .footer-cta-band,
  .blog-bottom-cta-premium,
  .conversion-panel,
  .price-card.refined,
  .process-cta-pro{
    border-radius:24px !important;
  }
}


/* premium homepage hero v2 + custom service hero visuals */
.home-hero-premium-v2{
  padding:86px 0 76px !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(20,184,166,.09), transparent 26%),
    radial-gradient(circle at 92% 12%, rgba(79,70,229,.09), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff 100%) !important;
}
.home-hero-grid-v2{
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr) !important;
  gap:52px !important;
  align-items:center !important;
}
.home-copy-v2 h1{
  font-size:clamp(48px,5.5vw,78px) !important;
  line-height:1.00 !important;
  max-width:740px !important;
}
.home-copy-v2 .lead{
  max-width:720px !important;
  font-size:19px !important;
  line-height:1.82 !important;
}
.hero-proof-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.hero-proof-pills span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  color:#243044;
  font-size:13px;
  font-weight:800;
}
.hero-stat-row-v2{
  margin-top:24px !important;
}
.hero-stat-row-v2 .hero-stat{
  min-height:138px;
}
.home-showcase-v2{
  position:relative;
}
.hero-visual-shell{
  position:relative;
  padding:12px;
  border-radius:40px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid rgba(232,237,245,.95);
  box-shadow:0 36px 100px rgba(15,23,42,.11);
}
.home-showcase-v2 img{
  width:100% !important;
  height:auto !important;
  display:block;
  border-radius:34px;
  box-shadow:none !important;
  border:0 !important;
  background:transparent !important;
}

/* stronger service hero balance */
.service-hero-premium{
  padding:72px 0 52px !important;
}
.service-hero-grid{
  grid-template-columns:minmax(0,.96fr) minmax(560px,1.04fr) !important;
  gap:42px !important;
  align-items:center !important;
}
.service-hero-copy h1{
  font-size:clamp(42px,4.6vw,62px) !important;
  line-height:1.02 !important;
  max-width:760px !important;
}
.service-hero-copy .lead{
  max-width:720px !important;
  line-height:1.8 !important;
}
.service-hero-visual{
  min-height:540px !important;
}
.service-hero-visual:before{
  inset:1% 0 1% 0 !important;
  border-radius:42px !important;
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
}
.service-hero-visual img{
  width:100% !important;
  max-width:1040px !important;
  margin:0 auto !important;
}
.service-hero-badge{
  top:14px !important;
  left:18px !important;
  z-index:3 !important;
}
.service-hero-floating{
  right:18px !important;
  bottom:18px !important;
  z-index:3 !important;
}
.service-hero-metrics{
  margin-top:8px !important;
}
.service-hero-metrics .service-metric-card{
  padding:20px !important;
}
.service-hero-metrics .service-metric-card strong{
  display:block !important;
  color:#0b1220 !important;
  font-size:17px !important;
  margin-bottom:7px !important;
}
.service-hero-metrics .service-metric-card span{
  display:block !important;
  color:#526277 !important;
  line-height:1.65 !important;
  font-size:14px !important;
}

@media(max-width:1240px){
  .home-hero-grid-v2,
  .service-hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .service-hero-visual{
    min-height:420px !important;
  }
}
@media(max-width:760px){
  .home-hero-premium-v2{
    padding:48px 0 42px !important;
  }
  .home-copy-v2 h1{
    font-size:clamp(36px,11vw,52px) !important;
  }
  .hero-visual-shell{
    border-radius:28px !important;
    padding:8px !important;
  }
  .home-showcase-v2 img{
    border-radius:24px !important;
  }
  .hero-stat-row-v2,
  .service-hero-metrics{
    grid-template-columns:1fr !important;
  }
  .service-hero-visual{
    min-height:300px !important;
  }
}


/* homepage hero text-only + premium pricing + premium blog heroes */
.home-hero-text-only{
  padding:92px 0 78px !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(20,184,166,.08), transparent 24%),
    radial-gradient(circle at 92% 10%, rgba(79,70,229,.08), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff 100%) !important;
}
.home-hero-grid-v3{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
}
.home-copy-v3{
  max-width:1020px !important;
  margin:0 auto !important;
  text-align:center !important;
}
.home-copy-v3 h1{
  max-width:980px !important;
  margin:0 auto !important;
  font-size:clamp(50px,6vw,84px) !important;
  line-height:0.98 !important;
  letter-spacing:-.07em !important;
}
.home-copy-v3 .lead{
  max-width:860px !important;
  margin:22px auto 0 !important;
  font-size:19px !important;
  line-height:1.88 !important;
}
.hero-actions-centered,
.hero-proof-pills-centered{
  justify-content:center !important;
}
.hero-stat-row-v3{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:30px !important;
}
.hero-stat-row-v3 .hero-stat{
  min-height:132px !important;
  text-align:left !important;
}
.hero-conversion-band{
  margin-top:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:22px 24px;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(11,18,32,.08);
  text-align:left;
}
.hero-conversion-copy strong{
  display:block;
  color:#0b1220;
  font-size:19px;
  margin-bottom:6px;
}
.hero-conversion-copy span{
  display:block;
  color:#526277;
  line-height:1.7;
}

.pricing-premium-section{
  position:relative;
}
.pricing-premium-wrap{
  display:grid;
  gap:28px;
}
.pricing-premium-head{
  max-width:920px;
}
.pricing-premium-head h2{
  max-width:860px;
  text-wrap:balance;
}
.pricing-premium-head h2 span{
  color:#4f46e5;
}
.pricing-premium-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.pricing-premium-tags span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  color:#243044;
  font-weight:800;
  font-size:13px;
}
.pricing-premium-grid{
  display:grid;
  grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);
  gap:22px;
  align-items:stretch;
}
.pricing-package-card,
.pricing-info-card{
  border-radius:34px;
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(11,18,32,.10);
}
.pricing-package-card{
  padding:28px;
  background:linear-gradient(135deg,#0f172a 0%, #1d4ed8 60%, #14b8a6 100%);
  color:#fff;
}
.pricing-package-card .pricing-topline{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  font-size:13px;
  font-weight:800;
}
.pricing-price{
  margin-top:18px;
  font-size:54px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}
.pricing-price small{
  font-size:18px;
  font-weight:800;
  opacity:.92;
}
.pricing-summary{
  margin-top:14px;
  color:#e8f1ff;
  line-height:1.8;
}
.pricing-list{
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.pricing-list li{
  position:relative;
  padding-left:28px;
  color:#f5f8ff;
  line-height:1.65;
}
.pricing-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffffff;
  box-shadow:0 0 0 4px rgba(255,255,255,.14);
}
.pricing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.pricing-package-card .btn-primary{
  background:#fff !important;
  color:#0b1220 !important;
  box-shadow:none !important;
}
.pricing-package-card .btn-secondary{
  background:transparent !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:none !important;
}
.pricing-info-card{
  padding:30px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.pricing-info-card h3{
  margin:0 0 18px;
  font-size:32px;
  line-height:1.15;
  text-wrap:balance;
}
.pricing-info-items{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.pricing-info-items > div{
  padding:18px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
}
.pricing-info-items strong{
  display:block;
  color:#0b1220;
  margin-bottom:8px;
  font-size:16px;
}
.pricing-info-items span{
  display:block;
  color:#526277;
  line-height:1.65;
  font-size:14px;
}
.pricing-note-card{
  margin-top:16px;
  padding:20px 22px;
  border-radius:26px;
  background:#edf4ff;
  border:1px solid #d8e4f2;
}
.pricing-note-card strong{
  display:block;
  color:#0b1220;
  margin-bottom:6px;
}
.pricing-note-card p{
  margin:0;
  color:#475569;
  line-height:1.7;
}

.blog-hero-premium-v2{
  padding:92px 0 74px !important;
}
.blog-hero-premium-v2:before{
  background:
    radial-gradient(circle at 8% 14%, rgba(20,184,166,.09), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(79,70,229,.10), transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff) !important;
}
.blog-hero-premium-v2 .blog-hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr) !important;
  gap:32px !important;
  align-items:stretch !important;
}
.blog-hero-premium-v2 .blog-hero-copy h1{
  max-width:800px !important;
  font-size:clamp(46px,5vw,72px) !important;
  line-height:1.00 !important;
}
.blog-hero-premium-v2 .blog-hero-copy .lead{
  max-width:780px !important;
}
.blog-hero-premium-v2 .blog-hero-stats{
  margin-top:26px !important;
}
.blog-hero-premium-v2 .blog-hero-stat{
  min-height:126px !important;
  border-radius:26px !important;
}
.blog-hero-premium-v2 .category-strip{
  margin-top:22px !important;
  gap:10px !important;
}
.blog-hero-premium-v2 .category-strip a{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow2) !important;
  color:#243044 !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.blog-hero-premium-v2 .blog-hero-card.premium{
  height:100% !important;
  padding:30px !important;
  border-radius:34px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  box-shadow:0 24px 70px rgba(11,18,32,.10) !important;
}
.blog-hero-premium-v2 .blog-hero-card h3{
  font-size:32px !important;
  line-height:1.12 !important;
}
.blog-hero-premium-v2 .blog-hero-checks{
  gap:14px !important;
}
.blog-hero-premium-v2 .blog-hero-checks li{
  line-height:1.72 !important;
}
.blog-hero-premium-v2 .blog-hero-mini-cta{
  margin-top:24px !important;
  padding:22px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,#ffffff,#f4f8ff) !important;
  border:1px solid var(--line) !important;
  color:#0b1220 !important;
}
.blog-hero-premium-v2 .blog-hero-mini-cta strong,
.blog-hero-premium-v2 .blog-hero-mini-cta p{
  color:#0b1220 !important;
}
.blog-hero-premium-v2 .blog-hero-mini-cta p{
  margin:8px 0 14px !important;
  opacity:.82;
}

@media(max-width:1180px){
  .pricing-premium-grid,
  .blog-hero-premium-v2 .blog-hero-grid,
  .hero-conversion-band{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:900px){
  .hero-stat-row-v3,
  .pricing-info-items,
  .blog-hero-premium-v2 .blog-hero-stats{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:760px){
  .home-hero-text-only{
    padding:54px 0 46px !important;
  }
  .home-copy-v3 h1{
    font-size:clamp(38px,11vw,56px) !important;
  }
  .hero-conversion-band,
  .pricing-package-card,
  .pricing-info-card,
  .blog-hero-premium-v2 .blog-hero-card.premium,
  .blog-hero-premium-v2 .blog-hero-mini-cta{
    padding:22px !important;
    border-radius:24px !important;
  }
  .pricing-price{
    font-size:42px !important;
  }
  .pricing-info-card h3,
  .blog-hero-premium-v2 .blog-hero-card h3{
    font-size:28px !important;
  }
  .blog-hero-premium-v2{
    padding:54px 0 48px !important;
  }
}


/* text-only service heroes + readability cleanup */
.service-hero-text-only{
  padding:74px 0 52px !important;
}
.service-hero-text-only .service-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
}
.service-hero-text-only .service-hero-copy{
  max-width:980px !important;
}
.service-hero-text-only .service-hero-copy h1{
  max-width:940px !important;
  font-size:clamp(42px,5.2vw,72px) !important;
  line-height:1.00 !important;
}
.service-hero-text-only .service-hero-copy .lead{
  max-width:860px !important;
  font-size:18px !important;
  line-height:1.82 !important;
}
.service-hero-text-only .service-hero-visual,
.service-hero-text-only .service-hero-badge,
.service-hero-text-only .service-hero-floating{
  display:none !important;
}
.service-hero-text-only .service-hero-metrics{
  grid-column:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:4px !important;
}
.service-hero-text-only .service-metric-card{
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 18px 44px rgba(11,18,32,.08) !important;
}

.blog-listing-cta-box{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 22px 56px rgba(11,18,32,.10) !important;
}
.blog-listing-cta-box strong{
  color:#0b1220 !important;
}
.blog-listing-cta-box p{
  color:#334155 !important;
  opacity:1 !important;
}
.blog-listing-cta-box .btn-primary{
  background:linear-gradient(135deg,#4f46e5,#059669) !important;
  color:#ffffff !important;
}

/* protect against low contrast inside premium side cards */
.blog-hero-mini-cta,
.blog-hero-premium-v2 .blog-hero-mini-cta,
.conversion-panel,
.process-cta-pro,
.blog-bottom-cta-premium,
.footer-cta-band,
.price-card.refined{
  color:#0b1220 !important;
}
.blog-hero-mini-cta p,
.blog-hero-premium-v2 .blog-hero-mini-cta p,
.conversion-panel p,
.process-cta-pro p,
.blog-bottom-cta-premium p,
.footer-cta-copy p,
.price-card.refined p,
.price-card.refined li{
  color:#475569 !important;
}

@media(max-width:900px){
  .service-hero-text-only .service-hero-metrics{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:760px){
  .service-hero-text-only{
    padding:52px 0 40px !important;
  }
  .service-hero-text-only .service-hero-copy h1{
    font-size:clamp(36px,11vw,54px) !important;
  }
}


/* readability fixes v2: pricing + mini CTA contrast */
.pricing-package-card,
.pricing-package-card .pricing-topline,
.pricing-package-card .pricing-price,
.pricing-package-card .pricing-price small,
.pricing-package-card .pricing-summary,
.pricing-package-card .pricing-list li{
  color:#ffffff !important;
}
.pricing-package-card .pricing-summary{
  color:#eef6ff !important;
}
.pricing-package-card .pricing-list li{
  color:#f8fbff !important;
}
.pricing-package-card .pricing-topline{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.22) !important;
}
.pricing-package-card .btn-secondary{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.34) !important;
}

.blog-hero-mini-cta,
.blog-hero-premium-v2 .blog-hero-mini-cta{
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 16px 40px rgba(11,18,32,.08) !important;
  color:#0b1220 !important;
}
.blog-hero-mini-cta strong,
.blog-hero-premium-v2 .blog-hero-mini-cta strong{
  color:#0b1220 !important;
}
.blog-hero-mini-cta p,
.blog-hero-premium-v2 .blog-hero-mini-cta p{
  color:#475569 !important;
  opacity:1 !important;
}
.blog-hero-mini-cta .btn-primary,
.blog-hero-premium-v2 .blog-hero-mini-cta .btn-primary{
  background:linear-gradient(135deg,#4f46e5,#059669) !important;
  color:#ffffff !important;
}