/* QRelia public site — light hospitality edition
   Loaded after page-specific styles so the public site keeps one visual system.
   Deliberately avoids glassmorphism, decorative gradients and generic SaaS card clutter. */

:root {
    --mkt-bg: #fbf8f4;
    --mkt-bg-soft: #f5efe8;
    --mkt-bg-raised: #ffffff;
    --mkt-bg-warm: #f0e6dc;
    --mkt-panel: #ffffff;
    --mkt-panel-solid: #ffffff;
    --mkt-paper: #ffffff;
    --mkt-paper-ink: #241f1b;
    --mkt-text: #241f1b;
    --mkt-muted: #6f675f;
    --mkt-muted-strong: #514a44;
    --mkt-line: #e4ddd6;
    --mkt-line-strong: #cfc4ba;
    --mkt-coral: #d97862;
    --mkt-coral-soft: #a84f3c;
    --mkt-cyan: #6e7774;
    --mkt-violet: #8b756b;
    --mkt-champagne: #b78d62;
    --mkt-rose: #bf6657;
    --mkt-shadow: 0 22px 55px rgba(66, 49, 38, .10);
    --mkt-radius-xl: 28px;
    --mkt-radius-lg: 22px;
    --mkt-radius-md: 16px;
    --mkt-radius-sm: 11px;
}

