/* v1 design layer (2026-10-23) */
html:root,html[data-theme]{--color-bg:#eef0f3;--color-surface:#fff;--color-surface-2:#f6f8fb;--color-surface-offset:#e9edf3;--color-border:#d8dce6;--color-text:#0f1b33;--color-text-muted:#4b5872;--color-accent:#2f6db5;--color-accent-hover:#255a96;--color-accent-active:#1d4a7d;--color-accent-bright:#4f8ad0;--color-accent-subtle:#e6effa;--color-accent-glow:rgba(47,109,181,.15);--font-body:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--font-display:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color-scheme:light}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif!important;background:#eef0f3!important;color:#0f1b33}
h1,h2,h3,h4,.hero-heading,.section-title{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif!important;letter-spacing:normal}
.v1nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;position:sticky;top:0;z-index:50;background:rgba(244,245,247,.96);border-bottom:1px solid #d8dce6;font-family:"Segoe UI",system-ui,sans-serif}
.v1nav .v1brand img{height:54px;width:auto;display:block}
.v1nav nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.v1nav nav a{text-decoration:none;font-weight:500;color:#0f1b33}.v1nav nav a:hover{color:#2f6db5}
.v1btn{display:inline-block;padding:8px 14px;border-radius:6px;background:#2f6db5;color:#fff!important;text-decoration:none;font-weight:600;letter-spacing:.02em}
.btn-primary,.btn-select{background:#2f6db5!important;border-color:#2f6db5!important;color:#fff!important}
.btn-select.is-coming-soon,.btn-select[aria-disabled="true"]{opacity:.72;cursor:not-allowed;pointer-events:none;box-shadow:none!important;filter:grayscale(.15)}
.coming-soon{display:block;margin-top:6px;font-size:12px;font-weight:600;color:#4b5872;letter-spacing:.01em;text-align:center}
.hero,.training-hero,.sales-hero{background:#0b1a33 url(assets/hero1.webp) center/cover!important;color:#fff}
.hero h1,.hero h2,.hero p,.hero span,.hero li,.training-hero h1,.training-hero p,.training-hero span,.sales-hero h1,.sales-hero p,.sales-hero span{color:#fff}
.hero-bg-grid,.hero::before{display:none!important}
.legal-hero{background:#eef0f3!important;color:#0f1b33;padding-top:0!important}.legal-hero>.container{background:#fff;border:1px solid #d8dce6;border-radius:10px;box-shadow:0 2px 10px rgba(15,27,51,.06);padding:34px clamp(18px,4vw,44px)!important;margin-top:40px;margin-bottom:40px}
.pricing-card,.service-card,.addon-card,.legal-box{border-radius:10px;box-shadow:0 2px 10px rgba(15,27,51,.06)}
.cta-banner{background:#0b1a33 url(assets/band1.webp) center/cover!important;color:#fff}.cta-banner h2,.cta-banner p{color:#fff}
.v1foot{padding:40px 22px;font-size:14px;background:#f4f5f7;border-top:1px solid #d8dce6;color:#0f1b33;font-family:"Segoe UI",system-ui,sans-serif}
.v1foot .w{max-width:1140px;margin:0 auto}.v1foot img{height:46px;width:auto}.v1foot .fine{font-size:13.5px;opacity:.8}.v1foot a{color:inherit}.v1foot .soc a{margin-right:14px}
@media(max-width:600px){.v1nav nav a:not(.v1btn){display:none}}
/* Nav: beat legacy a:not([class]) link colors (pricing-style.css/style.css) on every page */
header.v1nav nav a:not(.v1btn),header.v1nav nav a:not(.v1btn):visited{color:#0f1b33}
header.v1nav nav a:not(.v1btn):hover,header.v1nav nav a:not(.v1btn):focus-visible{color:#2f6db5}
/* Hero stats box: dark blue text on light box */
.hero .hero-stats{background:#ffffff;border-color:#d8dce6}
.hero .hero-stats .stat-number,.hero .hero-stats .stat-label{color:#0f1b33}
.hero .hero-stats .stat-label{opacity:1;font-weight:500}
.hero .hero-stats .stat-divider{background:#c3c9d6}
/* Readable plain-text links on light backgrounds (all pages). Nav, buttons, footer untouched (class-less links inside main/.section only). */
html main a:not([class]),html main a:not([class]):visited,html .section a:not([class]),html .section a:not([class]):visited{color:#1e4a8a;text-decoration:underline;text-underline-offset:2px}
html main a:not([class]):hover,html main a:not([class]):focus-visible,html .section a:not([class]):hover,html .section a:not([class]):focus-visible{color:#0f1b33}
/* Keep links on dark hero/band backgrounds light */
html main .hero a:not([class]),html .v1home .hero a:not([class]),html .v1home .band a:not([class]){color:inherit}
html .v1home .sec:not(.band) a:not([class]),html .v1home .sec:not(.band) a:not([class]):visited{color:#1e4a8a;text-decoration:underline;text-underline-offset:2px}
html .v1home .sec:not(.band) a:not([class]):hover,html .v1home .sec:not(.band) a:not([class]):focus-visible{color:#0f1b33}
/* Purchase-card notes: flowing paragraphs (flex split text + links into columns) */
.summary-note{display:block;overflow-wrap:anywhere;word-break:normal;line-height:1.5}
.summary-note>svg{display:inline-block;vertical-align:-2px;margin-right:6px}
html .summary-note a:not([class]),html .summary-note a:not([class]):visited{color:#1e4a8a;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
html .summary-note a:not([class]):hover,html .summary-note a:not([class]):focus-visible{color:#0f1b33}
/* Overflow fixes: pricing contact card (desktop) and training contact form (mobile) */
.contact-card>.contact-text{flex:1 1 auto;min-width:0}
.contact-card>.contact-actions{flex:0 1 auto;min-width:0;max-width:100%}
.contact-note{flex-wrap:wrap;overflow-wrap:anywhere}
.contact-wrap>*{min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{max-width:100%;min-width:0;box-sizing:border-box}
.contact-note{display:block;max-width:46ch;line-height:1.5}
.contact-note>svg{display:inline-block;vertical-align:-2px;margin-right:6px}
html .contact-note a:not([class]){color:#1e4a8a;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
html .contact-note a:not([class]):hover{color:#0f1b33}
/* Homepage performance line (internal test result) */
.v1home .perf-note{margin-top:22px;max-width:640px;background:#ffffff;border:1px solid #d8dce6;border-left:4px solid #1e4a8a;border-radius:10px;padding:14px 18px}
.v1home .perf-note .perf-line{margin:0;color:#1e4a8a;font-weight:600;font-size:1rem;line-height:1.5}
.v1home .perf-note .perf-fine{margin:6px 0 0;color:#4a5568;font-size:.78rem;line-height:1.45}
/* training-sales hero: both buttons solid blue; white with blue text on hover/focus/active */
html body .sales-hero-actions a.btn,html body .sales-hero-actions a.btn:visited{background:#2f6db5;color:#ffffff;border:2px solid #2f6db5;text-decoration:none}
html body .sales-hero-actions a.btn:hover,html body .sales-hero-actions a.btn:focus,html body .sales-hero-actions a.btn:focus-visible,html body .sales-hero-actions a.btn:active{background:#ffffff!important;color:#1e4a8a!important;border-color:#2f6db5!important}
html body .sales-hero-actions a.btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}

/* Order summary alone after Optional Add-ons removed (JARID 10/23 9:23 PM) */
.configure-layout--summary-only{grid-template-columns:minmax(280px,420px);justify-content:center}


/* Choose Your License band matches pricing hero (JARID 10/23 10:25 PM; ROI reverted) */
.pricing-section{background:#0b1a33 url(assets/hero1.webp) center/cover!important;color:#fff}
.pricing-section .section-header .section-label,.pricing-section .section-header .section-title,.pricing-section .section-header .section-sub,.pricing-section .container>.section-sub,.pricing-section .container>p{color:#fff!important}
.pricing-section .container>.section-sub a,.pricing-section .container>p a,.pricing-section .section-header a{color:#9cc8ff!important}
.pricing-section .pricing-card{color:var(--color-text)}

/* Pricing fine-print under license cards: wider / adaptive (JARID 10/23 10:41 PM) */
.pricing-section .pricing-upgrade-note,
.pricing-section .pricing-license-note,
.pricing-section .pricing-volume-note,
.pricing-section .pricing-support-note{max-width:min(1000px,100%)!important;width:100%;margin-inline:auto;box-sizing:border-box}

/* Hero ghost buttons: white text/border on dark hero (match index .btn.ghost) */
.training-hero .btn-ghost,
.sales-hero .btn-ghost,
.hero .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.75)!important;background:transparent!important}
.training-hero .btn-ghost:hover,
.sales-hero .btn-ghost:hover,
.hero .btn-ghost:hover{color:#fff!important;background:rgba(255,255,255,.12)!important;border-color:#fff!important}