/* Pricing body bands beginning with add-ons. */
.sp-pricing-page{--surface-cool:#f1f3f5}
.sp-pricing-page #add-ons{background:#071936;border:0}
.sp-pricing-page #add-ons::before{display:block;background:#fff}
.sp-pricing-page #add-ons::after{background:#f1f3f5}
.sp-pricing-page #add-ons .section-head h2{color:#fff}
.sp-pricing-page #add-ons .section-head p{color:#d5e1ed}
.sp-pricing-page #add-ons .eyebrow{color:#9DC0E0}
.sp-pricing-page .pricing-faq-section{position:relative;isolation:isolate;background:#f1f3f5;border:0;padding-bottom:112px}
.sp-pricing-page .pricing-faq-section::after{content:"";position:absolute;inset:auto 0 -1px;height:40px;background:#fff;clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:-1}
.sp-pricing-page .shared-process::before{display:none}
@media(max-width:640px){.sp-pricing-page .pricing-faq-section{padding-bottom:76px}.sp-pricing-page .pricing-faq-section::after{height:24px}}

body.sp-pricing-page .pricing-plan-section{padding-top:32px}
body.sp-pricing-page .pricing-plan-section .plan-toggle{margin:20px auto 0}
@media(max-width:640px){body.sp-pricing-page .pricing-plan-section{padding-top:24px}}

/* Compact add-on accordions; details stay hidden until requested. */
body.sp-pricing-page #add-ons .addons{display:grid;grid-template-columns:1fr;max-width:960px;gap:14px}
body.sp-pricing-page #add-ons .addon{padding:0;border:1px solid #d7e0e9;border-radius:10px;background:#fff;box-shadow:none}
body.sp-pricing-page #add-ons .addon:hover{transform:none;box-shadow:none}
body.sp-pricing-page #add-ons .addon summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;color:#071936;font-size:20px;font-weight:700;line-height:1.35;cursor:pointer;list-style:none}
body.sp-pricing-page #add-ons .addon summary::-webkit-details-marker{display:none}
body.sp-pricing-page #add-ons .addon summary:focus-visible{outline:3px solid #2E5E8C;outline-offset:3px;border-radius:10px}
body.sp-pricing-page #add-ons .addon-chevron{flex:none;color:#2E5E8C;transition:transform .18s}
body.sp-pricing-page #add-ons .addon[open] .addon-chevron{transform:rotate(180deg)}
body.sp-pricing-page #add-ons .addon-content{padding:0 24px 24px;color:#071936}
body.sp-pricing-page #add-ons .addon-content p{margin-top:0}
body.sp-pricing-page #add-ons .addon :is(p,li){color:#071936}
@media(max-width:640px){body.sp-pricing-page #add-ons .addon summary{padding:18px 20px;font-size:18px}body.sp-pricing-page #add-ons .addon-content{padding:0 20px 20px}}

/* Give the optional add-ons clearer definition on gray. */
body.sp-pricing-page.light-body-page #add-ons .section-head p.eyebrow{color:#2E5E8C;font-weight:800}
body.sp-pricing-page #add-ons .addon{border-color:#9cafc2}