html { background: var(--mkt-bg); }
body.mkt-body {
    color: var(--mkt-text);
    background: var(--mkt-bg);
}
body.mkt-body::selection { color: #fff; background: var(--mkt-coral); }
body.mkt-body main { background: var(--mkt-bg); }

/* Remove the old synthetic ambience. Product imagery and real hospitality proof
   now do the visual work. */
body.mkt-body .qrelia-ambient { background: var(--mkt-bg); }
body.mkt-body .qrelia-ambient__ribbon,
body.mkt-body .qrelia-ambient__grain { display: none !important; }
body.mkt-body .qrelia-ambient__veil {
    background: linear-gradient(180deg, #fffdfb 0, var(--mkt-bg) 48rem, var(--mkt-bg) 100%);
}

body.mkt-body .mkt-page { color: var(--mkt-text); background: var(--mkt-bg); }
body.mkt-body .mkt-shell { width: min(1140px, calc(100% - 48px)); }
body.mkt-body .mkt-shell-wide { width: min(1280px, calc(100% - 48px)); }
body.mkt-body .mkt-section { padding: clamp(76px, 8vw, 118px) 0; }
body.mkt-body .mkt-section--quiet {
    background: #f5f0ea;
    border-block: 1px solid var(--mkt-line);
}
body.mkt-body .mkt-section-heading { margin-bottom: clamp(34px, 5vw, 58px); }

body.mkt-body .mkt-display,
body.mkt-body .mkt-title {
    color: var(--mkt-text);
    font-weight: 720;
    letter-spacing: -.048em;
    text-wrap: balance;
}
body.mkt-body .mkt-display {
    max-width: 820px;
    font-size: clamp(3rem, 5.4vw, 5.35rem);
    line-height: 1.01;
}
body.mkt-body .mkt-title {
    font-size: clamp(2.45rem, 4.3vw, 4.25rem);
    line-height: 1.04;
}
body.mkt-body .mkt-title--small { font-size: clamp(2rem, 3.35vw, 3.25rem); }
body.mkt-body .mkt-lead {
    color: var(--mkt-muted);
    font-size: clamp(1rem, 1.32vw, 1.16rem);
    line-height: 1.72;
}
body.mkt-body .mkt-copy { color: var(--mkt-muted); }
body.mkt-body .mkt-eyebrow {
    gap: 10px;
    color: #9f5848;
    font-size: .72rem;
    letter-spacing: .13em;
}
body.mkt-body .mkt-eyebrow::before { width: 24px; background: var(--mkt-coral); }
body.mkt-body .mkt-kicker {
    padding: 7px 11px;
    color: #66594f;
    background: #fff;
    border-color: var(--mkt-line);
    box-shadow: none;
    font-size: .78rem;
}
body.mkt-body .mkt-kicker i { background: var(--mkt-coral); box-shadow: none; }

body.mkt-body .mkt-btn {
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 12px;
    color: var(--mkt-text);
    background: #fff;
    border-color: var(--mkt-line);
    box-shadow: none;
    font-size: .88rem;
    font-weight: 760;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
body.mkt-body .mkt-btn:hover,
body.mkt-body .mkt-btn:focus-visible { color: var(--mkt-text); transform: translateY(-1px); border-color: #bfb2a7; }
body.mkt-body .mkt-btn--primary,
body.mkt-body .mkt-btn--dark {
    color: #fff;
    background: #25201c;
    border-color: #25201c;
    box-shadow: none;
}
body.mkt-body .mkt-btn--primary:hover,
body.mkt-body .mkt-btn--primary:focus-visible,
body.mkt-body .mkt-btn--dark:hover,
body.mkt-body .mkt-btn--dark:focus-visible { color: #fff; background: #3a302a; border-color: #3a302a; box-shadow: none; }
body.mkt-body .mkt-btn--ghost { color: #3f3832; background: transparent; border-color: #cfc6be; }
body.mkt-body .mkt-btn--ghost:hover,
body.mkt-body .mkt-btn--ghost:focus-visible { color: #241f1b; background: #fff; border-color: #b8aba0; }
body.mkt-body .mkt-btn--quiet { min-height: 42px; color: #685f57; background: transparent; border-color: transparent; }
body.mkt-body .mkt-btn--quiet:hover { background: #f5f0ea; }
body.mkt-body .mkt-text-link,
body.mkt-body .mkt-flow-copy > a { color: #312a25; }
body.mkt-body .mkt-text-link span,
body.mkt-body .mkt-flow-copy > a span { color: var(--mkt-coral); }

/* Navigation ------------------------------------------------------------- */
body.mkt-body .mkt-nav-wrap {
    position: fixed;
    inset: 0 0 auto;
    padding: 0;
    background: rgba(251, 248, 244, .94);
    border-bottom: 1px solid rgba(207, 196, 186, .72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
body.mkt-body .mkt-nav {
    width: min(1280px, calc(100% - 36px));
    min-height: 76px;
    margin-inline: auto;
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}
body.mkt-body .mkt-nav-wrap.is-scrolled .mkt-nav { background: transparent; border: 0; box-shadow: none; }
body.mkt-body .mkt-brand img { width: 116px; height: 48px; filter: none; object-fit: contain; }
body.mkt-body .mkt-nav-links { gap: 1px; }
body.mkt-body .mkt-nav-links a {
    padding: 10px 9px;
    color: #655d56;
    border-radius: 9px;
    font-size: .81rem;
    font-weight: 690;
}
body.mkt-body .mkt-nav-links a:hover,
body.mkt-body .mkt-nav-links a:focus-visible { color: #251f1b; background: #f2ece6; }
body.mkt-body .mkt-nav-actions { gap: 2px; }
body.mkt-body .mkt-nav-actions .mkt-btn { min-height: 42px; border-radius: 10px; }
body.mkt-body .mkt-nav-toggle {
    border-color: var(--mkt-line);
    background: #fff;
}
body.mkt-body .mkt-nav-toggle span { background: #2d2722; }

/* Standard marketing surfaces ------------------------------------------ */
body.mkt-body :where(.mkt-subhero, .mkt-resource-hero, .mkt-pricing-hero, .mkt-device-hero, .mkt-story-hero, .mkt-showroom-hero) {
    background: #fbf8f4;
    color: var(--mkt-text);
}
body.mkt-body :where(.mkt-card, .mkt-editorial-item, .mkt-resource-card, .mkt-tool-card, .mkt-video-card, .mkt-press-asset, .mkt-workspace-card, .mkt-demo-panel, .mkt-fact-panel, .mkt-readiness, .mkt-calculator-form, .mkt-calculator-result) {
    color: var(--mkt-text);
    background: #fff;
    border-color: var(--mkt-line);
    box-shadow: 0 12px 34px rgba(63, 48, 38, .06);
}
body.mkt-body :where(.mkt-card, .mkt-editorial-item, .mkt-resource-card, .mkt-tool-card, .mkt-video-card, .mkt-press-asset, .mkt-workspace-card, .mkt-demo-panel, .mkt-fact-panel) :where(h2,h3,h4,strong) { color: var(--mkt-text); }
body.mkt-body :where(.mkt-card, .mkt-editorial-item, .mkt-resource-card, .mkt-tool-card, .mkt-video-card, .mkt-press-asset, .mkt-workspace-card, .mkt-demo-panel, .mkt-fact-panel) :where(p,li,span,dd) { color: var(--mkt-muted); }
body.mkt-body .mkt-editorial-item > span,
body.mkt-body .mkt-card-number { color: #9b5748; }
body.mkt-body .mkt-pill,
body.mkt-body .mkt-tag { color: #8e4e40; background: #f6e9e4; border-color: #ead5ce; }

body.mkt-body .mkt-screen,
body.mkt-body .mkt-phone,
body.mkt-body .mkt-qr-paper,
body.mkt-body .mkt-editorial-poster-card,
body.mkt-body .mkt-device-editorial-poster,
body.mkt-body .mkt-device-promo-panel--poster {
    background: #fff;
    border-color: #d8cfc7;
    box-shadow: 0 20px 52px rgba(54, 42, 34, .12);
}
body.mkt-body .mkt-screen-bar { color: #756d66; background: #f7f4f0; border-bottom-color: #e8e0d9; }
body.mkt-body .mkt-screen-bar span { background: #cabfb5; }
body.mkt-body .mkt-screen-bar span:first-child { background: #d77a64; }

body.mkt-body .mkt-faq details,
body.mkt-body .mkt-comparison,
body.mkt-body .mkt-plan,
body.mkt-body .mkt-article-toc,
body.mkt-body .mkt-article-callout,
body.mkt-body .mkt-article-table-wrap {
    color: var(--mkt-text);
    background: #fff;
    border-color: var(--mkt-line);
    box-shadow: none;
}
body.mkt-body .mkt-faq details summary,
body.mkt-body .mkt-plan :where(h2,h3,strong),
body.mkt-body .mkt-article-body :where(h1,h2,h3,h4,strong) { color: var(--mkt-text); }
body.mkt-body .mkt-faq details p,
body.mkt-body .mkt-plan :where(p,li,span),
body.mkt-body .mkt-article-body :where(p,li,td,th) { color: #655e57; }
body.mkt-body .mkt-article-body a { color: #8d4d40; text-decoration-color: #d9b4a9; }
body.mkt-body .mkt-article-toc a { color: #625a53; }
body.mkt-body .mkt-plan--featured { border-color: #c99b8e; background: #fffaf8; }
body.mkt-body .mkt-plan-glow { display: none; }
body.mkt-body .mkt-plan-badge { color: #814638; background: #f3ddd6; }
body.mkt-body .mkt-price strong { color: #241f1b; }
body.mkt-body .mkt-comparison-row { border-color: var(--mkt-line); }
body.mkt-body .mkt-comparison-row--head { background: #f5f0ea; }
body.mkt-body .mkt-plan-hardware { background: #f7f2ed; border-color: var(--mkt-line); }

/* Home ------------------------------------------------------------------ */
body.mkt-body .mkt-home-hero {
    min-height: auto;
    padding: clamp(142px, 13vw, 190px) 0 clamp(76px, 8vw, 112px);
    background: #fbf8f4;
}
body.mkt-body .mkt-home-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
    gap: clamp(44px, 6vw, 86px);
    align-items: center;
}
body.mkt-body .mkt-home-hero-copy .mkt-display { max-width: 720px; }
body.mkt-body .mkt-home-hero-copy .mkt-lead { max-width: 690px; margin-top: 24px; color: #655d56; }
body.mkt-body .mkt-home-hero-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 0;
    margin-top: 36px;
    padding-top: 22px;
    border-top: 1px solid #d9d0c8;
}
body.mkt-body .mkt-home-hero-facts span { display: grid; gap: 4px; padding-right: 18px; color: #776e66; font-size: .79rem; line-height: 1.4; }
body.mkt-body .mkt-home-hero-facts strong { color: #2e2823; font-size: .96rem; font-weight: 780; }

body.mkt-body .mkt-home-product {
    position: relative;
    padding: 14px;
    border: 1px solid #d9d0c8;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 64px rgba(58, 44, 35, .12);
}
body.mkt-body .mkt-home-product-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 3px 4px 13px;
    color: #746b63;
    font-size: .74rem;
    font-weight: 700;
}
body.mkt-body .mkt-home-product-head a { color: #8e4e40; text-decoration: none; }
body.mkt-body .mkt-home-dashboard { margin: 0; overflow: hidden; border: 1px solid #e2dad3; border-radius: 13px; background: #f6f3ef; }
body.mkt-body .mkt-home-dashboard img { width: 100%; height: auto; }
body.mkt-body .mkt-home-product-bottom {
    display: grid;
    grid-template-columns: 84px 118px 1fr;
    gap: 14px;
    align-items: end;
    margin-top: 14px;
}
body.mkt-body .mkt-home-phone,
body.mkt-body .mkt-home-receiver { margin: 0; overflow: hidden; border: 1px solid #e1d9d2; border-radius: 11px; background: #f7f3ef; }
body.mkt-body .mkt-home-phone { height: 146px; }
body.mkt-body .mkt-home-receiver { height: 146px; }
body.mkt-body .mkt-home-phone img,
body.mkt-body .mkt-home-receiver img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
body.mkt-body .mkt-home-product-bottom p { margin: 0 4px 4px 0; color: #6c645d; font-size: .82rem; line-height: 1.55; }
body.mkt-body .mkt-home-product-bottom p strong { display: block; margin-bottom: 5px; color: #2b2521; font-size: .9rem; }
body.mkt-body .mkt-home-product-bottom p span { display: block; }

body.mkt-body .mkt-home-proof {
    padding: clamp(68px, 8vw, 106px) 0;
    background: #2a2521;
    color: #fff;
}
body.mkt-body .mkt-home-proof-grid {
    display: grid;
    grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr);
    gap: clamp(40px, 6vw, 82px);
    align-items: center;
}
body.mkt-body .mkt-home-proof-photo {
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #191613;
    box-shadow: 0 22px 50px rgba(0,0,0,.18);
}
body.mkt-body .mkt-home-proof-photo img { width: 100%; max-height: 560px; object-fit: cover; object-position: center 34%; }
body.mkt-body .mkt-home-proof .mkt-eyebrow { color: #efb4a5; }
body.mkt-body .mkt-home-proof .mkt-eyebrow::before { background: #e78c75; }
body.mkt-body .mkt-home-proof .mkt-title { color: #fff; max-width: 810px; }
body.mkt-body .mkt-home-proof-copy > p:not(.mkt-eyebrow) { max-width: 780px; margin: 22px 0 0; color: #d7d0ca; font-size: 1.02rem; line-height: 1.72; }
body.mkt-body .mkt-home-quote { max-width: 770px; margin: 30px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.16); }
body.mkt-body .mkt-home-quote p { margin: 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.45; }
body.mkt-body .mkt-home-quote footer { margin-top: 13px; color: #bfb5ad; font-size: .8rem; }
body.mkt-body .mkt-home-proof .mkt-text-link { color: #fff; }
body.mkt-body .mkt-home-proof .mkt-text-link span { color: #ef9d89; }

body.mkt-body .mkt-home-problem-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    gap: clamp(42px, 7vw, 96px);
    align-items: end;
}
body.mkt-body .mkt-home-problem-grid .mkt-section-heading { margin: 0; }
body.mkt-body .mkt-home-problem-copy { padding-bottom: 4px; }
body.mkt-body .mkt-home-problem-copy p { margin: 0 0 18px; color: #625a53; font-size: 1.05rem; line-height: 1.76; }
body.mkt-body .mkt-home-problem-copy p:last-child { margin-bottom: 0; color: #332d28; font-weight: 680; }
body.mkt-body .mkt-home-outcomes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    margin-top: clamp(50px, 7vw, 86px);
    border-top: 1px solid #d7cec6;
    border-bottom: 1px solid #d7cec6;
}
body.mkt-body .mkt-home-outcomes article { padding: 30px 34px 34px 0; }
body.mkt-body .mkt-home-outcomes article + article { padding-left: 34px; border-left: 1px solid #d7cec6; }
body.mkt-body .mkt-home-outcomes article > span { color: #9d594a; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.mkt-body .mkt-home-outcomes h3 { margin: 13px 0 12px; color: #2a2521; font-size: 1.25rem; line-height: 1.36; letter-spacing: -.025em; }
body.mkt-body .mkt-home-outcomes p { margin: 0; color: #6c645d; line-height: 1.68; }
body.mkt-body .mkt-home-outcomes a { display: inline-block; margin-top: 20px; color: #88493d; font-weight: 740; text-decoration: none; }

body.mkt-body .mkt-home-steps { display: grid; gap: 18px; }
body.mkt-body .mkt-home-step {
    display: grid;
    grid-template-columns: 54px minmax(0, .86fr) minmax(260px, .62fr);
    gap: clamp(24px, 4vw, 52px);
    align-items: center;
    padding: 26px;
    border: 1px solid #ddd4cc;
    border-radius: 20px;
    background: #fff;
}
body.mkt-body .mkt-home-step-number { align-self: start; color: #aa6555; font-family: Georgia, serif; font-size: 1.3rem; }
body.mkt-body .mkt-home-step-copy h3 { margin: 0; color: #29231f; font-size: clamp(1.45rem, 2.3vw, 2.1rem); line-height: 1.18; letter-spacing: -.035em; }
body.mkt-body .mkt-home-step-copy > p:not(.mkt-eyebrow) { max-width: 690px; margin: 15px 0 0; color: #69615a; line-height: 1.7; }
body.mkt-body .mkt-home-step-copy > a { display: inline-block; margin-top: 18px; color: #88493d; font-weight: 740; text-decoration: none; }
body.mkt-body .mkt-home-step figure { height: 250px; margin: 0; overflow: hidden; border: 1px solid #ddd5ce; border-radius: 13px; background: #f3eee9; }
body.mkt-body .mkt-home-step figure img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
body.mkt-body .mkt-home-step figure.mkt-home-step-wide img { object-fit: cover; object-position: top; }

body.mkt-body .mkt-home-fit-grid,
body.mkt-body .mkt-home-pricing-grid,
body.mkt-body .mkt-home-conversation-grid,
body.mkt-body .mkt-home-ambient-grid {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
    gap: clamp(42px, 7vw, 90px);
    align-items: start;
}
body.mkt-body .mkt-home-fit-list { border-top: 1px solid #d5ccc4; }
body.mkt-body .mkt-home-fit-list a {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr) auto;
    gap: 22px;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid #d5ccc4;
    color: #2b2521;
    text-decoration: none;
}
body.mkt-body .mkt-home-fit-list span { color: #9a5849; font-size: .77rem; font-weight: 780; }
body.mkt-body .mkt-home-fit-list strong { font-size: 1rem; line-height: 1.45; }
body.mkt-body .mkt-home-fit-list em { color: #7f756d; font-size: .8rem; font-style: normal; }
body.mkt-body .mkt-home-fit-list a:hover em { color: #87493d; }

body.mkt-body .mkt-home-ambient { padding: clamp(74px, 8vw, 112px) 0; background: #eee4da; border-block: 1px solid #ded1c5; }
body.mkt-body .mkt-home-ambient-grid { align-items: center; }
body.mkt-body .mkt-home-ambient-figure { margin: 0; padding: 30px; border-radius: 20px; background: #f9f6f2; border: 1px solid #d7cbc0; }
body.mkt-body .mkt-home-ambient-figure img { width: 100%; filter: drop-shadow(0 18px 24px rgba(55,43,35,.14)); }

body.mkt-body .mkt-home-pricing-grid { align-items: center; }
body.mkt-body .mkt-home-price-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
body.mkt-body .mkt-home-price-cards article { padding: 27px; border: 1px solid #d7cec6; border-radius: 18px; background: #fff; }
body.mkt-body .mkt-home-price-cards article:last-child { background: #fff9f6; border-color: #d8afa3; }
body.mkt-body .mkt-home-price-cards span { color: #8f5143; font-size: .78rem; font-weight: 780; }
body.mkt-body .mkt-home-price-cards strong { display: block; margin-top: 16px; color: #28221e; font-size: 2.2rem; line-height: 1; }
body.mkt-body .mkt-home-price-cards strong small { margin-left: 4px; color: #756d65; font-size: .76rem; font-weight: 650; }
body.mkt-body .mkt-home-price-cards p { margin: 18px 0 0; color: #6b635c; font-size: .91rem; line-height: 1.6; }

body.mkt-body .mkt-home-conversation { background: #fff; }
body.mkt-body .mkt-home-next { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d8cfc7; }
body.mkt-body .mkt-home-next li { display: grid; grid-template-columns: 36px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid #d8cfc7; }
body.mkt-body .mkt-home-next li > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #cdbfb4; border-radius: 50%; color: #8d4e40; font-size: .78rem; font-weight: 800; }
body.mkt-body .mkt-home-next strong { color: #2b2521; }
body.mkt-body .mkt-home-next p { margin: 5px 0 0; color: #6b635c; line-height: 1.6; }

body.mkt-body .mkt-home-seo-links { padding-top: 62px; background: #f5f0ea; border-top: 1px solid #ddd4cc; }
body.mkt-body .mkt-home-link-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 42px; }
body.mkt-body .mkt-home-link-columns > div { display: grid; align-content: start; gap: 10px; }
body.mkt-body .mkt-home-link-columns strong { margin-bottom: 5px; color: #3b342e; font-size: .9rem; }
body.mkt-body .mkt-home-link-columns a { color: #756c64; font-size: .85rem; line-height: 1.45; text-decoration: none; }
body.mkt-body .mkt-home-link-columns a:hover { color: #85483b; text-decoration: underline; text-underline-offset: 3px; }

/* Demo / lead path ------------------------------------------------------- */
body.mkt-body .mkt-demo-hero { padding: 148px 0 70px; border-bottom: 1px solid #ded5cd; }
body.mkt-body .mkt-demo-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: clamp(44px,7vw,90px); align-items: center; }
body.mkt-body .mkt-demo-reassurance { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 28px; color: #6c645d; font-size: .79rem; }
body.mkt-body .mkt-demo-reassurance span::before { content: "✓"; margin-right: 7px; color: #9a5849; font-weight: 800; }
body.mkt-body .mkt-demo-proof { overflow: hidden; border: 1px solid #d9d0c8; border-radius: 18px; background: #fff; }
body.mkt-body .mkt-demo-proof img { width: 100%; height: 220px; object-fit: cover; object-position: center 35%; }
body.mkt-body .mkt-demo-proof div { padding: 19px; }
body.mkt-body .mkt-demo-proof strong { color: #2b2521; }
body.mkt-body .mkt-demo-proof p { margin: 8px 0 0; color: #6b635c; font-size: .88rem; line-height: 1.55; }
body.mkt-body .mkt-demo-proof a { display: inline-block; margin-top: 11px; color: #85483b; font-size: .82rem; font-weight: 730; text-decoration: none; }
body.mkt-body .mkt-demo-stage { background: #f5f0ea; }
body.mkt-body .mkt-demo-grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(460px,1.22fr); gap: clamp(42px,7vw,86px); align-items: start; }
body.mkt-body .mkt-demo-steps { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid #d8cfc7; }
body.mkt-body .mkt-demo-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 20px 0; border-bottom: 1px solid #d8cfc7; }
body.mkt-body .mkt-demo-steps li > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #c5b8ad; border-radius: 50%; color: #8d4e40; font-size: .76rem; font-weight: 800; }
body.mkt-body .mkt-demo-steps strong { color: #2c2622; }
body.mkt-body .mkt-demo-steps p { margin: 5px 0 0; color: #6c645d; line-height: 1.6; }
body.mkt-body .mkt-demo-direct { margin-top: 28px; padding: 19px 20px; border-left: 3px solid #d97862; background: #fff; }
body.mkt-body .mkt-demo-direct strong { color: #2c2622; }
body.mkt-body .mkt-demo-direct p { margin: 5px 0 0; color: #6b635c; line-height: 1.55; }
body.mkt-body .mkt-demo-direct a { color: #85483b; }
body.mkt-body .mkt-demo-form-wrap { position: sticky; top: 105px; }
body.mkt-body .mkt-demo-form,
body.mkt-body .mkt-demo-success { padding: clamp(25px, 4vw, 38px); border: 1px solid #d4c9c0; border-radius: 20px; background: #fff; box-shadow: 0 20px 45px rgba(63,48,38,.07); }
body.mkt-body .mkt-demo-form > div:first-child h2 { margin: 0; color: #2a2420; font-size: 1.8rem; letter-spacing: -.035em; }
body.mkt-body .mkt-demo-form > div:first-child > p:last-child { margin: 8px 0 25px; color: #756d66; }
body.mkt-body .mkt-demo-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
body.mkt-body .mkt-field { display: grid; gap: 7px; margin-bottom: 15px; }
body.mkt-body .mkt-field label { color: #3c3530; font-size: .78rem; font-weight: 760; }
body.mkt-body .mkt-field label span { color: #948a82; font-weight: 600; }
body.mkt-body .mkt-field input,
body.mkt-body .mkt-field select,
body.mkt-body .mkt-field textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 13px;
    color: #2a2521;
    background: #fdfcfb;
    border: 1px solid #cec4bb;
    border-radius: 10px;
    outline: 0;
    font: inherit;
    font-size: .92rem;
    box-shadow: none;
}
body.mkt-body .mkt-field textarea { min-height: 118px; resize: vertical; line-height: 1.55; }
body.mkt-body .mkt-field input:focus,
body.mkt-body .mkt-field select:focus,
body.mkt-body .mkt-field textarea:focus { border-color: #9f6a5c; box-shadow: 0 0 0 3px rgba(217,120,98,.12); }
body.mkt-body .mkt-field > span:not(.mkt-field-note) { color: #a63f34; font-size: .76rem; }
body.mkt-body .mkt-demo-submit { width: 100%; margin-top: 5px; }
body.mkt-body .mkt-demo-privacy { margin: 13px 0 0; color: #857b73; font-size: .74rem; line-height: 1.55; text-align: center; }
body.mkt-body .mkt-demo-privacy a { color: #6b5b51; }
body.mkt-body .mkt-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
body.mkt-body .mkt-demo-success > span { display: inline-flex; padding: 6px 9px; border-radius: 99px; color: #7f483b; background: #f4e3de; font-size: .72rem; font-weight: 800; }
body.mkt-body .mkt-demo-success h2 { margin: 18px 0 0; color: #2a2521; font-size: clamp(1.8rem,3vw,2.6rem); line-height: 1.12; letter-spacing: -.04em; }
body.mkt-body .mkt-demo-success p { margin: 16px 0 0; color: #6b635c; line-height: 1.7; }

/* Authentication -------------------------------------------------------- */
body.mkt-body .mkt-auth-page { min-height: 100svh; padding: 126px 24px 60px; background: #f5f0ea; }
body.mkt-body .mkt-auth-shell { border: 1px solid #d5cbc2; background: #fff; box-shadow: 0 26px 70px rgba(63,48,38,.10); }
body.mkt-body .mkt-auth-story {
    color: #2a2521;
    background: #eee4da;
    border-color: #ded1c5;
}
body.mkt-body .mkt-auth-story::before { opacity: .08; filter: grayscale(1); }
body.mkt-body .mkt-auth-story::after { background: rgba(238,228,218,.88); }
body.mkt-body .mkt-auth-story .mkt-title { color: #2a2521; }
body.mkt-body .mkt-auth-story .mkt-lead { color: #635b54; }
body.mkt-body .mkt-auth-point { color: #635b54; background: rgba(255,255,255,.65); border-color: #d5c8bc; }
body.mkt-body .mkt-auth-point strong { color: #2c2622; }
body.mkt-body .mkt-auth-card { color: #2a2521; background: #fff; }
body.mkt-body .mkt-auth-card > p,
body.mkt-body .mkt-auth-linkline,
body.mkt-body .mkt-field-note { color: #746c65; }
body.mkt-body .mkt-auth-card h1 { color: #2a2521; }
body.mkt-body .mkt-auth-legal { color: #675f58; }
body.mkt-body .mkt-auth-legal a,
body.mkt-body .mkt-auth-linkline a { color: #87493d; }
body.mkt-body .mkt-auth-trust span { color: #6c645d; background: #f6f1ec; border-color: #e0d6ce; }
body.mkt-body .mkt-auth-summary { color: #943d34; background: #fff1ef; border-color: #edc9c3; }

body.mkt-body .mkt-auth-status { color:#2a2521; background:#f5f0ea; }
body.mkt-body .mkt-auth-status > div { background:#fff; border-color:#d8cec5; box-shadow:0 20px 55px rgba(63,48,38,.10); }
body.mkt-body .mkt-auth-status h1 { color:#2a2521; }
body.mkt-body .mkt-auth-status p:not(.mkt-eyebrow) { color:#6b635c; }

/* Footer ---------------------------------------------------------------- */
body.mkt-body .mkt-footer {
    padding: 74px 0 26px;
    color: #4c443e;
    background: #eee6de;
    border-top: 1px solid #d8cec5;
}
body.mkt-body .mkt-footer-intro {
    display: grid;
    grid-template-columns: minmax(260px,.72fr) minmax(360px,1.28fr);
    gap: clamp(48px,8vw,110px);
    padding-bottom: 46px;
    border-bottom: 1px solid #d2c7bd;
}
body.mkt-body .mkt-footer-brand img { width: 126px; height: auto; margin-bottom: 16px; }
body.mkt-body .mkt-footer-brand p { max-width: 410px; margin: 0 0 12px; color: #665e57; line-height: 1.65; }
body.mkt-body .mkt-footer-brand > a { color: #704f44; font-weight: 700; text-decoration: none; }
body.mkt-body .mkt-footer-conversation { max-width: 650px; }
body.mkt-body .mkt-footer-conversation strong { color: #2b2521; font-size: clamp(1.4rem,2.2vw,2rem); line-height: 1.25; }
body.mkt-body .mkt-footer-conversation p { margin: 10px 0 20px; color: #655d56; line-height: 1.65; }
body.mkt-body .mkt-footer-grid { display: block; padding-top: 40px; }
body.mkt-body .mkt-footer-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; width: 100%; }
body.mkt-body .mkt-footer-links > div { display: grid; align-content: start; gap: 9px; }
body.mkt-body .mkt-footer-links strong { margin-bottom: 4px; color: #342e29; font-size: .82rem; }
body.mkt-body .mkt-footer-links a { color: #716961; font-size: .78rem; line-height: 1.45; text-decoration: none; }
body.mkt-body .mkt-footer-links a:hover { color: #82483c; text-decoration: underline; text-underline-offset: 3px; }
body.mkt-body .mkt-footer-bottom { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d2c7bd; color: #7d746c; font-size: .73rem; }

/* Cookie controls ------------------------------------------------------- */
body.mkt-body .qrelia-cookie-banner { color: #2b2521; background: #fff; border-color: #d0c6bd; box-shadow: 0 18px 50px rgba(57,43,35,.15); }
body.mkt-body .qrelia-cookie-banner__copy span { color: #6f675f; }
body.mkt-body .qrelia-cookie-banner__copy a { color: #86493d; }
body.mkt-body .qrelia-cookie-btn { border-radius: 9px; }
body.mkt-body .qrelia-cookie-btn--primary { color: #fff; background: #28231f; border-color: #28231f; }
body.mkt-body .qrelia-cookie-btn--secondary { color: #3d3630; background: #fff; border-color: #cfc5bc; }
body.mkt-body .qrelia-cookie-settings { color: #4f4741; background: #fff; border-color: #cec4bb; box-shadow: 0 8px 22px rgba(57,43,35,.12); }

/* Legal pages ----------------------------------------------------------- */
body.legal-page {
    --legal-bg: #fbf8f4;
    --legal-panel: #ffffff;
    --legal-panel-soft: #f7f2ed;
    --legal-panel-hover: #f1ebe5;
    --legal-line: #e0d7cf;
    --legal-line-strong: #cbbfb4;
    --legal-text: #2a2521;
    --legal-muted: #746c65;
    --legal-soft: #514a44;
    --legal-coral: #d97862;
    --legal-coral-soft: #a65342;
    color: #2a2521;
    background: #fbf8f4;
}
body.legal-page .qrelia-ambient { opacity: 0; }
body.legal-page .legal-nav { border-color: #d8cec5; background: rgba(251,248,244,.96); box-shadow: 0 10px 28px rgba(63,48,38,.08); }
body.legal-page .legal-nav-links a { color: #6e665f; }
body.legal-page .legal-nav-links a:hover,
body.legal-page .legal-nav-links a:focus-visible,
body.legal-page .legal-nav-links a[aria-current="page"] { color: #2a2521; background: #f0e9e2; }
body.legal-page .legal-nav-links .legal-nav-trial { color: #fff; background: #2b2521; }
body.legal-page :where(.legal-hero,.legal-card,.legal-toc,.legal-section,.legal-callout) { color: #2a2521; }
body.legal-page :where(h1,h2,h3,h4,strong) { color: #2a2521 !important; }
body.legal-page :where(p,li,dd,span) { color: #6d655e; }

/* Partnership / engineering story: move the surrounding treatment to light
   without flattening their bespoke editorial layouts. */
body.mkt-body .partner-page { --partner-gold:#a87945; --partner-gold-soft:#d8b27d; --partner-green:#9c6b5d; --partner-ink:#2a2521; background:#fbf8f4; color:#2a2521; }
body.mkt-body .partner-page .partner-hero::before { background:#f4eee8; }
body.mkt-body .partner-page .partner-hero-glow { display:none; }
body.mkt-body .partner-page :where(.partner-pill,.partner-logo__eyebrow) { color:#6b625b; background:#fff; border-color:#ded5cd; box-shadow:none; }
body.mkt-body .partner-page :where(h1,h2,h3,h4) { color:#2a2521; }
body.mkt-body .partner-page :where(.partner-copy-lg,.partner-support-note,.partner-hero-copy > p,.partner-story-card p) { color:#675f58; }

body.mkt-body .qstory-page { --story-green:#9b5a49; --story-cyan:#776f68; --story-coral:#c86d58; --story-ink:#2a2521; --story-panel:#ffffff; background:#fbf8f4; color:#2a2521; }
body.mkt-body .qstory-hero { border-color:#ddd4cc; }
body.mkt-body .qstory-hero::before { opacity:.12; }
body.mkt-body .qstory-hero-copy h1,
body.mkt-body .qstory-thesis h2,
body.mkt-body .qstory-chapter-head h2,
body.mkt-body .qstory-toc > strong { color:#2a2521; }
body.mkt-body .qstory-hero-lead,
body.mkt-body .qstory-thesis > p:last-child,
body.mkt-body .qstory-toc a { color:#6b635c; }
body.mkt-body .qstory-toc,
body.mkt-body .qstory-timeline,
body.mkt-body .qstory-service-grid > div,
body.mkt-body .qstory-invariants article { background:#fff; border-color:#ddd4cc; }
body.mkt-body .qstory-metrics { background:#fff; border-color:#ddd4cc; }
body.mkt-body .qstory-metrics div { border-color:#e2dad3; }
body.mkt-body .qstory-metrics span { color:#6f675f; }
body.mkt-body .qstory-service-grid strong,
body.mkt-body .qstory-invariants h3 { color:#2a2521; }
body.mkt-body .qstory-service-grid p { color:#6b635c !important; }

/* Showroom remains screenshot-led, but no longer sits in a black universe. */
body.mkt-body:has(.qs-showroom),
body.mkt-body .qs-showroom {
    --qs-bg:#f8f4ef;
    --qs-bg-soft:#f1ebe5;
    --qs-panel:#ffffff;
    --qs-panel-solid:#ffffff;
    --qs-line:#ddd4cc;
    --qs-line-strong:#c9bdb2;
    --qs-text:#2a2521;
    --qs-muted:#6e665f;
    --qs-muted-2:#8a8179;
    --qs-coral:#d97862;
    --qs-coral-soft:#9f5748;
    --qs-cyan:#81776f;
    --qs-violet:#8d786f;
    --qs-green:#9c695a;
    --qs-shadow:0 22px 55px rgba(63,48,38,.10);
    color:#2a2521;
    background:#f8f4ef;
}
body.mkt-body .qs-ambient { opacity:.08; }
body.mkt-body .qs-ribbon { display:none; }
body.mkt-body .qs-grid-glow { opacity:.04; }


/* Readability hardening --------------------------------------------------
   The original marketing stylesheet was authored for a dark site.  This
   block deliberately closes every remaining dark-theme inheritance gap on
   the light public pages.  The Ambient Device page opts out of this entire
   stylesheet in _Layout, so its cinematic video treatment remains dark. */

body.mkt-body .mkt-page :where(.mkt-breadcrumb, .mkt-breadcrumbs) { color:#776f68; }
body.mkt-body .mkt-page .mkt-breadcrumbs a { color:#574f48; }
body.mkt-body .mkt-page .mkt-breadcrumb:hover,
body.mkt-body .mkt-page .mkt-breadcrumbs a:hover { color:#8f4f41; }
body.mkt-body .mkt-resource-meta { color:#756d66; }

/* Small inherited dark-theme labels that appear across several routes. */
body.mkt-body .mkt-screen-bar small { color:#756d66; }
body.mkt-body .mkt-hero-notes,
body.mkt-body .mkt-scroll-cue { color:#756d66; }
body.mkt-body .mkt-flow-index { color:#ddd4cc; }
body.mkt-body .mkt-ambient-states span { color:#5f5750; background:#fff; border-color:#d8cec5; }

/* Platform / interface journey */
body.mkt-body .mkt-platform-journey {
    background:#f6f1eb;
    border-block:1px solid var(--mkt-line);
}
body.mkt-body .mkt-journey-rail::before {
    background:linear-gradient(180deg,#dca696,#c9b6a7,#d9cec5,transparent);
}
body.mkt-body .mkt-journey-marker {
    border-color:#d8cec5;
    background:#fff;
    box-shadow:0 0 0 9px #f6f1eb,0 10px 24px rgba(63,48,38,.09);
}
body.mkt-body .mkt-journey-copy h3,
body.mkt-body .mkt-number-list b,
body.mkt-body .mkt-flow-copy h3 { color:var(--mkt-text); }
body.mkt-body .mkt-journey-copy > p:not(.mkt-eyebrow),
body.mkt-body .mkt-number-list p { color:var(--mkt-muted); }
body.mkt-body .mkt-number-list li > span { border-color:#d5cac1; background:#fff; }
body.mkt-body .mkt-journey-media--phones img,
body.mkt-body .mkt-journey-media--device img { border-color:#d7cdc4; box-shadow:0 24px 58px rgba(58,44,35,.14); }

body.mkt-body .mkt-editorial-item { color:var(--mkt-text); background:#fff; border-color:#ddd4cc; }
body.mkt-body .mkt-editorial-item h3 { color:var(--mkt-text); }
body.mkt-body .mkt-editorial-item p { color:var(--mkt-muted); }

/* Guest ordering */
body.mkt-body .mkt-guest-chapter {
    border-color:var(--mkt-line);
    background:#fff;
    box-shadow:0 12px 32px rgba(63,48,38,.055);
}
body.mkt-body .mkt-guest-chapter-copy > span { color:#eadfd7; }
body.mkt-body .mkt-guest-chapter h3 { color:var(--mkt-text); }
body.mkt-body .mkt-guest-chapter p:not(.mkt-eyebrow) { color:var(--mkt-muted); }
body.mkt-body .mkt-status-theatre {
    border-block-color:var(--mkt-line);
    background:#efe7df;
}
body.mkt-body .mkt-status-list span { color:#4f4842; }

/* Receiver */
body.mkt-body .mkt-receiver-stage-label b { color:#6b625b; }
body.mkt-body .mkt-receiver-stage h3 { color:var(--mkt-text); }
body.mkt-body .mkt-receiver-stage p { color:var(--mkt-muted); }
body.mkt-body .mkt-service-console {
    border-block-color:var(--mkt-line);
    background:#f1eae3;
}
body.mkt-body .mkt-service-console .mkt-title { color:var(--mkt-text); }
body.mkt-body .mkt-service-console .mkt-lead { color:var(--mkt-muted); }
body.mkt-body .mkt-quote {
    border-color:#d8cdc4;
    background:#fff;
}
body.mkt-body .mkt-quote p { color:#39322d; }
body.mkt-body .mkt-live-badge {
    border-color:rgba(255,255,255,.18);
    background:#28231f;
    box-shadow:0 18px 42px rgba(42,34,29,.18);
}
body.mkt-body .mkt-live-badge b { color:#fff; }
body.mkt-body .mkt-live-badge span { color:#d8d0ca; }
body.mkt-body .mkt-device-link-media img { border-color:#d6ccc3; box-shadow:0 24px 58px rgba(58,44,35,.14); }
body.mkt-body .mkt-device-link-glow { opacity:.18; }

/* Admin / analytics */
body.mkt-body .mkt-intelligence-story {
    border-block-color:var(--mkt-line);
    background:#f6f1eb;
}
body.mkt-body .mkt-intelligence-side {
    border-color:var(--mkt-line);
    background:#fff;
    box-shadow:0 12px 30px rgba(63,48,38,.055);
}
body.mkt-body .mkt-intelligence-side h3 { color:var(--mkt-text); }
body.mkt-body .mkt-intelligence-side p:not(.mkt-eyebrow) { color:var(--mkt-muted); }
body.mkt-body .mkt-intelligence-caption span { border-color:#ddd4cc; color:#6d655e; background:#fff; }
body.mkt-body .mkt-mini-lines span { background:#d9cec5; }

/* Pricing */
body.mkt-body .mkt-pricing-stage { padding-top:28px; }
body.mkt-body .mkt-plan {
    border-color:var(--mkt-line);
    background:#fff;
    box-shadow:0 18px 44px rgba(63,48,38,.075);
}
body.mkt-body .mkt-plan--featured { border-color:#d3a79b; background:#fff9f6; }
body.mkt-body .mkt-plan-top { border-right-color:var(--mkt-line); }
body.mkt-body .mkt-plan h2,
body.mkt-body .mkt-plan-detail > strong,
body.mkt-body .mkt-plan-hardware strong { color:var(--mkt-text); }
body.mkt-body .mkt-plan-copy,
body.mkt-body .mkt-plan-note,
body.mkt-body .mkt-plan-hardware span { color:var(--mkt-muted); }
body.mkt-body .mkt-pricing-included {
    border-block-color:var(--mkt-line);
    background:#f5f0ea;
}
body.mkt-body .mkt-comparison { background:#fff; border-color:#dcd2ca; }
body.mkt-body .mkt-comparison-row > * { border-bottom-color:#e1d8d0; }
body.mkt-body .mkt-comparison-row > * + * { border-left-color:#e1d8d0; }
body.mkt-body .mkt-comparison-row span { color:#514a44; }
body.mkt-body .mkt-comparison-row strong { color:#2b2521; }
body.mkt-body .mkt-comparison-row--head { background:#eee7e0; }
body.mkt-body .mkt-comparison-row--head > * { color:#5d554e; font-weight:800; }
body.mkt-body .mkt-faq summary { color:var(--mkt-text); }

/* Security and case-study/editorial pages */
body.mkt-body .mkt-security-device {
    border-block-color:var(--mkt-line);
    background:#eee6de;
}
body.mkt-body .mkt-security-device :where(.mkt-title,.mkt-lead) { color:var(--mkt-text); }
body.mkt-body .mkt-security-device .mkt-lead { color:var(--mkt-muted); }
body.mkt-body .mkt-story-privacy { color:#706861; }
body.mkt-body .mkt-story-note,
body.mkt-body .mkt-story-chapter,
body.mkt-body .mkt-story-outcome-inner {
    border-color:var(--mkt-line);
    background:#fff;
    box-shadow:0 12px 34px rgba(63,48,38,.05);
}
body.mkt-body .mkt-story-note blockquote,
body.mkt-body .mkt-story-chapter-copy h3 { color:var(--mkt-text); }
body.mkt-body .mkt-story-chapter-copy p { color:var(--mkt-muted); }
body.mkt-body .mkt-story-chapters { background:#f4eee8; border-block-color:var(--mkt-line); }
body.mkt-body .mkt-story-chapter-number { color:#c9bbb0; }

/* Resource hub, articles and buyer tools */
body.mkt-body .mkt-resource-card,
body.mkt-body .mkt-tool-card,
body.mkt-body .mkt-video-card,
body.mkt-body .mkt-press-asset { background:#fff; border-color:var(--mkt-line); }
body.mkt-body .mkt-resource-card :where(h2,h3),
body.mkt-body .mkt-tool-card :where(h2,h3),
body.mkt-body .mkt-video-card h2,
body.mkt-body .mkt-press-asset :where(h2,h3) { color:var(--mkt-text); }
body.mkt-body .mkt-article-toc { background:#fff; border-color:var(--mkt-line); }
body.mkt-body .mkt-article-toc strong { color:var(--mkt-text); }
body.mkt-body .mkt-article-toc a { color:#655d56; }
body.mkt-body .mkt-article-body { color:#655e57; }
body.mkt-body .mkt-article-body > p:first-child { color:#514a44; }
body.mkt-body .mkt-article-body :where(h2,h3) { color:var(--mkt-text); }
body.mkt-body .mkt-article-callout { background:#fbf2ee; border-color:#e8cfc7; }
body.mkt-body .mkt-article-callout strong { color:var(--mkt-text); }
body.mkt-body .mkt-article-table { color:#5f5750; }
body.mkt-body .mkt-article-table th { color:#3a332e; background:#f0e9e2; }
body.mkt-body .mkt-checklist li { color:#5f5750; background:#fff; border-color:#ddd4cc; }
body.mkt-body .mkt-fact-panel dt { color:#7b726a; }
body.mkt-body .mkt-fact-panel dd,
body.mkt-body .mkt-demo-panel h2 { color:var(--mkt-text); }
body.mkt-body .mkt-demo-panel small { color:#7a7169; }
body.mkt-body .mkt-tool-field > span,
body.mkt-body .mkt-readiness legend { color:#3a342f; }
body.mkt-body .mkt-tool-field small { color:#7b736c; }
body.mkt-body .mkt-tool-field input,
body.mkt-body .mkt-tool-field select {
    color:#2b2521;
    background:#fff;
    border-color:#d2c7bd;
    color-scheme:light;
}
body.mkt-body .mkt-calculator-result { background:#f8f2ec; }
body.mkt-body .mkt-result-hero span,
body.mkt-body .mkt-result-list dt,
body.mkt-body .mkt-result-note { color:#756d65; }
body.mkt-body .mkt-result-hero strong { color:#9a5849; }
body.mkt-body .mkt-result-list dd { color:#2c2622; }
body.mkt-body .mkt-readiness-progress i { background:#e8dfd7; }
body.mkt-body .mkt-readiness label { color:#514a44; background:#fff; border-color:#ddd4cc; }
body.mkt-body .mkt-readiness-result { color:#3e3833; background:#f0e9e2; border-color:#d8c8bd; }
body.mkt-body .mkt-faq-hub details { background:#fff; border-color:#ddd4cc; }
body.mkt-body .mkt-faq-hub summary { color:var(--mkt-text); }
body.mkt-body .mkt-faq-hub details > div,
body.mkt-body .mkt-faq-hub details > p { color:var(--mkt-muted); }

/* Poster artwork is photography/product artwork, not a light content card. */
body.mkt-body .mkt-editorial-poster-card {
    overflow:hidden;
    padding:0;
    background:#10131a;
    border-color:#cfc5bc;
    box-shadow:0 20px 48px rgba(49,39,32,.15);
}
body.mkt-body .mkt-editorial-poster-card img,
body.mkt-body .mkt-journey-media--device-posters .mkt-editorial-poster-card img,
body.mkt-body .mkt-story-chapter-media--device-posters .mkt-editorial-poster-card img {
    display:block;
    width:100% !important;
    max-width:none;
    height:auto !important;
    margin:0;
}
body.mkt-body .mkt-editorial-poster-card figcaption { color:#e5e1dd; }

/* Final conversion panel: deliberately high contrast, but light. */
body.mkt-body .mkt-final-cta-inner {
    border-color:#d7ccc3;
    background:#eee5dc;
    box-shadow:0 22px 56px rgba(63,48,38,.11);
}
body.mkt-body .mkt-final-cta-inner::before { display:none; }
body.mkt-body .mkt-final-cta-inner > img { opacity:.055; filter:none; }
body.mkt-body .mkt-final-cta-inner .mkt-title { color:#28221e; }
body.mkt-body .mkt-final-cta-inner .mkt-eyebrow { color:#945243; }

/* Old showroom route (mkt-showroom-*). Image zoom controls remain dark so
   white overlay labels retain their intended contrast. */
body.mkt-body .mkt-showroom-nav a { color:#625a53; background:#fff; border-color:#d8cec5; }
body.mkt-body .mkt-showroom-section { border-top-color:var(--mkt-line); }
body.mkt-body .mkt-showroom-section--guest,
body.mkt-body .mkt-showroom-section--paper { background:#f5f0ea; }
body.mkt-body .mkt-showroom-heading > span { color:#d8cec6; }
body.mkt-body .mkt-showroom-card h3,
body.mkt-body .mkt-showroom-phone h3,
body.mkt-body .mkt-qr-showcase h3 { color:var(--mkt-text); }
body.mkt-body .mkt-gallery-dialog-stage p { color:#d8d0ca; }

/* Le Pommier partnership story */
body.mkt-body .partner-page .partner-lockup-x { color:#9f948b; }
body.mkt-body .partner-page .partner-scroll { color:#746b64; }
body.mkt-body .partner-page .partner-proof-row,
body.mkt-body .partner-page .partner-proof-row b { color:#514a44; }
body.mkt-body .partner-page :where(
    .partner-logo__stage,
    .partner-support-note,
    .partner-quote-card,
    .partner-social-card,
    .partner-timeline-card,
    .partner-person-card,
    .partner-value-panel,
    .partner-feature,
    .partner-statement,
    .partner-final-logo__stage
) {
    color:#2a2521;
    background:#fff;
    border-color:#ddd3ca;
    box-shadow:0 16px 42px rgba(61,47,38,.07);
}
body.mkt-body .partner-page .partner-logo--qrelia .partner-logo__stage { border-color:#d8cec5; box-shadow:0 16px 42px rgba(61,47,38,.07); }
body.mkt-body .partner-page .partner-logo--lepommier .partner-logo__stage { border-color:#dfd1b9; box-shadow:0 16px 42px rgba(76,57,35,.08); }
body.mkt-body .partner-page .partner-quote-card blockquote,
body.mkt-body .partner-page .partner-quote-card strong,
body.mkt-body .partner-page .partner-timeline-card h3,
body.mkt-body .partner-page .partner-person-card h3,
body.mkt-body .partner-page .partner-value-panel h3,
body.mkt-body .partner-page .partner-feature h3,
body.mkt-body .partner-page .partner-statement strong { color:#2a2521; }
body.mkt-body .partner-page :where(
    .partner-timeline-card p,
    .partner-person-card p,
    .partner-value-panel p,
    .partner-feature p,
    .partner-statement p,
    .partner-social-card__topline,
    .partner-social-card figcaption
) { color:#6b635c; }
body.mkt-body .partner-page .partner-year,
body.mkt-body .partner-page .partner-role {
    color:#7f5d38;
    background:#f3eadc;
    border-color:#e5d3b8;
}
body.mkt-body .partner-page :where(.partner-feedback-list li,.partner-list li) {
    color:#38312c;
    background:#f8f4f0;
    border-color:#e1d7ce;
}
/* Text that actually sits on photographs stays light. */
body.mkt-body .partner-page .partner-photo-card figcaption strong,
body.mkt-body .partner-page .partner-orbit-card,
body.mkt-body .partner-page .partner-orbit-card b { color:#fff; }

body.mkt-body .partner-page .partner-logo--lepommier .partner-logo__stage,
body.mkt-body .partner-page .partner-final-logo--lepommier .partner-final-logo__stage {
    background:#343631;
    border-color:#bda77c;
}
body.mkt-body .partner-page .partner-logo--lepommier .partner-logo__eyebrow,
body.mkt-body .partner-page .partner-final-logo--lepommier > span { color:#765f3e; }
body.mkt-body .partner-page .partner-person-role { color:#6c5540; background:#f1e7dc; border:1px solid #dfd1c3; }
body.mkt-body .partner-page .partner-panel-number { color:#e5ddd6; }
body.mkt-body .partner-page .partner-feature:hover { background:#fffaf7; border-color:#d8b9ad; }
body.mkt-body .partner-page .partner-built-section,
body.mkt-body .partner-page .partner-timeline-section { background:#f6f1eb; border-block-color:#e0d7cf; }
body.mkt-body .partner-page .partner-final { border-top-color:#dfd6ce; }
body.mkt-body .partner-page .partner-final-lockup__x { color:#9b9087; }
body.mkt-body .partner-page .partner-final-logo > span { color:#6f675f; }
body.mkt-body .partner-page .partner-timeline-card--current {
    background:#f4faf6;
    border-color:#cfe0d5;
}

/* Engineering story */
body.mkt-body .qstory-page :where(.qstory-device-caption,.qstory-toc,.qstory-metrics,.qstory-timeline,.qstory-ui-proof,.qstory-source-note,.qstory-epilogue) {
    color:#2a2521;
    background:#fff;
    border-color:#ddd4cc;
    box-shadow:0 12px 32px rgba(63,48,38,.05);
}
body.mkt-body .qstory-page :where(.qstory-principle,.qstory-pattern,.qstory-service-grid > div,.qstory-invariants article) {
    background:#fff;
    border-color:#ddd4cc;
}
body.mkt-body .qstory-page :where(
    .qstory-device-caption strong,
    .qstory-metrics strong,
    .qstory-chapter h3,
    .qstory-principle strong,
    .qstory-pattern strong,
    .qstory-service-grid strong,
    .qstory-invariants h3,
    .qstory-epilogue h2,
    .qstory-source-note h2,
    .qstory-epilogue blockquote,
    .qstory-source-stats strong
) { color:#2a2521; }
body.mkt-body .qstory-page :where(
    .qstory-device-caption p,
    .qstory-chapter p,
    .qstory-principle p,
    .qstory-pattern p,
    .qstory-service-grid p,
    .qstory-invariants p,
    .qstory-source-note p,
    .qstory-epilogue p
) { color:#686059 !important; }
body.mkt-body .qstory-page .qstory-source-stats span { color:#625a53; border-color:#d9d0c8; background:#faf6f2; }
body.mkt-body .qstory-page .qstory-refresh { background:#eee7e0; color:#2a2521; }
/* The pixel-memory illustration is intentionally a dark miniature UI. */
body.mkt-body .qstory-page .qstory-refresh-card { background:#242a2f; color:#fff; }
body.mkt-body .qstory-page .qstory-refresh-card > strong { color:#fff; }
body.mkt-body .qstory-page .qstory-refresh-card > p { color:#c8cdd0 !important; }

body.mkt-body .qstory-page .qstory-hero-meta,
body.mkt-body .qstory-page .qstory-timeline figcaption span,
body.mkt-body .qstory-page .qstory-months,
body.mkt-body .qstory-page .qstory-figure-note,
body.mkt-body .qstory-page :where(.qstory-photo figcaption,.qstory-ui-proof figcaption,.qstory-device-proof figcaption),
body.mkt-body .qstory-page .qstory-fossil span { color:#766e67; }
body.mkt-body .qstory-page .qstory-timeline figcaption strong,
body.mkt-body .qstory-page .qstory-fossil strong { color:#2a2521; }
body.mkt-body .qstory-page .qstory-track { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#e1d8d0 calc(12.5% - 1px),#e1d8d0 12.5%); }
body.mkt-body .qstory-page .qstory-chapter-head { border-top-color:#ddd4cc; }
body.mkt-body .qstory-page .qstory-chapter code,
body.mkt-body .qstory-page .qstory-source-note code { color:#704c3f; background:#f4eee8; border-color:#ddd4cc; }
body.mkt-body .qstory-page .qstory-ui-proof { background:#eee8e2; }
/* Timeline labels are very small; use darker fills so white type clears WCAG AA. */
body.mkt-body .qstory-page .qstory-bar--standalone { background:#315367; }
body.mkt-body .qstory-page .qstory-bar--saas { background:#1d7652; }
body.mkt-body .qstory-page .qstory-bar--device1 { background:#5e438e; }
body.mkt-body .qstory-page .qstory-bar--device2 { background:#4b3d83; }
body.mkt-body .qstory-page .qstory-bar--lcd { background:linear-gradient(90deg,#9a4939,#a73f35); }
body.mkt-body .qstory-page :where(.qstory-bar--standalone,.qstory-bar--saas,.qstory-bar--device1,.qstory-bar--device2,.qstory-bar--lcd) { color:#fff; }

/* Legal documents */
body.legal-page main { background:#fbf8f4; }
body.legal-page .legal-hero { background:#f6f0ea; border-bottom:1px solid #dfd6ce; }
body.legal-page .legal-hero::before { opacity:.28; }
body.legal-page .legal-meta-card,
body.legal-page .legal-hero-note,
body.legal-page .legal-toc,
body.legal-page .legal-content,
body.legal-page .legal-callout,
body.legal-page .legal-table-wrap {
    background:#fff;
    border-color:#ded5cd;
    box-shadow:none;
}
body.legal-page .legal-meta-card span,
body.legal-page .legal-toc-summary-copy small,
body.legal-page .legal-toc-links a,
body.legal-page .legal-footer,
body.legal-page .legal-footer a { color:#736b64; }
body.legal-page .legal-meta-card strong,
body.legal-page .legal-hero-note,
body.legal-page .legal-toc summary,
body.legal-page .legal-section :where(h2,h3,strong),
body.legal-page .legal-table td strong { color:#2a2521 !important; }
body.legal-page .legal-toc summary::after { color:#8c4d40; background:#f5eee8; }
body.legal-page .legal-toc-links a:hover,
body.legal-page .legal-toc-links a:focus-visible { color:#2a2521; background:#f4eee8; }
body.legal-page .legal-callout { color:#5e5650; background:#fbf1ed; }
body.legal-page .legal-callout.sage { background:#f0f3f0; border-color:#d3ddd6; border-left-color:#85998a; }
body.legal-page .legal-table { color:#625a53; }
body.legal-page .legal-table th { color:#3a332e; background:#f0e9e2; }
body.legal-page .legal-footer a:hover,
body.legal-page .legal-footer a:focus-visible,
body.legal-page .legal-section a:hover,
body.legal-page .legal-section a:focus-visible { color:#884b3f; }

/* Modern showroom stylesheet (if the qs-showroom composition is used). */
body.mkt-body .qs-showroom { background:#f8f4ef; }
body.mkt-body .qs-nav-inner,
body.mkt-body .qs-nav.is-scrolled .qs-nav-inner { background:rgba(251,248,244,.96); border-color:#d8cec5; box-shadow:0 14px 36px rgba(63,48,38,.10); }
body.mkt-body .qs-brand { color:#2a2521; }
body.mkt-body .qs-nav-links > a:not(.qs-mobile-cta) { color:#625a53; }
body.mkt-body .qs-nav-links > a:hover,
body.mkt-body .qs-nav-links > a:focus-visible { color:#2a2521; background:#efe8e1; }
body.mkt-body .qs-hero::before,
body.mkt-body .qs-experience,
body.mkt-body .qs-platform { background:#f8f4ef; }
body.mkt-body .qs-kicker { color:#625a53; background:#fff; border-color:#ddd4cc; box-shadow:none; }
body.mkt-body .qs-hero h1,
body.mkt-body .qs-section-heading h2,
body.mkt-body .qs-ambient-copy h2,
body.mkt-body .qs-difference-head h2,
body.mkt-body .qs-final-card h2,
body.mkt-body .qs-stage-tabs button strong,
body.mkt-body .qs-stage-caption h3,
body.mkt-body .qs-feature-list h3,
body.mkt-body .qs-bento-copy h3,
body.mkt-body .qs-difference-grid h3 { color:#2a2521; }
body.mkt-body .qs-hero h1 em { color:#9a5546; background:none; -webkit-text-fill-color:currentColor; }
body.mkt-body .qs-button-secondary { color:#302a25 !important; background:#fff; border-color:#d7cdc4; box-shadow:none; }
body.mkt-body .qs-hero-proof { border-color:#ded5cd; background:#ded5cd; }
body.mkt-body .qs-hero-proof > div { background:#fff; }
body.mkt-body .qs-hero-proof strong { color:#2a2521; }
body.mkt-body .qs-experience-stage,
body.mkt-body .qs-bento-card,
body.mkt-body .qs-difference-card,
body.mkt-body .qs-final-card { background:#fff; border-color:#ddd4cc; box-shadow:0 14px 38px rgba(63,48,38,.06); }
body.mkt-body .qs-stage-tabs button:hover,
body.mkt-body .qs-stage-tabs button:focus-visible { background:#f5f0ea; }
body.mkt-body .qs-stage-tabs button.is-active { background:#f8eee9; border-color:#dec6bd; }
body.mkt-body .qs-tag-row span { color:#5f5750; background:#f6f1ec; border-color:#ded5cd; }
body.mkt-body .qs-ambient-grid { background:#fff; border-color:#ddd4cc; }
/* Device imagery and its tiny status overlay remain deliberately dark. */
body.mkt-body .qs-ambient-state-card { background:#25292f; border-color:#3d4248; }
body.mkt-body .qs-ambient-state-card strong { color:#fff; }
body.mkt-body .qs-ambient-state-card small { color:#c5c9cd; }
body.mkt-body .qs-feature-list article { border-color:#ded5cd; }
body.mkt-body .qs-text-link { color:#342d28 !important; }
body.mkt-body .qs-bento-copy p,
body.mkt-body .qs-difference-grid p,
body.mkt-body .qs-final-card > p:not(.qs-eyebrow),
body.mkt-body .qs-footer p { color:#6e665f; }
body.mkt-body .qs-difference-grid { background:#ded5cd; }
body.mkt-body .qs-difference-grid article { background:#fff; }
body.mkt-body .qs-footer { border-color:#ddd4cc; }
body.mkt-body .qs-footer > .qs-footer-inner > a:last-child { color:#544c45; }

/* Comfortable spacing on the light layout. */
body.mkt-body .mkt-subhero { padding-bottom:clamp(72px,8vw,112px); }
body.mkt-body .mkt-receiver-flow,
body.mkt-body .mkt-guest-story,
body.mkt-body .mkt-status-theatre,
body.mkt-body .mkt-service-console,
body.mkt-body .mkt-intelligence-story,
body.mkt-body .mkt-security-principles,
body.mkt-body .mkt-security-device,
body.mkt-body .mkt-story-context,
body.mkt-body .mkt-pricing-included,
body.mkt-body .mkt-faq-section { padding-block:clamp(78px,9vw,124px); }
body.mkt-body .mkt-final-cta { padding-block:clamp(74px,9vw,120px); }

/* Motion is intentionally restrained. */
body.mkt-body .mkt-reveal { opacity: 1; transform: none; transition: none; }
body.mkt-body .mkt-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1120px) {
    body.mkt-body .mkt-nav-links a { padding-inline: 7px; font-size: .77rem; }
    body.mkt-body .mkt-home-hero-grid { grid-template-columns: minmax(0,.92fr) minmax(430px,1.08fr); gap: 42px; }
    body.mkt-body .mkt-home-product-bottom { grid-template-columns: 72px 100px 1fr; }
}

@media (max-width: 991px) {
    body.mkt-body .mkt-shell,
    body.mkt-body .mkt-shell-wide { width: min(100% - 36px, 760px); }
    body.mkt-body .mkt-nav { width: calc(100% - 30px); }
    body.mkt-body .mkt-nav-toggle { display: grid; place-items: center; }
    body.mkt-body .mkt-nav-links {
        position: absolute;
        top: 68px;
        left: 15px;
        right: 15px;
        display: none;
        align-items: stretch;
        padding: 10px;
        border: 1px solid #d8cec5;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 18px 42px rgba(58,44,35,.12);
    }
    body.mkt-body .mkt-nav-links.is-open { display: grid; }
    body.mkt-body .mkt-nav-links a { padding: 12px; color:#514943; font-size:.88rem; }
    body.mkt-body .mkt-nav-actions { margin-left: auto; }
    body.mkt-body .mkt-home-hero-grid,
    body.mkt-body .mkt-home-proof-grid,
    body.mkt-body .mkt-home-problem-grid,
    body.mkt-body .mkt-home-fit-grid,
    body.mkt-body .mkt-home-pricing-grid,
    body.mkt-body .mkt-home-conversation-grid,
    body.mkt-body .mkt-home-ambient-grid,
    body.mkt-body .mkt-demo-hero-grid,
    body.mkt-body .mkt-demo-grid { grid-template-columns: 1fr; }
    body.mkt-body .mkt-home-hero-copy .mkt-display { max-width: 790px; }
    body.mkt-body .mkt-home-product { max-width: 760px; }
    body.mkt-body .mkt-home-proof-photo { max-width: 420px; }
    body.mkt-body .mkt-home-outcomes { grid-template-columns: 1fr; }
    body.mkt-body .mkt-home-outcomes article,
    body.mkt-body .mkt-home-outcomes article + article { padding: 24px 0; border-left: 0; border-top: 1px solid #d7cec6; }
    body.mkt-body .mkt-home-outcomes article:first-child { border-top: 0; }
    body.mkt-body .mkt-home-step { grid-template-columns: 42px minmax(0,1fr) 210px; gap: 22px; }
    body.mkt-body .mkt-home-fit-list a { grid-template-columns: 130px minmax(0,1fr) auto; }
    body.mkt-body .mkt-demo-form-wrap { position: static; }
    body.mkt-body .mkt-footer-intro { grid-template-columns: 1fr; }
    body.mkt-body .mkt-footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
    body.mkt-body .mkt-shell,
    body.mkt-body .mkt-shell-wide { width: calc(100% - 28px); }
    body.mkt-body .mkt-nav { min-height: 68px; width: calc(100% - 22px); }
    body.mkt-body .mkt-brand img { width: 104px; height: 43px; }
    body.mkt-body .mkt-nav-actions .mkt-btn--quiet { display: none; }
    body.mkt-body .mkt-nav-actions .mkt-btn--primary { min-height: 40px; padding: 9px 12px; font-size: .75rem; }
    body.mkt-body .mkt-display { font-size: clamp(2.55rem, 11vw, 3.55rem); line-height: 1.01; }
    body.mkt-body .mkt-title { font-size: clamp(2.15rem, 9.5vw, 3rem); }
    body.mkt-body .mkt-title--small { font-size: clamp(1.8rem, 8vw, 2.55rem); }
    body.mkt-body .mkt-home-hero { padding-top: 118px; }
    body.mkt-body .mkt-home-hero-facts { grid-template-columns: 1fr; gap: 13px; }
    body.mkt-body .mkt-home-hero-facts span { grid-template-columns: 82px 1fr; align-items: baseline; padding-right: 0; }
    body.mkt-body .mkt-home-product { padding: 10px; border-radius: 16px; }
    body.mkt-body .mkt-home-product-bottom { grid-template-columns: 70px 90px 1fr; gap: 9px; }
    body.mkt-body .mkt-home-product-bottom p { font-size: .72rem; }
    body.mkt-body .mkt-home-product-bottom p span { display: none; }
    body.mkt-body .mkt-home-proof-photo { max-width: 330px; }
    body.mkt-body .mkt-home-step { grid-template-columns: 34px 1fr; padding: 20px; }
    body.mkt-body .mkt-home-step figure { grid-column: 2; height: 230px; }
    body.mkt-body .mkt-home-fit-list a { grid-template-columns: 1fr auto; gap: 5px 14px; }
    body.mkt-body .mkt-home-fit-list a span { grid-column: 1 / -1; }
    body.mkt-body .mkt-home-price-cards { grid-template-columns: 1fr; }
    body.mkt-body .mkt-home-link-columns { grid-template-columns: 1fr; gap: 28px; }
    body.mkt-body .mkt-demo-hero { padding-top: 118px; }
    body.mkt-body .mkt-demo-proof { max-width: 360px; }
    body.mkt-body .mkt-demo-form-row { grid-template-columns: 1fr; gap: 0; }
    body.mkt-body .mkt-footer-links { grid-template-columns: 1fr; }
    body.mkt-body .mkt-footer-bottom { display: grid; gap: 7px; }
}

@media (max-width: 430px) {
    body.mkt-body .mkt-nav-actions .mkt-btn--primary { display: inline-flex; }
    body.mkt-body .mkt-home-product-bottom { grid-template-columns: 62px 80px 1fr; }
    body.mkt-body .mkt-home-phone,
    body.mkt-body .mkt-home-receiver { height: 118px; }
    body.mkt-body .mkt-home-step figure { height: 205px; }
    body.mkt-body .mkt-demo-form,
    body.mkt-body .mkt-demo-success { padding: 21px 18px; }
}

/* September 2026 precision pass -----------------------------------------
   Keep the light public site mechanically predictable: no inherited dark
   text, no accidental horizontal overflow and no lazy-layout placeholders
   changing section geometry while a visitor is reading. */
body.mkt-body .mkt-page {
    overflow-x: clip;
}
body.mkt-body .mkt-page > section {
    content-visibility: visible;
    contain-intrinsic-size: none;
}
body.legal-page .legal-toc-title { color: #2a2521; }
body.mkt-body :where(.mkt-service-flow,.mkt-story-teaser,.mkt-admin-overview,.mkt-menu-studio,.mkt-admin-control,.mkt-device-link,.mkt-story-chapters,.mkt-story-outcome,.mkt-showroom-section) {
    padding-block: clamp(76px,9vw,124px);
}
body.mkt-body :where(
    .mkt-shell,
    .mkt-shell-wide,
    .mkt-subhero-grid,
    .mkt-split,
    .mkt-split-copy,
    .mkt-section-heading,
    .mkt-journey-copy,
    .mkt-journey-media,
    .mkt-screen-gallery,
    .mkt-editorial-item,
    .mkt-guest-chapter,
    .mkt-calculator-form,
    .mkt-calculator-result
) {
    min-width: 0;
}
body.mkt-body :where(.mkt-display,.mkt-title,.mkt-lead,.mkt-journey-copy h3,.mkt-editorial-item h3,.mkt-guest-chapter h3) {
    max-width: 100%;
    overflow-wrap: break-word;
}

/* Make the small operational summaries look like deliberate UI, rather than
   dark-theme labels with a light background painted underneath them. */
body.mkt-body .mkt-mini-lines {
    gap: 10px;
    margin-top: 26px;
}
body.mkt-body .mkt-mini-lines span {
    position: relative;
    display: flex;
    min-height: 46px;
    align-items: center;
    padding: 11px 13px 11px 34px;
    border: 1px solid #ddd3ca;
    border-radius: 11px;
    color: #4b443e;
    background: #fff;
    box-shadow: 0 7px 18px rgba(61,47,38,.045);
    font-size: .79rem;
    font-weight: 680;
    line-height: 1.35;
}
body.mkt-body .mkt-mini-lines span::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;
    width: 7px;
    height: 7px;
    border: 1px solid #bb715f;
    border-radius: 50%;
    background: #f7e9e3;
    transform: translateY(-50%);
}

/* Editorial feature rows are used on several SEO landing pages.  Give every
   cell its own boundary so four-column sections still read cleanly at a
   glance and collapse without inherited left borders. */
body.mkt-body .mkt-editorial-grid {
    gap: 14px;
    border-top: 0;
}
body.mkt-body .mkt-editorial-item,
body.mkt-body .mkt-editorial-item + .mkt-editorial-item {
    height: 100%;
    padding: 24px 22px 25px;
    border: 1px solid #ded5cd;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(63,48,38,.045);
}
body.mkt-body .mkt-editorial-item > span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    color: #a65342;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .14em;
}
body.mkt-body .mkt-editorial-item h3 {
    margin-top: 18px;
    color: #2b2521;
}
body.mkt-body .mkt-editorial-item p {
    color: #665e57;
}

/* Platform journey: keep the editorial rhythm, but remove the 580px minimum
   blocks that left large areas of unused page between otherwise small pieces
   of copy and product imagery. */
body.mkt-body .mkt-platform-journey {
    padding: clamp(76px,8vw,112px) 0;
}
body.mkt-body .mkt-journey-stop {
    min-height: 0;
    padding: clamp(42px,5vw,62px) 0;
    gap: clamp(28px,4vw,58px);
}
body.mkt-body .mkt-journey-media {
    min-height: 410px;
}
body.mkt-body .mkt-journey-stop + .mkt-journey-stop {
    border-top: 1px solid #e4ddd6;
}
body.mkt-body .mkt-journey-media--device-posters {
    min-height: 390px;
    padding: 20px;
    border: 1px solid #ddd4cc;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(61,47,38,.065);
}
body.mkt-body .mkt-journey-media--device-posters .mkt-editorial-poster-card:last-child {
    transform: translateY(24px);
}

/* Guest journey screenshots: the product captures are real; present them in
   a consistent editorial stage instead of simply pushing tall phones through
   the bottom edge of four unrelated cards. */
body.mkt-body .mkt-guest-chapters {
    align-items: stretch;
    gap: 16px;
}
body.mkt-body .mkt-guest-chapter {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 690px;
    padding: 0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(63,48,38,.06);
}
body.mkt-body .mkt-guest-chapter-copy {
    padding: 26px 24px 22px;
}
body.mkt-body .mkt-guest-chapter-copy > span {
    display: grid;
    width: 38px;
    height: 38px;
    margin-bottom: 17px;
    place-items: center;
    border: 1px solid #ead7cf;
    border-radius: 50%;
    color: #a65342;
    background: #fbf2ee;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .06em;
}
body.mkt-body .mkt-guest-chapter-copy .mkt-eyebrow {
    margin-bottom: 13px;
    font-size: .67rem;
    letter-spacing: .12em;
}
body.mkt-body .mkt-guest-chapter h3 {
    font-size: 1.28rem;
    line-height: 1.18;
}
body.mkt-body .mkt-guest-chapter p:not(.mkt-eyebrow) {
    margin-top: 13px;
    font-size: .86rem;
    line-height: 1.58;
}
body.mkt-body .mkt-guest-phone-stage {
    position: relative;
    align-self: end;
    min-height: 430px;
    margin-top: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 18px 20px;
    border-top: 1px solid #e6ddd5;
    background: #f5efe9;
}
body.mkt-body .mkt-guest-phone-stage::before {
    content: "";
    position: absolute;
    inset: 26px 22px auto;
    height: 1px;
    background: #e2d8cf;
}
body.mkt-body .mkt-guest-phone-stage .mkt-phone {
    width: min(68%,175px);
    margin: 0;
    transform: none;
    border-color: #cfc6be;
    box-shadow: 0 24px 52px rgba(52,41,34,.18), inset 0 0 0 7px #18191d;
}

/* Product screenshots should read as product artefacts rather than raw image
   dumps.  This also prevents tall source captures from distorting split
   layouts on hotel/admin pages. */
body.mkt-body .mkt-screen-gallery {
    min-height: 460px;
}
body.mkt-body .mkt-screen {
    border-color: #d3cbc4;
    box-shadow: 0 20px 48px rgba(52,41,34,.105);
}
body.mkt-body .mkt-screen--wide > img {
    display: block;
    width: 100%;
    max-height: 610px;
    object-fit: cover;
    object-position: top;
}

/* Calculator: the example should be useful on first load without pretending
   that the defaults are a guarantee. */
body.mkt-body .mkt-calculator-form,
body.mkt-body .mkt-calculator-result {
    border-radius: 22px;
}
body.mkt-body .mkt-calculator-result {
    box-shadow: 0 14px 38px rgba(63,48,38,.07);
}
body.mkt-body .mkt-result-hero strong {
    color: #9b5546;
}
body.mkt-body .mkt-result-list div {
    border-bottom-color: #ded5cd;
}

@media (max-width: 991px) {
    body.mkt-body .mkt-editorial-grid,
    body.mkt-body .mkt-guest-chapters {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    body.mkt-body .mkt-journey-stop {
        grid-template-columns: 58px minmax(0,1fr);
        padding-block: 42px;
    }
    body.mkt-body .mkt-journey-media {
        grid-column: 2;
        min-height: 360px;
    }
    body.mkt-body .mkt-guest-chapter {
        min-height: 650px;
    }
}

@media (max-width: 720px) {
    body.mkt-body .mkt-section-heading {
        margin-bottom: 30px;
    }
    body.mkt-body .mkt-editorial-grid,
    body.mkt-body .mkt-guest-chapters {
        grid-template-columns: 1fr;
    }
    body.mkt-body .mkt-editorial-item,
    body.mkt-body .mkt-editorial-item + .mkt-editorial-item {
        padding: 22px 20px;
    }
    body.mkt-body .mkt-platform-journey {
        padding-block: 64px;
    }
    body.mkt-body .mkt-journey-stop {
        grid-template-columns: 42px minmax(0,1fr);
        gap: 18px;
        padding-block: 34px;
    }
    body.mkt-body .mkt-journey-marker {
        width: 42px;
        height: 42px;
        box-shadow: 0 0 0 6px #f6f1eb,0 8px 18px rgba(63,48,38,.08);
    }
    body.mkt-body .mkt-journey-media {
        grid-column: 1 / -1;
        min-height: 320px;
    }
    body.mkt-body .mkt-journey-media--device-posters {
        min-height: 0;
        padding: 14px;
    }
    body.mkt-body .mkt-journey-media--device-posters .mkt-editorial-poster-card:last-child {
        transform: none;
    }
    body.mkt-body .mkt-guest-chapter {
        min-height: 0;
    }
    body.mkt-body .mkt-guest-phone-stage {
        min-height: 500px;
    }
    body.mkt-body .mkt-guest-phone-stage .mkt-phone {
        width: min(62%,205px);
    }
    body.mkt-body .mkt-mini-lines {
        grid-template-columns: 1fr;
    }
    body.mkt-body .mkt-screen-gallery {
        min-height: 390px;
    }
}
