/* Colour only: use the native body.dark-mode contract and retain Planar geometry. */
body{color-scheme:light;--_colors--text---text-heading-muted:#62625b;--_colors--text---text-body-muted:#53534e;--_tiles--color---tile-text-muted:#53534e}body.dark-mode{color-scheme:dark;--_colors--text---text-heading-muted:#c7c7bd;--_colors--text---text-body-muted:#c7c7bd;--_tiles--color---tile-text-muted:#c7c7bd}
.color-scheme-toggle{min-height:44px;min-width:88px}
.color-scheme-item[role=button]{cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;box-sizing:border-box}
.color-scheme-toggle .color-scheme-indicator{width:50%;height:100%}.color-scheme-item[role=button]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body:not(.dark-mode) .color-scheme-indicator{transform:translateX(0)}body.dark-mode .color-scheme-indicator{transform:translateX(100%)}
body.dark-mode :is(.kf-face,.kf-film-card){background:var(--_tiles--surface---tile-surface-1);color:var(--_tiles--color---tile-text);border-color:var(--_colors--border---border-default)}
body.dark-mode :is(.kf-face small,.kf-face header p,.kf-eyebrow,.kf-film-card small,.kf-film-card>p:not(.kf-note-quote),.kf-film-label){color:var(--_colors--text---text-body-muted)}
body.dark-mode :is(.kf-row,.kf-result,.kf-rule-step,.kf-film-field>div,.kf-film-fields b){border-color:var(--_colors--border---border-default)}
body.dark-mode :is(.kf-avatar,.kf-tabs,.kf-rule-step>span,.kf-finance .kf-result){background:#30382a;color:#e8f1d9}
body.dark-mode :is(.kf-tick,.kf-status,.kf-tabs b,.kf-check-large){background:#354329;color:#d5edac}
body.dark-mode :is(.kf-purple,.kf-ai-star){color:#ceb3e9}
body.dark-mode .kf-film{background:#272e23;color:#f0f3e9}body.dark-mode .kf-film:before{background:radial-gradient(ellipse at 15% 0%,#3a442f,transparent 70%)}
body.dark-mode .kf-control{background:#252d24e8;color:#d5edac;border-color:#667459}
body.dark-mode .kv-hero-person{background:#2b3025}body.dark-mode .kv-hero-person:before{background:#3a4430}
body.dark-mode .kp-menu-art{background:#2b3025;color:#f0f3e9}
/* Application screenshots keep their true pixels; only their surrounding frame changes. */
body.dark-mode .kv-real-dashboard{background:var(--_colors--surface---surface-2);border-color:var(--_colors--border---border-default)}
body.dark-mode .kv-real-large{background:#272e23}body.dark-mode .kv-real-large img{border-color:#414b3c}
body.dark-mode .kv-faq{border-color:var(--_colors--border---border-default)}
body.dark-mode :is(.kv-faq p,.kv-section-index,.kv-intro-status,.kv-form-note){color:var(--_colors--text---text-body-muted)}
body.dark-mode .kv-form{background:var(--_colors--surface---surface-2)}
body.dark-mode .kv-form :is(input,select,textarea){background:var(--_colors--surface---surface-1);color:var(--_colors--text---text-body);border-color:var(--_colors--border---border-default)}
body.dark-mode :is(a,button,summary,input,select,textarea):focus-visible{outline-color:#ceb3e9}
@media(prefers-reduced-motion:reduce){body,.color-scheme-indicator{transition:none!important}}

/* Product illustration uses the same neutral surfaces in each theme. */
body.dark-mode .km-motion{--km-bg:#242422;--km-paper:#242422;--km-ink:#f5f5ef;--km-muted:#c7c7bd;--km-line:#4c4c45;--km-footer:#2e2e2a;--km-hover:#41413b;--km-control-border:#929287;--km-soft:#3c3148;--km-accent:#d6b9ef;--km-bright:#daf77b;--km-selection:#daf77b;--km-on-selected:#20201e}
body.dark-mode .km-brand{filter:invert(1)}

/* CTA is a semantic surface; decorative artwork must not supply its contrast. */
.cta-box-1{background:#f4f5d6;color:#20201e}
.cta-box-1 .motif-bg{visibility:hidden}
.cta-box-1 .cta-box-text .text-white{color:#20201e;opacity:1}
.cta-box-1 .cta-box-text .muted{color:#53504f}
body.dark-mode .cta-box-1{background:#292929;color:#f5f5ef}
body.dark-mode .cta-box-1 .cta-box-text .text-white{color:#f5f5ef;opacity:1}
body.dark-mode .cta-box-1 .cta-box-text .muted{color:#c7c7bd}

/* Secondary labels retain measured colour instead of fading their whole layer. */
:is(.footer-menu-heading,.dropdown-links-small-title,.sidebar-tab-link,.muted-opacity){opacity:1;color:var(--_colors--text---text-body-muted)}
.sidebar-tab-link.w--current{color:var(--_colors--text---text-heading)}

/* All landing CTA buttons share the approved accent in both themes. */
body{--pilot-action:#e4f222;--pilot-action-hover:#f5ff78;--pilot-action-ink:#0c0a08}
body :is(a.button,button.button,.kv-form button[type="submit"]){background:var(--pilot-action);color:var(--pilot-action-ink);border:1px solid transparent;transition:background-color 150ms ease}
body :is(a.button,button.button,.kv-form button[type="submit"]) .button-text{color:inherit}
body :is(a.button,button.button,.kv-form button[type="submit"]):hover{background:var(--pilot-action-hover);color:var(--pilot-action-ink)}
body :is(a.button,button.button,.kv-form button[type="submit"]):disabled{opacity:.6;cursor:wait}

/* Closing pilot invitation: original Planar slot, approved portrait and quiet entrance. */
.pilot-closing{height:auto;min-height:320px;padding:32px;justify-content:center;gap:24px;isolation:isolate}
.pilot-closing::before{content:"";position:absolute;z-index:-1;inset:0;background:url('/media/people/vakman-ipad-v3.webp') 92% bottom / auto 96% no-repeat;pointer-events:none}
.pilot-closing .cta-box-text{max-width:60%;gap:12px}
.pilot-closing .cta-box-text .heading-h4:first-child{font-size:clamp(26px,3vw,40px);line-height:1.15;max-width:20ch}
.pilot-closing .cta-box-text .muted{font-size:18px;line-height:1.5;max-width:34ch}
.pilot-closing .cta-box-button-wrap{align-self:flex-start}
.pilot-closing.pilot-enter{animation:pilot-in 600ms cubic-bezier(.2,.7,.2,1) both}
@keyframes pilot-in{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .pilot-closing{min-height:380px;padding:24px 20px;justify-content:flex-start;gap:24px}
 .pilot-closing::before{background-position:right bottom;background-size:auto 58%}
 .pilot-closing .cta-box-text{max-width:100%;gap:10px}
 .pilot-closing .cta-box-text .heading-h4:first-child{font-size:28px;max-width:19ch}
 .pilot-closing .cta-box-text .muted{font-size:16px;max-width:29ch}
 .pilot-closing .cta-box-button-wrap{margin-top:auto;max-width:55%}
 .pilot-closing .button{padding-inline:16px}
 .pilot-closing .button-text{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.pilot-closing.pilot-enter{animation:none}}

/* The middle phase card retains its original decorative strip footprint.
   Blend that strip's light SVG pixels into the same dark card surface. */
body.dark-mode .pricing-plan-wrap:has(>.pricing-plan.square-borders)>.motif-strip{background-color:var(--_colors--surface---surface-2)}
body.dark-mode .pricing-plan-wrap:has(>.pricing-plan.square-borders)>.motif-strip>.motif-strip-image{mix-blend-mode:multiply}