/* KITSPAN visual unification v6
   Applies only to explicitly tagged inner pages. Homepage is intentionally untouched. */

.solution-v6,.customization-v6,.guide-v6{
  --v6-navy:#0b2d5b;
  --v6-ink:#10233d;
  --v6-teal:#08cbb1;
  --v6-teal-dark:#008f7c;
  --v6-mist:#f3f8fa;
  --v6-soft:#eef6f8;
  --v6-line:rgba(11,45,91,.10);
  --v6-shadow:0 18px 46px rgba(7,29,56,.09);
}

/* ---------- Shared solution / customization hero ---------- */
.solution-v6 .hero,
.customization-v6 .hero{
  min-height:0!important;
  height:auto!important;
  padding:58px 0 68px!important;
  background:linear-gradient(135deg,#f9fbfc 0%,#eef7f8 60%,#e8f3f5 100%)!important;
  color:var(--v6-ink)!important;
  overflow:hidden;
  border-bottom:1px solid var(--v6-line);
}
.solution-v6 .hero:before,
.solution-v6 .hero:after,
.customization-v6 .hero:before,
.customization-v6 .hero:after{display:none!important}

.solution-v6 .hero>.container,
.customization-v6 .hero>.container{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;
  gap:56px!important;
  align-items:center!important;
  position:relative!important;
}
.solution-v6 .hero>.container:after,
.customization-v6 .hero>.container:after{
  content:"";
  display:block;
  height:440px;
  border-radius:22px;
  background-image:linear-gradient(180deg,rgba(4,22,38,.02),rgba(4,22,38,.12)),var(--hero);
  background-position:center;
  background-size:cover;
  box-shadow:var(--v6-shadow);
  border:1px solid rgba(11,45,91,.08);
}
.solution-v6 .hero .copy,
.customization-v6 .hero .copy{
  max-width:660px!important;
  width:auto!important;
  padding:12px 0!important;
  position:relative!important;
  z-index:2;
}
.solution-v6 .hero .eyebrow,
.customization-v6 .hero .eyebrow{
  color:var(--v6-teal-dark)!important;
  text-shadow:none!important;
  margin-bottom:15px!important;
}
.solution-v6 .hero .h1,
.customization-v6 .hero .h1{
  color:var(--v6-navy)!important;
  font-size:clamp(46px,4.45vw,70px)!important;
  line-height:.99!important;
  letter-spacing:-.045em!important;
  max-width:690px!important;
  margin:0 0 22px!important;
  text-shadow:none!important;
}
.solution-v6 .hero .h1 .teal,
.customization-v6 .hero .h1 .teal{color:var(--v6-navy)!important}
.solution-v6 .hero .copy>p,
.customization-v6 .hero .copy>p{
  color:#536476!important;
  font-size:18px!important;
  line-height:1.65!important;
  max-width:620px!important;
  margin:0!important;
  text-shadow:none!important;
}
.solution-v6 .hero .hero-actions,
.customization-v6 .hero .hero-actions{margin-top:28px!important;gap:12px!important;display:flex!important;flex-wrap:wrap!important}
.solution-v6 .hero .btn.outline,
.customization-v6 .hero .btn.outline{
  color:var(--v6-navy)!important;
  border-color:rgba(11,45,91,.24)!important;
  background:#fff!important;
}
.solution-v6 .hero .btn.outline:hover,
.customization-v6 .hero .btn.outline:hover{border-color:var(--v6-navy)!important}
.solution-v6 .hero .chips,
.customization-v6 .hero .chips{margin-top:28px!important;gap:8px!important}
.solution-v6 .hero .chips span,
.customization-v6 .hero .chips span{
  color:#395066!important;
  border:1px solid var(--v6-line)!important;
  background:rgba(255,255,255,.76)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
  text-shadow:none!important;
}

/* ---------- Solution page structure ---------- */
.solution-v6 .section{padding-top:72px;padding-bottom:72px}
.solution-v6 .section.soft{background:var(--v6-mist)}
.solution-v6 .section.sm{padding-top:58px;padding-bottom:58px}

.solution-v6 .value-row{
  display:grid!important;
  grid-template-columns:1.25fr repeat(3,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  border:1px solid var(--v6-line);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 9px 28px rgba(7,29,56,.04);
}
.solution-v6 .value-intro,
.solution-v6 .value{padding:30px 28px!important;border-right:1px solid var(--v6-line)}
.solution-v6 .value:last-child{border-right:0}
.solution-v6 .value-intro .h2{font-size:clamp(30px,2.7vw,42px)!important;margin:8px 0 0!important}
.solution-v6 .value .icon{color:var(--v6-teal-dark)!important;font-size:25px!important;margin-bottom:18px!important}
.solution-v6 .value .h3{font-size:22px!important;margin-bottom:8px!important}
.solution-v6 .value p{font-size:14px!important;color:#607083!important;margin:0!important}

.solution-v6 #programs .program-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
.solution-v6 #programs .program{
  display:grid!important;
  grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr)!important;
  background:#fff!important;
  border:1px solid var(--v6-line)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 9px 28px rgba(7,29,56,.05)!important;
}
.solution-v6 #programs .program>img{
  width:100%!important;
  height:100%!important;
  min-height:315px!important;
  object-fit:cover!important;
  border-radius:0!important;
  filter:saturate(.92) contrast(1.03)!important;
}
.solution-v6 #programs .program .body{padding:27px 26px!important;display:flex!important;flex-direction:column!important}
.solution-v6 #programs .program .number{color:var(--v6-teal-dark)!important;font-weight:900!important;margin-bottom:14px!important}
.solution-v6 #programs .program .h3{font-size:26px!important;margin-bottom:10px!important}
.solution-v6 #programs .program .meta{margin-top:auto!important;color:#667789!important;font-size:12px!important}
.solution-v6 #programs .program .btn{align-self:flex-start!important}

