/* Section Tabs V1 — 4 vertical tabs in a 2×2 grid */
.section-tabs-shell{
  position:relative;
  padding:78px 0 88px;
  background:linear-gradient(180deg,#f7fcff 0%,#fff9f1 50%,#f7fbff 100%);
  overflow:hidden;
}
.section-tabs-shell:before,.section-tabs-shell:after{
  content:'';position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)
}
.section-tabs-shell:before{width:360px;height:360px;left:-150px;top:120px;background:radial-gradient(circle,rgba(196,235,255,.58),transparent 70%)}
.section-tabs-shell:after{width:420px;height:420px;right:-180px;bottom:70px;background:radial-gradient(circle,rgba(255,224,183,.42),transparent 70%)}
.section-tabs-wrap{width:min(1180px,calc(100% - 30px));margin:auto;position:relative;z-index:2}
.section-tabs-head{text-align:center;max-width:760px;margin:0 auto 30px}
.section-tabs-head .eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e4eef4;box-shadow:0 7px 18px rgba(44,89,119,.08);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#25875a}
.section-tabs-head h2{font-family:'Baloo 2',sans-serif;font-size:clamp(34px,4vw,50px);line-height:1.06;color:#173f69;margin:10px 0 8px;letter-spacing:-.025em}
.section-tabs-head p{margin:0;color:#678298;font-size:15px;line-height:1.7}
.section-tabs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 auto 24px}
.section-tab-button{
  position:relative;min-height:176px;padding:22px 24px;border:4px solid #fff;border-radius:30px;
  display:grid;grid-template-columns:70px 1fr 36px;align-items:center;gap:18px;text-align:left;cursor:pointer;
  background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 18px 38px rgba(39,86,118,.11);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  font-family:'Nunito',sans-serif;color:#173f69;overflow:hidden
}
.section-tab-button:before{content:'';position:absolute;inset:0;opacity:.75;pointer-events:none}
.section-tab-button:nth-child(1):before{background:radial-gradient(circle at 12% 20%,#d9f1ff 0 20%,transparent 42%)}
.section-tab-button:nth-child(2):before{background:radial-gradient(circle at 12% 20%,#daf7df 0 20%,transparent 42%)}
.section-tab-button:nth-child(3):before{background:radial-gradient(circle at 12% 20%,#fff0c8 0 20%,transparent 42%)}
.section-tab-button:nth-child(4):before{background:radial-gradient(circle at 12% 20%,#eadfff 0 20%,transparent 42%)}
.section-tab-button>*{position:relative;z-index:1}
.section-tab-button:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(39,86,118,.16)}
.section-tab-button.active{transform:translateY(-4px);border-color:#fff;box-shadow:0 26px 56px rgba(34,88,121,.18)}
.section-tab-button.active:nth-child(1){background:linear-gradient(145deg,#e8f7ff,#fff)}
.section-tab-button.active:nth-child(2){background:linear-gradient(145deg,#eafbee,#fff)}
.section-tab-button.active:nth-child(3){background:linear-gradient(145deg,#fff6dc,#fff)}
.section-tab-button.active:nth-child(4){background:linear-gradient(145deg,#f2ecff,#fff)}
.section-tab-icon{width:70px;height:70px;border-radius:23px;display:grid;place-items:center;font-size:34px;background:#fff;box-shadow:0 10px 22px rgba(43,86,114,.1)}
.section-tab-copy b{display:block;font-family:'Baloo 2',sans-serif;font-size:24px;line-height:1.08;margin-bottom:6px;color:#183f68}
.section-tab-copy span{display:block;font-size:13px;line-height:1.55;color:#668197;font-weight:700}
.section-tab-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2d668a;font-size:18px;box-shadow:0 7px 16px rgba(41,83,112,.09);transition:transform .2s ease}
.section-tab-button.active .section-tab-arrow{transform:rotate(90deg)}
.section-tabs-panels{position:relative}
.section-tab-panel{display:none!important;padding:0!important;background:transparent!important;overflow:visible!important}
.section-tab-panel.active{display:block!important;animation:sectionTabIn .28s ease both}
.section-tab-panel:before,.section-tab-panel:after{display:none!important}
.section-tab-panel>.wrap{width:100%!important;max-width:none!important}
.section-tab-panel .center{margin-top:0!important}
@keyframes sectionTabIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Hide duplicate oversized section spacing inside the tab panel while keeping original content. */
.section-tab-panel .section-title{font-size:clamp(30px,3.7vw,44px)!important}
.section-tab-panel .lead{font-size:14px!important}
.section-tab-panel .feature-grid,.section-tab-panel .zone-grid,.section-tab-panel .journey-grid,.section-tab-panel .problem-grid{margin-top:22px!important}

@media(max-width:760px){
  .section-tabs-shell{padding:60px 0 68px}
  .section-tabs-grid{gap:12px}
  .section-tab-button{min-height:150px;padding:16px;grid-template-columns:56px 1fr 30px;gap:12px;border-radius:24px}
  .section-tab-icon{width:56px;height:56px;border-radius:18px;font-size:28px}
  .section-tab-copy b{font-size:20px}
  .section-tab-copy span{font-size:11.5px}
  .section-tab-arrow{width:30px;height:30px;font-size:15px}
}
@media(max-width:540px){
  .section-tabs-grid{grid-template-columns:1fr}
  .section-tab-button{min-height:126px}
}