/* ScoreWise palette layer (2026-10-29, owner "Smart App Color Palette").
   Loaded LAST on every page. Replaces lime/teal/navy. Homepage = html.sw-dark (dark-first), inner pages = light tokens.
   Rules: never white text on #25D162, dark text #0B1A10 on green buttons, green TEXT on white uses #128A43 (AA). */
:root {
  --sw-green: #25D162;
  --sw-green-hover: #1FB955;
  --sw-green-ink: #128A43;
  --sw-on-green: #0B1A10;
  --sw-glow: rgba(37, 209, 98, .35);
  --sw-l-bg: #F6F8F7;
  --sw-l-surface: #FFFFFF;
  --sw-l-raised: #EEF3F0;
  --sw-l-border: #DDE5E0;
  --sw-l-text: #1D1D1D;
  --sw-l-muted: #5C6660;
  --sw-d-bg: #1D1D1D;
  --sw-d-surface: #2B2B2B;
  --sw-d-raised: #333333;
  --sw-d-border: #3A3A3A;
  --sw-d-text: #FFFFFF;
  --sw-d-muted: #B5B5B5;
}

/* ===== Both themes: buttons, ticker, focus, badges ===== */
::selection { background: var(--sw-green); color: var(--sw-on-green); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, video:focus-visible, summary:focus-visible {
  outline: 2px solid var(--sw-green); outline-offset: 2px; box-shadow: 0 0 0 5px rgba(37, 209, 98, .28);
}
.primary-button, .form-button, .submit-button, .sw-btn--primary, .sw-menu-call {
  background-color: var(--sw-green); color: var(--sw-on-green);
}
.primary-button:hover, .form-button:hover, .sw-btn--primary:hover { background-color: var(--sw-green-hover); box-shadow: 0 10px 30px -10px var(--sw-glow); }
.primary-button .button-text, .primary-button div, .form-button { color: var(--sw-on-green); }
.hero-marquee { background-color: var(--sw-green); }
.hero-marquee, .hero-marquee * { color: var(--sw-on-green); }
.sw-btn--primary .sw-btn-ic svg, .sw-btn--primary svg { stroke: var(--sw-on-green); }
.sw-btn--primary .sw-btn-ic { background: rgba(11, 26, 16, .12); }
.sw-j-badge, .sw-feat-num { background: var(--sw-d-bg); color: var(--sw-green); box-shadow: 0 0 0 1px rgba(37, 209, 98, .4), 0 0 18px -2px var(--sw-glow); }
.sw-eyebrow { background: rgba(18, 138, 67, .1); color: var(--sw-green-ink); }
.sw-eyebrow::before { background: var(--sw-green); }
.sw-eyebrow--light { background: rgba(37, 209, 98, .12); color: var(--sw-green); }

/* sale price styling (used on every page that shows a package price) */
.sw-was { text-decoration: line-through; text-decoration-thickness: 2px; opacity: .65; font-weight: 500; margin-right: .35em; }
.sw-now { font-weight: 700; }
.sw-sale-badge { display: inline-block; padding: 6px 12px; border-radius: 999px; background: var(--sw-green); color: var(--sw-on-green); font: 700 13px/1.1 Suisseintl, sans-serif; letter-spacing: .02em; }

/* ===== Light inner pages ===== */
body { background: var(--sw-l-bg); }
.dashboard-section, .integration-section { background-color: var(--sw-l-raised); }
.single-card { background-color: var(--sw-l-surface); border: 1px solid var(--sw-l-border); box-shadow: 0 16px 34px -24px rgba(29, 29, 29, .25); }
.feature-tag { background-color: rgba(37, 209, 98, .12) !important; color: var(--sw-l-text); border: 1px solid rgba(37, 209, 98, .3); }
.feature-icon-wrapper, .sales-icon-wrapper, .lead-icon-wrapper { background-color: rgba(37, 209, 98, .14) !important; }
.price-top-area { background-color: var(--sw-l-raised); }
.price-column { border: 1px solid var(--sw-l-border); }
.sw-section.sw-watch { background: var(--sw-l-surface); }
.sw-tour { background: linear-gradient(180deg, var(--sw-l-surface), var(--sw-l-raised) 55%, var(--sw-l-surface)); }

/* ===== Homepage: dark-first ===== */
html.sw-dark body, html.sw-dark .page-wrapper { background: var(--sw-d-bg); color: var(--sw-d-text); }
html.sw-dark h1, html.sw-dark h2, html.sw-dark h3, html.sw-dark h4, html.sw-dark .section-title { color: var(--sw-d-text); }
html.sw-dark p, html.sw-dark li { color: var(--sw-d-muted); }
html.sw-dark .sw-eyebrow { background: rgba(37, 209, 98, .12); color: var(--sw-green); }

/* hero: dark with a soft green radial light, no green wash */
html.sw-dark .hero-section {
  background-image:
    radial-gradient(60% 55% at 72% 42%, rgba(37, 209, 98, .26), transparent 70%),
    radial-gradient(40% 40% at 10% 0%, rgba(37, 209, 98, .12), transparent 70%),
    linear-gradient(180deg, #1D1D1D, #1D1D1D);
  background-size: auto; background-repeat: no-repeat;
}
html.sw-dark .hero-title, html.sw-dark .hero-section h1, html.sw-dark .hero-section h2 { color: #fff; }
html.sw-dark .hero-section p, html.sw-dark .hero-section .hero-text, html.sw-dark .hero-section li { color: #E4E4E4; }
html.sw-dark .hero-form-input { background: var(--sw-d-surface); color: #fff; border: 1px solid var(--sw-d-border); }
html.sw-dark .hero-form-input::placeholder { color: var(--sw-d-muted); }
html.sw-dark .form-button { background: var(--sw-green); color: var(--sw-on-green); box-shadow: 0 0 28px -4px var(--sw-glow); }
html.sw-dark .primary-button { box-shadow: 0 0 26px -6px var(--sw-glow); }
html.sw-dark .navbar-section .nav-link, html.sw-dark .nav-link { color: #fff; }
html.sw-dark .nav-link.w--current, html.sw-dark .nav-link:hover { color: var(--sw-green); }

/* sections */
html.sw-dark .sw-section.sw-watch { background: var(--sw-d-bg); }
html.sw-dark .sw-tour { background: linear-gradient(180deg, var(--sw-d-bg), #222 55%, var(--sw-d-bg)); }
html.sw-dark .sw-tour::before { background-image: radial-gradient(rgba(37, 209, 98, .16) 1px, transparent 1px); }
html.sw-dark .step-section, html.sw-dark .sw-journey { background: var(--sw-d-bg); }
html.sw-dark .dashboard-section { background-color: var(--sw-d-surface); background-image: radial-gradient(50% 40% at 50% 0%, rgba(37, 209, 98, .14), transparent 70%); border: 1px solid var(--sw-d-border); }
html.sw-dark .integration-section { background-color: var(--sw-d-bg); }
html.sw-dark .portfolio-section { background-color: #171717; }

/* cards */
html.sw-dark .sw-j-card, html.sw-dark .sw-feat { background: rgba(37, 209, 98, .1); box-shadow: 0 0 0 1px rgba(37, 209, 98, .22); }
html.sw-dark .sw-j-core, html.sw-dark .sw-feat-core { background: var(--sw-d-surface); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .06), 0 24px 44px -30px #000; }
html.sw-dark .sw-j-title, html.sw-dark .step-item-title, html.sw-dark .sw-feat h3 { color: #fff; }
html.sw-dark .sw-j-text, html.sw-dark .sw-feat p { color: var(--sw-d-muted); }
html.sw-dark .sw-j-kicker { color: var(--sw-green); }
html.sw-dark .sw-j-icon, html.sw-dark .sw-j-icon svg { color: var(--sw-green); }
html.sw-dark .sw-j-icon { background: rgba(37, 209, 98, .12); border-radius: 14px; }
html.sw-dark .sw-j-track { stroke: rgba(37, 209, 98, .25); }
html.sw-dark .sw-j-line { stroke: var(--sw-green); filter: drop-shadow(0 0 5px var(--sw-glow)); }
html.sw-dark .sw-j-pulse { fill: var(--sw-green); }
html.sw-dark .sw-mark { background: none; color: var(--sw-green); text-shadow: 0 0 22px var(--sw-glow); }
html.sw-dark .dashboard-card { background-color: var(--sw-d-raised) !important; border: 1px solid var(--sw-d-border); }
html.sw-dark .dashboard-card * { color: var(--sw-d-text); }
html.sw-dark .dashboard-card p { color: var(--sw-d-muted); }
html.sw-dark .dashboard-image-wrap { background-color: rgba(37, 209, 98, .08); }
html.sw-dark .feature-tag { background-color: rgba(37, 209, 98, .12) !important; color: #fff; border-color: rgba(37, 209, 98, .35); }
html.sw-dark .feature-icon-wrapper, html.sw-dark .sales-icon-wrapper, html.sw-dark .lead-icon-wrapper { background-color: rgba(37, 209, 98, .14) !important; border: 1px solid rgba(37, 209, 98, .3); }
html.sw-dark .single-card { background-color: var(--sw-d-surface); border-color: var(--sw-d-border); box-shadow: 0 18px 40px -28px #000; }
html.sw-dark .single-card * { color: var(--sw-d-text); }
html.sw-dark .single-card p { color: var(--sw-d-muted); }
html.sw-dark .price-column { background-color: var(--sw-d-surface); border-color: var(--sw-d-border); }
html.sw-dark .price-top-area { background-color: var(--sw-d-raised); }
html.sw-dark .price-column * { color: var(--sw-d-text); }
html.sw-dark .price-column p, html.sw-dark .price-column li { color: var(--sw-d-muted); }
html.sw-dark .price-button { background-color: var(--sw-green); color: var(--sw-on-green); border-color: var(--sw-green); }
html.sw-dark .price-button * { color: var(--sw-on-green); }
html.sw-dark .popular-wrap { background-color: var(--sw-d-surface); }
html.sw-dark .sw-support-shell { background: rgba(37, 209, 98, .08); box-shadow: 0 0 0 1px rgba(37, 209, 98, .22); }
html.sw-dark .footer-main-wrapper { background-color: #171717; border-top: 1px solid var(--sw-d-border); }
html.sw-dark .footer-input-field { background: var(--sw-d-surface); color: #fff; border: 1px solid var(--sw-d-border); }
html.sw-dark .sw-btn--ghost { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
html.sw-dark .sw-btn--ghost:hover { background: #fff; color: var(--sw-d-bg); }
html.sw-dark .sw-video-shell { background: rgba(37, 209, 98, .08); box-shadow: 0 0 0 1px rgba(37, 209, 98, .25), 0 0 60px -20px var(--sw-glow); }
html.sw-dark figcaption, html.sw-dark figcaption strong, html.sw-dark figcaption span { color: var(--sw-d-muted); }

/* ---- fixes from first dark pass ---- */
.sw-stat .sw-suf { color: var(--sw-green); text-shadow: 0 0 24px var(--sw-glow); }
html.sw-dark .section-discription, html.sw-dark .section-description { color: var(--sw-d-muted); }
html.sw-dark .feature-tag div, html.sw-dark .feature-single-text { color: #fff; }
html.sw-dark .price-button { background-color: var(--sw-green) !important; color: var(--sw-on-green) !important; border-color: var(--sw-green); }
html.sw-dark .button-hover, html.sw-dark .bg-primary-dark { background-color: var(--sw-green-hover); }
.sw-mark::before { background: rgba(37, 209, 98, .35); }
html.sw-dark .sw-mark::before { display: none; }

/* ---- 50% sale (date driven: html[data-sw-sale] is set by an inline head script; off after 2026-12-31 23:59 PT) ---- */
.sw-regular-only { display: none; }
html[data-sw-sale="off"] .sw-sale-only { display: none !important; }
html[data-sw-sale="off"] .sw-regular-only { display: inline !important; }
.sw-was { text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: currentColor; opacity: .7; font-weight: 500; margin-right: .4em; font-size: .72em; }
.price-area .sw-was { display: inline-block; }
.sw-now { font-weight: 700; }
.sw-sale-banner { position: relative; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; padding: 9px 16px; background: var(--sw-green); color: var(--sw-on-green); font: 600 15px/1.3 Suisseintl, Inter, sans-serif; text-align: center; box-shadow: 0 6px 28px -8px var(--sw-glow); }
.sw-sale-tag { padding: 3px 10px; border-radius: 999px; background: var(--sw-on-green); color: var(--sw-green); font: 700 12px/1.2 Suisseintl, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.sw-sale-link { color: var(--sw-on-green); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.sw-sale-link:hover { text-decoration-thickness: 2px; }
@media (max-width: 479px) { .sw-sale-banner { font-size: 13.5px; padding: 8px 12px; } }
.sw-was-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 6px 0 2px; font: 500 14px/1.3 Suisseintl, sans-serif; opacity: .95; }
.sw-was-line s { text-decoration-thickness: 2px; opacity: .75; }
.sw-sale-chip { padding: 3px 10px; border-radius: 999px; background: var(--sw-green); color: var(--sw-on-green); font: 700 12px/1.2 Suisseintl, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
html.sw-dark .price-area { flex-wrap: wrap; align-items: baseline; }
.price-area .sw-was { white-space: nowrap; }
.price-number.sw-split { font-size: .8em; opacity: .95; }
html.sw-dark .discound-text, html.sw-dark .discount-wrap * { color: var(--sw-green); }
html.sw-dark .duration-text { color: #fff; }
html.sw-dark .discount-shape { filter: brightness(1.4) saturate(1.2); }
html.sw-dark .sales-icon { filter: brightness(0) invert(1); opacity: .92; }
@media (max-width: 767px) {
  html.sw-dark .hero-section { background-image: radial-gradient(70% 38% at 70% 62%, rgba(37, 209, 98, .2), transparent 70%), linear-gradient(180deg, #1D1D1D, #1D1D1D); }
}
/* inner-page contrast fixes */
.nav-link { color: #3F4843; }
.nav-link.w--current, .nav-link:hover { color: var(--sw-green-ink); }
.price-text.in-active { color: #6A736E; text-decoration: line-through; }
.price-list-item .price-text[style*="ccc"] { color: #6A736E; }
.w-button { background-color: var(--sw-green); color: var(--sw-on-green); }
html.sw-dark .nav-link { color: #fff; }
html.sw-dark .nav-link.w--current, html.sw-dark .nav-link:hover { color: var(--sw-green); }
.sw-sale-link { display: inline-flex; align-items: center; min-height: 40px; padding: 0 8px; }
@media (max-width: 479px) { .sw-sale-tag { display: none; } .sw-sale-banner { gap: 2px 10px; padding: 6px 12px; } .sw-sale-link { min-height: 34px; } }
