/* ============================================================
   ENROLLICA V4 LIGHT THEME
   Keeps the header dark; lightens the page experience.
   ============================================================ */

body.v4-light {
  --white: #07111f;
  --muted: #3f4b5d;
  --neon: #065f7c;
  --pulse: #4f46e5;
  --violet: #6d28d9;
  --emerald: #047857;
  --border: rgba(15, 35, 64, 0.12);
  --border-strong: rgba(0, 142, 190, 0.24);
  --panel: rgba(255, 255, 255, 0.92);
  --panel-hover: rgba(247, 250, 255, 0.96);
  background: #f6f9fd;
  color: #07111f;
}

body.v4-light::selection {
  background: rgba(0, 142, 190, 0.18);
}

/* Header stays dark in V4 */
body.v4-light .nav,
body.v4-light .nav.scrolled {
  background: rgba(2, 7, 17, 0.94);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0, 212, 255, 0.18);
}

body.v4-light .nav-logo,
body.v4-light .nav .nlink:hover,
body.v4-light .nav .fc h4 {
  color: #f0f8ff;
}

body.v4-light .nav .nlink {
  color: rgba(240, 248, 255, 0.68);
}

body.v4-light .nav .nlink:hover {
  background: rgba(240, 248, 255, 0.08);
}

body.v4-light .nav .nlink.active {
  color: #00d4ff;
  background: rgba(0, 212, 255, 0.12);
  border-color: rgba(0, 212, 255, 0.28);
}

body.v4-light .nav-cta {
  color: #020711;
  background: #00d4ff;
}

/* Shared light system */
body.v4-light .s-title,
body.v4-light .s-title-light,
body.v4-light .contact-title,
body.v4-light .suite-title,
body.v4-light .activity-copy h3,
body.v4-light .product-view h3,
body.v4-light .terminal-title,
body.v4-light .footer-logo {
  color: #07111f;
}

body.v4-light .s-sub,
body.v4-light .s-sub-light,
body.v4-light .activity-copy p,
body.v4-light .product-view p,
body.v4-light .terminal-desc,
body.v4-light .footer-brand p,
body.v4-light .fc a,
body.v4-light .footer-bottom span {
  color: #3f4b5d;
}

body.v4-light .s-tag,
body.v4-light .s-tag-light,
body.v4-light .hero-eyebrow,
body.v4-light .act-hero-eyebrow,
body.v4-light .sol-hero-eyebrow {
  color: #065f7c;
  background: rgba(0, 142, 190, 0.08);
  border-color: rgba(0, 142, 190, 0.2);
}

body.v4-light .s-tag::before,
body.v4-light .s-tag-light::before,
body.v4-light .hero-eyebrow::before,
body.v4-light .act-hero-eyebrow::before {
  background: #065f7c;
}

body.v4-light .btn-ghost {
  color: #243247;
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(15, 35, 64, 0.12);
}

body.v4-light .btn-ghost:hover {
  color: #065f7c;
  background: rgba(0, 142, 190, 0.08);
  border-color: rgba(0, 142, 190, 0.24);
}

