/* Approved option 2: cool-gray surfaces, 10% darker than option 3 baseline. */
:root{--ink:#23364b;--muted:#4c6178;--blue:#1c5cae;--line:#cbd8e6;background:#eef3f8;color:#23364b;color-scheme:light}body{background:#eef3f8}.example-label{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1360px;margin:auto;padding:13px 60px;font-size:12px;font-weight:650;color:#23364b;border-bottom:1px solid #cbd8e6;background:#eef3f8}.example-label span{font-size:10px;font-weight:400;color:#4c6178}.site-header{background:#eef3f8}.brand{color:#23364b}nav>a:not(.button),.footer-button{color:#4c6178}.button{background:#1c5cae;border-color:#1c5cae}h1 span,.text-link,nav>a:hover{color:#1c5cae}.hero-art:before{background:none}.orbit{border-color:#cbd8e6}.floating-logo{filter:drop-shadow(0 10px 24px #29466918)}.signal,.signal.second{background:#ffffff;border-color:#cbd8e6;box-shadow:0 8px 32px #253c5510}.signal-icon{background:#eaf1f9;color:#1c5cae}.micro,.preview-toolbar,.plan-bottom span,footer small,.feature-grid p:last-child{color:#4c6178}.tabs{background:#eaf1f9;border-color:#cbd8e6}.tabs button{color:#4c6178}.tabs button[aria-selected=true]{background:#ffffff;color:#1c5cae}.feature-grid,.workflow-cards li,.plan,.provider-note,.local-note{background:#ffffff;border-color:#cbd8e6}.workflow{background:#e4ecf5;border-color:#cbd8e6}.step-icon{background:#eaf1f9;color:#1c5cae}.step-number{color:#1c5cae}.plan.core{background:#ffffff;border-color:#cbd8e6}.availability-note{background:#eaf1f9;border-color:#cbd8e6}.pill{background:#eaf1f9;color:#4c6178;border-color:#cbd8e6}.plan ul{color:#4c6178}.plan li:before,summary:after{color:#1c5cae}dialog{background:#ffffff;color:#23364b}.close{background:#eaf1f9;color:#1c5cae;border-color:#cbd8e6}@media(max-width:820px){.example-label{padding:12px 23px;font-size:11px}.example-label span{display:none}.site-header nav{background:#ffffff;border-color:#cbd8e6}.menu{background:#eaf1f9;border-color:#cbd8e6}}
:root{--ink:#23364b;--muted:#495d73;--blue:#1b5aab;--line:#b7c2cf;background:#d6dbdf;color:#23364b}body,.site-header,.example-label{background:#d6dbdf}.brand,.example-label{color:#23364b}.example-label span,nav>a:not(.button),.footer-button,.micro,.preview-toolbar,.plan-bottom span,footer small,.feature-grid p:last-child,.tabs button,.pill,.plan ul{color:#495d73}.signal,.signal.second,.feature-grid,.workflow-cards li,.plan,.plan.core,.provider-note,.local-note,dialog{background:#e6e6e6;border-color:#b7c2cf}.signal strong,h1,h2,h3,summary{color:#23364b}.tabs,.signal-icon,.step-icon,.availability-note,.pill,.close{background:#d3d9e0;border-color:#b7c2cf}.tabs button[aria-selected=true]{background:#e6e6e6;color:#1b5aab}.workflow{background:#cdd4dc;border-color:#b7c2cf}h1 span,.text-link,.step-number,.step-icon,.signal-icon,.plan li:before,summary:after,.close,nav>a:hover{color:#1b5aab}.orbit,.example-label,.site-header,.signal,.signal.second{border-color:#b7c2cf}.button{background:#1c5cae;border-color:#1c5cae;color:#fff}@media(max-width:820px){.site-header nav{background:#e6e6e6;border-color:#b7c2cf}.menu{background:#d3d9e0;border-color:#b7c2cf}}

/* Keep the approved soft card shadows; decorative hero orbits are removed. */
.hero-art .signal,.hero-art .signal.second{box-shadow:0 8px 32px #253c5510}

/* Separation between retained screenshots and workflow after Features removal. */
.preview-section{padding-bottom:75px}@media(max-width:820px){.preview-section{padding-bottom:50px}}