/* Approved marketing palette. Loaded only by active marketing pages, not legal or archived designs. */
:root{--accent:#294b82;--accent-muted:#536785;--accent-line:#dce4f0;--accent-wash:#f3f6fc}
body{background:#fcfdff}
header,.home header{background:transparent}
.label,.number,.clear-kicker{color:#4d6386}
header nav a[aria-current],header nav a:hover,.home header nav a[aria-current]{color:var(--accent)}
.nav-contact{border-color:#aebfd9;background:#fff}
.button{background:var(--accent);border-radius:5px}
.button:hover{background:#203e6c}
.text-link{color:var(--accent)}
.page-intro h1 .period{color:#6a86b2}
.page-intro p{color:#626b78}
.marketing-intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.marketing-intro-grid .page-intro{padding:64px 0 56px}
.marketing-intro-grid h1{font-size:clamp(36px,3.6vw,50px)}
.marketing-hero-visual{margin:0;background:var(--accent-wash);padding:28px 20px;border:1px solid var(--accent-line);border-radius:16px}
.marketing-hero-visual img{width:100%;height:auto;display:block}
.marketing-hero-visual figcaption{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:var(--accent-muted);font-size:15px;margin-top:12px}
.product-row,.services,.editorial,.contact-options{border-color:var(--accent-line)}
.product-overview-art{display:block;width:144px;height:88px;margin-bottom:16px}
.product-name h2{font-size:48px;letter-spacing:-1.6px;margin:12px 0}
.product-name h2 span{color:#6a86b2}
.services{gap:22px;padding:36px 0}
.services article{padding:24px;border:1px solid var(--accent-line);border-radius:12px;background:white}
.services h2{font-size:27px}
.bottom-cta{background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:12px}
.story-journey{padding:28px;background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:14px}
.story-journey .label{margin:0 0 26px;font-size:12px}
.story-journey ol{padding:0;margin:0;list-style:none}
.story-journey li{position:relative;margin-left:5px;padding:0 0 24px 24px;border-left:1px solid #bdcde5;line-height:1.6;font-size:16px;color:#626b78}
.story-journey li:last-child{padding-bottom:0;border-left-color:transparent}
.story-journey li:before{content:'';position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:#7895c1}
.story-journey strong{display:block;font-size:20px;color:var(--accent);font-weight:500;margin-bottom:4px}
.founder-grid article{padding:32px;min-width:0;background:var(--accent-wash);border-color:var(--accent-line);border-radius:12px}
.founder-grid article>.label:first-child{margin-top:0}
.contact-hero-art{max-width:360px;width:100%;height:auto;justify-self:center}
.contact-options{gap:24px;padding:36px 0}
.contact-options article{padding:28px;background:white;border:1px solid var(--accent-line);border-radius:12px;min-width:0}
.contact-options article:last-child{background:var(--accent-wash)}
.contact-details article{border-color:var(--accent-line)}
.contact-options a,.contact-details a{color:var(--accent);overflow-wrap:anywhere}
:is(.eva-section,.cleo-section,.joya-section){border-color:var(--accent-line)}
:is(.eva-roles,.cleo-roles,.joya-roles) article{background:var(--accent-wash);border-color:var(--accent-line)}
:is(.eva-closing,.cleo-closing,.joya-closing){background:var(--accent-wash);border:1px solid var(--accent-line)}
:is(.eva-hero,.cleo-hero,.joya-hero) h2{color:#344d71}
:is(.eva-example,.cleo-example,.joya-example),.eva-demo .demo-window{border-color:#cfdaeb;box-shadow:0 8px 28px rgba(34,59,99,.04)}
.example-heading,.eva-demo .demo-top{background:#edf2fc;border-color:var(--accent-line)}
.sample-objective .label{color:#4d6386}
.sample-result,.eva-demo .demo-status{background:#f0f4fb;border-left-color:#9fb5d7}
:is(.cleo-tabs,.joya-tabs) button[aria-selected="true"]{background:#e7eefb;border-color:#9db3d8;color:#294b82}
.eva-demo .demo-switch button[aria-selected="true"]{background:var(--accent);border-color:var(--accent)}
.eva-demo .chat-user{background:#f0f4fb}
.eva-demo .avatar{background:#e8eef8;color:var(--accent)}
.eva-demo .trip-card{border-color:var(--accent-line)}
:is(.cleo-pricing,.joya-pricing) article{background:white;border-color:var(--accent-line)}
:is(.cleo-pricing,.joya-pricing) article:nth-child(2){background:#f3f6fc;border-color:#b5c7e3}
.joya-stages article{border-top-color:#b4c7e5}
:is(.eva-jump,.cleo-jump,.joya-jump){color:var(--accent)}
.site-footer.company-footer{background:#f4f7fc;border-top-color:var(--accent-line)}
@media(max-width:1000px){.marketing-intro-grid{gap:28px}.services article{padding:20px}}
@media(max-width:800px){.marketing-intro-grid{grid-template-columns:1fr;gap:0}.marketing-intro-grid .page-intro{padding:40px 0 28px}.marketing-hero-visual,.story-journey{margin-bottom:36px;max-width:540px;width:100%}.contact-hero-art{max-width:250px;justify-self:start;margin-bottom:24px}.services{grid-template-columns:1fr}.contact-options{grid-template-columns:1fr}}
@media(max-width:720px){.marketing-intro-grid h1{font-size:36px;letter-spacing:-1px}.product-overview-art{width:110px;height:auto}.contact-options article{padding:22px}.story-journey{padding:24px}.marketing-hero-visual{padding:22px 16px}.services article{padding:22px}}
.story-journey{margin:32px 0}
@media(max-width:800px){.story-journey{margin:0 0 36px}}
@media(max-width:720px){.founder-grid article{padding:24px}}
@media(max-width:720px){.eva-demo .illustration-note,.cleo-page .sample-note,.joya-page .sample-note{font-size:14px}}

/* Colour direction: a blue corporate identity with distinct product accents. */
:root{--accent:#2456bb;--accent-muted:#425b83;--accent-line:#cfdbef;--accent-wash:#eaf0ff}
body,.clear-page{background:#fffdf9;color:#17243b}
header .brand img{filter:none}
.clear-intro h1 span{color:#2456bb}
.clear-kicker,.label{color:#425b83}
.clear-paths section{border-radius:16px;box-shadow:0 8px 28px rgba(27,57,108,.06)}
.clear-paths .clear-products{background:#fff}
.clear-paths .clear-engineering{background:linear-gradient(140deg,#e0eaff,#f0eaff);border-color:#c4d3f2}
.clear-engineering .clear-cta,.button{background:#2456bb;border-color:#2456bb}
.clear-engineering .clear-cta:hover,.button:hover{background:#1b4294}
.clear-product-row:nth-child(1){--product:#096e70;--product-tint:#dcf3ed}
.clear-product-row:nth-child(2){--product:#7043b7;--product-tint:#eee4fc}
.clear-product-row:nth-child(3){--product:#a44b16;--product-tint:#fff0da}
.clear-product-row .clear-product-mark{background:var(--product-tint);color:var(--product);border-color:transparent}
.clear-product-row .clear-product-login{color:var(--product)}
.clear-product-row .clear-product-detail:hover{background:var(--product-tint)}
.clear-cta-light{background:#ecf7f4;color:#096e70;border-color:#b3d9d0}
.clear-cta-light:hover{background:#dcf3ed}
.clear-reasons article{border-top:1px solid #cfdbef}


.marketing-hero-visual{background:linear-gradient(140deg,#dfeaff,#eee5fb);border-color:#c4d3f2}
.story-journey{background:linear-gradient(140deg,#e7f3f4,#eaf0ff)}
.founder-grid article{background:#eef2fc}
.services article{border-top:1px solid #cfdbef}


.bottom-cta{background:linear-gradient(110deg,#e2ecff,#eee7fb)}
.site-footer.company-footer{background:#e8eef9;border-top-color:#cfdbef}
.eva-page{--accent:#096e70;--accent-muted:#376966;--accent-line:#c3ded6;--accent-wash:#e7f5f0}
.cleo-page{--accent:#7043b7;--accent-muted:#695481;--accent-line:#ddcfee;--accent-wash:#f1eafb}
.joya-page{--accent:#a44b16;--accent-muted:#805e40;--accent-line:#ead4bb;--accent-wash:#fff2e2}
:is(.eva-page,.cleo-page,.joya-page) .button{background:var(--accent);border-color:var(--accent)}
:is(.eva-page,.cleo-page,.joya-page) .button:hover{filter:brightness(.88)}
:is(.eva-hero,.cleo-hero,.joya-hero) h2{color:var(--accent)}
.example-heading,.eva-demo .demo-top{background:var(--accent-wash);border-color:var(--accent-line)}
:is(.cleo-tabs,.joya-tabs) button[aria-selected="true"]{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}
.eva-demo .avatar,.eva-demo .chat-user,.sample-result{background:var(--accent-wash)}
.eva-demo .avatar{color:var(--accent)}
:is(.cleo-pricing,.joya-pricing) article:nth-child(2){background:var(--accent-wash);border-color:var(--accent)}