/* DCME PUBLIC ONLY — blue / navy / white / pale-blue. 2026-09-27. */
:root{--dcme-blue:#0968d7;--dcme-navy:#061426;--dcme-ink:#0a1b31;--dcme-muted:#5a718b;--dcme-soft:#f3f8fd;--dcme-line:#d8e6f3;color-scheme:light}
::selection{background:#0968d7;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0968d7;outline-offset:3px}
.dcme-contact-trigger{color:#0753b1}.dcme-contact-modal,.dcme-contact-card,.dcme-contact-dialog{border-color:#d8e6f3}.dcme-contact-modal a,.dcme-contact-card a{color:#0753b1}

:root{--ink:#0a1b31;--ink2:#173453;--muted:#5a718b;--orange:#0968d7;--orange2:#0753b1;--orangesoft:#eaf4fd;--soft:#f3f8fd;--soft2:#eaf4fd;--line:#d8e6f3;--shadow:0 18px 52px rgba(6,20,38,.11);--shadow2:0 8px 24px rgba(6,20,38,.075);}
body{background:radial-gradient(circle at 0 0,rgba(9,104,215,.10),transparent 28vw),
    radial-gradient(circle at 100% 0,rgba(9,104,215,.08),transparent 30vw),
    linear-gradient(180deg,#f9fcff 0%,#f3f8fd 48%,#eaf4fd 100%);}
.skip{color:#061426;}
.logo{background:linear-gradient(135deg,#061426 0%,var(--orange) 100%);box-shadow:0 10px 22px rgba(9,104,215,.24);}
.brand-text span{color:#b5e8ff;}
.nav a:hover{background:#eaf4fd;color:#cfe6fb;}
.nav .cta-nav{border:1px solid #0968d7;}
.nav .cta-nav:hover{background:#0753b1;}
.menu-btn{border:1px solid #c6d9eb;box-shadow:0 8px 20px rgba(6,20,38,.07);}
.mobile-nav{border-top:1px solid #d8e6f3;}
.mobile-nav a:hover{background:#eaf4fd;color:#cfe6fb;}
.kicker{color:#0753b1;border:1px solid #c6d9eb;}
.section-lead{color:#5a718b;}
.btn{color:#061426;box-shadow:0 12px 26px rgba(6,20,38,.15);}
.hero-panel{background:radial-gradient(circle at 94% 10%,rgba(9,104,215,.95) 0 12%,transparent 13%),radial-gradient(circle at 8% 88%,rgba(9,104,215,.20),transparent 31%),linear-gradient(135deg,#061426 0%,#0a2f62 68%,#0a2f62 100%);}
.eyebrow{color:#eaf4fd;}
.eyebrow i{background:#0968d7;box-shadow:0 0 0 4px rgba(9,104,215,.18);}
.lead{color:#eaf4fd;}
.hero-point span{color:#d8e6f3;}
.hero-note{color:#d8e6f3;}
.mock-window{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 44px rgba(6,20,38,.24);}
.dots i{background:#0968d7;}
.dots i:nth-child(3){background:#0968d7;}
.window-top b{color:#eaf4fd;}
.screen{box-shadow:0 14px 34px rgba(6,20,38,.18);}
.screen-badge{border:1px solid #c6d9eb;background:#eaf4fd;color:#0753b1;}
.score-ring{background:conic-gradient(var(--amber) 72%,#e6eef6 0);}
.score-ring span{color:#5a718b;}
.mock-kpi{background:#f3f8fd;}
.mock-kpi small{color:#5a718b;}
.mock-kpi em{color:#5a718b;}
.bar{background:#d8e6f3;}
.finding{background:#ffffff;}
.finding i{background:#eaf4fd;color:#0968d7;}
.finding span span{color:#5a718b;}
.sample-disclaimer{background:#f3f8fd;color:#5a718b;border:1px solid #c6d9eb;}
.strip-card p{color:#5a718b;}
.sample-shell:after{background:rgba(9,104,215,.06);}
.sample-head p{color:#5a718b;}
.demo-badge{background:#0a2f62;}
.demo-badge b{color:#b5e8ff;}
.sample-card{background:#ffffff;}
.sample-card span{color:#0753b1;}
.sample-card p{color:#5a718b;}
.diag-row{background:#f3f8fd;}
.diag-no{background:#eaf4fd;color:#0968d7;}
.diag-row span span{color:#5a718b;}
.diag-tag.red{background:#eaf4fd;color:#0753b1;}
.explain-card:after{background:rgba(9,104,215,.06);}
.explain-no{background:#0a2f62;}
.explain-card p{color:#5a718b;}
.explain-list span{color:#173453;}
.explain-list span:before{background:#eaf4fd;color:#0753b1;}
.command-shell{background:#0a2f62;}
.command-shell:after{background:radial-gradient(circle,rgba(9,104,215,.45),rgba(9,104,215,0) 68%);}
.command-head p{color:#d8e6f3;}
.report-badge{color:#061426;}
.report-badge span{color:#0753b1;}
.report-badge small{color:#5a718b;}
.command-card .command-no{color:#0753b1;}
.command-card p{color:#d8e6f3;}
.why-card p{color:#5a718b;}
.impact{background:#f3f8fd;}
.impact span{color:#5a718b;}
.why-highlight{background:linear-gradient(135deg,#061426 0%,#0a2f62 68%,#0a2f62 100%);}
.why-highlight p{color:#eaf4fd;}
.why-highlight .impact span{color:#d8e6f3;}
.process-no{background:#eaf4fd;color:#0968d7;}
.process-card p{color:#5a718b;}
.privacy-panel{border:1px solid #c6d9eb;background:linear-gradient(135deg,#f3f8fd,#fff);}
.privacy-icon{background:#0a2f62;}
.privacy-panel p{color:#5a718b;}
.cta-card{background:linear-gradient(135deg,#061426 0%,#0a2f62 68%,#0a2f62 100%);}
.cta-card p{color:#eaf4fd;}
.footer{color:#5a718b;}
.footer b{color:#061426;}
.footer a{color:#0968d7;}
.contact-email{color:#0968d7;}
.contact-line a{color:#0753b1;}
.contact-panel span{color:#5a718b;}
@media (max-width:760px){
.score-ring{background:#eaf4fd;border:1px solid #c6d9eb;}
.score-ring b{color:#0753b1;}
}
@media print{
.hero-panel,.command-shell,.cta-card{color:#061426!important;}
}
/*
 * DCME public homepage - DCMEasy blue and white colour overlay
 * Build: 2026-09-27
 * Base palette: saved drycleaningsoftware-style-saas2026-v3.css.
 * Load AFTER all existing styles, immediately before </head>.
 * Colour/surface changes only: no content, links, layout or scripts replaced.
 * Legacy orange variable names intentionally remain as blue brand aliases.
 * Green, amber, red and the existing status badges are NOT redefined.
 */
:root {
    --navy: #061426;
    --navy2: #0a2f62;
    --ink: #0a1b31;
    --ink2: #173453;
    --muted: #5a718b;
    --blue: #0968d7;
    --blue2: #0753b1;
    --cyan: #0cb7d4;
    --orange: #0968d7;
    --orange2: #0753b1;
    --orangeSoft: #eaf4fd;
    --soft: #f3f8fd;
    --soft2: #eaf4fd;
    --line: #d8e6f3;
    --line2: #c6d9eb;
    --white: #ffffff;
    --shadow: 0 18px 52px rgba(6, 20, 38, .11);
    --shadow2: 0 8px 24px rgba(6, 20, 38, .075);
}

body {
    color: var(--ink);
    background: #ffffff;
}
::selection { background: var(--blue); color: #ffffff; }
.skip { color: var(--navy); }
a:focus-visible, button:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 3px;
}

/* White navigation, navy lettering and blue calls to action. */
.topbar {
    background: rgba(255, 255, 255, .97);
    color: var(--navy);
    border-bottom-color: var(--blue);
    box-shadow: 0 5px 20px rgba(6, 20, 38, .06);
}
.logo {
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(9, 104, 215, .2);
}
.brand-text b { color: var(--navy); }
.brand-text span { color: var(--blue); }
.nav a, .mobile-nav a { color: var(--ink2); }
.nav a:hover, .mobile-nav a:hover {
    background: var(--soft2);
    color: var(--blue2);
}
.nav .cta-nav, .contact-panel a {
    background: linear-gradient(135deg, var(--blue), var(--blue2));
    border-color: var(--blue);
    color: #ffffff;
}
.nav .cta-nav:hover, .contact-panel a:hover {
    background: var(--blue2);
    border-color: var(--blue2);
    color: #ffffff;
}
.menu-btn { border-color: var(--line2); color: var(--blue); background: #ffffff; }
.mobile-nav { background: #ffffff; border-top-color: var(--line); }

/* Pale-blue hero, like the reference site's light software presentation. */
.hero-panel {
    background:
        radial-gradient(circle at 90% 8%, rgba(17, 173, 119, .14), transparent 29vw),
        radial-gradient(circle at 4% 100%, rgba(12, 183, 212, .13), transparent 27vw),
        linear-gradient(135deg, #f9fcff 0%, #eaf5ff 54%, #f3fffa 100%);
    color: var(--navy);
    box-shadow: 0 18px 52px rgba(6, 20, 38, .09);
}
.hero-panel::before { border-color: var(--line); }
.hero-panel::after { background: rgba(9, 104, 215, .04); }
.hero-panel h1 { color: var(--navy); }
.hero-panel .lead { color: #3e5976; }
.hero-panel .lead strong { color: var(--navy); }
.hero-panel .eyebrow {
    background: #e9f4ff;
    border-color: #cfe6fb;
    color: var(--blue2);
}
.eyebrow i {
    background: var(--cyan);
    box-shadow: 0 0 0 4px rgba(12, 183, 212, .14);
}
.hero-point {
    background: rgba(255, 255, 255, .86);
    border-color: var(--line);
}
.hero-point span { color: var(--blue2); }
.hero-point b { color: var(--navy); }
.hero-note, .contact-line { color: #3e5976; }
.hero-note b { color: var(--navy); }
.contact-line a { color: var(--blue2); }

/* Brand buttons only. Do not recolour operational status labels. */
.btn {
    background: #ffffff;
    color: var(--blue2);
    box-shadow: 0 10px 24px rgba(6, 20, 38, .10);
}
.btn.orange {
    background: linear-gradient(135deg, var(--blue), var(--blue2));
    color: #ffffff;
    box-shadow: 0 10px 23px rgba(9, 104, 215, .22);
}
.btn.orange:hover { background: var(--blue2); color: #ffffff; }
.hero-panel .btn.dark {
    background: rgba(255, 255, 255, .85);
    color: var(--blue2);
    border-color: var(--line2);
}
.hero-panel .btn.dark:hover { background: #ffffff; border-color: var(--blue); }
.btn.outline { color: var(--blue2); border-color: var(--line2); }

/* Sample dashboard retains its figures, green/amber/action badges and meaning. */
.mock-window {
    background: linear-gradient(145deg, #102d53, #081a31);
    border-color: #274765;
    box-shadow: 0 20px 50px rgba(6, 20, 38, .20);
}
.window-top b { color: #dcecff; }
.dots i { background: var(--blue); }
.dots i:nth-child(2) { background: var(--cyan); }
.dots i:nth-child(3) { background: #11ad77; }
.screen { background: #ffffff; color: var(--ink); }
.screen-badge, .kicker {
    background: #e9f4ff;
    border-color: #cfe6fb;
    color: var(--blue2);
}
.mock-kpi { background: var(--soft); border-color: var(--line); }
.mock-kpi small, .mock-kpi em, .score-ring span,
.finding span span { color: var(--muted); }
.bar { background: #e6eef6; }
.bar i { background: linear-gradient(90deg, var(--blue), var(--cyan), var(--green)); }
.finding { background: #ffffff; border-color: var(--line); }
.finding i, .diag-no, .process-no {
    background: var(--soft2);
    color: var(--blue2);
}
.sample-disclaimer {
    background: var(--soft);
    color: #3e5976;
    border-color: var(--line2);
}
@media (min-width: 761px) {
    .score-ring { background: conic-gradient(var(--amber) 72%, #e6eef6 0); }
}

/* White content cards and cool neutral text. */
.strip-card span { color: var(--blue2); }
.section-lead, .strip-card p, .sample-head p, .sample-card p,
.diag-row span span, .explain-card p, .why-card p,
.impact span, .process-card p, .privacy-panel p, .contact-panel span,
.report-badge small { color: var(--muted); }
.sample-shell::after, .explain-card::after { background: rgba(9, 104, 215, .045); }
.demo-badge { background: var(--navy2); color: #ffffff; }
.demo-badge b { color: #b5e8ff; }
.sample-card { background: #ffffff; border-color: var(--line); }
.sample-card > span:not(.status) { color: var(--blue2); }
.diag-row, .impact { background: var(--soft); border-color: var(--line); }
.explain-no, .privacy-icon {
    background: linear-gradient(135deg, var(--blue), var(--navy2));
    color: #ffffff;
}
.explain-list span { color: var(--ink2); }
.explain-list span::before { background: var(--soft2); color: var(--blue2); }
.contact-email { color: var(--blue2); }

/* Navy/blue emphasis sections retain their white headings. */
.command-shell, .why-highlight, .cta-card {
    background:
        radial-gradient(circle at 95% 0, rgba(12, 183, 212, .20), transparent 32vw),
        linear-gradient(135deg, var(--navy), #0b376f);
    color: #ffffff;
}
.command-shell::after {
    background: radial-gradient(circle, rgba(12, 183, 212, .24), rgba(12, 183, 212, 0) 68%);
}
.command-shell .kicker {
    background: rgba(255, 255, 255, .10);
    color: #cbe9ff;
    border-color: rgba(255, 255, 255, .25);
}
.command-head p, .command-card p, .why-highlight p,
.why-highlight .impact span, .cta-card p { color: #c9ddef; }
.command-card .command-no { color: var(--blue2); background: #ffffff; }
.report-badge { background: #ffffff; color: var(--navy); }
.report-badge span { color: var(--blue2); }
.why-highlight .impact { background: rgba(255, 255, 255, .09); border-color: rgba(255, 255, 255, .16); }
.why-highlight .impact b, .why-highlight h3, .cta-card h2 { color: #ffffff; }
/* The original CTA email has an inline orange colour. Override that one link. */
.cta-card p a { color: #c6e8ff !important; }
.command-shell a:focus-visible, .cta-card a:focus-visible,
.footer a:focus-visible { outline-color: #c6e8ff; }
.privacy-panel {
    background: linear-gradient(135deg, #eef8ff, #ffffff);
    border-color: #c8e4f5;
}

/* Navy footer, with existing email-only contact content untouched. */
.footer { background: var(--navy); color: #c9ddef; border-top-color: #214363; }
.footer b { color: #ffffff; }
.footer a { color: #c6e8ff; }
.footer a:hover { color: #ffffff; }

/* Preserve the site's existing print layout and readable ink-on-paper colours. */
@media print {
    body, .hero-panel, .command-shell, .cta-card, .why-highlight,
    .mock-window, .footer { background: #ffffff !important; color: #0a1b31 !important; box-shadow: none !important; }
    .hero-panel h1, .hero-panel .lead, .hero-panel .lead strong,
    .hero-point b, .hero-point span, .hero-note, .hero-note b,
    .command-head h2, .command-head p, .command-card h3, .command-card p,
    .why-highlight h3, .why-highlight p, .why-highlight .impact b,
    .why-highlight .impact span, .cta-card h2, .cta-card p,
    .cta-card p a, .footer b, .footer a, .window-top b { color: #0a1b31 !important; }
    .command-card, .why-highlight .impact { border-color: #c6d9eb; }
}

/* Public contact disclosure colours; original shared CSS/JS remain untouched. */
.dcme-contact-trigger{border-color:#c6d9eb;color:#0753b1}
.dcme-private-contact__card{background:#fff;color:#0a1b31;border-color:#d8e6f3}
.dcme-private-contact__backdrop{background:rgba(6,20,38,.78)}
.dcme-private-contact__close{background:#eaf4fd;color:#061426}
.dcme-private-contact__kicker{background:#eaf4fd;border-color:#c6d9eb;color:#0753b1}
.dcme-private-contact__intro,.dcme-private-contact__row small{color:#5a718b}
.dcme-private-contact__row{background:#f3f8fd;border-color:#d8e6f3}
.dcme-private-contact__row strong,.dcme-private-contact__row a{color:#0a1b31}
.dcme-private-contact__actions a{background:#0968d7;color:#fff}