/* Shared appearance controls and a lightweight, theme-aware hero illustration. */
:root{color-scheme:light;--theme-bg:#fffdf9;--theme-surface:#fff;--theme-panel:#edf2fc;--theme-ink:#17243b;--theme-muted:#536175;--theme-line:#ccd8e9;--theme-accent:#2456bb}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid var(--theme-line);border-radius:22px;color:var(--theme-ink);background:var(--theme-surface);font:inherit;font-size:14px;cursor:pointer;flex-shrink:0}
header{gap:20px}header .brand{margin-right:auto}header nav{gap:22px}.theme-toggle:hover{border-color:var(--theme-accent)}
.ownership-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:48px;align-items:center}
.ownership-copy{min-width:0}.ownership-hero h1{font-size:clamp(34px,3.2vw,46px);letter-spacing:-1.4px}.ownership-description{font-size:19px}.ownership-actions{gap:12px}.ownership-actions a{font-size:16px;padding:14px 16px;gap:16px}
.hero-product-visual{margin:0;width:100%;max-width:410px;justify-self:end;color:var(--theme-accent)}
.hero-product-orbit{display:flex;justify-content:space-between;gap:14px;padding:0 10px}.hero-mini{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:12px;font-size:25px;font-weight:600;background:#dcf3ed;color:#096e70}.hero-mini small{font-size:14px;font-weight:500}.cleo-mini{background:#eee4fc;color:#7043b7}.joya-mini{background:#fff2dc;color:#a44b16}
.hero-connector{height:64px;padding:0 15px;color:#9caecb}.hero-connector svg{width:100%;height:64px}
.hero-product-window{border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-surface);box-shadow:0 20px 60px #2456bb0c;overflow:hidden;transform:rotate(-2deg)}
.hero-window-bar{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--theme-line);padding:15px 18px}.hero-window-bar>span{width:6px;height:6px;border-radius:50%;background:var(--theme-line)}.hero-window-bar small{margin-left:auto;font-size:13px;color:var(--theme-muted)}
.hero-window-content{padding:24px;display:grid;grid-template-columns:70px 1fr;gap:22px}.hero-code{background:var(--theme-panel);border-radius:12px;display:grid;place-items:center;font-size:30px;min-height:66px}.hero-ui-lines{display:grid;gap:9px;align-content:center}.hero-ui-lines i{height:6px;background:var(--theme-line);border-radius:4px}.hero-ui-lines i:nth-child(2){width:70%}.hero-ui-lines i:nth-child(3){width:85%}.hero-ui-cards{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-ui-cards>svg,.hero-ui-cards>div{background:var(--theme-panel);border-radius:9px;width:100%;height:78px;padding:10px}.hero-ui-cards>div{display:flex;align-items:flex-end;gap:10px;justify-content:center}.hero-ui-cards i{width:13px;background:#9ab5e4;border-radius:4px;height:35%}.hero-ui-cards i:nth-child(2){height:65%}.hero-ui-cards i:nth-child(3){height:48%}.hero-ui-cards i:nth-child(4){height:90%}.hero-product-visual figcaption{font-size:14px;color:var(--theme-muted);text-align:center;margin-top:24px;line-height:1.5}
@media(max-width:1100px){header nav{gap:14px}.ownership-hero{gap:28px;grid-template-columns:1.5fr 1fr}.hero-mini{padding:10px;gap:6px}.hero-mini small{font-size:13px}}
@media(max-width:960px){.theme-toggle{order:2}.menu-toggle{order:3}.ownership-hero{grid-template-columns:1fr;padding:40px 0 64px;gap:36px}.ownership-hero h1{font-size:clamp(34px,5vw,46px)}.hero-product-visual{justify-self:center;max-width:360px}.ownership-copy{width:100%}}
@media(max-width:720px){header,.home header{gap:10px}.theme-toggle{padding:8px;width:44px}.theme-toggle span{display:none}.ownership-hero h1{font-size:clamp(32px,7.7vw,42px)}.ownership-description{font-size:18px}.hero-product-visual{max-width:320px}.hero-mini{font-size:23px}.hero-window-content{padding:20px}.hero-product-visual figcaption{margin-top:20px}}
:root[data-theme="dark"]{color-scheme:dark;--theme-bg:#101722;--theme-surface:#182233;--theme-panel:#202e44;--theme-ink:#eef3fc;--theme-muted:#bbc7da;--theme-line:#2b3a50;--theme-accent:#9bbcff;--ink:#eef3fc;--muted:#bbc7da;--line:#2b3a50;--paper:#182233;--navy:#182233;--blue:#9bbcff;--accent:#9bbcff;--accent-muted:#bbc7da;--accent-line:#2b3a50;--accent-wash:#202e44}
html[data-theme="dark"] body{background:var(--theme-bg);color:var(--theme-ink)}
html[data-theme="dark"] :is(h1,h2,h3,h4,strong){color:var(--theme-ink)}
html[data-theme="dark"] :is(p,li,figcaption,.label,.number,.clear-kicker,.ownership-signin,.footer-bottom,.clear-product-links strong+span,.cleo-breadcrumb,.joya-breadcrumb,.eva-breadcrumb,.legal-copy,.policy-context,.sample-note,.illustration-note){color:var(--theme-muted)}
html[data-theme="dark"] :is(header,header nav,.home header nav){background:var(--theme-bg);color:var(--theme-ink)}
html[data-theme="dark"] header .brand img{filter:grayscale(1) brightness(0) invert(1)}
html[data-theme="dark"] :is(a,.text-link,.ownership-hero h1 span,.legal-copy a,.policy-context a,header nav a[aria-current],.footer-grid a[aria-current],.legal-sections a){color:var(--theme-accent)}
html[data-theme="dark"] :is(.clear-products,.clear-engineering,.founder-grid article,.services article,.contact-options article,.story-journey,.bottom-cta,.marketing-hero-visual,.policy-context,.eva-roles article,.cleo-roles article,.joya-roles article,.eva-closing,.cleo-closing,.joya-closing,.eva-demo .demo-window,.example-heading,.sample-result,.cleo-pricing-draft,.eng-experience-grid article,.eng-process article,.eva-demo .demo-status){background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme="dark"] .site-footer.company-footer{background:#141e2e;border-color:var(--theme-line)}
html[data-theme="dark"] :is(section,article,.clear-product-row,.clear-product-login,.product-row,.services,.editorial,.example-heading,.demo-top,.eng-section,.clear-reasons article){border-color:var(--theme-line)}
html[data-theme="dark"] :is(.nav-contact,.ownership-actions a,.clear-cta-light,.back-to-top,.eva-demo .demo-switch button,.cleo-tabs button,.joya-tabs button){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-accent)}
html[data-theme="dark"] :is(.button,.clear-engineering .clear-cta,.ownership-actions a:first-child){background:#34465f;border-color:#475b76;color:#f1f5fb}
html[data-theme="dark"] :is(.eva-demo .demo-switch button,.cleo-tabs button,.joya-tabs button)[aria-selected="true"]{background:#34465f;border-color:#596e89;color:#f1f5fb}
html[data-theme="dark"] :is(.eva-demo .chat-user,.eva-demo .avatar,.eva-demo .demo-top,.sample-result,.eng-product>span:first-child,.cleo-pricing article,.joya-pricing article){background:var(--theme-panel);color:var(--theme-ink);border-color:var(--theme-line)}
html[data-theme="dark"] .clear-product-row:nth-child(1){--product:#84d6c7;--product-tint:#163c39}html[data-theme="dark"] .clear-product-row:nth-child(2){--product:#cfb0ff;--product-tint:#302346}html[data-theme="dark"] .clear-product-row:nth-child(3){--product:#efc080;--product-tint:#3d2d1d}
html[data-theme="dark"] .clear-product-links .clear-product-detail:hover{background:var(--product-tint)}
html[data-theme="dark"] .eva-mini{background:#163c39;color:#84d6c7}html[data-theme="dark"] .cleo-mini{background:#302346;color:#cfb0ff}html[data-theme="dark"] .joya-mini{background:#3d2d1d;color:#efc080}
html[data-theme="dark"] :is(a,button):focus-visible{outline-color:#a9c7ff}
html[data-theme="dark"] :is(.eva-page,.cleo-page,.joya-page){--accent:#9bbcff;--accent-wash:#202e44;--accent-line:#2b3a50;--accent-muted:#bbc7da}
html[data-theme="dark"] .site-footer.company-footer h2{color:var(--theme-ink)}
html[data-theme="dark"] :is(.eva-demo .demo-brand,.eva-demo .card-eyebrow,.eva-demo .route span,.eva-demo .trip-bottom,.eva-demo .demo-status,.eva-demo .expense-amount span,.eva-demo .demo-input,.example-heading span,.cleo-price span,.joya-price span,.eng-link-hint,address){color:var(--theme-muted)}
html[data-theme="dark"] :is(.cleo-page .cleo-price,.joya-page .joya-price){color:var(--theme-ink)}

.theme-sun{display:none}html[data-theme="dark"] .theme-sun{display:block}html[data-theme="dark"] .theme-moon{display:none}

/* A quiet, customer-focused sketch-to-product illustration. */
.concept-visual{position:relative;padding-top:110px}
.concept-sketch{position:absolute;top:0;left:0;width:172px;padding:16px;background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:12px;transform:rotate(-5deg);z-index:1}
.concept-label{display:block;font-size:14px;color:var(--theme-muted);margin-bottom:12px}
.concept-sketch svg{display:block;width:100%;stroke:var(--theme-muted);stroke-width:1.2;opacity:.65}
.concept-path{position:absolute;right:22px;top:12px;width:80px;color:var(--theme-accent);opacity:.45}
.concept-path svg{width:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 5}
.concept-visual .hero-product-window{margin-left:42px;transform:rotate(2deg)}
.concept-visual figcaption{margin-top:28px}
@media(max-width:720px){.concept-sketch{width:144px;padding:12px}.concept-visual{padding-top:100px}.concept-visual .hero-product-window{margin-left:24px}}

/* Quiet structural lines; focus outlines and interactive states stay distinct. */
:root{--divider:rgba(58,80,115,.13)}
html[data-theme="dark"]{--divider:rgba(145,170,207,.14)}
html body :is(main,footer) :is(section,article,div,p,li,figure,td,th){border-color:var(--divider)}
html body .site-footer.company-footer{border-color:var(--divider)}
html body hr{border:0;border-top:1px solid var(--divider)}
html[data-theme="dark"] :is(.clear-paths section,.marketing-hero-visual,.bottom-cta,.founder-grid article){box-shadow:none}
html[data-theme="dark"] :is(.clear-product-login,.demo-input,.trip-card,.cleo-example,.joya-example,.sample-note,.cleo-capacity,.eng-output){border-color:var(--divider)}
/* The icon and caption describe the selected appearance. */
html body .theme-toggle{display:flex;flex-direction:column;gap:4px;width:52px;min-width:52px;min-height:52px;padding:5px 4px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--theme-muted)}
html body .theme-toggle .theme-label{display:block;font-size:13px;line-height:16px}
html body .theme-toggle:hover{color:var(--theme-accent);background:var(--theme-panel)}
.theme-current-moon{display:none}
html[data-theme="dark"] .theme-current-moon{display:block}
html[data-theme="dark"] .theme-current-sun{display:none}

/* Restrained dark actions: filled primary, quiet outlined secondary. */
html[data-theme="dark"] body :is(.button,.clear-cta,.ownership-actions a:first-child){background:#34465f;border:1px solid #475b76;color:#f1f5fb;box-shadow:none}
html[data-theme="dark"] body :is(.button,.clear-cta,.ownership-actions a:first-child):hover{background:#405570;border-color:#607693;color:#fff}
html[data-theme="dark"] body :is(.button.secondary,.clear-cta-light,.ownership-actions a:not(:first-child),.nav-contact){background:transparent;border:1px solid #34445b;color:#c4d1e5;box-shadow:none}
html[data-theme="dark"] body :is(.button.secondary,.clear-cta-light,.ownership-actions a:not(:first-child),.nav-contact):hover{background:#202e42;border-color:#526680;color:#eef3fc}

/* Subtle footer hairlines in both themes. */
html body .site-footer.company-footer,html body .site-footer.company-footer .footer-bottom{border:0;border-top:1px solid rgba(58,80,115,.10);box-shadow:none}
html[data-theme="dark"] body .site-footer.company-footer,html[data-theme="dark"] body .site-footer.company-footer .footer-bottom{border-top-color:rgba(145,170,207,.10)}

.footer-preferences{display:flex;align-items:center;gap:18px}
.footer-bottom{align-items:center}
html body .footer-preferences .theme-toggle{order:0;flex-direction:row;gap:7px;width:auto;min-width:68px;min-height:44px;padding:6px}
@media(max-width:720px){.footer-bottom{align-items:center;text-align:center;gap:16px}.footer-preferences{flex-direction:column;justify-content:center;gap:8px}}