/* Cloudflare edition 31: a human opening and an earlier, illuminated care gateway. */
.premiumHero--conversation .heroTogether { white-space:nowrap; }
/* Keep the portrait on its native pixel grid; atmosphere still moves around it. */
.premiumHero--conversation .premiumHero__image { object-position: center; transform:none; }
.premiumHero--conversation .premiumHero__veil {
  background: linear-gradient(90deg,#061521 0%,rgba(6,21,33,.92) 30%,rgba(6,21,33,.76) 43%,rgba(6,21,33,.08) 61%,transparent 73%);
}
.premiumHero--conversation .premiumHero__copy { width: min(51%,620px); }
.premiumHero--conversation .premiumHero__copy h1 { font-size: clamp(3.35rem,5.1vw,5rem); }
.premiumHero--conversation .premiumHero__copy > p { max-width: 510px; }
.premiumHero--conversation .premiumHero__badge { width: 280px; bottom: 24px; padding: 18px 22px; }

.startPathSection.careGateway {
  --care-text:#f5f6ff;
  --care-muted:#c0c9df;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(64px,6vw,88px);
  scroll-margin-top:140px;
  color:var(--care-text);
  background:radial-gradient(ellipse at 100% 0,rgba(92,78,159,.28),transparent 55%),radial-gradient(ellipse at 0 100%,rgba(37,112,132,.18),transparent 48%),#121a32;
  border-top:1px solid #8795bd3d;
  border-bottom:1px solid #8795bd3d;
}
.careGateway::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(#b5bfee07 1px,transparent 1px),linear-gradient(90deg,#b5bfee07 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(110deg,transparent 25%,#000 95%);
  -webkit-mask-image:linear-gradient(110deg,transparent 25%,#000 95%);
}
.careGateway::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:660px;
  aspect-ratio:1;
  top:-435px;
  right:-100px;
  border:1px solid #c6c7ff21;
  border-radius:50%;
  box-shadow:0 0 0 32px #c6c7ff05,0 0 0 96px #c6c7ff04;
  pointer-events:none;
}
.careGateway .sectionHeading { gap:clamp(32px,5vw,84px); margin-bottom:36px; align-items:end; }
.careGateway .sectionHeading::before { background:linear-gradient(90deg,#8ddedc,#b1abec,transparent); }
.careGateway .eyebrow { color:#bcb9f2; -webkit-text-fill-color:currentColor; background:none; }
.careGateway .sectionHeading h2 { color:var(--care-text); max-width:690px; font-size:clamp(2.1rem,4vw,3.75rem); line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
.careGateway .sectionHeading p { color:var(--care-muted); font-size:1rem; line-height:1.75; margin:0 0 14px; }
.careGateway .arrowLink { color:#a1eee2; min-height:44px; display:inline-flex; align-items:center; }
.careGateway .arrowLink:focus-visible { outline:2px solid #f5d4a9; outline-offset:5px; }
.careGateway .startPathGrid { gap:16px; }
.careGateway .startPathCard {
  --care-accent:#a4dbff;
  --care-glow:137,192,244;
  background:linear-gradient(145deg,#25314b,#1a243e 82%);
  border:1px solid #53617c;
  border-radius:22px;
  min-width:0;
  min-height:344px;
  padding:25px;
  text-decoration:none;
  box-shadow:0 20px 48px -30px #050919,inset 0 1px #e4eaff0c;
  transform:none;
}
.careGateway .startPathCard--teal { --care-accent:#a7e8d6; --care-glow:128,219,196; }
.careGateway .startPathCard--coral { --care-accent:#cdc0ff; --care-glow:178,149,244; }
.careGateway .startPathCard--sand { --care-accent:#f0d1a9; --care-glow:233,191,132; }
.careGateway .startPathCard::before {
  opacity:var(--spot,0);
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,20%),rgba(var(--care-glow),.17),transparent 72%);
}
.careGateway .startPathCard::after {
  inset:auto 25px 0;
  width:auto;
  height:2px;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,transparent,var(--care-accent),transparent);
  opacity:.35;
  box-shadow:0 -4px 24px rgba(var(--care-glow),.15);
}
.careGateway__cardTop { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:30px; }
.careGateway .startPathCard__number { color:var(--care-accent); font-size:.8rem; font-variant-numeric:tabular-nums; letter-spacing:.06em; }
.careGateway__icon { color:var(--care-accent); width:36px; height:36px; flex-shrink:0; }
.careGateway .startPathCard small { color:var(--care-accent); margin:0 0 12px; font-size:.69rem; line-height:1.45; letter-spacing:.1em; }
.careGateway .startPathCard h3 { color:var(--care-text); font-size:clamp(1.35rem,1.85vw,1.6rem); line-height:1.18; margin:0 0 16px; font-weight:500; letter-spacing:-.025em; text-wrap:balance; }
.careGateway .startPathCard p { color:var(--care-muted); font-size:.875rem; line-height:1.65; margin:0 0 26px; }
.careGateway .startPathCard > strong { color:var(--care-text); margin-top:auto; justify-content:space-between; font-size:.8rem; min-height:34px; }
.careGateway .startPathCard > strong b { display:grid; place-items:center; color:var(--care-accent); width:32px; height:32px; border:1px solid #7685a45c; border-radius:50%; }
.careGateway .startPathCard:is(:hover,:focus-visible) { border-color:var(--care-accent); box-shadow:0 24px 48px -26px #050919,inset 0 1px #e4eaff30,0 0 32px -12px rgba(var(--care-glow),.22); }
.careGateway .startPathCard:focus-visible { outline:2px solid var(--care-accent); outline-offset:5px; --spot:1; }
.careGateway .startPathCard:is(:hover,:focus-visible)::after { opacity:.9; }
.careGateway .sceneSeam { background-image:linear-gradient(90deg,transparent 0%,#9295ca26 36%,#b8b7f3a6 50%,#91d4d126 64%,transparent 100%); }

@media (hover:hover) and (pointer:fine) {
  html[data-motion="running"] .careGateway .startPathCard:hover { transform:translateY(-3px); }
  html[data-motion="running"] .careGateway .startPathCard { transition:border-color .25s,box-shadow .35s,transform .35s; }
  html[data-motion="running"] .careGateway .startPathCard::after { transition:opacity .35s; }
}
@media (max-width:1100px) and (min-width:761px) {
  .premiumHero--conversation .premiumHero__copy { width:54%; }
  .premiumHero--conversation .premiumHero__copy h1 { font-size:clamp(3rem,5.4vw,4rem); }
  .careGateway .startPathGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .careGateway .startPathCard { min-height:306px; }
}
@media (max-width:1000px) {
  .premiumHero--conversation .premiumHero__canvas { min-height:0; display:flex; flex-direction:column; }
  .premiumHero--conversation .premiumHero__content { min-height:0; order:1; padding-block:54px 38px; }
  .premiumHero--conversation .premiumHero__copy { width:100%; }
  .premiumHero--conversation .premiumHero__image { position:relative; order:2; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; object-position:100% center; transform:none; z-index:2; }
  .premiumHero--conversation .premiumHero__veil,.premiumHero--conversation .premiumHero__badge { display:none; }
  .careGateway .sectionHeading { display:grid; grid-template-columns:1fr; gap:22px; align-items:start; }
}
@media (max-width:760px) {
  .premiumHero--conversation .premiumHero__copy { width:100%; }
  .premiumHero--conversation .premiumHero__copy h1 { font-size:clamp(2.65rem,8.8vw,4rem); }
  .premiumHero--conversation .premiumHero__image { aspect-ratio:1.15; object-fit:cover; object-position:100% center; }
  .premiumHero--conversation .premiumHero__veil { display:none; }
  .startPathSection.careGateway { padding-block:58px; }
  .careGateway .sectionHeading { display:grid; grid-template-columns:1fr; gap:22px; margin-bottom:28px; }
  .careGateway .sectionHeading h2 { max-width:580px; font-size:clamp(2rem,6.5vw,3rem); }
  .careGateway .startPathGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .careGateway .startPathCard { padding:23px; min-height:310px; }
  .careGateway__cardTop { margin-bottom:24px; }
}
@media (max-width:560px) {
  .careGateway .startPathGrid { grid-template-columns:1fr; }
  .careGateway .startPathCard { min-height:0; padding:25px; }
  .careGateway__cardTop { margin-bottom:22px; }
  .careGateway .startPathCard h3 { font-size:1.5rem; max-width:320px; }
  .careGateway .startPathCard p { margin-bottom:18px; }
}
html:not([data-motion="running"]) .careGateway .startPathCard { transform:none; transition:none; }
@media (prefers-reduced-motion:reduce) { .careGateway *, .careGateway *::before, .careGateway *::after { animation:none!important; transition:none!important; transform:none!important; } }
@media (prefers-contrast:more) { .careGateway .startPathCard { border-color:#c2cde2; } .careGateway .sectionHeading p, .careGateway .startPathCard p { color:#e0e8f8; } }
@media (forced-colors:active) {
  .startPathSection.careGateway,.careGateway .startPathCard { color:CanvasText; background:Canvas; border-color:CanvasText; box-shadow:none; }
  .careGateway::before,.careGateway::after,.careGateway .startPathCard::before,.careGateway .startPathCard::after { display:none; }
  .careGateway .sectionHeading h2,.careGateway .sectionHeading p,.careGateway .eyebrow,.careGateway .startPathCard h3,.careGateway .startPathCard p,.careGateway .startPathCard small,.careGateway .startPathCard__number { color:CanvasText; }
  .careGateway .arrowLink,.careGateway__icon,.careGateway .startPathCard > strong,.careGateway .startPathCard > strong b { color:LinkText; }
  .careGateway .startPathCard:focus-visible { outline-color:Highlight; }
}
@media print {
  .startPathSection.careGateway { background:white; color:black; padding-block:24px; }
  .careGateway::before,.careGateway::after,.careGateway .startPathCard::before,.careGateway .startPathCard::after { display:none; }
  .careGateway .startPathGrid { grid-template-columns:repeat(2,1fr); }
  .careGateway .startPathCard { background:white; border:1px solid #777; min-height:0; box-shadow:none; break-inside:avoid; }
  .careGateway .sectionHeading h2,.careGateway .sectionHeading p,.careGateway .eyebrow,.careGateway .startPathCard *,.careGateway .arrowLink { color:black; }
}
