/* Clario24+: shared visual tokens. Platform identities retain their own colors. */
:root{--brand-ink:#10254b;--brand-blue:#164bd8;--brand-hover:#123aaa;--brand-orange:#ff5900;--brand-orange-text:#bd4000;--brand-warm:#fff5ec;--brand-light:#f5f8fd;--brand-copy:#526580;--brand-line:#d8e2f0;--brand-success:#238360;--brand-radius:12px;--brand-shadow:0 8px 24px #10254b09}
body{color:var(--brand-ink)}
#system,#monthly,#price,#rendez-vous{background:var(--brand-light)}
#hero h1,.problems .problems-intro h2,.problems .problem-item h3,#system h2,#system h3,#first-90-days h2,#first-90-days h3,#monthly h2,#monthly .monthly-stage h3,#proof h2,#rendez-vous h2{color:var(--brand-ink)}
#hero h1 em,#hero h1 .hero-highlight{color:var(--brand-orange)}
#hero .support,.problems .problems-intro>p:not(.eyebrow),#system .system-intro>p:not(.eyebrow),#system .benefit-copy>p,#first-90-days .deployment-intro>p,#monthly .monthly-intro>p:not(.eyebrow),#proof .evidence-intro>p:not(.eyebrow),#rendez-vous .appointment-purpose{color:var(--brand-copy)}
#hero .cta,body>header.site-header .nav-cta,.chat-launch,.chat-book{background:var(--brand-blue);border-radius:9px}
#hero .cta:hover,body>header.site-header .nav-cta:hover,.chat-launch:hover,.chat-book:hover{background:var(--brand-hover)}
.chat-launch{border-radius:30px}
#hero .eyebrow,.problems .eyebrow,#system .eyebrow,#first-90-days .eyebrow,#monthly .eyebrow,#proof .eyebrow,#rendez-vous .eyebrow,.problems .problem-marker,#system .benefit-pillars span,#system .benefit-tabs button[aria-selected=true],#first-90-days .deployment-time,#monthly .monthly-restart h3,#proof .evidence-stats dd,#hero .hero-evidence b{color:var(--brand-blue)}
#system .benefit-tabs button[aria-selected=true]{border-color:var(--brand-blue)}
#proof .evidence-intro .eyebrow:before,#system .benefit-pillars span:before{background:var(--brand-orange)}
.problems .problem-item,#proof .evidence-review,#price .decision-faq details,#rendez-vous .appointment-module{border-color:var(--brand-line);box-shadow:var(--brand-shadow);border-radius:var(--brand-radius)}
#proof .evidence-source,#proof .evidence-stats{background:var(--brand-light);border-color:var(--brand-line)}
#proof .evidence-stats{border-bottom-color:var(--brand-blue)}
#proof .evidence-review:first-child{background:var(--brand-warm);border-top-color:var(--brand-orange)}
#proof .evidence-quote-mark{color:var(--brand-orange)}
#proof .evidence-review:nth-child(2) .evidence-quote-mark{color:var(--brand-blue)}
#first-90-days .deployment-continuation{background:var(--brand-light);border-color:var(--brand-line);border-left-color:var(--brand-orange);border-radius:var(--brand-radius)}
#monthly .monthly-zone{border-radius:var(--brand-radius);box-shadow:var(--brand-shadow)}
#monthly .monthly-zone[data-zone=observations],.steering-observation,.follow-observe{background:var(--brand-warm);border-color:#efd5bd}
#monthly .monthly-zone[data-zone=observations]{border-left-color:var(--brand-orange)}
#monthly .monthly-zone[data-zone=observations] .monthly-zone-label{color:var(--brand-orange-text)}
#monthly .monthly-zone[data-zone=work]{border-left-color:var(--brand-success)}
#monthly .monthly-zone[data-zone=priorities],#price .decision-offer,.steering-priority{background:var(--brand-ink);border-color:var(--brand-ink)}
#monthly .monthly-zone[data-zone=priorities]{border-left-color:var(--brand-orange)}
#monthly .monthly-scene:has([data-stage=priorities]:is(:hover,:focus)) [data-zone=priorities]{background:var(--brand-ink);border-left-color:var(--brand-orange)}
#monthly .monthly-scene:has([data-stage=analyse]:is(:hover,:focus),[data-stage=measure]:is(:hover,:focus)) [data-zone=observations]{background:var(--brand-warm);border-left-color:var(--brand-orange)}
#monthly .monthly-areas .area-search,#monthly .monthly-areas .area-requests{color:var(--brand-blue)}
#monthly .monthly-areas li{background:#eaf0f9;border-radius:6px}
#price .decision-included{color:#ffad80}#price .decision-start{border-color:var(--brand-orange)}
#price .decision-cta{color:var(--brand-blue);box-shadow:none;border-radius:9px}
#price .decision-faq summary:after{color:var(--brand-blue);background:var(--brand-light)}
#price .decision-faq details[open] summary:after{background:var(--brand-blue);color:white}
#price .decision-faq details>p{color:var(--brand-copy)}
#rendez-vous h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:650}
.site-footer,.faq-chat .chat-panel>header{background:var(--brand-ink)}
.chat-panel{border-color:var(--brand-line)}.chat-topics button{background:var(--brand-light);border-color:var(--brand-line)}.chat-answer:not(:empty){background:var(--brand-warm);border-left-color:var(--brand-orange)}
/* Same small sculpted objects across the explanation, timeline and price. */
.brand-object{display:block;width:52px;height:52px;background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}
.object-search,.object-gear,.object-list{background-image:url('assets/monthly-icons.webp');background-size:200% 200%}
.object-search{background-position:0 0}.object-list{background-position:100% 0}.object-gear{background-position:0 100%}.object-bubble{background-image:url('assets/icon-bubble.svg')}
.phase-object{float:right;margin:0 0 5px 12px;width:46px;height:46px}
.appointment-object{margin-bottom:17px;width:48px;height:48px}
#monthly .monthly-restart .monthly-mark.brand-loop{background:transparent url('assets/icon-loop.svg') center/contain no-repeat;border:0;border-radius:0;width:64px;height:64px;flex-basis:64px;margin:0 4px}
#price .decision-period:before,#price .decision-period+.decision-period:before{content:'';background:transparent url('assets/icon-calendar.svg') center/contain no-repeat;width:45px;height:45px;border:0;border-radius:0;box-shadow:none;transform:none}
#price .decision-period+.decision-period:before{background-image:url('assets/icon-loop.svg')}
#system .benefit-notification>svg,#system .request-icon>svg,.enquiry-record-icon>svg{visibility:hidden}
#system .benefit-notification{position:relative;padding-left:58px}
#system .benefit-notification:before{content:'';position:absolute;left:9px;top:7px;width:37px;height:37px;background:url('assets/icon-mail.svg') center/contain no-repeat}
#system .request-icon,.enquiry-record-icon{background:transparent url('assets/icon-mail.svg') center/contain no-repeat;border:0;box-shadow:none}
.follow-observe .follow-symbol,.steering-observation>span{font-size:0!important;background-image:url('assets/monthly-icons.webp');background-size:200% 200%;background-position:0 0;background-color:transparent;border:0;border-radius:0;min-width:34px;width:34px;height:34px}
@media(max-width:1000px){#monthly .monthly-restart .monthly-mark.brand-loop{width:52px;height:52px;flex-basis:52px;margin:0 4px}}
@media(max-width:540px){.phase-object{width:39px;height:39px}.appointment-object{width:40px;height:40px}}
#system .benefit-notification>svg{display:none}#system .benefit-notification{min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center}

/* Compact transition to monthly follow-up. */
#first-90-days .deployment-continuation{width:100%;max-width:780px;box-sizing:border-box;justify-self:center;margin-left:auto;margin-right:auto;padding:22px 26px;gap:24px}
#first-90-days .deployment-continuation h3>span{color:var(--brand-orange)}
@media(max-width:600px){#first-90-days .deployment-continuation{padding:20px;gap:12px}}