.solution-v6 .custom-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) repeat(5,minmax(85px,.55fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.solution-v6 .custom-row>div:first-child{
  background:var(--v6-mist);
  border-radius:18px;
  padding:30px!important;
  border:1px solid var(--v6-line);
}
.solution-v6 .custom-row .mini{
  background:#fff!important;
  border:1px solid var(--v6-line)!important;
  border-radius:16px!important;
  padding:22px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:165px!important;
}
.solution-v6 .custom-row .mini .sq{
  width:28px!important;height:5px!important;border-radius:99px!important;
  background:linear-gradient(90deg,var(--v6-navy),var(--v6-teal))!important;
  margin-bottom:auto!important;
}
.solution-v6 .custom-row .mini b{font-size:11px!important;letter-spacing:.06em!important;color:var(--v6-navy)!important}

.solution-v6 .story{
  max-width:1180px!important;
  margin:76px auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:0!important;
  background:var(--v6-mist)!important;
  border:1px solid var(--v6-line)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  min-height:0!important;
}
.solution-v6 .story .photo{min-height:410px!important;height:auto!important}
.solution-v6 .story .photo img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.92) contrast(1.03)!important}
.solution-v6 .story .copy{padding:48px 50px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.solution-v6 .story .copy .h2{font-size:clamp(34px,3.4vw,50px)!important;line-height:1.04!important}
.solution-v6 .story .stats{gap:28px!important;margin-top:18px!important}
.solution-v6 .story .stat strong{font-size:26px!important}

/* Extra content blocks injected by CRO / GEO scripts. */
.solution-v6 .grid .card,
.customization-v6 .grid .card{
  border-radius:18px!important;
  border-color:var(--v6-line)!important;
  box-shadow:0 7px 24px rgba(7,29,56,.045)!important;
}
.solution-v6 .grid .card .body,
.customization-v6 .grid .card .body{padding:27px 25px!important}

/* ---------- Customization page ---------- */
.customization-v6 #capabilities{background:#fff!important}
.customization-v6 #capabilities .grid{gap:20px!important}
.customization-v6 #capabilities .card{
  position:relative;
  overflow:hidden;
  min-height:190px;
}
.customization-v6 #capabilities .card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--v6-navy),var(--v6-teal));
}
.customization-v6 #capabilities .card .eyebrow{color:var(--v6-teal-dark)!important}
.customization-v6 #capabilities .card .h3{font-size:24px!important}
.customization-v6 #capabilities .card p{color:#5a6b7d!important}
.customization-v6 .process{gap:1px!important;background:var(--v6-line)!important;border:1px solid var(--v6-line)!important;border-radius:18px!important;overflow:hidden!important}
.customization-v6 .process .step{background:#fff!important;border:0!important;padding:26px 20px!important;min-height:210px!important}
.customization-v6 .process .step .n{color:var(--v6-teal-dark)!important;font-weight:900!important}

/* ---------- Unified CTA: solutions + customization ---------- */
.solution-v6 .cta,
.customization-v6 .cta{
  min-height:0!important;
  border-radius:22px!important;
  padding:44px 46px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)!important;
  gap:28px!important;
  align-items:center!important;
  background:linear-gradient(120deg,rgba(7,29,56,.98),rgba(10,47,83,.94))!important;
  box-shadow:0 16px 44px rgba(7,29,56,.13)!important;
}
.solution-v6 .cta:before,
.customization-v6 .cta:before{display:none!important}
.solution-v6 .cta .h2,
.customization-v6 .cta .h2{font-size:clamp(32px,3.2vw,48px)!important;color:#fff!important;margin-bottom:10px!important}
.solution-v6 .cta p,
.customization-v6 .cta p{color:#d9e4ea!important;max-width:700px!important}
.solution-v6 .cta .right,
.customization-v6 .cta .right{text-align:right!important}

/* ---------- Buyer guide reading + CTA ---------- */
.guide-v6 main>.section.soft:first-child{
  background:linear-gradient(180deg,#f7fbfc,#eff7f8)!important;
  border-bottom:1px solid var(--v6-line);
}
.guide-v6 main>.section.soft:first-child .h1{
  font-size:clamp(44px,5vw,66px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  color:var(--v6-navy)!important;
}
.guide-v6 main>.section:not(.soft)>.container{line-height:1.68}
.guide-v6 main>.section:not(.soft)>.container>.h2{margin-top:42px}
.guide-v6 .faq details{
  border:1px solid var(--v6-line)!important;
  border-radius:14px!important;
  padding:0 18px!important;
  margin:10px 0!important;
  background:#fff!important;
}
.guide-v6 .cta{
  min-height:0!important;
  margin-top:50px!important;
  border-radius:20px!important;
  padding:38px 40px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr)!important;
  gap:28px!important;
  align-items:center!important;
  background:linear-gradient(125deg,#0a294d,#123e67)!important;
  box-shadow:0 14px 38px rgba(7,29,56,.12)!important;
}
.guide-v6 .cta:before{display:none!important}
.guide-v6 .cta .h2{font-size:clamp(30px,3vw,44px)!important;color:#fff!important;line-height:1.05!important}
.guide-v6 .cta p{color:#dce6ec!important}
.guide-v6 .cta .right{text-align:right!important}

@media(max-width:1100px){
  .solution-v6 .hero>.container,
  .customization-v6 .hero>.container{grid-template-columns:1fr!important;gap:34px!important}
  .solution-v6 .hero>.container:after,
  .customization-v6 .hero>.container:after{height:420px;max-width:820px}
  .solution-v6 .value-row{grid-template-columns:1fr 1fr!important}
  .solution-v6 .value-intro,.solution-v6 .value{border-bottom:1px solid var(--v6-line)}
  .solution-v6 #programs .program-strip{grid-template-columns:1fr!important}
  .solution-v6 .custom-row{grid-template-columns:repeat(3,1fr)!important}
  .solution-v6 .custom-row>div:first-child{grid-column:1/4}
}

@media(max-width:760px){
  .solution-v6 .hero,.customization-v6 .hero{padding:38px 0 48px!important}
  .solution-v6 .hero .h1,.customization-v6 .hero .h1{font-size:46px!important}
  .solution-v6 .hero>.container:after,.customization-v6 .hero>.container:after{height:320px;border-radius:17px}
  .solution-v6 .value-row{grid-template-columns:1fr!important}
  .solution-v6 .value-intro,.solution-v6 .value{border-right:0!important}
  .solution-v6 #programs .program{grid-template-columns:1fr!important}
  .solution-v6 #programs .program>img{min-height:0!important;height:240px!important}
  .solution-v6 .custom-row{grid-template-columns:1fr 1fr!important}
  .solution-v6 .custom-row>div:first-child{grid-column:1/3}
  .solution-v6 .story{grid-template-columns:1fr!important;margin:50px 18px!important}
  .solution-v6 .story .photo{min-height:0!important;height:290px!important}
  .solution-v6 .story .copy{padding:34px 28px!important}
  .solution-v6 .cta,.customization-v6 .cta,.guide-v6 .cta{grid-template-columns:1fr!important;padding:34px 28px!important}
  .solution-v6 .cta .right,.customization-v6 .cta .right,.guide-v6 .cta .right{text-align:left!important}
}

@media(max-width:520px){
  .solution-v6 .hero .h1,.customization-v6 .hero .h1{font-size:40px!important}
  .solution-v6 .custom-row{grid-template-columns:1fr!important}
  .solution-v6 .custom-row>div:first-child{grid-column:auto}
}