/*
 * Full-bleed Connect ONE home.
 * The gradient lives on the entire hero SECTION, not a rounded card.
 * The next section retains the original #f5f7ff canvas.
 */
html[data-connectone-page="home"] .page-main{
  background:#f5f7ff;
}
html[data-connectone-page="home"] .page-main > #home.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  padding:0;
  margin:0;
  min-height:calc(100svh - 79px);
  /* Preserve a calm blue field without the bright top-left glow. */
  background:linear-gradient(154deg,#245cf0 0%,#245cf0 28%,#1648ca 70%,#2259d7 100%);
}
/* A soft, solid-toned circle replaces the former diffuse background glows. */
html[data-connectone-page="home"] .page-main > #home.hero::before{
  content:"";
  position:absolute;
  z-index:0;
  width:clamp(300px,48vw,560px);
  aspect-ratio:1;
  border-radius:50%;
  top:47%;
  right:-12%;
  background:rgba(171,205,255,.13);
  pointer-events:none;
}
/* The blue section gently fades into the familiar light homepage canvas. */
html[data-connectone-page="home"] .page-main > #home.hero::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:auto 0 0;
  height:clamp(90px,13vw,165px);
  background:linear-gradient(to bottom,rgba(245,247,255,0) 0%,rgba(245,247,255,.38) 46%,#f5f7ff 100%);
  pointer-events:none;
}
html[data-connectone-page="home"] #home > .container{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
html[data-connectone-page="home"] #home .hero-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:calc(100svh - 79px);
  margin:0;
  padding:
    clamp(44px,6vw,82px)
    clamp(24px,5.2vw,88px)
    clamp(120px,12vw,174px);
  color:#fff;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
html[data-connectone-page="home"] #home .hero-card::before,
html[data-connectone-page="home"] #home .hero-card::after{
  display:none;
}
html[data-connectone-page="home"] #home .hero-grid{
  width:100%;
  max-width:1240px;
  margin-inline:auto;
  align-items:center;
}
html[data-connectone-page="home"] #home .hero-art{
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  border-radius:0;
  padding:0;
  min-height:0;
  gap:18px;
}
html[data-connectone-page="home"] #home .hero-art::before,
html[data-connectone-page="home"] #home .hero-art::after{
  display:none;
}
html[data-connectone-page="home"] #home .showcase-step{
  box-shadow:0 11px 30px rgba(11,42,116,.17);
}
html[data-connectone-page="home"] #home .hero-scroll{
  width:100%;
  max-width:1240px;
  margin:clamp(30px,4vw,55px) auto 0;
  position:relative;
  z-index:2;
}
/* Keep the new slider in its existing pale background, never on blue. */
html[data-connectone-page="home"] .page-main > #homeHighlights.home-events{
  background:#f5f7ff;
  color:#14264c;
  padding-top:clamp(14px,2.4vw,34px);
}
@media(max-width:850px){
  html[data-connectone-page="home"] #home .hero-card{
    padding:40px clamp(20px,5vw,44px) 127px;
  }
  html[data-connectone-page="home"] #home .hero-grid{gap:40px}
  html[data-connectone-page="home"] #home .hero-side{max-width:640px;margin-inline:auto}
  html[data-connectone-page="home"] #home .hero-scroll{margin-top:40px}
}
@media(max-width:610px){
  html[data-connectone-page="home"] .page-main > #home.hero{
    min-height:calc(100svh - 68px);
  }
  html[data-connectone-page="home"] #home .hero-card{
    min-height:calc(100svh - 68px);
    padding:38px 25px 124px;
  }
  html[data-connectone-page="home"] #home .hero-grid{gap:35px}
  html[data-connectone-page="home"] #home .hero-art{gap:16px}
  html[data-connectone-page="home"] #home .showcase-step:nth-child(2),
  html[data-connectone-page="home"] #home .showcase-step:nth-child(3){
    margin-left:0;
  }
  html[data-connectone-page="home"] #home .hero-scroll{margin-top:33px}
  html[data-connectone-page="home"] .page-main > #homeHighlights.home-events{
    padding-top:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-connectone-page="home"] #home .hero-card,
  html[data-connectone-page="home"] #home .hero-art{transition:none;}
}