.business-hero{
  padding:clamp(88px,10vw,132px) 0 clamp(72px,9vw,110px);
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(216,189,130,.22),transparent 22%),
    radial-gradient(circle at 14% 22%,rgba(28,76,131,.30),transparent 28%),
    linear-gradient(135deg,#04101e 0%,#071528 48%,#0d2342 100%);
  overflow:hidden;
}
.business-hero:before{
  content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(4,16,30,.88) 0%,rgba(4,16,30,.74) 38%,rgba(4,16,30,.38) 65%,rgba(4,16,30,.18) 100%),
    url('../images/business-model-storefront.webp') center/cover no-repeat;
  opacity:.95;z-index:0;
}
.business-hero > .shell{position:relative;z-index:1}
.business-hero .page-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(28px,4vw,56px);align-items:center}
.business-hero .breadcrumb{margin-bottom:18px}
.business-hero h1{font-size:clamp(46px,6vw,86px);max-width:700px;margin:0 0 20px}
.business-hero h1 em{font-style:normal;color:#f1dfb7}
.business-hero p{max-width:640px;color:#d8e4f1;font-size:clamp(17px,1.45vw,19px)}
.business-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 24px}
.business-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:720px}
.business-hero__stats article{padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.business-hero__stats strong{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#f1dfb7;margin-bottom:8px}
.business-hero__stats span{display:block;color:#eef5ff;font-weight:600;line-height:1.45}
.business-hero__media{position:relative;min-height:560px}
.business-hero__visual{position:absolute;inset:20px 0 0 0;border-radius:38px 38px 120px 38px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.business-hero__visual img{width:100%;height:100%;object-fit:cover}
.business-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,24,45,.02),rgba(6,24,45,.12) 58%,rgba(6,24,45,.42))}
.business-hero__caption,.business-hero__badge{position:absolute;z-index:2;padding:18px 20px;border-radius:22px;background:rgba(8,20,39,.66);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.business-hero__caption{left:-16px;bottom:18px;max-width:260px}
.business-hero__caption strong,.business-hero__badge strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}
.business-hero__caption span,.business-hero__badge span{color:#d5e2f0;font-size:14px;line-height:1.5}
.business-hero__badge{right:-12px;top:0;max-width:250px}

.business-split{background:linear-gradient(180deg,#f8fafc,#ffffff)}
.business-split__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:clamp(28px,4vw,58px);align-items:start}
.business-copy .section-title{font-size:clamp(38px,4.8vw,68px)}
.business-copy .lead{font-size:18px;line-height:1.8;margin-bottom:24px}
.business-bullets{display:grid;gap:14px;margin-top:28px}
.business-bullets li{list-style:none;padding:16px 18px 16px 54px;position:relative;border-radius:20px;background:#fff;border:1px solid rgba(16,43,80,.10);box-shadow:0 16px 36px rgba(6,24,45,.08);font-weight:600;color:var(--ink)}
.business-bullets li:before{content:"";position:absolute;left:18px;top:18px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#d7be87,#f2dfb3);box-shadow:0 0 0 8px rgba(216,189,130,.14)}
.business-channels{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.business-channel{grid-column:span 6;position:relative;min-height:300px;border-radius:30px;overflow:hidden;color:#fff;border:1px solid rgba(16,43,80,.10);box-shadow:0 24px 56px rgba(6,24,45,.13)}
.business-channel--wide{grid-column:span 12;min-height:255px}
.business-channel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--spring)}
.business-channel:hover img{transform:scale(1.06)}
.business-channel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,34,.06),rgba(7,19,34,.18) 42%,rgba(7,19,34,.78) 100%)}
.business-channel__body{position:absolute;inset:auto 18px 18px 18px;z-index:2;padding:18px;border-radius:24px;background:rgba(6,24,45,.56);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.business-channel__num{display:inline-flex;min-width:54px;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#f1dfb7;margin-bottom:12px}
.business-channel h3{font-size:24px;line-height:1.05;margin:0 0 8px;color:#fff}
.business-channel p{margin:0;color:#d7e3ef;line-height:1.65}

.business-flow{
  background:
    radial-gradient(circle at 85% 14%,rgba(216,189,130,.10),transparent 22%),
    linear-gradient(135deg,#06101f,#09192f 58%,#10284a);
  color:#fff;overflow:hidden;
}
.business-flow .section-head{margin-bottom:44px}
.business-flow .lead{color:#d5e1ef}
.business-flow__grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr);gap:clamp(28px,4vw,54px);align-items:start}
.business-flow__visual{position:relative;min-height:560px}
.business-flow__frame{position:sticky;top:110px;padding:22px;border-radius:34px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 70px rgba(0,0,0,.18)}
.business-flow__image{position:relative;overflow:hidden;border-radius:28px;height:320px;margin-bottom:18px}
.business-flow__image img{width:100%;height:100%;object-fit:cover}
.business-flow__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,24,45,.05),rgba(6,24,45,.28) 58%,rgba(6,24,45,.62))}
.business-flow__overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:16px 18px;border-radius:20px;background:rgba(6,24,45,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.business-flow__overlay strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}
.business-flow__overlay span{color:#dbe7f4;font-size:14px;line-height:1.55}
.business-flow__mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.business-flow__mini article{padding:16px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.business-flow__mini strong{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f1dfb7;margin-bottom:8px}
.business-flow__mini span{display:block;color:#eef5ff;font-weight:600;line-height:1.55}
.business-steps{display:grid;gap:18px}
.business-step{position:relative;padding:28px 26px 26px 96px;border-radius:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(0,0,0,.12);overflow:hidden}
.business-step:before{content:"";position:absolute;left:44px;top:0;bottom:-34px;width:2px;background:linear-gradient(180deg,rgba(216,189,130,.62),rgba(216,189,130,0))}
.business-step:last-child:before{display:none}
.business-step__num{position:absolute;left:22px;top:24px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d3b26d,#f4e0ac);color:#07111f;font-weight:900;box-shadow:0 0 0 10px rgba(216,189,130,.10),0 0 25px rgba(216,189,130,.28)}
.business-step h3{margin:0 0 8px;color:#fff;font-size:24px}
.business-step p{margin:0;color:#d6e1ef;line-height:1.75}
.business-step ul{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.business-step ul li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);font-size:12px;font-weight:700;color:#eef5ff}

.business-outcomes{background:linear-gradient(180deg,#ffffff,#f7fafc)}
.business-outcomes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.outcome-card{position:relative;overflow:hidden;min-height:420px;border-radius:32px;border:1px solid rgba(16,43,80,.10);box-shadow:0 26px 56px rgba(6,24,45,.12)}
.outcome-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .85s var(--spring)}
.outcome-card:hover img{transform:scale(1.06)}
.outcome-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,34,.08),rgba(7,19,34,.14) 40%,rgba(7,19,34,.82) 100%)}
.outcome-card__body{position:absolute;inset:auto 18px 18px 18px;z-index:2;padding:20px;border-radius:24px;background:rgba(6,24,45,.52);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.outcome-card__body strong{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f1dfb7;margin-bottom:12px}
.outcome-card__body h3{margin:0 0 8px;color:#fff;font-size:26px;line-height:1.08}
.outcome-card__body p{margin:0;color:#d8e4f1;line-height:1.68}

@media(max-width:1080px){
  .business-hero .page-hero__grid,.business-split__grid,.business-flow__grid{grid-template-columns:1fr}
  .business-hero__media{min-height:480px}
  .business-flow__frame{position:relative;top:auto}
}
@media(max-width:820px){
  .business-hero__stats,.business-outcomes__grid{grid-template-columns:1fr}
  .business-channels{grid-template-columns:1fr}
  .business-channel,.business-channel--wide{grid-column:1/-1}
  .business-flow__mini{grid-template-columns:1fr}
}
@media(max-width:640px){
  .business-hero{padding-top:54px}
  .business-hero__media{min-height:380px}
  .business-hero__visual{inset:0}
  .business-hero__badge{right:8px;top:8px;max-width:210px}
  .business-hero__caption{left:8px;right:8px;bottom:8px;max-width:none}
  .business-step{padding:86px 18px 20px 18px}
  .business-step:before{left:32px;top:54px;bottom:-22px}
  .business-step__num{left:16px;top:16px}
  .business-copy .section-title{font-size:34px}
  .business-flow .section-title{font-size:34px}
}


/* === Business model targeted alignment and animation fix === */
.page-business-model .business-copy .section-title,
.page-business-model .business-flow .section-title{
  max-width:760px!important;
  font-size:clamp(34px,3.7vw,54px)!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.page-business-model .business-split__grid{
  align-items:stretch!important;
}
.page-business-model .business-copy{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
.page-business-model .business-bullets{
  margin-top:auto!important;
  padding-top:28px!important;
}
.page-business-model .business-bullets li{
  overflow:hidden!important;
  border:1px solid rgba(16,43,80,.12)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
.page-business-model .business-bullets li:nth-child(1){
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  color:#102b50!important;
}
.page-business-model .business-bullets li:nth-child(2){
  background:linear-gradient(135deg,#d8bd82,#f1dfb7)!important;
  color:#07182d!important;
  border-color:rgba(167,126,47,.28)!important;
}
.page-business-model .business-bullets li:nth-child(3){
  background:linear-gradient(135deg,#07182d,#102b50)!important;
  color:#fff!important;
  border-color:rgba(216,189,130,.26)!important;
}
.page-business-model .business-bullets li:after{
  content:"";position:absolute;inset:-40% auto -40% -38%;width:34%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-18deg);transition:transform .8s ease;pointer-events:none;
}
.page-business-model .business-bullets li:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(216,189,130,.58)!important;
  box-shadow:0 22px 46px rgba(6,24,45,.16),0 0 28px rgba(216,189,130,.18)!important;
}
.page-business-model .business-bullets li:hover:after{transform:translateX(430%) skewX(-18deg)}
.page-business-model .business-channels{
  height:100%!important;
  grid-auto-rows:minmax(0,1fr)!important;
}
.page-business-model .business-channel{
  min-height:0!important;
  height:100%!important;
}
.page-business-model .business-channel--wide{min-height:0!important}
.page-business-model .business-flow__grid{
  align-items:stretch!important;
}
.page-business-model .business-flow__visual,
.page-business-model .business-flow__frame{
  height:100%!important;
  min-height:100%!important;
}
.page-business-model .business-flow__frame{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  top:auto!important;
}
.page-business-model .business-flow__image{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:520px!important;
  margin-bottom:18px!important;
}
.page-business-model .business-flow__image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
}
.page-business-model .business-steps{
  position:relative!important;
  gap:20px!important;
}
.page-business-model .business-steps:before{
  content:"";position:absolute;left:44px;top:46px;bottom:46px;width:3px;border-radius:999px;
  background:rgba(255,255,255,.09);overflow:hidden;
}
.page-business-model .business-steps:after{
  content:"";position:absolute;left:44px;top:46px;width:3px;height:calc(100% - 92px);border-radius:999px;
  background:linear-gradient(180deg,#f4e0ac,#d3b26d 55%,rgba(216,189,130,.15));
  transform-origin:top;animation:businessTimelineFlow 4.6s ease-in-out infinite;
  box-shadow:0 0 18px rgba(216,189,130,.75);z-index:0;
}
.page-business-model .business-step{
  z-index:1!important;
  overflow:visible!important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}
.page-business-model .business-step:before{display:none!important}
.page-business-model .business-step:hover{
  transform:translateX(8px)!important;
  border-color:rgba(216,189,130,.42)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.20),0 0 28px rgba(216,189,130,.12)!important;
}
.page-business-model .business-step__num{
  z-index:2!important;
  animation:businessNumberPulse 3s ease-in-out infinite;
}
.page-business-model .business-step:nth-child(2) .business-step__num{animation-delay:.4s}
.page-business-model .business-step:nth-child(3) .business-step__num{animation-delay:.8s}
.page-business-model .business-step:nth-child(4) .business-step__num{animation-delay:1.2s}
@keyframes businessTimelineFlow{
  0%{transform:scaleY(.08);opacity:.45}
  48%{transform:scaleY(1);opacity:1}
  100%{transform:scaleY(1);opacity:.35}
}
@keyframes businessNumberPulse{
  0%,100%{box-shadow:0 0 0 10px rgba(216,189,130,.10),0 0 22px rgba(216,189,130,.24)}
  50%{box-shadow:0 0 0 14px rgba(216,189,130,.03),0 0 34px rgba(216,189,130,.62)}
}
@media(max-width:1080px){
  .page-business-model .business-channels{height:auto!important}
  .page-business-model .business-flow__image{min-height:460px!important}
}
@media(max-width:640px){
  .page-business-model .business-flow__image{min-height:360px!important}
  .page-business-model .business-steps:before,
  .page-business-model .business-steps:after{left:32px!important}
}
/* Force connected-model image visibility */
.page-business-model .business-flow__frame,.page-business-model .business-flow__image,.page-business-model .business-flow__image img{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}
.page-business-model .business-flow__image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
