/* Bridge: legacy page templates rendered inside the v2 chrome.
   Legacy CSS assumes a white page; we keep main content on a light
   surface with a v2-styled gradient hero so it matches the new look. */
body.v2 main#wrap{background:#f5f8fc;color:#0f172a}
body.v2 main#wrap>section:first-child:not(.v2-hero):not(.v2-pagehero):not(.v2-section){
  background:radial-gradient(900px 400px at 10% 0%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 60%),
             radial-gradient(700px 400px at 100% 100%,color-mix(in srgb,var(--brand-2) 40%,transparent),transparent 60%),#070b14 !important;
  color:#fff !important;border-bottom:1px solid rgba(255,255,255,.08)}
#wrapwrap #wrap section.s_title,#wrapwrap #wrap .sa-hero,#wrapwrap #wrap .su-hero{
  background:radial-gradient(900px 400px at 10% 0%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 60%),
             radial-gradient(700px 400px at 100% 100%,color-mix(in srgb,var(--brand-2) 40%,transparent),transparent 60%),#070b14 !important}
#wrapwrap #wrap section.s_title h1,#wrapwrap #wrap .sa-hero h1,#wrapwrap #wrap .su-hero h1{
  font-size:clamp(2.2rem,4.5vw,3.4rem) !important;text-shadow:none !important}
/* generic buttons in legacy pages → v2 pill */
#wrapwrap #wrap .btn-primary:not(.btn_cta):not(.o_skip_to_content){
  background:linear-gradient(135deg,var(--brand),var(--brand-2)) !important;border:0 !important;border-radius:999px !important;
  font-weight:700 !important;box-shadow:0 10px 30px -10px var(--brand) !important}
#wrapwrap #wrap .btn-outline-primary{border-radius:999px !important;font-weight:700 !important}
/* legacy pricing card polish */
#wrapwrap #wrap .card{border-radius:20px !important;border:1px solid rgba(15,23,42,.08) !important;box-shadow:0 20px 50px -30px rgba(15,23,42,.35) !important}
/* hide any old footer markup the legacy pages might carry */
body.v2 footer#bottom,body.v2 .o_footer{display:none !important}