/* Home hero */
body.v4-light .hero {
  background:
    radial-gradient(ellipse 55% 42% at 50% 0%, rgba(0, 212, 255, 0.16), transparent 68%),
    radial-gradient(ellipse 40% 36% at 82% 22%, rgba(167, 139, 250, 0.16), transparent 66%),
    linear-gradient(180deg, #eef7ff 0%, #f8fbff 62%, #ffffff 100%);
  color: #07111f;
}

body.v4-light .hero-ambient {
  background:
    radial-gradient(ellipse 42% 36% at 18% 74%, rgba(52, 211, 153, 0.12), transparent 65%),
    radial-gradient(ellipse 38% 32% at 82% 72%, rgba(99, 102, 241, 0.12), transparent 68%);
}

body.v4-light .star-canvas,
body.v4-light .contact-canvas,
body.v4-light .act-hero canvas,
body.v4-light .sol-hero canvas {
  opacity: 0.18;
  mix-blend-mode: multiply;
}

body.v4-light .hero-title,
body.v4-light .act-hero-title,
body.v4-light .sol-hero-title {
  color: #07111f;
}

body.v4-light .hero-sub,
body.v4-light .act-hero-sub,
body.v4-light .sol-hero-sub {
  color: #3f4b5d;
}

body.v4-light .hsc-text {
  color: rgba(7, 17, 31, 0.42);
}

body.v4-light .hsc-chevron {
  border-color: rgba(0, 142, 190, 0.45);
}

/* Portal and product surfaces */
body.v4-light .portal-section,
body.v4-light .portal-sticky,
body.v4-light .act-main,
body.v4-light .sol-main {
  background:
    radial-gradient(ellipse 44% 34% at 12% 12%, rgba(0, 212, 255, 0.1), transparent 65%),
    radial-gradient(ellipse 42% 34% at 86% 70%, rgba(99, 102, 241, 0.08), transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #f5f9fe 100%);
  color: #07111f;
}

body.v4-light .portal-grid-bg {
  background:
    linear-gradient(rgba(0, 142, 190, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 142, 190, 0.09) 1px, transparent 1px);
}

body.v4-light .portal-headline span,
body.v4-light .portal-copy,
body.v4-light .portal-copy p,
body.v4-light .suite-head p,
body.v4-light .suite-demo {
  color: #3f4b5d;
}

body.v4-light .holo-main-card,
body.v4-light .holo-main,
body.v4-light .holo-pod,
body.v4-light .product-shell,
body.v4-light .act-card,
body.v4-light .sol-card,
body.v4-light .contact-form-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(15, 35, 64, 0.13);
  box-shadow: 0 24px 72px rgba(15, 35, 64, 0.12), inset 0 1px 0 rgba(255,255,255,0.9);
}

body.v4-light .holo-main-card,
body.v4-light .holo-main,
body.v4-light .holo-pod {
  color: #07111f;
}

body.v4-light .product-rail {
  background: rgba(247, 250, 255, 0.86);
  border-color: rgba(15, 35, 64, 0.08);
}

body.v4-light .product-tab,
body.v4-light .rail-step,
body.v4-light .terminal-line,
body.v4-light .et-line,
body.v4-light .acc-item,
body.v4-light .scc-item {
  color: #3f4b5d;
}

body.v4-light .product-tab.active,
body.v4-light .rail-step.active {
  color: #065f7c;
  background: rgba(0, 142, 190, 0.08);
}

/* Journey */
body.v4-light .journey-section,
body.v4-light .journey-sticky {
  background:
    radial-gradient(ellipse 56% 42% at 50% 48%, rgba(0, 212, 255, 0.12), transparent 70%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
  color: #07111f;
}

body.v4-light .journey-bg,
body.v4-light .journey-bg-ambient {
  background:
    radial-gradient(ellipse 62% 48% at 50% 50%, rgba(0, 142, 190, 0.12), transparent 70%);
}

body.v4-light .j-card,
body.v4-light .j-pair-card,
body.v4-light .j-celebrate {
  background: rgba(255, 255, 255, 0.97);
  border-color: rgba(0, 142, 190, 0.26);
  box-shadow: 0 28px 84px rgba(15, 35, 64, 0.14), inset 0 1px 0 rgba(255,255,255,1);
}

body.v4-light .jc-title,
body.v4-light .jcel-title,
body.v4-light .jcvm-val,
body.v4-light .jcv-profile-name,
body.v4-light .jcvlt-title {
  color: #07111f;
}

body.v4-light .jc-body,
body.v4-light .jcel-sub,
body.v4-light .jcvt-name,
body.v4-light .jcvtl-status,
body.v4-light .jcvlt-uni,
body.v4-light .jcvv-row span:last-child {
  color: #3f4b5d;
}

body.v4-light .jc-right,
body.v4-light .j-pair-card .jc-right,
body.v4-light .jcv-task,
body.v4-light .jcv-letter,
body.v4-light .jcvv-passport,
body.v4-light .sfv-email,
body.v4-light .sfv-stat {
  background: rgba(247, 250, 255, 0.9);
  border-color: rgba(15, 35, 64, 0.1);
}

body.v4-light .jc-ghost-num,
body.v4-light .j-pair-card .jc-ghost-num {
  -webkit-text-stroke: 1px rgba(15, 35, 64, 0.08);
}

body.v4-light .jn-track,
body.v4-light .jcvb-track,
body.v4-light .jcvlt-line,
body.v4-light .jcv-pipe-line {
  background: rgba(15, 35, 64, 0.1);
}

body.v4-light .et-header,
body.v4-light .terminal-header,
body.v4-light .sfv-toolbar {
  background: rgba(247, 250, 255, 0.92);
  border-color: rgba(15, 35, 64, 0.1);
}

body.v4-light .etd-label,
body.v4-light .terminal-muted,
body.v4-light .jcvt-due,
body.v4-light .jcvtl-time,
body.v4-light .jcv-lead-source,
body.v4-light .jn-step-label,
body.v4-light .sfv-from,
body.v4-light .sfv-footer-bar,
body.v4-light .sfv-stat-label {
  color: #6c7a8c;
}

/* Activities and solutions pages */
body.v4-light .act-hero,
body.v4-light .sol-hero {
  background:
    radial-gradient(ellipse 55% 50% at 50% 0%, rgba(0, 212, 255, 0.14), transparent 65%),
    radial-gradient(ellipse 42% 38% at 86% 68%, rgba(167, 139, 250, 0.13), transparent 68%),
    linear-gradient(180deg, #eef7ff 0%, #ffffff 100%);
}

body.v4-light .act-hero-bg,
body.v4-light .sol-hero-bg {
  opacity: 0.75;
}

body.v4-light .ahm-item,
body.v4-light .shm-item,
body.v4-light .act-section-label,
body.v4-light .sol-section-label {
  color: #6c7a8c;
}

body.v4-light .act-featured,
body.v4-light .sol-featured,
body.v4-light .act-cta-banner,
body.v4-light .sol-cta-banner {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 248, 255, 0.9));
  border-color: rgba(0, 142, 190, 0.16);
  box-shadow: 0 28px 80px rgba(15, 35, 64, 0.12);
}

body.v4-light .af-title,
body.v4-light .sf-title,
body.v4-light .acb-text h2,
body.v4-light .scb-text h2,
body.v4-light .act-card h3,
body.v4-light .sol-card h3,
body.v4-light .sfv-subject {
  color: #07111f;
}

body.v4-light .af-desc,
body.v4-light .sf-desc,
body.v4-light .af-cap-list li,
body.v4-light .sf-cap-list li,
body.v4-light .act-card-desc,
body.v4-light .sol-card-desc,
body.v4-light .acb-text p,
body.v4-light .scb-text p {
  color: #3f4b5d;
}

body.v4-light .sfv-line {
  background: rgba(15, 35, 64, 0.1);
}

/* Footer becomes light; only the header is kept dark. */
body.v4-light .footer {
  background: #ffffff;
  border-top-color: rgba(15, 35, 64, 0.1);
}

body.v4-light .footer-bottom {
  border-top-color: rgba(15, 35, 64, 0.08);
}

body.v4-light .powered-by-label {
  color: rgba(15, 35, 64, 0.45);
}

body.v4-light .fc h4 {
  color: #07111f;
}

body.v4-light .fc a:hover {
  color: #065f7c;
}

@media (max-width: 900px) {
  body.v4-light .nav-links.open {
    background: rgba(2, 7, 17, 0.98);
    border-bottom-color: rgba(0, 212, 255, 0.2);
  }
}

/* Text visibility hardening for V4 light backgrounds */
body.v4-light .hero:not(.nav *),
body.v4-light .portal-section,
body.v4-light .product-section,
body.v4-light .modules-section,
body.v4-light .journey-section,
body.v4-light .roles-section,
body.v4-light .contact-section,
body.v4-light .act-hero,
body.v4-light .act-main,
body.v4-light .sol-hero,
body.v4-light .sol-main,
body.v4-light .footer {
  color: #07111f;
}

body.v4-light .hero h1,
body.v4-light .hero h2,
body.v4-light .hero h3,
body.v4-light .portal-section h1,
body.v4-light .portal-section h2,
body.v4-light .portal-section h3,
body.v4-light .product-section h1,
body.v4-light .product-section h2,
body.v4-light .product-section h3,
body.v4-light .modules-section h1,
body.v4-light .modules-section h2,
body.v4-light .modules-section h3,
body.v4-light .journey-section h1,
body.v4-light .journey-section h2,
body.v4-light .journey-section h3,
body.v4-light .roles-section h1,
body.v4-light .roles-section h2,
body.v4-light .roles-section h3,
body.v4-light .contact-section h1,
body.v4-light .contact-section h2,
body.v4-light .contact-section h3,
body.v4-light .act-hero h1,
body.v4-light .act-hero h2,
body.v4-light .act-main h1,
body.v4-light .act-main h2,
body.v4-light .act-main h3,
body.v4-light .act-main h4,
body.v4-light .act-main h5,
body.v4-light .sol-hero h1,
body.v4-light .sol-hero h2,
body.v4-light .sol-main h1,
body.v4-light .sol-main h2,
body.v4-light .sol-main h3,
body.v4-light .sol-main h4,
body.v4-light .sol-main h5,
body.v4-light .footer h4 {
  color: #07111f;
}

body.v4-light .hero p,
body.v4-light .hero li,
body.v4-light .portal-section p,
body.v4-light .portal-section li,
body.v4-light .product-section p,
body.v4-light .product-section li,
body.v4-light .modules-section p,
body.v4-light .modules-section li,
body.v4-light .journey-section p,
body.v4-light .journey-section li,
body.v4-light .roles-section p,
body.v4-light .roles-section li,
body.v4-light .contact-section p,
body.v4-light .contact-section li,
body.v4-light .act-hero p,
body.v4-light .act-main p,
body.v4-light .act-main li,
body.v4-light .sol-hero p,
body.v4-light .sol-main p,
body.v4-light .sol-main li,
body.v4-light .footer p,
body.v4-light .footer a {
  color: #3f4b5d;
}

body.v4-light .portal-section span,
body.v4-light .product-section span,
body.v4-light .journey-section span,
body.v4-light .act-main span,
body.v4-light .sol-main span,
body.v4-light .footer span {
  color: inherit;
}

body.v4-light .hero .grad-text,
body.v4-light .hero .grad-text *,
body.v4-light .hero-title.hero-title-lettered .ht-line.grad-text .ht-char,
body.v4-light .jcels-val,
body.v4-light .footer-logo-text,
body.v4-light .grad-text {
  background: linear-gradient(135deg, #065f7c 0%, #4f46e5 52%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.v4-light .act-main .af-badge,
body.v4-light .act-main .af-num,
body.v4-light .act-main .act-card-num,
body.v4-light .sol-main .sf-badge,
body.v4-light .sol-main .sf-num,
body.v4-light .sol-main .sf-sub,
body.v4-light .sol-main .sol-card-num,
body.v4-light .sol-main .sol-card-sub,
body.v4-light .journey-section .jc-step-label,
body.v4-light .journey-section .jcv-lead-tier {
  color: #065f7c;
}

body.v4-light .act-main .act-card,
body.v4-light .sol-main .sol-card,
body.v4-light .act-main .act-featured,
body.v4-light .sol-main .sol-featured,
body.v4-light .act-main .act-cta-banner,
body.v4-light .sol-main .sol-cta-banner,
body.v4-light .journey-section .j-card,
body.v4-light .journey-section .j-pair-card,
body.v4-light .journey-section .j-celebrate {
  color: #07111f;
}

body.v4-light .act-main .act-card-desc,
body.v4-light .act-main .af-desc,
body.v4-light .act-main .af-cap-list li,
body.v4-light .act-main .acb-text p,
body.v4-light .sol-main .sol-card-desc,
body.v4-light .sol-main .sf-desc,
body.v4-light .sol-main .sf-cap-list li,
body.v4-light .sol-main .scb-text p,
body.v4-light .journey-section .jc-body,
body.v4-light .journey-section .jcel-sub {
  color: #3f4b5d;
}

body.v4-light .sfv-logo,
body.v4-light .sfv-logo *,
body.v4-light .btn-primary,
body.v4-light .form-submit,
body.v4-light .af-cta,
body.v4-light .nav-cta {
  color: #020711;
  -webkit-text-fill-color: currentColor;
  background: #00d4ff;
}

body.v4-light .nav *,
body.v4-light .nav .nlink,
body.v4-light .nav-logo {
  -webkit-text-fill-color: currentColor;
}

/* "Book a Demo" stays an outline button next to the solid "Book Your Slot"
   nav CTA — override the light theme's forced solid-cyan .nav-cta fill.
   Nav bar itself stays dark in both themes, so reuse the same light-on-dark
   colors as the base stylesheet. */
body.v4-light .nav-cta-outline {
  color: rgba(240, 248, 255, 0.85);
  background: transparent;
  -webkit-text-fill-color: currentColor;
  border: 1px solid rgba(240, 248, 255, 0.22);
}

body.v4-light .nav-cta-outline:hover {
  border-color: rgba(0, 212, 255, 0.5);
}

body.v4-light .nav .burger span {
  background: #f0f8ff;
}

body.v4-light .pod-name,
body.v4-light .pod-stat,
body.v4-light .hmc-title,
body.v4-light .hmc-sub,
body.v4-light .hd-title,
body.v4-light .hm-status,
body.v4-light .jcv-profile-sub,
body.v4-light .jcvs-label,
body.v4-light .jcv-uni-badge,
body.v4-light .jcvm-label,
body.v4-light .jcels-label,
body.v4-light .jcvv-flag,
body.v4-light .jcvv-row span:first-child,
body.v4-light .jcvv-row span:last-child,
body.v4-light .jcvt-priority,
body.v4-light .jcvt-due,
body.v4-light .jcvtl-time,
body.v4-light .jn-step-label,
body.v4-light .sfv-stat-label,
body.v4-light .sfv-footer-bar,
body.v4-light .sfv-from {
  color: #3f4b5d;
}

body.v4-light .jcv-score-val,
body.v4-light .jcv-lead-tier,
body.v4-light .jcv-pipe-stage.jcvs-active .jcvs-label,
body.v4-light .jcvtl-active .jcvtl-status,
body.v4-light .jc-tag,
body.v4-light .jcel-step,
body.v4-light .rc-badge,
body.v4-light .sfv-stat-val {
  color: #065f7c;
}

body.v4-light .jcv-doc.jcvd-done,
body.v4-light .jcvtc-done,
body.v4-light .jcv-pipe-stage.jcvs-done .jcvs-label,
body.v4-light .jcvtl-done .jcvtl-status,
body.v4-light .jcvlt-badge,
body.v4-light .jcvv-stamp,
body.v4-light .jcvmt-up,
body.v4-light .jcvv-granted {
  color: #047857 !important;
}

body.v4-light .jcv-doc.jcvd-pend,
body.v4-light .jcvt-med .jcvt-priority,
body.v4-light .jcvlt-badge-gold {
  color: #8a4b00;
}

body.v4-light .jcvt-high .jcvt-priority {
  color: #b91c1c;
}

body.v4-light .jcvv-country,
body.v4-light .jcv-av-core {
  color: #4338ca;
}

body.v4-light .ahm-item,
body.v4-light .shm-item,
body.v4-light .jcv-lead-source {
  color: #3f4b5d;
}

/* Why Enrollica page */
body.v4-light .why-hero,
body.v4-light .why-main {
  background:
    radial-gradient(ellipse 52% 42% at 50% 0%, rgba(0, 212, 255, 0.13), transparent 66%),
    radial-gradient(ellipse 40% 36% at 86% 68%, rgba(167, 139, 250, 0.12), transparent 68%),
    linear-gradient(180deg, #eef7ff 0%, #ffffff 100%);
  color: #07111f;
}

body.v4-light .why-hero-bg {
  opacity: 0.72;
}

body.v4-light .why-hero canvas {
  opacity: 0.24;
  mix-blend-mode: multiply;
}

body.v4-light .why-eyebrow,
body.v4-light .why-kicker {
  color: #065f7c;
}

body.v4-light .why-title,
body.v4-light .why-section-title,
body.v4-light .wpc-num,
body.v4-light .wcp-title,
body.v4-light .why-pillar h3,
body.v4-light .why-outcome h3,
body.v4-light .why-flow-step h3,
body.v4-light .why-cta h2 {
  color: #07111f;
}

body.v4-light .why-sub,
body.v4-light .why-section-copy,
body.v4-light .wpc-copy,
body.v4-light .wcp-list li,
body.v4-light .why-pillar p,
body.v4-light .why-outcome p,
body.v4-light .why-outcome li,
body.v4-light .why-flow-step p,
body.v4-light .why-cta p {
  color: #3f4b5d;
}

body.v4-light .why-command,
body.v4-light .why-proof-card,
body.v4-light .why-pillar,
body.v4-light .why-outcome,
body.v4-light .why-flow-step,
body.v4-light .why-compare-panel {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(15, 35, 64, 0.11);
  box-shadow: 0 24px 80px rgba(15, 35, 64, 0.1);
}

body.v4-light .why-command::before {
  background: radial-gradient(circle at 72% 0%, rgba(0, 142, 190, 0.1), transparent 55%);
}

body.v4-light .wc-bar,
body.v4-light .wcp-head {
  background: rgba(247, 250, 255, 0.88);
  border-color: rgba(15, 35, 64, 0.1);
}

body.v4-light .wc-path,
body.v4-light .wc-line {
  color: #3f4b5d;
  border-color: rgba(15, 35, 64, 0.08);
}

body.v4-light .wc-pill,
body.v4-light .wpc-label,
body.v4-light .wcp-label,
body.v4-light .wfs-num,
body.v4-light .wp-icon {
  color: #065f7c;
}

body.v4-light .wc-pill,
body.v4-light .wp-icon {
  background: rgba(0, 142, 190, 0.08);
  border-color: rgba(0, 142, 190, 0.18);
}

body.v4-light .wcp-old .wcp-mark {
  color: #b91c1c;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.18);
}

body.v4-light .wcp-enrollica .wcp-mark,
body.v4-light .wc-check {
  color: #ffffff;
  background: #065f7c;
}

body.v4-light .why-cta {
  background:
    radial-gradient(ellipse 44% 80% at 90% 10%, rgba(0, 142, 190, 0.12), transparent 70%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 248, 255, 0.9));
  border-color: rgba(0, 142, 190, 0.16);
  box-shadow: 0 28px 80px rgba(15, 35, 64, 0.11);
}

/* Company information pages */
body.v4-light.company-page,
body.v4-light .company-hero,
body.v4-light .company-main {
  background:
    radial-gradient(ellipse 52% 42% at 50% 0%, rgba(0, 212, 255, 0.12), transparent 66%),
    radial-gradient(ellipse 40% 36% at 86% 68%, rgba(167, 139, 250, 0.11), transparent 68%),
    linear-gradient(180deg, #eef7ff 0%, #ffffff 100%);
  color: #07111f;
}

body.v4-light .company-hero {
  border-color: rgba(15, 35, 64, 0.1);
}

body.v4-light .company-hero-bg {
  opacity: 0.72;
}

body.v4-light .company-hero canvas {
  opacity: 0.24;
  mix-blend-mode: multiply;
}

body.v4-light .company-eyebrow,
body.v4-light .company-kicker,
body.v4-light .chc-label,
body.v4-light .company-card-num,
body.v4-light .company-step-num {
  color: #065f7c;
}

body.v4-light .company-title,
body.v4-light .company-section-title,
body.v4-light .chc-title,
body.v4-light .company-card h3,
body.v4-light .company-step h3,
body.v4-light .company-callout h3,
body.v4-light .company-toc h3,
body.v4-light .company-doc h2 {
  color: #07111f;
}

body.v4-light .company-sub,
body.v4-light .company-section-copy,
body.v4-light .chc-copy,
body.v4-light .chc-list li,
body.v4-light .company-card p,
body.v4-light .company-step p,
body.v4-light .company-callout p,
body.v4-light .company-doc p,
body.v4-light .company-doc li,
body.v4-light .company-toc a {
  color: #3f4b5d;
}

body.v4-light .company-hero-card,
body.v4-light .company-card,
body.v4-light .company-step,
body.v4-light .company-doc,
body.v4-light .company-callout,
body.v4-light .company-toc {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(15, 35, 64, 0.11);
  box-shadow: 0 24px 80px rgba(15, 35, 64, 0.1);
}

body.v4-light .company-hero-card::before {
  background: radial-gradient(circle at 80% 0%, rgba(0, 142, 190, 0.1), transparent 58%);
}

body.v4-light .company-doc-section,
body.v4-light .company-toc a {
  border-color: rgba(15, 35, 64, 0.1);
}

body.v4-light .company-toc a:hover,
body.v4-light .fc a.active {
  color: #065f7c;
}

body.v4-light .company-card-num,
body.v4-light .company-step-num,
body.v4-light .company-meta span {
  background: rgba(0, 142, 190, 0.08);
  border-color: rgba(0, 142, 190, 0.18);
}

body.v4-light .company-meta span {
  color: #304258;
}

body.v4-light .company-callout {
  background:
    radial-gradient(ellipse 44% 80% at 90% 10%, rgba(0, 142, 190, 0.12), transparent 70%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 248, 255, 0.9));
  border-color: rgba(0, 142, 190, 0.16);
}

/* ── Launching Soon ── */
body.v4-light .launch-section {
  /* Richer blue — clearly distinct from the Roles section above (#f5f8fc–#ffffff) */
  background: linear-gradient(180deg, #dceef9 0%, #cfe7f5 60%, #c8e2f2 100%);
  color: #07111f;
}

body.v4-light .launch-section h2,
body.v4-light .launch-section h3 {
  color: #07111f;
}

body.v4-light .launch-section p {
  color: #3f4b5d;
}

body.v4-light .launch-bg-glow {
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%, rgba(79,70,229,0.08)  0%, transparent 65%),
    radial-gradient(ellipse 45% 45% at 5%  15%, rgba(0,142,190,0.1)   0%, transparent 55%),
    radial-gradient(ellipse 45% 45% at 95% 85%, rgba(99,102,241,0.08) 0%, transparent 55%);
}

/* Dark accessible accent colors — replaces neon-bright defaults on white cards */
body.v4-light .lc-1 { --lc: #065f7c; --lcr: 6,95,124; }
body.v4-light .lc-2 { --lc: #047857; --lcr: 4,120,87; }
body.v4-light .lc-3 { --lc: #6d28d9; --lcr: 109,40,217; }
body.v4-light .lc-4 { --lc: #b45309; --lcr: 180,83,9; }

/* ls-tag — stronger teal palette, wins over base !important */
body.v4-light .ls-tag {
  background: linear-gradient(135deg, rgba(0,142,190,0.2), rgba(79,70,229,0.16)) !important;
  border-color: rgba(0,142,190,0.38) !important;
  color: #043d54 !important;
}

body.v4-light .launch-card {
  background: rgba(255,255,255,0.97);
  border-color: rgba(15,35,64,0.14);
  box-shadow: 0 24px 64px rgba(15,35,64,0.14), inset 0 1px 0 rgba(255,255,255,1);
}

body.v4-light .launch-card:hover {
  border-color: rgba(var(--lcr), 0.42);
  box-shadow: 0 36px 88px rgba(15,35,64,0.18), 0 0 64px rgba(var(--lcr), 0.14), inset 0 1px 0 rgba(255,255,255,1);
}

/* top-edge glow — visible on white cards */
body.v4-light .launch-card::before {
  background: radial-gradient(ellipse 80% 45% at 50% 0%, rgba(var(--lcr), 0.28) 0%, transparent 70%);
}

/* rings — punchy on the blue section background */
body.v4-light .lc-ring {
  border-color: rgba(var(--lcr), 0.42);
}

body.v4-light .lc-ring::after {
  border-color: rgba(var(--lcr), 0.28);
}

body.v4-light .lc-title {
  color: #07111f;
}

body.v4-light .lc-body {
  color: #3f4b5d;
}

/* Feature spotlight (.fx-section) is authored directly for the light
   theme in style.css — no v4-light overrides needed. */

/* Modules section — subtle accent glows for visual interest */
body.v4-light .modules-section {
  background:
    radial-gradient(ellipse 50% 40% at 14% 0%,  rgba(0,142,190,0.05),  transparent 65%),
    radial-gradient(ellipse 52% 42% at 88% 10%, rgba(99,102,241,0.04), transparent 68%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

/* Module cards — stronger elevation */
body.v4-light .m-card {
  background: rgba(255,255,255,0.96);
  border-color: rgba(15,35,64,0.13);
  box-shadow: 0 20px 60px rgba(15,35,64,0.1), inset 0 1px 0 rgba(255,255,255,0.9);
}

/* Roles cards — stronger elevation */
body.v4-light .r-card {
  background: rgba(255,255,255,0.97);
  border-color: rgba(15,35,64,0.13);
  box-shadow: 0 20px 60px rgba(15,35,64,0.1), inset 0 1px 0 rgba(255,255,255,1);
}

/* Contact section — crisp white, grounds the page */
body.v4-light .contact-section {
  background:
    radial-gradient(ellipse 45% 42% at 6%  20%, rgba(0,142,190,0.05),  transparent 66%),
    radial-gradient(ellipse 45% 42% at 90% 80%, rgba(99,102,241,0.04), transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
}

/* Railway light mode */
body.v4-light .rw-panel {
  background: #ffffff;
  border-color: rgba(0,150,200,0.2);
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}

body.v4-light .rwp-title { color: #07111f; }
body.v4-light .rwp-body  { color: #4a5a6a; }
body.v4-light .rwp-tag   { color: #5a6a7a; border-color: rgba(15,35,64,0.12); }

body.v4-light .rw-rail { background: rgba(15,35,64,0.08); }
body.v4-light .rw-sleeper { background: rgba(15,35,64,0.06); }
body.v4-light .rw-sleeper-lit { background: rgba(15,35,64,0.18); }
body.v4-light .rw-node { background: #ffffff; border-color: rgba(15,35,64,0.12); }
body.v4-light .rw-node-inner { color: rgba(15,35,64,0.25); }
body.v4-light .rwl-title { color: rgba(15,35,64,0.55); }
body.v4-light .rwl-connector { background: rgba(15,35,64,0.12); }
body.v4-light .rw-counter { color: rgba(15,35,64,0.35); }
body.v4-light .rw-prog { background: rgba(15,35,64,0.08); }