/* ===== svc-expand-v2 shared base: ONLY the expanded card (#services .sx-card.on). Closed cards, .sx-head geometry,
   the left .sx-photo column and the card shell sizes are never touched. All rules scoped + !important (mock overlay). ===== */
@keyframes v2rise{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes v2fade{from{opacity:0}to{opacity:1}}
html body #services .sx .sx-card.on{overflow:clip !important;isolation:isolate}
html body #services .sx .sx-card.on > .sx-body{display:grid !important;grid-template:none !important;flex:1 1 auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;gap:0 !important;column-gap:0 !important;position:relative;animation:none !important;align-content:start;align-items:start;width:auto !important}
html body #services .sx .sx-card.on .sx-pm,html body #services .sx .sx-card.on .sx-act{display:contents !important}
html body #services .sx .sx-card.on .sx-chips{display:block !important;margin:0 !important;padding:0 !important;min-height:0 !important;max-width:none !important;width:auto !important;list-style:none;gap:0 !important}
html body #services .sx .sx-card.on .sx-chips li{display:inline-block !important;white-space:nowrap !important;flex:none !important;width:auto !important;min-width:0 !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;letter-spacing:0 !important;text-align:left !important;color:inherit !important}
html body #services .sx .sx-card.on .sx-chips li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin:0 .5em .22em 0;vertical-align:middle}
html body #services .sx .sx-card.on .sx-chips li{margin-right:.95em !important}
html body #services .sx .sx-card.on .sx-price{display:block !important;margin:0 !important;padding:0 !important;white-space:nowrap !important;text-align:left !important;justify-self:start !important;width:auto !important;line-height:1.2 !important}
html body #services .sx .sx-card.on .sx-price b,html body #services .sx .sx-card.on .sx-price strong{display:block;font-family:var(--display);font-stretch:100%;font-weight:800}
html body #services .sx .sx-card.on .sx-call{display:inline-flex !important;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px !important;height:44px;margin:0 !important;padding:0 22px !important;font-size:15px !important;line-height:1 !important;font-weight:800;white-space:nowrap !important;width:auto !important;text-align:center;border-radius:999px;background:#FED14D !important;border:0 !important;color:#00053E !important;box-shadow:0 6px 16px rgba(254,209,77,.28),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .25s var(--ease-out),box-shadow .25s,background .2s}
html body #services .sx .sx-card.on .sx-call:hover{background:#FFDD6B !important;transform:translateY(-1px)}
html body #services .sx .sx-card.on .sx-call::before{content:none !important;display:none !important}
html body #services .sx .sx-card.on .sx-more{display:inline-flex !important;align-items:center;margin:0 !important;padding:0 !important;min-height:32px !important;font-size:14px !important;font-weight:800 !important;line-height:20px !important;white-space:nowrap !important;text-align:left !important;position:relative}
html body #services .sx .sx-card.on .sx-more::before{content:"" !important;position:absolute !important;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%);background:none !important;border:0 !important}
html body #services .sx .sx-card.on .sx-more:hover{text-decoration:underline;text-underline-offset:4px}
html body #services .sx .sx-card.on .sxb{display:none !important}
@media (max-width:699px){
 html body #services .sx .sx-card.on .sx-more{min-height:44px !important}
}
/* open motion: staggered rise, reduced-motion = none */
html body #services .sx .sx-card.on .sx-body > *{animation:v2rise .7s var(--ease-out) both}
html body #services .sx .sx-card.on .sx-body > .sx-chips{animation-delay:.05s}
html body #services .sx .sx-card.on .sx-body > .sx-price{animation-delay:.12s}
html body #services .sx .sx-card.on .sx-body > .sx-call{animation-delay:.2s}
html body #services .sx .sx-card.on .sx-body > .sx-more{animation-delay:.26s}
html body #services .sx .sx-card.on .sx-body > .sxb{animation-delay:.1s}
@media (prefers-reduced-motion:reduce){
 html body #services .sx .sx-card.on *,html body #services .sx .sx-card.on::before,html body #services .sx .sx-card.on::after{animation:none !important;transition:none !important}
}
/* ===== IDEA 2 "Stage": official mascot as the hero object (Apple product-tile hierarchy): eyebrow label, ONE giant price, hairline, quiet inline services, pill CTA. Soft gold spotlight + orbit rings. ===== */
@keyframes i2ring{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
html body #services .sx .sx-card.on{background:radial-gradient(70% 80% at 80% 58%,rgba(254,209,77,.30) 0,rgba(254,209,77,.10) 46%,rgba(254,209,77,0) 72%),linear-gradient(180deg,#FFFFFF 0,#F1F6FD 100%) !important;border-color:#FED14D !important;box-shadow:0 18px 44px rgba(0,5,62,.14),0 0 0 1px rgba(254,209,77,.85) !important}
/* orbit rings behind mascot */
html body #services .sx .sx-card.on::before,html body #services .sx .sx-card.on::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;animation:i2ring 1.1s var(--ease-out) both}
html body #services .sx .sx-card.on::before{width:250px;height:250px;right:-34px;bottom:-24px;border:1px solid rgba(0,70,140,.20)}
html body #services .sx .sx-card.on::after{width:360px;height:360px;right:-90px;bottom:-78px;border:1px solid rgba(0,70,140,.10);animation-delay:.12s}
html body #services .sx .sx-card.on > .sx-body{padding:2px 22px 18px !important;grid-template-columns:minmax(0,1fr) var(--mw,172px) !important;grid-template-areas:"price bot" "chips bot" "call bot" "more bot" !important;grid-template-rows:auto 1fr auto auto !important;align-items:start}
html body #services .sx .sx-card.on .sx-price{grid-area:price;font-size:11.5px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#00468C;padding-bottom:10px !important;margin-bottom:10px !important;align-self:start;justify-self:stretch !important;max-width:calc(100% - 6px)}
html body #services .sx .sx-card.on .sx-price b{margin-top:6px;font-size:52px !important;line-height:.92;letter-spacing:-.035em;text-transform:none;color:#00053E}
html body #services .sx .sx-card.on .sx-chips{grid-area:chips;color:#2a3566;font-size:12.5px;line-height:18px;max-width:calc(100% - 14px);align-self:start}
html body #services .sx .sx-card.on .sx-chips li::before{background:#0075BD;opacity:.8}
html body #services .sx .sx-card.on .sx-call{grid-area:call;align-self:end;justify-self:start;margin-top:8px !important}
html body #services .sx .sx-card.on .sx-more{grid-area:more;align-self:end;justify-self:start;color:#00468C !important;margin:2px 0 0 4px !important}
html body #services .sx .sx-card.on .sxb{display:block !important;grid-area:bot;align-self:end;justify-self:end;position:relative;width:var(--mw,172px) !important;aspect-ratio:616/720 !important;height:auto !important;margin:0 !important;z-index:1;pointer-events:none}
html body #services .sx .sx-card.on .sxb img,html body #services .sx .sx-card.on .sxb video{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:contain !important;object-position:50% 100% !important;transform:none !important;filter:drop-shadow(0 14px 18px rgba(0,5,62,.18))}
html body #services .sx .sx-card.on .sxb::after{content:"";position:absolute;left:8%;right:8%;bottom:-6px;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,5,62,.22),rgba(0,5,62,0));z-index:-1}
@media (max-width:899px){
 html body #services .sx .sx-card.on{--mw:128px}
 html body #services .sx .sx-card.on::before{width:210px;height:210px;right:-40px;top:70px;bottom:auto}
 html body #services .sx .sx-card.on::after{width:310px;height:310px;right:-90px;top:20px;bottom:auto}
 html body #services .sx .sx-card.on > .sx-body{padding:6px 16px 14px !important;grid-template-columns:minmax(0,1fr) var(--mw) !important;grid-template-areas:"price bot" "chips bot" "call call" "more more" !important;grid-template-rows:auto auto auto auto !important}
 html body #services .sx .sx-card.on .sx-price{max-width:none;margin-right:0}
 html body #services .sx .sx-card.on .sx-price b{font-size:54px !important}
 html body #services .sx .sx-card.on .sx-chips{max-width:none;margin-bottom:0 !important;font-size:12.5px;line-height:19px;padding-right:8px !important}
 html body #services .sx .sx-card.on .sxb{align-self:end;grid-row:1 / 3;margin-bottom:2px !important}
 html body #services .sx .sx-card.on .sx-call{justify-self:stretch;margin-top:14px !important}
 html body #services .sx .sx-card.on .sx-more{justify-self:center;margin:0 !important}
}

/* st1: Bang's change - ONE bullet per line, single vertical column */
html body #services .sx .sx-card.on .sx-chips li{display:block !important;margin-right:0 !important;padding-left:0 !important}
@media (max-width:699px){html body #services .sx .sx-card.on{position:relative}}
@media (min-width:900px){html body #services .sx .sx-card.on .sx-chips,html body #services .sx .sx-card.on .sx-chips li{line-height:17px !important}html body #services .sx .sx-card.on .sx-price{padding-bottom:8px !important;margin-bottom:8px !important}}
@media(min-width:700px) and (max-width:1023px){html body #services .sx-cards{height:auto;min-height:0}html body #services .sx-card.on{flex:none}}@media(min-width:700px) and (max-width:839px){html body #services .sx-card.on .sx-body{grid-template-areas:"chips chips" "bot price" "bot more" "call call"!important;grid-template-rows:auto auto auto auto!important}html body #services .sx-card.on .sx-call{justify-self:stretch!important;width:auto!important;box-sizing:border-box;text-align:center;margin:14px 0 0!important}html body #services .sx-card.on .sx-more{white-space:nowrap}}
/* about-svc-home1: story shead has no r7sub / second intro line */
html body.t-about #services .shead .r7sub:empty{display:none!important}
html body.t-about #services .shead .r5br{display:none!important}
/* neutralize about-b icon-circle extras that assumed SVG glyphs */
html body.t-about #services .sx-num svg{display:none!important}

/* about-svc-home1b: beat r2k.css t-about grid (bot book) — match Home Stage areas */
html body.t-about #services .sx .sx-card.on > .sx-body{
  grid-template-columns:minmax(0,1fr) var(--mw,172px) !important;
  grid-template-areas:"price bot" "chips bot" "call bot" "more bot" !important;
  grid-template-rows:auto 1fr auto auto !important;
  padding:2px 22px 18px !important;
}
@media (max-width:899px){
  html body.t-about #services .sx .sx-card.on{--mw:128px}
  html body.t-about #services .sx .sx-card.on > .sx-body{
    padding:6px 16px 14px !important;
    grid-template-columns:minmax(0,1fr) var(--mw) !important;
    grid-template-areas:"price bot" "chips bot" "call call" "more more" !important;
    grid-template-rows:auto auto auto auto !important;
  }
}
@media (max-width:699px){
  html body.t-about #services .sx .sx-card.on > .sx-body{
    grid-template-areas:"price bot" "chips bot" "call call" "more more" !important;
  }
}
/* 700-839: leave to st1/sv1 cascade like Home (st1@899 wins) */