/* Section zoning: Emergency - Hospital partner - Support */
.section-zone{
  position:relative;
  isolation:isolate;
  border-radius:clamp(30px,4vw,48px);
  margin-block:clamp(30px,5vw,64px);
  padding:clamp(78px,7vw,96px) clamp(38px,5vw,68px) clamp(42px,5vw,68px);
  overflow:hidden;
  opacity:1;
  transform:none;
  transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
}
.section-reveal-enabled .section-zone:not(.is-in-view){opacity:0;transform:translateY(26px)}
.section-zone.is-in-view{opacity:1;transform:none}
.section-zone-label{
  position:absolute;
  top:18px;
  left:clamp(24px,4vw,48px);
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 12px 7px 8px;
  border-radius:999px;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.section-zone-label span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:.62rem}
.section-zone-label strong{color:inherit;font-size:inherit}
.section-zone-emergency{
  background:radial-gradient(circle at 8% 0,rgba(223,51,71,.12),transparent 34%),linear-gradient(145deg,#fff8f9,#fff 58%,#fff4f6);
  border:1px solid rgba(223,51,71,.18);
  box-shadow:0 24px 60px rgba(120,25,45,.10),inset 0 1px 0 #fff;
}
.section-zone-emergency:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#df3347,#ff7b8c,#df3347)}
.section-zone-label-emergency{color:#a51f36;background:rgba(255,255,255,.85);border:1px solid rgba(223,51,71,.18)}
.section-zone-label-emergency span{color:#fff;background:#df3347}
.section-zone-emergency .red-flag-list li{box-shadow:0 10px 22px rgba(148,31,52,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.section-zone-emergency .red-flag-list li:hover{transform:translateX(5px);border-color:#f39aa7;box-shadow:0 14px 28px rgba(148,31,52,.12)}
.section-zone-hospital{
  padding:76px clamp(24px,3vw,38px) clamp(24px,3vw,38px);
  background:radial-gradient(circle at 12% 15%,rgba(53,196,223,.26),transparent 28%),radial-gradient(circle at 92% 78%,rgba(36,150,235,.24),transparent 34%),linear-gradient(135deg,#062b62,#0b5fc4 56%,#1687d6);
  box-shadow:0 34px 90px rgba(4,43,94,.28);
  overflow:visible;
}
.section-zone-hospital:before,.section-zone-hospital:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.section-zone-hospital:before{width:180px;height:180px;background:radial-gradient(circle,rgba(143,222,246,.24),transparent 68%);top:-70px;right:8%;animation:hospitalOrb 5.5s ease-in-out infinite alternate}
.section-zone-hospital:after{width:130px;height:130px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);bottom:-55px;left:6%;animation:hospitalOrb 6.5s ease-in-out .8s infinite alternate-reverse}
.section-zone-label-hospital{color:#fff;background:rgba(5,45,98,.74);border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 26px rgba(0,20,55,.24)}
.section-zone-label-hospital span{color:#073477;background:#fff}
.hospital-card-shell{
  position:relative;
  z-index:2;
  overflow:hidden;
  border-radius:clamp(30px,4vw,48px);
  padding:3px;
  margin-top:18px;
  box-shadow:0 26px 70px rgba(0,26,68,.35);
}
.hospital-card-shell:before{
  content:"";
  position:absolute;
  inset:-80%;
  background:conic-gradient(from 0deg,transparent 0 16%,#8fdef6 22%,#fff 28%,#2496eb 36%,transparent 45% 62%,#df3347 70%,#fff 76%,#35c4df 84%,transparent 92%);
  animation:hospitalBorderSpin 7s linear infinite;
}
.hospital-card-shell:after{content:"";position:absolute;inset:3px;border-radius:calc(clamp(30px,4vw,48px) - 3px);background:linear-gradient(135deg,rgba(242,250,255,.98),#fff);z-index:0}
.hospital-card-shell .hospital-card{position:relative;z-index:1;border:0;background:transparent;box-shadow:none;border-radius:calc(clamp(30px,4vw,48px) - 3px)}
.hospital-card-shell .hospital-card>img{animation:hospitalLogoFloat 4.2s ease-in-out infinite alternate;box-shadow:0 18px 48px rgba(7,52,119,.20),0 0 0 10px rgba(255,255,255,.72)}
.hospital-card-shell .hospital-name-title{background:linear-gradient(90deg,#073477,#1478df,#073477);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hospitalTitleShine 5s linear infinite}
.hospital-card-shell .button-primary{animation:hospitalCtaPulse 2.4s ease-in-out infinite}
.section-zone-support{
  background:radial-gradient(circle at 90% 10%,rgba(53,196,223,.13),transparent 30%),linear-gradient(145deg,#f4fbff,#fff 54%,#eef8ff);
  border:1px solid rgba(36,150,235,.16);
  box-shadow:0 24px 60px rgba(7,52,119,.10),inset 0 1px 0 #fff;
}
.section-zone-support:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#1478df,#35c4df,#1478df)}
.section-zone-label-support{color:#0758a9;background:rgba(255,255,255,.88);border:1px solid rgba(36,150,235,.18)}
.section-zone-label-support span{color:#fff;background:linear-gradient(145deg,#1478df,#08458f)}
.section-zone-support .faq-list details{background:rgba(255,255,255,.62);padding-inline:20px;border-radius:18px;margin-bottom:10px;border:1px solid rgba(36,150,235,.11);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.section-zone-support .faq-list details:hover{transform:translateY(-2px);border-color:rgba(36,150,235,.3);box-shadow:0 12px 24px rgba(7,52,119,.08)}
.section-zone-support .faq-list details:last-child{border-bottom:1px solid rgba(36,150,235,.11)}
.section-separator{
  width:min(100% - 48px,var(--container));
  height:34px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 54px 1fr;
  align-items:center;
  gap:14px;
  opacity:1;
  transform:scaleX(1);
  transition:opacity .65s ease,transform .65s ease;
}
.section-reveal-enabled .section-separator:not(.is-in-view){opacity:0;transform:scaleX(.92)}
.section-separator.is-in-view{opacity:1;transform:scaleX(1)}
.section-separator span{height:1px;background:linear-gradient(90deg,transparent,rgba(11,95,196,.35))}
.section-separator span:last-child{background:linear-gradient(90deg,rgba(11,95,196,.35),transparent)}
.section-separator i{position:relative;width:46px;height:18px;margin:auto}
.section-separator i:before,.section-separator i:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-radius:4px;transform:translateY(-50%) rotate(45deg);background:linear-gradient(145deg,#35c4df,#1478df);box-shadow:0 0 0 5px rgba(36,150,235,.10)}
.section-separator i:before{left:7px;animation:separatorPulse 2.2s ease-in-out infinite}
.section-separator i:after{right:7px;animation:separatorPulse 2.2s ease-in-out .55s infinite}
.section-separator-emergency span{background:linear-gradient(90deg,transparent,rgba(223,51,71,.28))}
.section-separator-emergency span:last-child{background:linear-gradient(90deg,rgba(223,51,71,.28),transparent)}
@keyframes hospitalBorderSpin{to{transform:rotate(360deg)}}
@keyframes hospitalOrb{to{transform:translate(18px,14px) scale(1.14)}}
@keyframes hospitalLogoFloat{to{transform:translateY(-8px) rotate(1deg)}}
@keyframes hospitalTitleShine{to{background-position:200% center}}
@keyframes hospitalCtaPulse{0%,100%{box-shadow:0 12px 28px rgba(20,120,223,.26)}50%{box-shadow:0 0 0 8px rgba(53,196,223,.12),0 18px 34px rgba(20,120,223,.38);transform:translateY(-2px)}}
@keyframes separatorPulse{0%,100%{opacity:.55;transform:translateY(-50%) rotate(45deg) scale(.85)}50%{opacity:1;transform:translateY(-50%) rotate(45deg) scale(1.08)}}
@media (width<=768px){
  .section-zone{width:min(100% - 24px,var(--container));padding:68px 20px 28px;margin-block:28px;border-radius:28px}
  .section-zone-hospital{padding:68px 12px 12px;overflow:hidden}
  .section-zone-label{top:14px;left:18px}
  .hospital-card-shell{border-radius:26px;margin-top:28px}
  .hospital-card-shell:after{border-radius:23px}
  .hospital-card-shell .hospital-card{border-radius:23px;padding:34px 22px}
  .section-zone-support .faq-list details{padding-inline:14px}
  .section-separator{width:min(100% - 40px,var(--container));height:24px}
}
@media (prefers-reduced-motion:reduce){
  .section-zone,.section-separator{opacity:1;transform:none;transition:none}
  .hospital-card-shell:before,.section-zone-hospital:before,.section-zone-hospital:after,.hospital-card-shell .hospital-card>img,.hospital-card-shell .hospital-name-title,.hospital-card-shell .button-primary,.section-separator i:before,.section-separator i:after{animation:none!important}
}