/* KVB ENTERPRISES — homepage visual redesign v1
   Loaded after the legacy theme so this is the single visible design layer.
   Keep this stylesheet framework-free and mobile-first.
*/
:root{
  --kvb-ink:#17152b;
  --kvb-violet:#24134f;
  --kvb-violet-2:#38206f;
  --kvb-green:#16834b;
  --kvb-mint:#c9f5dc;
  --kvb-gold:#f2c45b;
  --kvb-paper:#f7f8fc;
  --kvb-line:rgba(36,19,79,.11);
}
html{scroll-padding-top:86px}
body{background:var(--kvb-paper);color:var(--kvb-ink)}
.wrap{width:min(1160px,90%)}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid var(--kvb-line);box-shadow:0 8px 30px rgba(24,16,55,.06)}
.nav{min-height:78px}
.brand{font-size:18px;letter-spacing:-.3px}
.brand img{border-radius:14px;filter:drop-shadow(0 5px 12px rgba(36,19,79,.12))}
.brand small{font-size:9px;letter-spacing:1.1px;color:#77728c}
nav{gap:clamp(10px,1.6vw,22px)}
nav a{font-size:12px;letter-spacing:.15px}
a.lang{border-color:var(--kvb-line);background:#f8f7fc}

/* HERO — confident editorial layout with an unmistakable dark brand field. */
.hero{
  min-height:620px;padding:clamp(66px,8vw,112px) 0 82px;
  color:#fff;overflow:hidden;isolation:isolate;position:relative;
  background:
    radial-gradient(ellipse at 82% 18%,rgba(91,220,174,.20),transparent 34%),
    radial-gradient(ellipse at 12% 100%,rgba(242,196,91,.14),transparent 34%),
    linear-gradient(118deg,#171032 0%,#24134f 52%,#123b43 120%);
}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
.hero:before{width:560px;height:560px;right:-190px;top:-250px;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018)}
.hero:after{width:280px;height:280px;left:40%;bottom:-220px;background:rgba(242,196,91,.09);filter:blur(10px)}
.hero .wrap.hero-grid{width:min(1160px,90%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr);gap:clamp(34px,6vw,90px);align-items:center}
.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b9f2d1;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}
.hero .eyebrow:before{content:"";width:28px;height:2px;background:var(--kvb-gold);border-radius:2px}
.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.12;letter-spacing:-1px;margin:0 0 25px;text-shadow:none;max-width:760px}
.hero h1>br{display:block;content:"";margin-top:12px}
.hero h1 .splitflap-line{display:inline-flex;max-width:100%;vertical-align:middle}
.hero h1 .split-flap-text{font-size:clamp(22px,3.45vw,43px)!important;gap:clamp(2px,.34vw,5px)!important;letter-spacing:.015em;--split-flap-gap:4px;--split-flap-radius:5px}
.hero h1 .split-flap-text__tile{width:.72em;height:1.02em;border-radius:5px;background:linear-gradient(180deg,#30304a,#171528);box-shadow:0 4px 0 rgba(0,0,0,.25),0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.15)}
.hero h1 .split-flap-text__tile:before{background:rgba(255,255,255,.13);box-shadow:none;height:1px}
.hero h1 .split-flap-text__char{font-size:1em;color:#fff!important;-webkit-text-fill-color:#fff!important}
.hero h1 .splitflap-accent .split-flap-text__tile{background:linear-gradient(180deg,#75551e,#3d2c13);box-shadow:0 4px 0 rgba(0,0,0,.28),0 9px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,224,155,.22)}
.hero h1 .splitflap-accent .split-flap-text__char{color:#ffe2a0!important;-webkit-text-fill-color:#ffe2a0!important}
.hero .lead{font-size:clamp(16px,1.55vw,19px);line-height:1.75;color:rgba(255,255,255,.78);max-width:650px;margin:0}
.hero .actions{gap:12px;margin:28px 0 18px}
.hero .actions .btn{min-height:54px;padding:0 22px;border-radius:999px;font-size:14px}
.hero .btn.primary{background:linear-gradient(135deg,#b9f2d1,#61d49a);color:#102c22;box-shadow:0 12px 28px rgba(40,200,126,.22)}
.hero .btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}
.hero .trust{font-size:12px;line-height:1.7;color:rgba(255,255,255,.64);font-weight:600}
.hero-card{padding:clamp(24px,3vw,36px);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.23);box-shadow:0 28px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);transform:none}
.hero-card:after{width:240px;height:240px;right:-130px;top:-135px;background:rgba(185,242,209,.13)}
.logo-card{width:104px;height:104px;border-radius:24px;margin-bottom:22px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.hero-card .trust{position:relative;z-index:1;font-size:12px;line-height:1.7;color:rgba(255,255,255,.82)}
.hero-card .quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:23px 0}
.hero-card .quick a{min-height:44px;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.17);font-size:11px;transition:background .2s,transform .2s}
.hero-card .quick a:hover{background:rgba(185,242,209,.18);transform:translateY(-2px)}
.hero-card .mini{padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.64)}
.hero-card .mini strong{display:block;margin-top:3px;color:#fff;font-size:30px;letter-spacing:-.5px}

/* Trust band: make the proof feel deliberate, not like a detached paragraph. */
.clients{padding:clamp(38px,5vw,62px) 0;background:#fff;border-bottom:1px solid var(--kvb-line)}
.clients-grid{gap:clamp(26px,6vw,76px)}
.big strong{font-size:clamp(78px,11vw,126px);color:var(--kvb-green);letter-spacing:-6px}
.big span{font-size:17px;color:var(--kvb-violet)}
.clients h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1px}
.clients p{line-height:1.75}

/* Services — rich but consistent cards; keep the existing swipe carousel. */
#services{padding-top:clamp(64px,8vw,96px);padding-bottom:clamp(64px,8vw,96px)}
#services .section-head{max-width:700px;margin-bottom:26px}
#services .section-head h2,#how .section-head h2,#business .section-head h2,#about h2,#locations .section-head h2,#tools .section-head h2,.faq .section-head h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;line-height:1.08;color:var(--kvb-violet)}
#services .section-head p{font-size:14px;line-height:1.7;color:#716d82}
.tiles-carousel{gap:10px;margin-top:34px}
.tiles-carousel .tiles{gap:16px;padding:14px 5px 26px}
.tiles-carousel .tile{flex:0 0 calc((100% - 48px)/4);min-height:210px;padding:25px 18px 22px;align-items:flex-start;text-align:left;justify-content:space-between;border-radius:22px;border:1px solid rgba(36,19,79,.08);background:#fff!important;color:var(--kvb-ink);box-shadow:0 12px 30px rgba(25,19,55,.07),inset 0 1px 0 #fff;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.tiles-carousel .tile:before{height:4px;inset:0 0 auto;border-radius:22px 22px 0 0;background:var(--tile-accent,#16834b);opacity:1}
.tiles-carousel .tile:after{display:none}
.tiles-carousel .tile .tile-ico{width:54px;height:54px;border-radius:17px;background:color-mix(in srgb,var(--tile-accent,#16834b) 11%,white);border:1px solid color-mix(in srgb,var(--tile-accent,#16834b) 18%,white);box-shadow:none}
.tiles-carousel .tile .tile-ico svg{width:26px;height:26px;color:var(--tile-accent,#16834b)}
.tiles-carousel .tile b{font-size:18px;line-height:1.2;letter-spacing:-.3px;color:var(--kvb-violet)}
.tiles-carousel .tile small{font-size:12px;line-height:1.45;color:#777286;opacity:1}
.tiles-carousel .tile--gst{--tile-accent:#16834b}
.tiles-carousel .tile--itr{--tile-accent:#376bd5}
.tiles-carousel .tile--fssai{--tile-accent:#d87925}
.tiles-carousel .tile--msme{--tile-accent:#8250c6}
.tiles-carousel .tile--tm{--tile-accent:#bb4d48}
.tiles-carousel .tile--pan{--tile-accent:#168d91}
.tiles-carousel .tile--dsc{--tile-accent:#5b5bc9}
.tiles-carousel .tile--business{--tile-accent:#a47a22}
.tiles-carousel .tile:hover,.tiles-carousel .tile:focus-visible{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tile-accent,#16834b) 34%,white);box-shadow:0 22px 42px rgba(25,19,55,.13)}
.tiles-arrow{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--kvb-line);border-radius:50%;background:#fff;color:var(--kvb-violet);font-size:25px;box-shadow:0 6px 18px rgba(25,19,55,.08)}

/* How it works — connected numbered process. */
#how{position:relative;background:linear-gradient(180deg,#f0f2fa,#f8f9fc);overflow:hidden}
#how .section-head{margin-bottom:36px}
#how .steps{position:relative;gap:20px}
#how .steps:before{content:"";position:absolute;left:16%;right:16%;top:35px;height:2px;background:linear-gradient(90deg,#c7d8ce,#d9cba8);z-index:0}
#how .step{position:relative;z-index:1;padding:30px 26px;border:1px solid rgba(36,19,79,.08);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 36px rgba(25,19,55,.07)}
#how .step b{width:48px;height:48px;margin-bottom:24px;background:linear-gradient(135deg,#1b8b51,#11643b);box-shadow:0 8px 18px rgba(22,131,75,.22);font-size:17px}
#how .step h3{font-size:19px;letter-spacing:-.4px}
#how .step p{font-size:14px;line-height:1.7}
#how .how-cta{margin-top:30px}
#how .how-cta .btn{min-height:50px;padding:0 23px;border-radius:999px}

/* Who we help + about: give the information room to breathe. */
#business .chips{gap:10px}
#business .chips span{padding:10px 15px;border:1px solid var(--kvb-line);border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(25,19,55,.035);font-size:13px}
#business .newbiz{margin-top:30px;padding:clamp(25px,4vw,42px);border-radius:26px;background:linear-gradient(125deg,#211344,#342064 62%,#155342);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 54px rgba(36,19,79,.16)}
#business .newbiz h3{font-size:clamp(24px,3vw,34px);letter-spacing:-.8px}
#business .newbiz p{max-width:660px;line-height:1.7;color:rgba(255,255,255,.78)}
#business .newbiz .btn{border-radius:999px;min-height:50px}
#about .about-grid{gap:clamp(32px,6vw,78px);align-items:center}
#about .about-grid>div:first-child p{max-width:620px;line-height:1.8;color:#69657b}
#about .about-points>div{padding:22px;border:1px solid var(--kvb-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(25,19,55,.055)}
#about .about-points b{color:var(--kvb-violet)}
#about .about-points span{color:#777286;line-height:1.6}

/* Consultation — a distinct conversion destination, not another generic panel. */
#contact.contact{padding:clamp(64px,8vw,100px) 0 86px;background:linear-gradient(125deg,#171032,#24134f 55%,#123b43);color:#fff}
#contact .contact-grid{grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);gap:clamp(32px,6vw,84px);align-items:center}
#contact .contact-grid>div>h2{font-size:clamp(34px,4.3vw,54px);line-height:1.04;letter-spacing:-1.7px;color:#fff;max-width:500px}
#contact .contact-grid>div>p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.72);max-width:470px}
#contact .contact-line{display:block;width:max-content;max-width:100%;margin-top:28px;padding:20px 24px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#contact .contact-line strong{font-size:19px;color:#fff}
#contact .contact-line a{font-size:22px;color:#b9f2d1;font-weight:850;text-decoration:none}
#contact .contact-box{padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.8);border-radius:26px;background:#fff;color:var(--kvb-ink);box-shadow:0 28px 65px rgba(0,0,0,.25)}
#contact .contact-box label{font-size:12px;letter-spacing:.25px;color:#514b67}
#contact .contact-box :is(input,select,textarea){min-height:48px;padding:12px 14px;border:1px solid #e0deea;border-radius:12px;background:#fafaff;color:var(--kvb-ink);font:inherit}
#contact .contact-box textarea{min-height:100px}
#contact .contact-box :is(input,select,textarea):focus{outline:none;border-color:#16834b;box-shadow:0 0 0 4px rgba(22,131,75,.12);background:#fff}
#contact .contact-box .btn{min-height:54px;border-radius:14px;background:linear-gradient(135deg,#16834b,#0e6639);color:#fff;box-shadow:0 10px 22px rgba(22,131,75,.2)}
#contact .contact-box .btn span{color:#fff}
.mbar{box-shadow:0 -8px 26px rgba(18,12,42,.16)}
.mbar a{min-height:56px;background:#16834b}
.mbar a+a{background:#24134f}
.floating-wa{background:#16834b}

/* Responsive layout: preserve the hierarchy on phones and avoid tiny split-flap tiles. */
@media(max-width:900px){
  .hero{min-height:0;padding:64px 0 56px}
  .hero .wrap.hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-copy{max-width:760px}
  .hero-card{max-width:560px}
  #contact .contact-grid{grid-template-columns:1fr;gap:28px}
  #how .steps:before{left:24px;right:auto;top:36px;bottom:36px;width:2px;height:auto}
  #how .step{padding:24px 24px 24px 88px;min-height:132px}
  #how .step b{position:absolute;left:22px;top:24px;margin:0}
}
@media(max-width:700px){
  .wrap{width:90%}
  .nav{min-height:66px}
  .brand{font-size:15px}
  .brand img{width:44px;height:44px}
  .hero{padding:48px 0 42px}
  .hero .wrap.hero-grid{gap:24px}
  .hero .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:16px}
  .hero h1{margin-bottom:20px;line-height:1.2}
  .hero h1 .split-flap-text{font-size:clamp(14px,3.8vw,20px)!important;gap:1px!important}
  .hero h1 .split-flap-text__tile{width:.72em;height:1.05em;border-radius:3px}
  .hero h1>br{margin-top:8px}
  .hero .lead{font-size:15px;line-height:1.7}
  .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 14px}
  .hero .actions .btn{min-width:0;min-height:50px;padding:0 10px;font-size:12px;white-space:nowrap}
  .hero .trust{font-size:11px}
  .hero-card{padding:21px;border-radius:22px}
  .logo-card{width:78px;height:78px;border-radius:18px}
  .logo-card img{width:68px;height:68px}
  .hero-card .quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:17px 0}
  .hero-card .quick a{font-size:10px;min-height:40px}
  .hero-card .mini strong{font-size:26px}
  .clients{padding:36px 0}
  .clients-grid{grid-template-columns:1fr;gap:22px}
  .big strong{font-size:82px}
  #services .section-head h2,#how .section-head h2,#business .section-head h2,#about h2,#locations .section-head h2,#tools .section-head h2,.faq .section-head h2{font-size:32px}
  .tiles-carousel{gap:6px}
  .tiles-carousel .tiles{gap:12px;padding:12px 3px 22px}
  .tiles-carousel .tile{flex:0 0 72%;min-height:190px;padding:21px 18px;border-radius:20px}
  .tiles-arrow{width:34px;height:34px;flex-basis:34px;font-size:20px}
  #how .steps{gap:13px}
  #how .step{padding:20px 18px 20px 82px;min-height:126px}
  #how .step b{left:18px;top:20px}
  #business .newbiz{padding:23px;border-radius:22px}
  #business .newbiz .btn{width:100%}
  #contact.contact{padding:54px 0 74px}
  #contact .contact-grid>div>h2{font-size:36px}
  #contact .contact-line{width:100%;padding:17px 18px}
  #contact .contact-line a{font-size:20px}
  #contact .contact-box{padding:20px;border-radius:21px}
}
@media(max-width:380px){
  .hero h1 .split-flap-text{font-size:13px!important}
  .hero .actions .btn{font-size:11px}
  .tiles-carousel .tile{flex-basis:78%}
}
@media(prefers-reduced-motion:reduce){
  .hero:before{display:none}
  .tiles-carousel .tile,.hero .btn{transition:none}
  .tiles-carousel .tile:hover,.tiles-carousel .tile:focus-visible{transform:none}
}


/* Visual QA pass from the live mobile screenshots: reduce headline glare
   and make the compact hero card feel lighter without hiding any actions. */
.hero h1 .split-flap-text__tile{
  box-shadow:0 2px 0 rgba(0,0,0,.22),0 4px 9px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.hero h1 .split-flap-text__char{
  text-shadow:0 1px 2px rgba(0,0,0,.24)!important;
}
.hero h1 .splitflap-accent .split-flap-text__tile{
  box-shadow:0 2px 0 rgba(0,0,0,.22),0 4px 9px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,224,155,.16)!important;
}
.hero-card{box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.18)}
.hero-card .quick a{background:rgba(255,255,255,.055)}
@media(max-width:900px){
  .hero{padding-top:52px;padding-bottom:44px}
  .hero .wrap.hero-grid{gap:22px}
  .hero-card{padding:22px 24px}
  .hero-card .quick{margin:15px 0;gap:7px}
  .hero-card .mini{padding-top:14px}
}
@media(max-width:700px){
  .hero-card{padding:18px;border-radius:20px}
  .logo-card{width:68px;height:68px;margin-bottom:14px}
  .logo-card img{width:60px;height:60px}
  .hero-card .quick{margin:13px 0;gap:6px}
  .hero-card .quick a{font-size:10px;min-height:38px;padding:6px 2px}
  .hero-card .mini strong{font-size:24px}
  #services{padding-top:54px;padding-bottom:54px}
  #how{padding-top:54px;padding-bottom:54px}
  #business{padding-top:54px;padding-bottom:54px}
  .tiles-carousel .tiles{padding-left:8px;padding-right:8px}
  .tiles-carousel .tile{flex-basis:78%;min-height:176px}
}
@media(prefers-reduced-motion:reduce){
  .hero-card .quick a{transition:none}
}


/* Editorial illustrations: use existing KVB service artwork, not stock photos.
   Fill the formerly empty 300+ proof band and give About a visual anchor. */
.clients-grid{align-items:center}
.clients-grid>.big{min-width:0}
.clients .proof-visual{width:min(100%,340px);height:154px;margin-top:16px;border-radius:20px;overflow:hidden;border:1px solid rgba(36,19,79,.09);background:linear-gradient(135deg,#edf8f2,#ede8fa);box-shadow:0 12px 30px rgba(36,19,79,.08)}
.clients .proof-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.clients-grid>div:nth-child(2){max-width:690px}
.clients-grid>div:nth-child(2) .ticks{margin-bottom:0}
#about .about-visual{width:min(100%,540px);height:205px;margin-top:24px;overflow:hidden;border-radius:22px;border:1px solid rgba(36,19,79,.1);background:#e9eef9;box-shadow:0 14px 36px rgba(36,19,79,.08)}
#about .about-visual img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:700px){
  .clients .proof-visual{height:128px;width:100%;margin-top:12px}
  .clients-grid{gap:18px}
  #about .about-visual{height:170px;margin-top:18px}
}


/* Professional static hero headline: remove the slot-machine effect and improve clarity. */
.hero h1 .hero-title-main{display:inline;max-width:100%;font-size:clamp(32px,4.2vw,56px);font-weight:760;line-height:1.12;letter-spacing:-1.35px;color:#fff}
.hero h1 .hero-title-accent{display:inline-block;margin-top:9px;font-size:clamp(25px,3.2vw,43px);font-weight:650;line-height:1.16;letter-spacing:-.8px;color:#b9f2d1}
.hero h1>br{margin-top:10px}
.image-credit{display:block;padding:7px 11px;background:rgba(20,16,40,.76);color:#fff!important;font-size:10px;line-height:1.3;text-decoration:none}
.image-credit:hover{text-decoration:underline}
.clients .proof-visual,.about-visual{height:auto!important;position:relative}
.clients .proof-visual img{height:190px}
#about .about-visual img{height:230px}
@media(max-width:700px){
 .hero h1 .hero-title-main{font-size:clamp(27px,7vw,38px);letter-spacing:-.8px}
 .hero h1 .hero-title-accent{font-size:clamp(22px,5.8vw,30px);margin-top:7px}
 .clients .proof-visual img{height:155px}
 #about .about-visual img{height:180px}
}

/* WCAG AA: maintain readable text on the light hero background */
.hero h1 .hero-title-main {
  color: #172b4d !important;
  -webkit-text-fill-color: #172b4d !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.hero h1 .hero-title-accent {
  color: #087c55 !important;
  -webkit-text-fill-color: #087c55 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Location coverage: clear, tappable service-area cards with Puducherry highlighted. */

.location-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f5f7fc 0%,#eef3fb 100%);
}
.location-section:before{
  content:"";
  position:absolute;
  width:360px;height:360px;right:-180px;top:30px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(41,149,83,.10),transparent 68%);
  pointer-events:none;
}
.location-heading{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;position:relative;
}
.location-section .section-head{margin-bottom:26px}
.location-kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:12px;color:#168451;font-size:11px;font-weight:900;
  letter-spacing:1.8px;
}
.location-kicker:before{content:"";width:24px;height:2px;background:#f5a623;border-radius:9px}
.location-summary{
  display:flex;align-items:baseline;gap:8px;flex-shrink:0;
  margin-bottom:32px;padding:12px 16px;border:1px solid #dce5f1;
  border-radius:16px;background:rgba(255,255,255,.78);
  color:#64748b;font-size:12px;font-weight:750;
}
.location-summary__number{color:#168451;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1px}
.location-section .locations{
  position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.location-section .location-card{
  min-height:88px;display:flex;align-items:center;gap:14px;
  padding:16px 17px;border:1px solid #dfe6f0;border-radius:18px;
  background:rgba(255,255,255,.94);color:#24134f;text-decoration:none;
  box-shadow:0 7px 20px rgba(27,43,76,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.location-card__icon{
  width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;
  border-radius:13px;background:#edf7f1;color:#168451;
}
.location-card__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.location-card__copy{min-width:0;display:grid;gap:3px}
.location-card__copy strong{font-size:15px;line-height:1.25;font-weight:850}
.location-card__copy small{font-size:11px;line-height:1.35;color:#718096}
.location-card__arrow{
  margin-left:auto;align-self:center;color:#94a3b8;font-size:18px;
  transition:transform .2s ease,color .2s ease;
}
.location-section .location-card--featured{
  border-color:rgba(22,132,81,.35);
  background:linear-gradient(120deg,#e9f7ef,#fff 75%);
  box-shadow:0 10px 26px rgba(22,132,81,.09);
}
.location-card--featured .location-card__icon{background:#168451;color:#fff}
.location-card--featured .location-card__copy strong{color:#116b42}
.location-section .location-card:hover{
  transform:translateY(-3px);border-color:#9ccdb1;
  box-shadow:0 14px 28px rgba(27,43,76,.09);
}
.location-card:hover .location-card__arrow{transform:translate(2px,-2px);color:#168451}
.location-section .location-card:focus-visible{outline:3px solid rgba(22,132,81,.32);outline-offset:3px}
.location-note{
  position:relative;margin:20px 0 0;padding:12px 15px;
  border-left:3px solid #e7a32d;border-radius:0 10px 10px 0;
  background:rgba(255,255,255,.62);color:#64748b;font-size:12px;line-height:1.55;
}
@media(max-width:760px){
  .location-heading{align-items:flex-start}
  .location-summary{margin:0 0 25px;padding:9px 11px}
  .location-summary__number{font-size:25px}
  .location-section .locations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .location-section .location-card{min-height:78px;padding:12px;gap:10px;border-radius:15px}
  .location-card__icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .location-card__copy strong{font-size:13px}
  .location-card__copy small{font-size:10px}
}
@media(max-width:420px){
  .location-heading{display:block}
  .location-summary{display:inline-flex;margin:0 0 22px}
  .location-section .locations{gap:9px}
  .location-section .location-card{padding:11px 9px;gap:8px}
  .location-card__icon{width:32px;height:32px;flex-basis:32px}
  .location-card__copy strong{font-size:12px}
  .location-card__arrow{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .location-section .location-card,.location-card__arrow{transition:none}
  .location-section .location-card:hover{transform:none}
}

/* Location directory refinement: make the primary service area unmistakable. */
.location-section .location-card--featured{
  grid-column:span 2;
  min-height:104px;
  padding:19px 22px;
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(115deg,#172b52 0%,#203e63 58%,#126044 100%);
  box-shadow:0 15px 34px rgba(16,39,72,.16),inset 0 1px 0 rgba(255,255,255,.14);
}
.location-card--featured .location-card__icon{
  width:50px;height:50px;flex-basis:50px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.13);color:#b9f4d4;
}
.location-card--featured .location-card__copy strong{color:#fff;font-size:17px}
.location-card--featured .location-card__copy small{color:rgba(255,255,255,.76)}
.location-card--featured .location-card__arrow{color:#b9f4d4}
.location-section .location-card--featured:hover{
  border-color:rgba(185,244,212,.65);
  box-shadow:0 19px 38px rgba(16,39,72,.22);
}
@media(max-width:760px){
  .location-section .location-card--featured{grid-column:span 2;min-height:88px;padding:15px}
  .location-card--featured .location-card__icon{width:42px;height:42px;flex-basis:42px}
  .location-card--featured .location-card__copy strong{font-size:15px}
}

/* Location directory refresh — clearer hierarchy, stronger featured base, calmer cards. */
.location-section{
  background:
    radial-gradient(circle at 92% 18%,rgba(22,132,81,.075),transparent 24rem),
    linear-gradient(180deg,#f7f9fd 0%,#f1f5fb 100%);
}
.location-section .wrap{position:relative;z-index:1}
.location-heading{align-items:flex-end;gap:28px}
.location-section .section-head{max-width:760px}
.location-section .section-head h2{max-width:690px;margin-bottom:13px}
.location-section .section-head p{max-width:620px;color:#64748b;font-size:15px}
.location-summary{
  align-items:center;gap:10px;margin-bottom:30px;padding:10px 15px;
  border:1px solid rgba(22,132,81,.18);border-radius:15px;
  background:#fff;box-shadow:0 8px 22px rgba(26,44,76,.055);
}
.location-summary__number{font-size:34px;color:#168451}
.location-summary span:last-child{max-width:76px;line-height:1.25;color:#4b5870}
.location-section .locations{gap:13px}
.location-section .location-card{
  min-height:94px;padding:16px 17px;border-radius:17px;
  border:1px solid #e0e7f0;
  background:linear-gradient(145deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 8px 22px rgba(27,43,76,.055);
}
.location-card__icon{
  width:44px;height:44px;flex-basis:44px;border-radius:14px;
  background:#edf7f1;color:#168451;
}
.location-card__copy strong{font-size:15px;letter-spacing:-.2px}
.location-card__copy small{font-size:11px;color:#718096}
.location-card__arrow{
  width:29px;height:29px;display:grid;place-items:center;
  border:1px solid #e7edf4;border-radius:50%;background:#fff;
  color:#64748b;font-size:16px;
}
.location-section .location-card--featured{
  position:relative;overflow:hidden;isolation:isolate;
  border-color:#24134f;
  background:linear-gradient(118deg,#24134f 0%,#34216b 66%,#176b55 140%);
  box-shadow:0 14px 30px rgba(36,19,79,.18);
}
.location-card--featured:after{
  content:"";position:absolute;z-index:-1;width:150px;height:150px;
  right:-72px;top:-78px;border:1px solid rgba(255,255,255,.16);
  border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.035),0 0 0 38px rgba(255,255,255,.025);
}
.location-card--featured .location-card__icon{
  background:rgba(255,255,255,.14);color:#a8f0cb;
  border:1px solid rgba(255,255,255,.18);
}
.location-card--featured .location-card__copy strong{color:#fff}
.location-card--featured .location-card__copy small{color:#d9d5ee}
.location-card--featured .location-card__arrow{
  border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;
}
.location-section .location-card:hover{
  transform:translateY(-3px);border-color:#9ccdb1;
  box-shadow:0 15px 30px rgba(27,43,76,.10);
}
.location-section .location-card--featured:hover{border-color:#4d9879;box-shadow:0 18px 34px rgba(36,19,79,.22)}
.location-card--featured:hover .location-card__arrow{background:#fff;color:#168451}
.location-note{
  margin-top:22px;padding:13px 16px;border:1px solid #e6eaf1;
  border-left:3px solid #e7a32d;border-radius:12px;
  background:rgba(255,255,255,.76);color:#68758a;
}
@media(max-width:760px){
  .location-heading{align-items:flex-start;gap:8px}
  .location-section .section-head{margin-bottom:18px}
  .location-section .section-head h2{max-width:560px;font-size:clamp(28px,7vw,38px)}
  .location-section .section-head p{font-size:14px}
  .location-summary{margin:0 0 20px}
  .location-section .locations{gap:10px}
  .location-section .location-card{min-height:82px;padding:12px 11px}
}
@media(max-width:420px){
  .location-section .locations{gap:9px}
  .location-section .location-card{min-height:78px;padding:10px 9px;gap:8px}
  .location-card__icon{width:34px;height:34px;flex-basis:34px}
  .location-card__copy strong{font-size:12px}
  .location-card__copy small{font-size:9px}
  .location-card__arrow{width:25px;height:25px;font-size:14px}
}


/* Mobile QA: remove repeated brand and trust details from the hero card.
   The header and hero copy already provide these; keep service shortcuts and contact. */
@media(max-width:700px){
  .hero-card>.logo-card,
  .hero-card>p.trust{display:none}
  .hero-card{padding:16px 18px}
  .hero-card .quick{margin:4px 0 13px}
  .hero-card .mini{padding-top:12px}
}


/* Responsive layout correction: the trust grid must stack on phones and narrow tablets. */
@media(max-width:900px){
  .clients-grid{grid-template-columns:minmax(0,1fr)!important;align-items:start}
  .clients-grid>div,.clients-grid>div:nth-child(2){min-width:0;max-width:100%}
  .clients .big{min-width:0;width:100%}
  .clients .proof-visual{width:100%;max-width:100%;overflow:hidden}
  .location-heading{min-width:0;max-width:100%;display:block}
  .location-section .section-head,
  .location-section .section-head h2,
  .location-section .section-head p{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .location-section .locations{width:100%;min-width:0}
  .location-section .location-card{min-width:0}
  .location-card__copy{min-width:0;overflow-wrap:anywhere}
  #about .about-grid{grid-template-columns:minmax(0,1fr)!important}
  #about .about-grid>*{min-width:0;max-width:100%}
}
@media(max-width:420px){
  .clients-grid{gap:22px}
  .big strong{letter-spacing:-3px}
}


/* Keep photo credits accessible in the page markup without repeating visible overlays. */
.image-credit{display:none!important}

/* Who-we-help chips that link to their own pages */
#business .chips a{display:block;color:inherit;text-decoration:none;border-radius:999px}
#business .chips a span{display:block}
#business .chips a:hover span{border-color:#29135e}
#business .chips a:focus-visible{outline:2px solid #29135e;outline-offset:3px}


/* Professional services layout: expose every service in a stable responsive grid.
   A static grid is easier to scan and avoids hiding services behind carousel controls. */
#services .tiles-carousel {
  display: block !important;
  width: 100%;
  min-width: 0;
  margin-top: 24px;
  padding: 0;
  overflow: visible;
}
#services #serviceTiles.tiles {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(220px, auto);
  gap: 18px;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  transform: none !important;
}
#services #serviceTiles > .tile {
  display: flex;
  flex: initial;
  width: auto;
  min-width: 0;
  min-height: 220px;
  height: 100%;
  grid-column: auto;
  grid-row: auto;
}
#services .tiles-carousel > .tiles-arrow,
#services .tiles-carousel > .liquid-pagination,
#services .tiles-carousel > .bento-carousel-controls {
  display: none !important;
}
@media (max-width: 1000px) {
  #services #serviceTiles.tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(190px, auto);
    gap: 15px;
  }
  #services #serviceTiles > .tile { min-height: 190px; }
}
@media (max-width: 560px) {
  #services #serviceTiles.tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(168px, auto);
    gap: 12px;
  }
  #services #serviceTiles > .tile {
    min-height: 168px;
    padding: 16px 13px;
    border-radius: 18px;
  }
  #services #serviceTiles > .tile .tile-ico {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }
  #services #serviceTiles > .tile b {
    font-size: 15px;
    line-height: 1.25;
  }
  #services #serviceTiles > .tile small {
    font-size: 11px;
    line-height: 1.45;
  }
}
@media (max-width: 360px) {
  #services #serviceTiles.tiles { gap: 9px; }
  #services #serviceTiles > .tile { padding: 14px 10px; }
}

/* Designmodo-inspired refinement: consistent rhythm, typography and interaction.
   Keep the implementation native CSS; do not import the Slides framework or jQuery. */
:root{
  --kvb-content-width:1160px;
  --kvb-section-space:clamp(56px,7vw,92px);
  --kvb-space-1:4px;
  --kvb-space-2:8px;
  --kvb-space-3:12px;
  --kvb-space-4:16px;
  --kvb-space-5:24px;
  --kvb-space-6:32px;
  --kvb-space-7:48px;
  --kvb-radius-sm:12px;
  --kvb-radius-md:18px;
  --kvb-radius-lg:26px;
  --kvb-shadow-soft:0 8px 24px rgba(25,19,55,.06);
  --kvb-shadow-raised:0 18px 38px rgba(25,19,55,.11);
  --kvb-focus-ring:0 0 0 4px rgba(22,131,75,.16);
}
html{scroll-padding-top:96px;scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.wrap{width:min(var(--kvb-content-width),90%)}
:is(h1,h2,h3,h4,.section-head p,.lead){text-wrap:pretty}
:is(h1,h2,h3){line-height:1.14}
:is(#services,#how,#business,#about,#locations,#tools,.faq,#contact){scroll-margin-top:100px}
:is(#services,#how,#business,#about,#locations,#tools,.faq){padding-block:var(--kvb-section-space)}
:is(.btn,.lang,.tiles-carousel .tile,.location-card,.step,.about-points>div){-webkit-tap-highlight-color:transparent}
:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #16834b;outline-offset:3px}
:is(.btn,.lang,.tiles-carousel .tile,.location-card,.step,.about-points>div){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.tiles-carousel .tile{border-radius:var(--kvb-radius-md);box-shadow:var(--kvb-shadow-soft)}
.tiles-carousel .tile:hover,.tiles-carousel .tile:focus-visible{box-shadow:var(--kvb-shadow-raised)}
#how .step{border-radius:var(--kvb-radius-md);box-shadow:var(--kvb-shadow-soft)}
#about .about-points>div{border-radius:var(--kvb-radius-md);box-shadow:var(--kvb-shadow-soft)}
#business .chips a span{transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
#business .chips a:hover span{background:#f2fbf5;border-color:rgba(22,131,75,.35);transform:translateY(-2px)}
#contact .contact-box :is(input,select,textarea){width:100%;max-width:100%;font-size:16px}
#contact .contact-box :is(input,select,textarea):focus-visible{outline:0;border-color:#16834b;box-shadow:var(--kvb-focus-ring)}
#contact .contact-box .btn{width:100%;min-height:52px}
.topbar{padding-top:env(safe-area-inset-top)}
.mbar{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:700px){
  :root{--kvb-section-space:54px}
  body{font-size:15px}
  .wrap{width:90%}
  #contact .contact-box :is(input,select,textarea){min-height:50px}
}
@media(hover:none){
  .tiles-carousel .tile:hover,.location-section .location-card:hover,#business .chips a:hover span{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  :is(.btn,.lang,.tiles-carousel .tile,.location-card,.step,.about-points>div){transition:none!important}
}


/* KVB homepage redesign v2 — visible conversion-focused refresh. */
:root{
  --kvb-ink:#17233a;
  --kvb-violet:#172b4d;
  --kvb-violet-2:#24446a;
  --kvb-green:#087c55;
  --kvb-mint:#dff7eb;
  --kvb-gold:#e5ad3d;
  --kvb-paper:#f6f8f7;
}
body{background:#f6f8f7;color:#17233a}
.topbar{background:#fff;border-bottom:1px solid #e5ebe7;box-shadow:0 5px 24px rgba(18,43,38,.06)}
.nav{min-height:82px}
.brand{color:#172b4d}
.brand b{color:#087c55}
nav a{font-weight:650;color:#26364b}
nav a:hover{color:#087c55}
a.lang{border:1px solid #dce9e1;background:#f4faf6;color:#087c55;font-weight:750}

/* A light, high-contrast hero replaces the previous dark-on-dark treatment. */
.hero{
  min-height:590px;padding:clamp(58px,7vw,94px) 0 72px;color:#17233a;
  background:
    radial-gradient(ellipse at 88% 12%,rgba(8,124,85,.13),transparent 32%),
    radial-gradient(ellipse at 12% 100%,rgba(229,173,61,.13),transparent 34%),
    linear-gradient(120deg,#f5fbf7 0%,#edf6f1 54%,#f8f5eb 100%);
}
.hero:before{border-color:rgba(8,124,85,.12);box-shadow:0 0 0 38px rgba(8,124,85,.035),0 0 0 88px rgba(8,124,85,.025)}
.hero:after{background:rgba(229,173,61,.13)}
.hero .eyebrow{color:#087c55;font-weight:800;letter-spacing:1.7px}
.hero .eyebrow:before{background:#e5ad3d}
.hero h1{color:#172b4d;font-size:clamp(36px,5.1vw,66px);letter-spacing:-1.8px;line-height:1.08}
.hero h1 .hero-title-main{color:#172b4d}
.hero h1 .hero-title-accent{color:#087c55}
.hero .lead{color:#526275;max-width:640px;font-size:clamp(16px,1.45vw,19px);line-height:1.75}
.hero .trust{color:#52675d}
.hero .hero-card{
  background:#fff;color:#172b4d;border:1px solid rgba(8,124,85,.13);
  border-radius:28px;padding:clamp(24px,3vw,38px);
  box-shadow:0 28px 70px rgba(23,43,77,.13),0 3px 10px rgba(23,43,77,.04);
}
.hero .hero-card .trust{color:#526275}
.hero .logo-card{background:#f3faf6;border:1px solid #e0eee5;border-radius:22px}
.hero .quick a{background:#f1f8f4;border:1px solid #e0eee5;color:#087c55;font-weight:750}
.hero .quick a:hover{background:#e2f5e9;border-color:#b8dfc8}
.hero .mini{background:#172b4d;color:#fff;border-radius:16px}
.hero .mini strong{color:#b9f2d1}
.hero .actions{gap:12px}
.hero .actions .btn{min-height:54px;border-radius:12px;font-weight:750;box-shadow:0 8px 20px rgba(23,43,77,.09)}
.hero .actions .btn.primary{background:#087c55;border-color:#087c55;color:#fff}
.hero .actions .btn.primary:hover{background:#066746}
.hero .actions .btn.secondary{background:#fff;border:1px solid #d7e4dc;color:#172b4d}
.hero-illustration{opacity:.07;mix-blend-mode:multiply}
.clients{background:#172b4d;color:#fff;padding:38px 0}
.clients .big strong{color:#b9f2d1}
.clients .big span,.clients p,.clients-grid{color:rgba(255,255,255,.84)}
.clients .proof-visual{border-color:rgba(255,255,255,.15)}
.section{background:#fff}
.section.alt{background:#f0f6f2}
.section-head{max-width:760px;margin-bottom:34px}
.section-head h2,.about-grid h2{color:#172b4d;font-size:clamp(28px,3.5vw,42px);letter-spacing:-1px}
.section-head p{color:#637184}
#services{background:#f6f8f7}
#services #serviceTiles>.tile{
  position:relative;overflow:hidden;align-items:flex-start;justify-content:flex-end;
  min-height:224px;padding:26px;background:#fff;border:1px solid #e2ebe5;
  border-radius:20px;box-shadow:0 8px 24px rgba(23,43,77,.055);
  color:#172b4d;text-decoration:none;
}
#services #serviceTiles>.tile:after{content:"";position:absolute;right:-38px;top:-48px;width:130px;height:130px;border-radius:50%;background:#e7f6ed;opacity:.9;transition:transform .25s ease}
#services #serviceTiles>.tile:hover{transform:translateY(-5px);border-color:#b7ddc6;box-shadow:0 18px 36px rgba(23,43,77,.11)}
#services #serviceTiles>.tile:hover:after{transform:scale(1.2)}
#services #serviceTiles>.tile .tile-ico{position:relative;z-index:1;width:54px;height:54px;border-radius:16px;background:#e8f7ee;color:#087c55;margin-bottom:auto}
#services #serviceTiles>.tile b{position:relative;z-index:1;color:#172b4d;font-size:18px}
#services #serviceTiles>.tile small{position:relative;z-index:1;color:#667587;font-size:13px}
#business .chips a span{background:#fff;border:1px solid #e0e9e3;color:#34465a}
#business .chips a:hover span{background:#eaf7ef;border-color:#b8dfc8}
#locations{background:#fff}
.location-card{border:1px solid #e1ebe4;background:#f9fcfa;border-radius:18px}
.location-card:hover{border-color:#a9d8bc;box-shadow:0 14px 30px rgba(23,43,77,.08)}
#about{background:#f0f6f2}
#about .about-points>div{background:#fff;border:1px solid #e1ebe4}
#contact{background:#172b4d;color:#fff;padding-block:76px}
#contact h2{color:#fff;font-size:clamp(30px,3.8vw,44px)}
#contact p,#contact .contact-line{color:rgba(255,255,255,.82)}
#contact .contact-line a{color:#b9f2d1;font-weight:800}
#contact .contact-box{background:#fff;color:#172b4d;border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 24px 55px rgba(0,0,0,.18)}
#contact .contact-box label{color:#34465a;font-weight:700}
#contact .contact-box :is(input,select,textarea){border:1px solid #dce6df;border-radius:10px;background:#fbfdfb}
#contact .contact-box .btn{background:#087c55;border-color:#087c55;border-radius:11px}
footer{background:#101f38;color:rgba(255,255,255,.8)}
footer a{color:#b9f2d1}
@media(max-width:900px){
 .hero{padding-top:54px}
 .hero .wrap.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .hero .hero-card{max-width:620px}
}
@media(max-width:700px){
 .nav{min-height:68px}
 .hero{padding:48px 0 54px;min-height:0}
 .hero h1{font-size:clamp(34px,9vw,48px);letter-spacing:-1.2px}
 .hero .hero-card{padding:22px;border-radius:22px}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr}
 .hero .actions .btn{width:100%;min-width:0;padding-inline:12px;font-size:13px}
 .hero .actions .hero-services-cta{grid-column:1/-1}
 #services #serviceTiles>.tile{min-height:178px;padding:17px 14px;border-radius:16px}
 #services #serviceTiles>.tile .tile-ico{width:43px;height:43px;border-radius:13px}
 #services #serviceTiles>.tile b{font-size:15px}
 #contact{padding-block:54px}
}
@media(prefers-reduced-motion:reduce){
 #services #serviceTiles>.tile:after{transition:none}
}


/* v2.1 screenshot QA: enforce contrast and compact mobile hero hierarchy. */
@media(max-width:700px){
  body .hero{background:linear-gradient(135deg,#f3faf6 0%,#edf6f1 58%,#fbf6e9 100%)!important;color:#17233a!important}
  body .hero .hero-card{background:#fff!important;color:#172b4d!important;border:1px solid #dcebe2!important;box-shadow:0 16px 38px rgba(23,43,77,.12)!important}
  body .hero .hero-card>.logo-card,
  body .hero .hero-card>p.trust{display:none!important}
  body .hero .hero-card .quick{margin:4px 0 13px!important}
  body .hero .hero-card .quick a{background:#f1f8f4!important;border-color:#dcebe2!important;color:#087c55!important}
  body .hero .hero-card .mini{background:#172b4d!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:13px!important}
  body .hero .hero-card .mini strong{color:#b9f2d1!important}
  body .hero .hero-copy .trust{color:#52675d!important;background:#fff!important;border:1px solid #dcebe2!important}
}
body .hero{background:linear-gradient(120deg,#f5fbf7 0%,#edf6f1 54%,#f8f5eb 100%)!important;color:#17233a!important}
body .hero h1,body .hero h1 .hero-title-main{color:#172b4d!important}
body .hero h1 .hero-title-accent{color:#087c55!important}
body .hero .lead{color:#526275!important}
body .hero .eyebrow{color:#087c55!important}
body .hero .hero-card{background:#fff!important;color:#172b4d!important}
body .hero .hero-card .trust{color:#526275!important}
body .hero .hero-card .quick a{color:#087c55!important}
body .clients h2,body .clients h2 *,body .clients-grid>div:nth-child(2) h2{color:#fff!important}
body .clients p,body .clients li,body .clients .ticks,body .clients .ticks li{color:rgba(255,255,255,.88)!important}
body .clients .ticks li:before{color:#70d69e!important}
body .clients .big strong{color:#b9f2d1!important}