/* DrBestand 1.1.0 — compact homepage hub + Platform Process selector. */
.home-overview-hub{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:clamp(22px,4vw,52px);
  align-items:center;
  margin-bottom:18px;
  padding:clamp(22px,3vw,34px);
  background:radial-gradient(circle at 92% 12%,rgba(15,159,146,.11),transparent 34%),#fff;
}
.home-overview-hub__copy{min-width:0}
.home-overview-hub__kicker,
.home-overview-hub__nav-label{
  margin:0 0 8px;
  color:#087a68;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-overview-hub h1{
  max-width:900px;
  margin:0;
  color:var(--brand-primary,#082c58);
  font-size:clamp(30px,4vw,48px);
  line-height:1.03;
  letter-spacing:-.035em;
}
.home-overview-hub__lead{
  max-width:760px;
  margin:12px 0 0;
  color:#5e7188;
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.55;
}
.home-overview-hub__actions{margin-top:16px}
.home-overview-hub__features{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:14px 0 0;
  padding:0;
  list-style:none;
}
.home-overview-hub__features li{
  padding:6px 9px;
  border:1px solid #d7e3ec;
  border-radius:999px;
  background:#f8fbfd;
  color:#53677d;
  font-size:12px;
  font-weight:750;
}
.home-overview-hub__navigation{
  min-width:0;
  padding:16px;
  border:1px solid #d6e2eb;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 30px rgba(8,37,74,.06);
}
.home-overview-hub__tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.home-overview-hub__tab{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:46px;
  padding:9px 11px;
  border:1px solid #d1deea;
  border-radius:12px;
  background:#fff;
  color:#082c58;
  font-size:13px;
  font-weight:820;
  line-height:1.2;
  text-decoration:none;
  box-shadow:none;
}
.home-overview-hub__tab .ui-icon{flex:0 0 17px;width:17px;height:17px}
.home-overview-hub__tab:hover,
.home-overview-hub__tab:focus-visible{
  border-color:rgba(15,159,146,.4);
  background:#f2fbf8;
  color:#082c58;
  outline:none;
  box-shadow:0 0 0 3px rgba(15,159,146,.11);
}
.home-overview-hub__tab.is-active{
  border-color:rgba(15,159,146,.58);
  background:#eaf8f5;
  color:#087a68;
  box-shadow:inset 3px 0 0 #0f9f92;
}
.home-hub-panel[hidden]{display:none!important}
body.home-hub-enhanced .home-hub-panel{scroll-margin-top:116px}

/* Platform Process: one compact panel, one selected detail. */
.platform-process-section.platform-process-compact{
  margin:0;
  padding:clamp(20px,3vw,30px);
  border:1px solid #d2e0ea;
  border-radius:22px;
  background:radial-gradient(circle at 92% 12%,rgba(15,159,146,.1),transparent 34%),#fff;
  box-shadow:0 16px 42px rgba(6,40,91,.07);
}
.platform-process-compact__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:end;
}
.platform-process-compact__head h2{
  max-width:880px;
  margin:.15rem 0 .55rem;
  color:var(--brand-primary,#082c58);
  font-size:clamp(25px,3vw,36px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.platform-process-compact__head p:not(.platform-kicker){
  max-width:820px;
  margin:0;
  color:#607087;
  line-height:1.55;
}
.platform-process-compact__head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.platform-process-mode-tabs{
  display:flex;
  gap:8px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #dbe5ec;
}
.platform-process-mode-tab,
.platform-process-item-tab{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  cursor:pointer;
}
button.platform-process-mode-tab{
  min-height:40px!important;
  padding:8px 14px!important;
  border:1px solid #d1deea!important;
  border-radius:11px!important;
  background:#fff!important;
  background-image:none!important;
  color:#082c58!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  font-size:13px;
  font-weight:850;
}
button.platform-process-mode-tab:hover,
button.platform-process-mode-tab:focus-visible,
button.platform-process-mode-tab.is-active{
  border-color:rgba(15,159,146,.52)!important;
  background:#eaf8f5!important;
  background-image:none!important;
  color:#087a68!important;
  box-shadow:0 0 0 3px rgba(15,159,146,.1)!important;
  outline:none!important;
  filter:none!important;
  transform:none!important;
}
.platform-process-group{margin-top:12px}
.platform-process-group[hidden]{display:none!important}
.platform-process-section.platform-process-compact .platform-process-flow,
.platform-process-section.platform-process-compact .platform-capability-grid,
.platform-process-item-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.platform-process-section.platform-process-compact .platform-capability-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
button.platform-process-item-tab{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-height:48px!important;
  padding:9px 10px!important;
  border:1px solid #d4e1ea!important;
  border-radius:12px!important;
  background:#fff!important;
  background-image:none!important;
  color:#082c58!important;
  font-size:12.5px;
  font-weight:820;
  line-height:1.2!important;
  text-align:left!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
button.platform-process-item-tab .ui-icon{flex:0 0 18px;width:18px;height:18px;color:currentColor!important}
.platform-process-item-tab__number{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:8px;
  background:#eef4f8;
  color:#4b6379;
  font-size:11px;
  font-weight:900;
}
button.platform-process-item-tab:hover,
button.platform-process-item-tab:focus-visible,
button.platform-process-item-tab.is-active{
  border-color:rgba(15,159,146,.48)!important;
  background:#f0faf7!important;
  background-image:none!important;
  color:#087a68!important;
  outline:none!important;
  filter:none!important;
  transform:none!important;
}
button.platform-process-item-tab.is-active{box-shadow:inset 3px 0 0 #0f9f92!important}
button.platform-process-item-tab.is-active .platform-process-item-tab__number{background:#0f9f92;color:#fff}
.platform-process-detail-stack{margin-top:10px}
.platform-process-detail[hidden]{display:none!important}
.platform-process-detail{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:118px;
  padding:16px 18px;
  border:1px solid #d7e3ec;
  border-radius:16px;
  background:#f9fbfc;
}
.platform-process-detail__icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:15px;
  background:#eaf8f5;
  color:#087a68;
}
.platform-process-detail__icon .ui-icon{width:25px;height:25px}
.platform-process-detail__eyebrow{
  color:#087a68;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.platform-process-detail h3{margin:3px 0 4px;color:#082c58;font-size:19px}
.platform-process-detail p{margin:0;color:#607087;line-height:1.5}
.platform-process-compact__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #dbe5ec;
}
.platform-process-compact__footer strong{color:#082c58;font-size:14px}
.platform-process-compact__footer .panel-actions{margin:0;flex:0 0 auto}

@media(max-width:980px){
  .home-overview-hub{grid-template-columns:1fr}
  .home-overview-hub__navigation{padding:13px}
  .platform-process-compact__head{grid-template-columns:1fr}
  .platform-process-compact__head-actions{justify-content:flex-start}
  .platform-process-section.platform-process-compact .platform-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .home-overview-hub__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-overview-hub__tab{min-height:44px;padding:8px 9px}
  .platform-process-section.platform-process-compact .platform-process-flow,
  .platform-process-section.platform-process-compact .platform-capability-grid,
  .platform-process-item-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-process-compact__footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:460px){
  .home-overview-hub__tabs{grid-template-columns:1fr}
  .platform-process-section.platform-process-compact .platform-process-flow,
  .platform-process-section.platform-process-compact .platform-capability-grid,
  .platform-process-item-tabs{grid-template-columns:1fr}
  .platform-process-detail{grid-template-columns:1fr;align-items:start}
  .platform-process-compact__head-actions,.platform-process-compact__head-actions .button,.platform-process-compact__footer .panel-actions,.platform-process-compact__footer .button{width:100%}
}


/* DrBestand 1.1.1 — calm premium polish for homepage hub + Platform Process. */
.home-overview-hub{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:#cbdce8;
  background:
    radial-gradient(circle at 88% 4%,rgba(15,159,146,.13),transparent 27%),
    radial-gradient(circle at 8% 112%,rgba(8,44,88,.055),transparent 35%),
    linear-gradient(145deg,#ffffff 0%,#fbfdfe 64%,#f2faf8 100%);
  box-shadow:0 18px 48px rgba(8,37,74,.075);
}
.home-overview-hub::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,#0f9f92,rgba(15,159,146,.08));
  pointer-events:none;
  z-index:-1;
}
.home-overview-hub::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-80px;
  width:220px;
  height:220px;
  border:1px solid rgba(15,159,146,.08);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(15,159,146,.025),0 0 0 58px rgba(15,159,146,.018);
  pointer-events:none;
  z-index:-1;
}
.home-overview-hub__kicker{display:flex;align-items:center;gap:8px}
.home-overview-hub__kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#0f9f92;
  box-shadow:0 0 0 5px rgba(15,159,146,.10);
}
.home-overview-hub__features li{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.72)}
.home-overview-hub__features li::before{content:"";width:6px;height:6px;border-radius:50%;background:#0f9f92;flex:0 0 6px}
.home-overview-hub__navigation{
  position:relative;
  overflow:hidden;
  border-color:#cfdee9;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(248,252,253,.96));
  box-shadow:0 16px 36px rgba(8,37,74,.075),inset 0 1px 0 rgba(255,255,255,.9);
}
.home-overview-hub__navigation::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(15,159,146,.36),transparent);
}
.home-overview-hub__nav-label{display:flex;align-items:center;justify-content:space-between}
.home-overview-hub__nav-label::after{content:"•";color:#0f9f92;font-size:16px;line-height:1}
.home-overview-hub__tab{
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:8px 9px;
  gap:9px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.home-overview-hub__tab::before{
  content:"";
  position:absolute;
  inset:auto 12px 0 12px;
  height:2px;
  border-radius:999px;
  background:transparent;
  transition:background-color .16s ease;
}
.home-overview-hub__tab-icon{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid #d9e5ed;
  border-radius:10px;
  background:#f7fafc;
  color:#31536f;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.home-overview-hub__tab-icon .ui-icon{width:17px;height:17px}
.home-overview-hub__tab-label{min-width:0;flex:1 1 auto}
.home-overview-hub__tab-arrow{
  flex:0 0 auto;
  color:#91a4b5;
  font-size:15px;
  font-weight:900;
  transform:translateX(-2px);
  opacity:.72;
  transition:transform .16s ease,color .16s ease,opacity .16s ease;
}
.home-overview-hub__tab:hover,
.home-overview-hub__tab:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(8,37,74,.075),0 0 0 3px rgba(15,159,146,.09);
}
.home-overview-hub__tab:hover .home-overview-hub__tab-icon,
.home-overview-hub__tab:focus-visible .home-overview-hub__tab-icon{
  border-color:rgba(15,159,146,.32);
  background:#eef9f6;
  color:#087a68;
  transform:scale(1.03);
}
.home-overview-hub__tab:hover .home-overview-hub__tab-arrow,
.home-overview-hub__tab:focus-visible .home-overview-hub__tab-arrow{
  color:#087a68;
  opacity:1;
  transform:translateX(1px);
}
.home-overview-hub__tab.is-active{
  transform:none;
  border-color:rgba(15,159,146,.50);
  background:linear-gradient(135deg,#edf9f6 0%,#f8fcfb 100%);
  color:#075f55;
  box-shadow:0 9px 22px rgba(15,159,146,.09),inset 3px 0 0 #0f9f92;
}
.home-overview-hub__tab.is-active::before{background:#0f9f92}
.home-overview-hub__tab.is-active .home-overview-hub__tab-icon{
  border-color:rgba(15,159,146,.34);
  background:#0f9f92;
  color:#fff;
  box-shadow:0 5px 14px rgba(15,159,146,.19);
}
.home-overview-hub__tab.is-active .home-overview-hub__tab-arrow{color:#087a68;opacity:1;transform:translateX(1px)}
.home-hub-panel.is-home-panel-entering{animation:homeHubPanelIn .22s cubic-bezier(.2,.75,.3,1) both}
@keyframes homeHubPanelIn{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Platform Process becomes a subtle guided journey instead of a flat selector. */
.platform-process-section.platform-process-compact{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 94% 0%,rgba(15,159,146,.115),transparent 30%),
    linear-gradient(150deg,#fff 0%,#fbfdfe 70%,#f3faf8 100%);
  box-shadow:0 18px 48px rgba(6,40,91,.075);
}
.platform-process-section.platform-process-compact::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:180px;
  height:3px;
  background:linear-gradient(90deg,#0f9f92,rgba(15,159,146,0));
  z-index:-1;
}
.platform-process-mode-tabs{
  width:max-content;
  max-width:100%;
  padding:4px;
  border:1px solid #d7e4ec;
  border-top:1px solid #d7e4ec;
  border-radius:13px;
  background:#f5f9fb;
  box-shadow:inset 0 1px 2px rgba(8,37,74,.035);
}
button.platform-process-mode-tab{
  min-height:36px!important;
  padding:7px 14px!important;
  border-color:transparent!important;
  background:transparent!important;
}
button.platform-process-mode-tab:hover,
button.platform-process-mode-tab:focus-visible{background:#fff!important;border-color:#d5e1ea!important;box-shadow:0 4px 12px rgba(8,37,74,.06)!important}
button.platform-process-mode-tab.is-active{
  border-color:rgba(15,159,146,.27)!important;
  background:#fff!important;
  color:#087a68!important;
  box-shadow:0 5px 14px rgba(8,37,74,.075),inset 0 -2px 0 #0f9f92!important;
}
.platform-process-section.platform-process-compact .platform-process-flow{
  position:relative;
}
@media(min-width:1180px){
  .platform-process-section.platform-process-compact .platform-process-flow{grid-template-columns:repeat(6,minmax(0,1fr))}
}
button.platform-process-item-tab{
  position:relative;
  overflow:hidden;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
button.platform-process-item-tab::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:transparent;
}
button.platform-process-item-tab:hover,
button.platform-process-item-tab:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 17px rgba(8,37,74,.065)!important;
}
button.platform-process-item-tab.is-active{
  transform:none!important;
  background:linear-gradient(135deg,#eff9f6,#fbfefd)!important;
  box-shadow:0 8px 20px rgba(15,159,146,.075),inset 3px 0 0 #0f9f92!important;
}
button.platform-process-item-tab.is-active::after{background:#0f9f92}
.platform-process-item-tab__number{
  border:1px solid #dbe5ec;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
button.platform-process-item-tab.is-active .platform-process-item-tab__number{
  border-color:#0f9f92;
  box-shadow:0 4px 10px rgba(15,159,146,.17);
}
.platform-process-detail{
  position:relative;
  overflow:hidden;
  min-height:126px;
  border-color:#d3e1ea;
  background:linear-gradient(135deg,#fbfdfe 0%,#f6fafb 72%,#edf9f6 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 22px rgba(8,37,74,.045);
}
.platform-process-detail::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-36px;
  width:128px;
  height:128px;
  border-radius:50%;
  border:1px solid rgba(15,159,146,.08);
  box-shadow:0 0 0 20px rgba(15,159,146,.025),0 0 0 42px rgba(15,159,146,.015);
  pointer-events:none;
}
.platform-process-detail__icon{
  position:relative;
  z-index:1;
  border:1px solid rgba(15,159,146,.16);
  background:#fff;
  color:#087a68;
  box-shadow:0 8px 18px rgba(8,37,74,.06);
}
.platform-process-detail.is-platform-detail-entering{animation:platformDetailIn .2s cubic-bezier(.2,.75,.3,1) both}
@keyframes platformDetailIn{from{opacity:.4;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}

@media(prefers-reduced-motion:reduce){
  .home-overview-hub__tab,
  .home-overview-hub__tab-icon,
  .home-overview-hub__tab-arrow,
  button.platform-process-item-tab{transition:none!important}
  .home-hub-panel.is-home-panel-entering,
  .platform-process-detail.is-platform-detail-entering{animation:none!important}
}
