/* VERSION B "Soft panels": navy stays, broken up by light floating panels with soft blue glow edges and varied blue glows. */
:root { --glow-edge: 0 0 0 1px rgba(143,194,232,.45), 0 30px 70px -34px rgba(0,93,217,.75), 0 0 60px -20px rgba(61,142,214,.45); }
.s + .s { border-top: 0; }
/* varied navy: big soft blue glows + a gently lifted blue band, so there is no flat dark wall */
.about::before { background: radial-gradient(ellipse 55% 70% at 0% 40%, rgba(0,93,217,.32), transparent 70%), radial-gradient(ellipse 40% 50% at 100% 100%, rgba(61,142,214,.14), transparent 70%) !important; }
.network::before { background: radial-gradient(ellipse 60% 55% at 50% 55%, rgba(0,93,217,.28), transparent 72%) !important; }
.support { background: linear-gradient(180deg, transparent, #0b1d4d 22%, #0d2257 50%, #0b1d4d 78%, transparent); }
.support::before { background: radial-gradient(ellipse 45% 55% at 100% 50%, rgba(61,142,214,.28), transparent 72%), radial-gradient(ellipse 30% 40% at 0% 30%, rgba(242,165,72,.1), transparent 70%) !important; }
.path::before { background: radial-gradient(ellipse 50% 60% at 0% 60%, rgba(0,93,217,.3), transparent 72%) !important; }
.testimonials { background: linear-gradient(180deg, transparent, #0b1d4d 22%, #0e2459 50%, #0b1d4d 78%, transparent); }
.testimonials::before { background: radial-gradient(ellipse 55% 50% at 50% 50%, rgba(61,142,214,.24), transparent 72%) !important; }
.team-teaser::before, .team-sec::before { background: radial-gradient(ellipse 50% 60% at 100% 30%, rgba(0,93,217,.28), transparent 72%) !important; }
.demo::before { background: radial-gradient(ellipse 55% 60% at 50% 70%, rgba(0,93,217,.34), transparent 72%) !important; }
/* light glass panels (navy text) */
.lp, .sup-panels, .goal, .q-card, .tl-step, .tm-info { color: var(--navy); }
.sup-panels, .goal, .q-feature .q-card, .tl-step { background: linear-gradient(165deg, rgba(255,255,255,.97), rgba(234,241,251,.94)) !important; border: 1px solid rgba(255,255,255,.75) !important; box-shadow: var(--glow-edge) !important; backdrop-filter: blur(14px); }
.goal p, .sup-panel h3, .q-card blockquote p, .tl-body h3, .q-card figcaption b { color: var(--navy); }
.goal-icon { filter: none; content: url(../brand/scriptmates-icon-blue.png); }
.goal { background: linear-gradient(160deg, #fff4e7, #fff 60%, #eef4fc) !important; }
.sp-ico { background: #eaf1fb; border-color: #cfdcf0; }
.sp-ico [stroke="#06102C"] { stroke: var(--navy); } .sp-ico [stroke="#005DD9"] { stroke: var(--blue); }
.sp-f { color: #24324f; } .sp-b { color: #3c4a64; }
.sup-panel h4 { color: var(--orange-strong); border-top-color: #dbe4f2; }
.sup-tab.is-on { box-shadow: 0 0 0 1px rgba(242,165,72,.4), 0 0 30px -8px rgba(242,165,72,.55); }
/* mission steps: inset light cards */
.tl-num { color: var(--orange); text-shadow: none; }
.tl-body p { color: #3c4a64; }
.tl-step:hover, .tl-step.is-lit { border-color: rgba(242,165,72,.9) !important; box-shadow: 0 0 0 1px rgba(242,165,72,.55), 0 30px 70px -34px rgba(0,93,217,.75), 0 0 46px -14px rgba(242,165,72,.5) !important; }
.tl-step::before { background: radial-gradient(320px circle at var(--cx, 50%) var(--cy, 0%), rgba(242,165,72,.14), transparent 62%); }
/* testimonials: light floating cards */
.q-mark { color: var(--orange); filter: none; }
.q-feature .q-card:first-child { background: linear-gradient(160deg, #fff3e4, #fff 55%, #eaf1fb) !important; }
.q-card figcaption em { color: #5c6a7d; }
.q-av { background: rgba(0,93,217,.08); border-color: rgba(0,93,217,.35); color: var(--blue); }
.q-card:hover { transform: translateY(-4px); }
.q-card::before { background: radial-gradient(320px circle at var(--cx, 50%) var(--cy, 0%), rgba(242,165,72,.12), transparent 62%); }
/* team: photo cards with a light name plate */
.tm-card { border-color: rgba(143,194,232,.4); box-shadow: 0 30px 60px -36px rgba(0,93,217,.8); }
.tm-info { background: linear-gradient(165deg, #fff, #eaf1fb); border-top: 0; }
.tm-name { color: var(--navy); } .tm-title { color: var(--blue) !important; }
/* network stage + CTA keep dark glass, with the same blue glow edge */
.stage, .cta-banner { box-shadow: 0 0 0 1px rgba(143,194,232,.25), 0 30px 80px -40px rgba(0,93,217,.8); }
.demo-card { box-shadow: var(--glow-edge); }
.s::before { -webkit-mask-image: linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent); mask-image: linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent); }