/* Shared public homepage and plan catalogue. */
/* Blue glass, crisp white surfaces and a consistent line-icon system. */
.landing-sales .landing-icon { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.landing-sales .landing-meet-section { background: radial-gradient(ellipse at 90% 5%, #dceaff, transparent 55%), linear-gradient(150deg, #f7fbff, #edf4ff); border-block: 1px solid #d9e6f8; }
.landing-sales .landing-meet-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 3rem; align-items: center; }
.landing-sales .landing-meet-badge { display: inline-flex; align-items: center; gap: .6rem; padding: .65rem .9rem; border: 1px solid #bdd4ff; border-radius: 2rem; background: #fff; color: #0754d2; font-size: .875rem; font-weight: 750; box-shadow: 0 4px 12px #1755a908; }
.landing-sales .landing-meet-copy h2 { margin-block: 1.3rem; color: #091e42; }
.landing-sales .landing-meet-copy h2 em { color: #0057e6; font-style: normal; }
.landing-sales .landing-meet-lede { font-size: 1.05rem; line-height: 1.8; color: #405677; }
.landing-sales .landing-meet-included { display: flex; align-items: center; gap: .8rem; margin-block: 1.5rem; padding: 1rem; color: #153b77; background: #e0ecff; border: 1px solid #c1d7fa; border-radius: .8rem; font-size: .9375rem; line-height: 1.6; }
.landing-sales .landing-meet-included strong { display: block; color: #073b94; }
.landing-sales .landing-meet-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.25rem; }
.landing-sales .landing-meet-actions .landing-text-link { min-height: 44px; display: inline-flex; align-items: center; color: #174881; font-size: .875rem; }
.landing-sales .landing-meet-preview { min-width: 0; margin: 0; padding: .65rem; background: #fff; border: 1px solid #cbdcf4; border-radius: 1.3rem; box-shadow: 0 30px 65px -25px #174b9955, 0 4px 12px #12386b0a; }
.landing-sales .landing-meet-preview-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: .6rem .4rem 1rem; font-size: .75rem; color: #59708f; }
.landing-sales .landing-meet-preview-heading > span:first-child { display: inline-flex; gap: .5rem; align-items: center; color: #133f83; font-weight: 750; font-size: .875rem; }
.landing-sales .landing-meet-preview img { width: 100%; height: auto; display: block; border: 1px solid #e0e9f6; border-radius: .8rem; }
.landing-sales .landing-meet-preview figcaption { color: #526783; font-size: .75rem; line-height: 1.6; padding: .8rem .5rem .2rem; }
.landing-sales .landing-meet-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 3rem; gap: 1rem; }
.landing-sales .landing-meet-capabilities article { display: flex; align-items: flex-start; gap: 1rem; padding: 1.5rem; border: 1px solid #d5e2f6; background: #ffffffd9; border-radius: 1rem; box-shadow: 0 8px 22px #173b7307; }
.landing-sales .landing-meet-icon { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; flex: 0 0 auto; border: 1px solid #c4d9ff; border-radius: .8rem; background: linear-gradient(145deg, #f4f9ff, #deebff); color: #0057e6; box-shadow: inset 0 1px 0 #fff, 0 5px 12px #075bea0c; }
.landing-sales .landing-meet-capabilities h3 { font-size: 1rem; margin: .25rem 0 .6rem; color: #102e59; }
.landing-sales .landing-meet-capabilities p { font-size: 1rem; color: #4c607c; line-height: 1.7; margin: 0; }
.landing-sales .landing-meet-footnote { display: flex; gap: .6rem; align-items: flex-start; margin: 1.5rem 0 0; color: #526783; font-size: .8125rem; line-height: 1.6; }
.landing-sales .landing-meet-footnote .landing-icon { width: 1.1rem; height: 1.1rem; margin-top: .1rem; }
.landing-sales .landing-meet-announcement { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .65rem; margin-top: 1.5rem; padding: .85rem 1rem; border: 1px solid #72b7ff55; border-radius: .85rem; background: #08377688; color: #e0efff; font-size: .875rem; box-shadow: inset 0 1px 0 #ffffff0d; }
.landing-sales .landing-meet-announcement strong { color: #80e4ff; }
.landing-sales .landing-plan-meet { display: inline-flex; align-items: center; gap: .45rem; color: #084cac; background: #e7f0ff; border: 1px solid #ccddfa; border-radius: .55rem; padding: .55rem .7rem; margin-top: .8rem; font-size: .8125rem; }
.landing-sales .landing-plan-meet .landing-icon { width: 1.15rem; height: 1.15rem; }

.landing-sales {
    --landing-lime: #76e1ff;
    --landing-ink: #111d2d;
    --landing-muted: #445a78;
    --landing-cloud: #f2f4f7;
    background: #f9fbfd;
}
.landing-sales .landing-shell { width: min(100% - 3rem, 76rem); }
.landing-sales .landing-header {
    position: sticky;
    background: #ffffffed;
    border-bottom: 1px solid #dce6f5;
    box-shadow: 0 4px 24px #103e7908;
    backdrop-filter: blur(16px);
}
.landing-sales .landing-nav { min-height: 5rem; gap: 1.25rem; }
.landing-sales .landing-brand { width: 9rem; box-shadow: none; background: transparent; padding: .25rem 0; }
.landing-sales .landing-nav-links a { color: #253141; padding-block: 1rem; font-weight: 700; }
.landing-sales .landing-nav-links a:is(:hover, :focus-visible) { color: #092e63; }
/* The shared button variants use !important colors for dark sections. Keep
   these overrides confined to the light navigation, including both auth states. */
.landing-sales .landing-nav .landing-button-light {
    border: 1px solid #557198;
    background: #fff;
    color: #0057e6 !important;
    box-shadow: none;
    backdrop-filter: none;
}
.landing-sales .landing-nav .landing-button-light:is(:hover, :focus-visible) {
    background: #e8ecf2;
    border-color: #0057e6;
    color: #12233b !important;
}
.landing-sales .landing-nav .landing-button { white-space: nowrap; flex-shrink: 0; }
.landing-sales .landing-button { border-radius: .7rem; min-height: 3.2rem; line-height: 1.3; }
.landing-sales .landing-button-primary { background: #76e1ff; color: #141f2e; border-color: #76e1ff; box-shadow: 0 5px 0 rgba(0,0,0,.08); }
.landing-sales .landing-button-primary:hover { background: #a5edff; border-color: #a5edff; transform: translateY(-2px); }
.landing-sales .landing-nav .landing-nav-cta { background: #0057e6; color: #fff !important; border-color: #0057e6; min-height: 2.8rem; box-shadow: none; }
.landing-sales .landing-nav .landing-nav-cta:is(:hover, :focus-visible) { background: #102139; color: #fff !important; border-color: #102139; box-shadow: 0 3px 10px #0057e626; }
.landing-sales .landing-nav a:focus-visible { outline: 3px solid #092e63; outline-offset: 3px; }
.landing-sales .landing-trial-pill { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.4rem; padding: .65rem 1rem; border: 1px solid #749cd5; border-radius: 2rem; color: #b6d3fc; background: #18273d; font-size: .85rem; font-weight: 700; text-decoration: none; }
.landing-sales .landing-trial-pill:hover { background: #25374f; color: #fff; }
.landing-sales .landing-trial-section { background: #e5ecf5; color: #16263d; }
.landing-sales .landing-trial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.landing-sales .landing-trial-grid p { line-height: 1.75; color: #374962; margin-block: 1.25rem; }
.landing-sales .landing-trial-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.landing-sales .landing-trial-steps li { display: flex; gap: 1rem; padding: 1.5rem; border: 1px solid #c5d0df; border-radius: 1rem; background: #f9fbfd; }
.landing-sales .landing-trial-steps li > span { color: #274166; font-weight: 800; padding-top: .15rem; }
.landing-sales .landing-trial-steps h3 { font-size: 1.1rem; margin: 0; }
.landing-sales .landing-trial-steps p { margin: .6rem 0 0; }
.landing-sales .landing-hero {
    background: radial-gradient(ellipse at 50% 0%, #074aa8 0, #071f52 48%, #06132e 100%);
    padding: 0;
}
.landing-sales .landing-hero::before { display: none; }
.landing-sales .landing-hero-glow { display: none; }
.landing-sales .landing-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3.2rem;
    padding-block: 5rem 0;
    min-height: auto;
}
.landing-sales .landing-hero-copy { max-width: 58rem; margin: auto; text-align: center; padding: 0; }
.landing-sales .landing-eyebrow { font-size: .72rem; letter-spacing: .13em; font-weight: 700; }
.landing-sales .landing-hero .landing-eyebrow { justify-content: center; color: #d3dce8; }
.landing-sales .landing-hero h1 { max-width: none; font-size: clamp(2.6rem, 5.7vw, 5.1rem); line-height: 1.07; letter-spacing: -.055em; margin-block: 1.35rem; }
.landing-sales .landing-hero h1 em { color: #54d6ff; font-style: normal; }
.landing-sales .landing-hero-lede { max-width: 40rem; margin: 1.5rem auto 0; font-size: 1.1rem; line-height: 1.75; color: #ced7e3; }
.landing-sales .landing-hero-actions { justify-content: center; margin-top: 2rem; gap: 1.6rem; }
.landing-sales .landing-hero-actions .landing-text-link { color: #fff; }
.landing-sales :is(.landing-hero-actions, .landing-final-actions) .landing-text-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
.landing-sales .landing-hero-proof { justify-content: center; margin-top: 1.5rem; color: #c2cddd; }
.landing-sales .landing-dashboard-shot { width: 100%; max-width: 66rem; margin: 0 auto; transform: none; border: 1px solid #506a8e; border-radius: 1rem; background: #e5eaf1; box-shadow: 0 24px 80px #06181c66; padding: .55rem; }
.landing-sales .landing-dashboard-shot::after { display: none; }
.landing-sales .landing-dashboard-shot-bar { padding: .8rem 1rem 1rem; color: #26374f; background: transparent; gap: 1rem; flex-wrap: wrap; }
.landing-sales .landing-dashboard-shot-bar a { font-size: .72rem; text-underline-offset: .2em; }
.landing-sales .landing-dashboard-shot-frame { border-radius: .65rem; overflow: hidden; background: #fff; }
.landing-sales .landing-dashboard-shot-frame img { width: 100%; height: auto; display: block; }
.landing-sales .landing-dashboard-shot figcaption { padding: 1rem .5rem .55rem; color: #3e526e; text-align: center; }
.landing-sales .landing-audience-strip { padding-block: 2.4rem; border: 0; color: #b7c4d7; gap: 1.6rem; justify-content: center; flex-wrap: wrap; }
.landing-sales .landing-audience-strip strong { color: #ebeff4; font-size: .85rem; }
.landing-sales .landing-section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.landing-sales .landing-section h2, .landing-sales .landing-final-cta h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); line-height: 1.12; letter-spacing: -.04em; }
.landing-sales .landing-intro-section { background: #f9fbfd; }
.landing-sales .landing-wellness-stats > article { background: #e9eef4; border: 1px solid #d7dee8; border-radius: 1rem; }
.landing-sales .landing-wellness-stats > article strong { font-size: 1.35rem; color: #0057e6; }
.landing-sales .landing-wellness-note { background: #dce4ef; border-radius: 1rem; }
.landing-sales .landing-features-section { background: #eef1f5; }
.landing-sales .landing-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.landing-sales .landing-feature-card { border-radius: 1rem; box-shadow: none; transition: transform .2s ease, box-shadow .2s ease; }
.landing-sales .landing-feature-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px #19283c12; }
.landing-sales .landing-feature-dark { background: #17263c; }
.landing-sales .landing-feature-accent { background: #afcaef; color: #17263c; }
.landing-sales .landing-how-section { background: #121e30; }
.landing-sales .landing-steps article { border-color: #3e526d; }
.landing-sales .landing-responsible-section { background: #f9fbfd; }
.landing-sales .landing-button-dark { background: linear-gradient(135deg, #0874ff, #004cdb); border-color: #0057e6; color: #fff !important; box-shadow: 0 7px 18px #0057e626, inset 0 1px 0 #ffffff30; }
.landing-sales .landing-pricing-section { background: #e7ecf3; }
.landing-sales .landing-pricing-controls { border-radius: 1rem; box-shadow: 0 8px 28px #23334908; }
.landing-sales .landing-team-selector .landing-seat-input { width: 5rem; height: 2.75rem; appearance: auto; padding: .35rem .45rem; border: 1px solid #98abc5; border-radius: .4rem; background: white; color: #17263c; font-weight: 700; }
.landing-sales .landing-wellness-stats > article strong { white-space: normal; letter-spacing: -.035em; line-height: 1.2; }
.landing-sales .landing-pricing-card { border-radius: 1rem; box-shadow: none; }
.landing-sales .landing-pricing-card.recommended { border-color: #253e60; box-shadow: 0 12px 35px #25364d17; }
.landing-sales .landing-recommended-badge { background: #afcaef; color: #17263c; }
.landing-sales .landing-reviews-section { background: #f9fbfd; }
.landing-sales .landing-client-story { border-radius: 1.2rem; overflow: hidden; }
.landing-sales .landing-client-quote { background: #16263d; }
.landing-sales .landing-faq-section { background: #f2f4f7; }
.landing-sales .landing-faq-list details { border-radius: .7rem; }
.landing-sales .landing-final-cta { background: #17263c; padding-block: 5rem; }
.landing-sales .landing-final-cta h2 em { color: #a1c4f5; }
.landing-sales .landing-final-actions { flex-wrap: wrap; gap: 1.2rem; }
.landing-sales .landing-final-orbit { opacity: .2; }
.landing-sales .landing-footer { background: #0b1626; }
.landing-sales :is(a, button, input, summary):focus-visible { outline: 3px solid #198aa4; outline-offset: 5px; }
.landing-sales :is(section[id], main[id]) { scroll-margin-top: 6rem; }
/* Explicit foregrounds prevent dark-section styles leaking into pale cards. */
.landing-sales .landing-dashboard-shot-bar strong { color: #26374f; }
.landing-sales .landing-live-dot { background: #234676; box-shadow: none; }
.landing-sales .landing-wellness-note p { color: #384a64; }
.landing-sales .landing-wellness-note strong { color: #17263c; }
.landing-sales :is(.landing-wellness-copy small, .landing-feature-number, .landing-plan-fit > span, .landing-plan-label, .landing-price > span, .landing-team-selector small) { color: #425774; }
.landing-sales :is(.landing-feature-dark .landing-feature-number, .landing-steps article > span, .landing-client-quote footer small, .landing-audience-strip > span) { color: #c2cddd; }
.landing-sales .landing-client-outcomes article > span { color: #173763; }
.landing-sales .landing-billing-option { color: #384a64; }
.landing-sales .landing-billing-option.active { background: #0057e6; color: #fff; }
.landing-sales .landing-team-selector .landing-seat-input { border-color: #557198; }
.landing-sales .landing-team-selector input[type="range"] { background: #425774; accent-color: #0057e6; }
.landing-sales .landing-team-selector input[type="range"]::-webkit-slider-thumb { background: #0057e6; border: 2px solid #fff; box-shadow: 0 0 0 1px #0057e6; }
.landing-sales .landing-team-selector input[type="range"]::-moz-range-thumb { background: #0057e6; border: 2px solid #fff; box-shadow: 0 0 0 1px #0057e6; }
.landing-sales :is(.landing-footer-grid > div:first-child p, .landing-footer-note p, .landing-footer-grid strong, .landing-footer-bottom) { color: #b2c0d3; }
.landing-sales .landing-footer-grid a { color: #dee4ec; min-height: 2rem; display: inline-flex; align-items: center; }
.landing-sales .landing-footer-grid :is(p, a), .landing-sales .landing-footer-bottom { font-size: .8rem; }
.landing-sales .landing-footer-grid strong { font-size: .75rem; }
.landing-sales :is(.landing-plan-label, .landing-feature-points li, .landing-price > span, .landing-price-estimate small) { font-size: .8rem; }
.landing-sales .landing-feature-card p { font-size: .9rem; line-height: 1.7; }
.landing-sales .landing-hero-checkout-note { color: #ced7e3; margin: 1rem 0 0; font-size: .85rem; line-height: 1.65; }
.landing-sales .landing-hero-checkout-note a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
.landing-sales :is(a, button, input, summary):focus-visible { outline: 3px solid #0057e6; outline-offset: 4px; box-shadow: 0 0 0 2px #fff; }
.landing-sales :is(.landing-hero, .landing-how-section, .landing-final-cta, .landing-footer) :is(a, button, input, summary):focus-visible { outline-color: #76e1ff; box-shadow: 0 0 0 2px #111d2d; }
@media (max-width: 860px) {
    .landing-sales .landing-meet-layout { grid-template-columns: 1fr; gap: 2rem; }
    .landing-sales .landing-meet-copy { max-width: 42rem; }
    .landing-sales .landing-meet-capabilities { grid-template-columns: 1fr; }
    .landing-sales .landing-trial-grid { grid-template-columns: 1fr; gap: 2rem; }
    .landing-sales .landing-nav { flex-wrap: wrap; gap: .75rem; padding-block: .7rem; }
    .landing-sales .landing-brand { margin-right: auto; }
    .landing-sales .landing-nav-links { display: flex; order: 4; flex-basis: 100%; gap: 1.7rem; }
    .landing-sales .landing-nav-links a { padding-block: .25rem; }
    .landing-sales .landing-hero-grid { padding-top: 3.3rem; }
    .landing-sales .landing-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .landing-sales :is(section[id], main[id]) { scroll-margin-top: 8rem; }
}
@media (max-width: 600px) {
    .landing-sales .landing-nav-links { flex-wrap: wrap; justify-content: space-between; }
    .landing-sales .landing-meet-preview-heading > span:last-child { display: none; }
    .landing-sales .landing-meet-capabilities article { padding: 1.25rem; }
    .landing-sales .landing-meet-actions .landing-button { width: 100%; }
    .landing-sales .landing-meet-announcement { font-size: .8125rem; }
    .landing-sales .landing-trial-pill { font-size: .72rem; border-radius: .7rem; }
    .landing-sales .landing-shell { width: calc(100% - 2rem); }
    .landing-sales .landing-brand { width: 5rem; height: 2.6rem; }
    .landing-sales .landing-nav > .landing-button { padding: .5rem .35rem; font-size: .7rem; min-height: 2.75rem; gap: .3rem; white-space: normal; text-align: center; }
    .landing-sales .landing-nav > .landing-button span { display: none; }
    .landing-sales .landing-nav { display: grid; grid-template-columns: 5rem minmax(0, 1fr) minmax(0, 1fr); gap: .45rem; }
    .landing-sales .landing-nav-links { grid-column: 1 / -1; gap: 1.3rem; padding-top: .6rem; }
    .landing-sales .landing-nav-links a { font-size: .76rem; }
    .landing-sales .landing-hero h1 { font-size: clamp(2.35rem, 9.7vw, 3.6rem); }
    .landing-sales .landing-hero-lede { font-size: 1rem; }
    .landing-sales .landing-hero-actions { align-items: stretch; gap: 1rem; }
    .landing-sales .landing-hero-proof { flex-wrap: wrap; gap: .55rem 1rem; font-size: .7rem; }
    .landing-sales .landing-dashboard-shot { width: 100%; min-width: 0; padding: .3rem; border-radius: .7rem; }
    .landing-sales .landing-dashboard-shot-bar { padding: .5rem; font-size: .65rem; }
    .landing-sales .landing-dashboard-shot-bar > a { display: none; }
    .landing-sales .landing-dashboard-shot figcaption { font-size: .68rem; }
    .landing-sales .landing-audience-strip { gap: .8rem 1.5rem; }
    .landing-sales .landing-audience-strip > span { flex-basis: 100%; text-align: center; }
    .landing-sales .landing-feature-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .landing-sales *, .landing-sales *::before, .landing-sales *::after { animation: none !important; transition: none !important; }
}

/* Surface polish shared with the catalogue; keep text contrast explicit. */
.landing-sales .landing-features-section { background: linear-gradient(180deg, #f4f8fe, #edf3fb); }
.landing-sales .landing-feature-card { border: 1px solid #d6e2f2; background: linear-gradient(145deg, #fff, #f9fbff); box-shadow: 0 10px 28px -16px #17427535, inset 0 1px 0 #fff; }
.landing-sales .landing-feature-card:hover { border-color: #a6c8ff; box-shadow: 0 18px 35px -14px #17427540; }
.landing-sales .landing-feature-dark { background: linear-gradient(145deg, #132f5b, #091d3b); border-color: #254979; box-shadow: inset 0 1px 0 #ffffff15, 0 12px 30px -16px #071b4d70; }
.landing-sales .landing-feature-accent { background: linear-gradient(145deg, #e4f7ff, #d9e8ff); border-color: #b5d3f4; }
.landing-sales .landing-feature-glyph { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; border-radius: 1rem; color: #0057e6; background: linear-gradient(145deg, #edf5ff, #dae9ff); border: 1px solid #c5d9f8; box-shadow: inset 0 1px 0 #fff, 0 5px 12px #125bd510; }
.landing-sales .landing-feature-glyph .landing-icon { width: 1.65rem; height: 1.65rem; }
.landing-sales .landing-feature-dark .landing-feature-glyph { color: #89e6ff; background: #17437a; border-color: #3e6492; box-shadow: inset 0 1px 0 #ffffff15; }
.landing-sales .landing-feature-card p { font-size: 1rem; }
.landing-sales .landing-wellness-stats > article { background: linear-gradient(135deg, #fff, #edf5ff); border: 1px solid #d3e2f5; box-shadow: 0 10px 26px -18px #15488840; }
.landing-sales .landing-wellness-note { background: #e9f3ff; border: 1px solid #cbdff7; }
.landing-sales .landing-how-section { background: radial-gradient(ellipse at 95% 0, #143e76, transparent 65%), #0c1d37; }
.landing-sales .landing-pricing-section { background: linear-gradient(180deg, #f0f6ff, #e7effb); }
.landing-sales .landing-pricing-card { border-color: #d0dded; box-shadow: 0 12px 30px -20px #123e8040; }
.landing-sales .landing-pricing-card.recommended { border: 2px solid #1766ed; box-shadow: 0 16px 40px -16px #0057e633, 0 0 0 4px #0057e609; }
.landing-sales .landing-recommended-badge { background: #075be6; color: #fff; }
.landing-sales .landing-faq-list details { border: 1px solid #d7e3f2; background: #fff; box-shadow: 0 4px 15px #153b6c05; }
.landing-sales .landing-faq-list details[open] { border-color: #accbff; box-shadow: 0 8px 24px #145bcb0a; }
.landing-sales .landing-final-cta { background: radial-gradient(ellipse at 90% 10%, #0753b8, transparent 65%), #0b2249; }