/* Navy frame with white and pale-blue sections. */
:root{--paper:#fdfcf9;--surface:#f0f3f7;--ink:#192f3b;--muted:#53646a;--line:#d5dce3;--blue:#145fac;--deep:#143d53;--soft:#e8f0f8;--teal:var(--blue);--teal-soft:var(--soft);--property-paper:#f7f9fb;--night:#102f43}
body{background:var(--paper)}
.hero{--teal:var(--blue);--teal-soft:var(--soft);background:var(--night);color:#f7fafc}
.hero h1{color:#f7fafc}
.hero .hero-description{color:#c3d3df}
.hero .hero-note{color:#a9c0d2}
.hero .intro,.hero .text-link{color:#b9d9f6}
.hero .status-dot{background:#8dc4f4}
.hero .map-heading-dot{background:var(--blue)}
.hero .map-heading,.hero .map-foot{color:#53677a}
.hero .map-legend{color:var(--blue)}
.hero .map-foot i{border-color:var(--blue);background:var(--soft)}
.hero .hero-visual{border:0;border-radius:8px;background:#f0f3f7;margin:32px 0 32px 32px;min-height:560px}
.hero .map-callout{color:var(--ink)}
.hero .map-marker[aria-pressed=true] circle:last-child,.hero .map-marker:hover circle:last-child{fill:var(--blue)}
.hero .map-marker:focus-visible circle:first-child{stroke:var(--deep);opacity:.5}
.hero a:focus-visible{outline:2px solid #b9d9f6;outline-offset:4px}
.section-kicker{color:var(--teal)}
.hero .map-callout{border-left-color:var(--teal);box-shadow:none}
.hero .callout-icon{color:var(--teal);background:var(--teal-soft)}
.hero .map-callout .small-label{color:var(--teal)}
.hero .map-marker:not([aria-pressed=true]) circle:last-child{fill:#7897b9}
.retail-showcase{background:#fff}
.retail-property{background:#f1f5f9}
.deal-label{color:var(--teal);background:var(--teal-soft)}
.retail-lead-time{color:var(--teal)}
.case-ratings{background:#eaf0f7}
.case-ratings dd{color:#143d53}
.case-ratings dt{color:#53646a}
.retail-benefits>div{border-color:#c9cec5}
.workflow-chapter{background:#eef3f8}
.weekly-section{background:transparent;border:0;color:var(--ink)}
.routine-band{background:#fff}
.weekly-copy .section-kicker{color:var(--blue)}
.weekly-copy>p:not(.section-kicker){color:var(--muted)}
.weekly-copy .text-link{color:var(--deep)}
.brief-email{color:var(--ink);border-color:var(--line);background:#fff}
.brief-envelope{background:var(--night);color:#d3e3ef;border-color:var(--night)}
.brief-item>span{color:var(--teal)}
.routine-preview{background:#f0f3f7;border-color:#cbd7e3}
.preview-bar{color:var(--teal);border-color:#cbd7e3}
.preview-dot{background:var(--teal)}
.routine-steps button[aria-pressed=true]{color:var(--teal)}
.routine-steps button[aria-pressed=true]>span:first-child{background:var(--teal-soft)}
.scene-label,.sample-note .note-saved,.note-result{color:var(--teal)}
.sample-note{background:#fffdf4;border-color:#ded7ba}
.source-section{background:#eef3f8;border:0;--teal:var(--blue)}
.source-wires path{stroke:#a2b7d0}
.source-buttons button{background:#fdfefe;border-color:#ccd7e3}
.source-buttons button[aria-pressed=true]{border-color:var(--blue);color:var(--deep);background:#dfe9f5}
.source-buttons button>span{color:var(--teal)}
.source-hub{background:#fffefa;border-color:#b6c7da}
.source-detail,.source-assurance{border-color:#cad5e1}
.closing-section{background:var(--night)}
.closing-content p{color:#c3d3dd}
/* One action color for every demo CTA, including navigation and dark sections. */
.nav-app,.button.primary,.hero .button.primary,.closing-content .button.light{background:var(--blue);color:#fff}
.nav-app:hover,.button.primary:hover,.hero .button.primary:hover,.closing-content .button.light:hover{background:var(--deep);color:#fff}
.closing-content .button:focus-visible{outline-color:#fff}
.website-footer{background:var(--paper)}
.cre-home .website-footer{background:var(--night);color:#f5f8fb;border:0}
.cre-home .footer-main{border-top:1px solid #355064}
.cre-home .footer-identity img{filter:brightness(0) invert(1)}
.cre-home .footer-main nav,.cre-home .parent-link,.cre-home .footer-bottom{color:#b8cbd9}
.cre-home .footer-main nav h2{color:#f5f8fb}
.cre-home .footer-bottom{border-color:#355064}
.cre-home .website-footer a:hover{color:#fff}
.cre-home .website-footer a:focus-visible{outline:2px solid #b9d9f6;outline-offset:4px}

/* Shared spacing rhythm; smaller gaps inside a section than between sections. */
:root{--section-space:clamp(56px,6vw,80px);--column-gap:clamp(32px,5vw,72px)}
.weekly-section,.routine-section,.source-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.weekly-grid,.routine-section,.connected-grid{gap:var(--column-gap)}
.retail-showcase .opportunity-section{padding-top:var(--section-space);padding-bottom:48px}
.retail-benefits{padding-bottom:var(--section-space)}
.section-kicker{margin-bottom:16px}
.weekly-copy>p:not(.section-kicker),.connected-copy>p:not(.section-kicker){margin-top:24px}
.weekly-copy .text-link,.connected-copy .text-link{margin-top:24px}
.source-section{padding-bottom:var(--section-space)}
.source-assurance{position:relative;border-top:0;margin-top:32px;padding-top:20px}
.source-assurance::before{content:"";position:absolute;top:0;left:48px;right:48px;height:1px;background:#cad5e1}
.source-detail{min-height:104px}
.preview-bar,.brief-envelope{padding:16px 24px}
.scene-body,.brief-content{padding:24px}
.routine-caption{padding:12px 24px}
.closing-content>.button{align-self:center;margin-bottom:0}
.cre-home .closing-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(36px,5vw,56px)}
.cre-home .closing-content>.button{align-self:flex-start;margin:0}
.button:focus-visible,.nav-app:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.closing-content .button:focus-visible{outline-color:#b9d6f2}
@media(max-width:1100px){.source-assurance::before{left:32px;right:32px}}
@media(max-width:700px){.weekly-grid,.routine-section,.source-section .connected-grid{gap:32px}.source-detail{min-height:96px}}
@media(max-width:600px){.retail-showcase .opportunity-section{padding-bottom:36px}.source-assurance::before{left:23px;right:23px}.scene-body,.brief-content{padding:22px}.preview-bar,.brief-envelope{padding:14px 22px}.routine-caption{padding:12px 22px}.retail-showcase .scenario-controls button{min-height:44px}.source-assurance{margin-top:24px}.nav-app{min-height:44px}.closing-content{padding-top:36px;padding-bottom:36px}}
@media(max-width:360px){.source-assurance::before{left:20px;right:20px}.source-buttons button{font-size:12px;padding:12px 10px}.source-hub{width:100px;height:100px}.source-diagram{gap:20px}.case-ratings{gap:8px;padding:12px}.case-ratings dd{font-size:11px}}

@media(max-width:1100px){.hero .hero-visual{margin-left:20px;min-height:556px}}
@media(max-width:850px){.hero .hero-visual{margin-left:12px;min-height:526px}}
@media(max-width:600px){.hero .hero-visual{margin:0 0 32px;min-height:410px;height:410px}.hero .map-callout{left:14px;right:14px;padding:13px}.hero .map-heading,.hero .map-foot{left:14px;right:14px}}