:root{--d-ink:#14243b;--d-blue:#245de8;--d-blue-hover:#1745b4;--d-muted:#50647a;--d-line:#dce4ef;--d-paper:#fff;--d-mist:#f5f8fd;--d-danger:#b42318;--d-success:#126442;--d-radius:12px;--d-shadow:0 14px 38px -25px #14243b50;--d-space:8px}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--d-blue);outline-offset:3px}:where(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.65}:where(input,textarea,select)[aria-invalid=true]{border-color:var(--d-danger)}[aria-busy=true]{cursor:progress}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Public and auth surfaces only; no business rules. */
.cps-shell,.app-shell{--color-primary:#245de8;--color-primary-hover:#1745b4;--color-ink:#14243b;--color-text:#14243b;--color-text-muted:#50647a;--color-border:#dce4ef;--color-surface-subtle:#f5f8fd;--radius-card:12px;--shadow-control:0 5px 16px #14243b08}
.cps-shell .cps-header{background:#fff;border-bottom:1px solid #dce4ef;box-shadow:none}.cps-shell .cps-primary,.cps-shell .cps-start,.cps-shell .customer-plan-start{background:#245de8;border-radius:8px}.cps-shell .cps-hero{background:linear-gradient(120deg,#fff,#f4f8ff);padding-top:64px;padding-bottom:56px}.cps-shell .cps-hero h1{color:#14243b;line-height:1.25;letter-spacing:-.035em}.cps-shell .cps-hero h1 em{color:#245de8}.cps-shell .cps-hero>div>p{color:#50647a;line-height:1.8}.cps-shell .d-country-art{margin:0;min-width:0}.d-country-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.cps-shell .d-product-section{padding:36px 24px 56px;background:#f5f8fd}.d-product-section>#product-demo{max-width:1120px;margin:auto;scroll-margin-top:90px}
.cps-shell .cps-workflow{background:#101f35;color:white;max-width:none;padding:56px max(24px,calc((100vw - 1192px)/2))}.cps-shell .cps-workflow h2,.cps-shell .cps-workflow ol b{color:white}.cps-shell .cps-workflow header p,.cps-shell .cps-workflow ol p{color:#c7d8ed}.cps-shell .cps-workflow ol li{background:transparent;border:0;border-top:1px solid #6386ae;border-radius:0;box-shadow:none}.cps-shell .cps-workflow ol i{color:#a6dcff}.cps-shell .cps-page-hero{background:linear-gradient(115deg,#fff,#edf4ff);color:#14243b;border-bottom:1px solid #dce4ef}.cps-shell .cps-page-hero h1{line-height:1.3;color:#14243b}.cps-shell .cps-page-hero p{color:#50647a}.cps-shell .customer-step,.cps-shell .customer-plan,.cps-shell .cps-local article,.cps-shell .cps-detail-grid article{border-radius:12px;border-color:#dce4ef;box-shadow:none}.cps-shell .customer-plan.is-available:hover{border-color:#8dacdf}.cps-shell .customer-price{color:#14243b}.cps-shell .customer-plan-table th{background:#f0f5fc}.cps-shell .customer-plan-table td{border-color:#dce4ef}.cps-shell .cps-footer{background:#f5f8fd;color:#14243b}.cps-shell .cps-footer a{color:#294867}
.app-shell .brand-panel{background:#101f35;color:#fff}.app-shell .brand-panel .brand-copy,.app-shell .brand-panel .proof-list{color:#d4e3f4}.app-shell .form-panel{background:#f7f9fd}.app-shell .form-panel .card{background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 18px 50px -32px #14243b60}.app-shell .field input,.app-shell .field select{border-radius:8px;border-color:#b9c9dc;min-height:44px}.app-shell .primary-button{background:#245de8;border-radius:8px;min-height:44px}.app-shell .primary-button:hover{background:#1745b4}.app-shell .message.error{color:#b42318;background:#fff2f0}.app-shell .message.success{color:#126442;background:#eef9f3}.app-shell .auth-switch button{color:#245de8}.app-shell .auth-product-scene{box-shadow:none;border-color:#56718d}
@media(max-width:760px){.cps-shell .cps-hero{padding-top:36px;padding-bottom:36px}.cps-shell .d-country-art{margin-top:24px}.cps-shell .cps-hero h1{font-size:clamp(30px,8vw,38px)}.cps-shell .cps-workflow{padding:36px 22px}.cps-shell .d-product-section{padding:24px 16px}.app-shell .form-panel .card{border-radius:12px}.app-shell .field input{font-size:16px}}

/* Design D: operational surfaces retain layout, handlers, and data density. */
.workspace-shell{--color-primary:#245de8;--color-primary-hover:#1745b4;--color-ink:#14243b;--color-text:#14243b;--color-text-muted:#50647a;--color-border:#dce4ef;--color-surface:#fff;--color-surface-subtle:#f5f8fd;background:#f5f8fd;color:#14243b}
.workspace-shell .workspace-sidebar{background:#fff;border-color:#dce4ef}.workspace-shell .workspace-main{background:#f5f8fd}.workspace-shell .workspace-brand{border-color:#dce4ef}.workspace-shell :is(.workspace-desktop-nav,.workspace-mobile-nav) button{border-radius:8px}.workspace-shell :is(.workspace-desktop-nav,.workspace-mobile-nav) button.active{background:#eaf0ff;color:#1745b4;box-shadow:inset 3px 0 #245de8}.workspace-shell .page-title h1{color:#14243b;letter-spacing:-.025em;line-height:1.35}.workspace-shell :is(.card,.crm-list,.crm-detail,.visit-card){background:#fff;border-color:#dce4ef;border-radius:12px;box-shadow:0 3px 12px #14243b04}.workspace-shell :is(.preview-primary,button.primary){background:#245de8;color:#fff;border-color:#245de8;border-radius:8px}.workspace-shell .preview-primary:hover{background:#1745b4}.workspace-shell .preview-secondary{background:#fff;color:#294867;border-color:#b9c9dc;border-radius:8px}.workspace-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#b9c9dc;border-radius:7px;background:#fff;color:#14243b}.workspace-shell :is(.crm-customer.selected,.customer-detail-tabs .active,.visit-status-tabs .active){background:#eaf0ff;color:#1745b4;border-color:#97b5f5}.workspace-shell .empty-state{background:#f8faff;border-color:#dce4ef;color:#50647a;border-radius:10px}.workspace-shell :is(.status-chip,.status-badge){border-radius:6px}.workspace-shell th{background:#edf3fc;color:#294867}.workspace-shell td{border-color:#e4eaf2}.workspace-shell .danger-text{color:#b42318}.workspace-shell .context-help-drawer{background:#fff;border-color:#dce4ef;box-shadow:-12px 0 40px #14243b16}.workspace-shell :is(.message.error,.error-message){color:#b42318;background:#fff2f0}.workspace-shell :is(.message.success,.success-message){color:#126442;background:#eef9f3}
.workspace-shell .workspace-sidebar{background:#101f35;color:#d4e3f4}.workspace-shell .workspace-desktop-nav button,.workspace-shell .workspace-management-menu summary{color:#d4e3f4}.workspace-shell .workspace-desktop-nav button.active{background:#eaf0ff;color:#1745b4}.workspace-shell .workspace-mobile-nav button{color:#294867}
@media(max-width:760px){.workspace-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.workspace-shell .workspace-mobile-nav{background:#fff;border-color:#dce4ef}.workspace-shell .page-title h1{font-size:clamp(23px,6vw,29px)}}