/* Kew public brand: native K app icon and shared navy/teal tokens.
   Kept separate from imported v11 styles; product status colors remain semantic. */
:root {
  --brand-navy:#2c3e50;
  --brand-navy-deep:#1f2a38;
  --brand-teal:#1abc9c;
  --brand-teal-ink:#086b5b;
  --evergreen:var(--brand-navy);
  --green:var(--brand-navy-deep);
  --dark:#1b2936;
  --ink:#243747;
  --muted:#516371;
  --mint:#b5eee2;
  --orange:var(--brand-teal-ink);
  --orange-dark:var(--brand-teal-ink);
  --cream:#f7f9fa;
  --paper:#fff;
  --sand:#edf2f5;
  --line:#d5dfe6;
  --soft-green:#ebf8f4;
  --lime:#b5eee2;
  --navy:var(--brand-navy);
  --kew-strong:var(--brand-navy);
  --kew-cream:var(--cream);
  --kew-subtext:var(--muted);
  --shadow:0 24px 70px rgba(31,42,56,.1);
}
::selection{background:#b5eee2;color:#1f2a38}
body{background:var(--cream);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible{
  outline:3px solid var(--brand-teal-ink);outline-offset:4px;
  box-shadow:0 0 0 2px #fff;
}
.site-header{background:rgba(31,42,56,.98);border-bottom-color:#ffffff24;box-shadow:0 5px 24px #14212e18}
.brand{gap:10px;letter-spacing:0;flex-shrink:0}
.brand-logo{display:block;width:46px;height:46px;flex:0 0 46px;object-fit:contain;border-radius:13px}
.brand-wordmark{display:flex;flex-direction:column;gap:3px;color:#fff;font:800 23px/1 var(--sans);letter-spacing:.13em}
.brand-company{font-size:8px;font-weight:600;letter-spacing:.24em;color:#c5d4df}
.desktop-nav a{color:#e1eaf0}
.desktop-nav a::after{background:var(--brand-teal)}
.header-actions .small-text-link{color:#dbe6ee;font-size:12px}
.header-actions .button{box-shadow:none}
.mobile-nav{background:var(--brand-navy-deep);border-color:#ffffff26}
.mobile-nav a{color:#e1eaf0;min-height:44px;display:flex;align-items:center}
.reading-progress span{background:linear-gradient(90deg,var(--brand-teal),#b5eee2)}
.button-orange{background:var(--brand-teal);color:#153b36;box-shadow:none;border:1px solid var(--brand-teal)}
.button-orange:hover,.button-orange:focus-visible{background:#58d9be;color:#153b36;border-color:#58d9be;box-shadow:0 8px 22px #152c3920}
.button-outline{color:#fff;border-color:#c1d3e3;background:transparent}
.button-outline:hover{color:#fff;background:#ffffff16}
.workspace-card .button-outline,.entry-dialog .button-outline{color:var(--brand-navy);background:#fff;border-color:var(--brand-navy)}
.workspace-card .button-outline:hover,.workspace-card .button-outline:focus-visible,
.entry-dialog .button-outline:hover,.entry-dialog .button-outline:focus-visible{color:#fff;background:var(--brand-navy)}
.workspace-card .button-outline:focus-visible{outline-color:var(--brand-teal-ink)}
.entry-dialog-close{min-width:44px;min-height:44px}
.eyebrow-orange,.eyebrow-green,.workspace-tag{color:var(--brand-teal-ink)}
.hero .eyebrow,.workspace-card-featured .workspace-tag,.contact-section .eyebrow{color:var(--mint)}
.hero{background:radial-gradient(ellipse at 90% 18%,#23576a 0%,transparent 45%),linear-gradient(115deg,#1f2a38,#2c3e50);color:#fff}
.hero::before{inset:0;width:100%;height:100%;background:radial-gradient(circle at 80% 35%,#1abc9c0b,transparent 70%)}
.hero h1 em{color:#a5e9d9}
.hero-subline{color:#f1f6f9}
.hero-body,.hero-proof,.hero-bottom,.hero-starters{color:#d4e2eb}
.hero-starters button{color:#f5fafb;background:#ffffff0b;border-color:#91b4bc75;min-height:36px}
.hero-starters button:hover,.hero-starters button[aria-pressed=true]{background:#b5eee2;color:#1f2a38;border-color:#b5eee2}
.hero-window{background:#fff;border-color:#c4d5df}
.hero-mini-sidebar,.mini-kew,.hero-open-icon{background:var(--brand-navy);color:#fff}
.mini-kew{width:24px;height:24px;object-fit:contain;padding:0;border-radius:6px}
.hero-mini-content h3 span,.hero-prompt>span{color:var(--brand-teal-ink)}
.hero-float-card,.hero-open-demo{background:#fff;color:var(--brand-navy)}
.hero-float-card small,.hero-open-demo small{color:var(--muted)}
.hero-open-demo>span:last-child{color:var(--brand-teal-ink)}
.v6-hero-form{border-color:#91b4bc80;background:#ffffff0a}
.v6-hero-form label,.v6-hero-form small{color:#d4e2eb}
.v6-hero-form-row button{background:var(--brand-teal);color:#153b36;min-height:44px}
.v6-hero-form-row button:hover{background:#58d9be}
.v6-hero-form .hero-starters button{background:#ffffff0b;color:#e1efef;border-color:#91b4bc75;min-height:36px}
.v6-hero-form .hero-starters button:hover,.v6-hero-form .hero-starters button[aria-pressed=true]{background:#b5eee2;color:#1f2a38;border-color:#b5eee2}
.v6-hero-form input{color:var(--ink)}
.v6-hero-form input::placeholder{color:#5d6d78}
.why-kew,.core-section,.solutions-section,.faq-section,.interactive-section{background:#fff}
.demo-section{background:linear-gradient(150deg,#f2f6f8,#edf5f5)}
.contrast-card,.demo-intro-side,.cinema-caption{background:#fff;border-color:var(--line)}
.contrast-card-kew{border-color:#86cdbf;box-shadow:0 10px 32px #2c3e5010}
.why-kew .contrast-card.contrast-card-kew{background:var(--brand-navy);border-color:var(--brand-navy);box-shadow:0 15px 40px #2c3e5020}
.why-kew .contrast-card.contrast-card-kew .contrast-number{color:var(--mint)}
.why-kew .contrast-card.contrast-card-kew p,.why-kew .contrast-card.contrast-card-kew .kew-stack small{color:#d4e2eb}
.stack-mark{width:38px;height:38px;object-fit:contain;border-radius:10px;flex:0 0 38px}
.section-lead-grid>p,.demo-intro p,.interactive-intro p,.solutions-intro>p,
.core-card p,.outcome-grid p,.solution-text p{color:var(--muted)}
.editorial i{color:var(--brand-teal-ink)}
.cinema-header,.hands-top,.v6-workspace-intro,.demo-app-sidebar,
.demo-app-sidebar-navy{background:var(--brand-navy);color:#fff}
.cinema-context{background:#263747;color:#e1eaf0}
.cinema-brand{padding:0;background:none;box-shadow:none;overflow:hidden;flex-shrink:0}
.cinema-brand img{display:block;width:40px;height:40px;object-fit:contain;border-radius:11px}
.demo-sidebar-brand{display:flex;align-items:center;gap:8px}
.demo-sidebar-brand img{width:28px;height:28px;border-radius:8px;flex:0 0 28px}
.brand-demo-icon{width:36px;height:36px;object-fit:contain;border-radius:10px;flex:0 0 36px}
.hands-brand b{letter-spacing:.08em}
.hands-brand small,.cinema-heading small,.v6-workspace-intro p{color:#d3e3eb}
.v6-workspace-intro-icon{background:#b5eee2;color:#1f2a38}
.hands-example-button{color:#163b35;background:#b5eee2;border-color:#b5eee2}
.hands-example-button:hover{background:#d8f5ee}
.context-pip{background:var(--brand-teal);box-shadow:0 0 0 4px #1abc9c22}
.workspace-section,.outcomes-section{background:#edf2f5}
.workspace-card,.pricing-card{background:#fff;border-color:var(--line)}
.workspace-card-featured{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.workspace-card-featured p,.workspace-card-featured .workspace-fine{color:#d4e2eb}
.workspace-availability{border-color:#cbd8e2}
.outcome-num{color:var(--brand-teal-ink)}
.platform-section,.contact-section{background:linear-gradient(120deg,#263747,#1f2a38);color:#fff}
.platform-main .editorial i,.contact-grid .editorial i{color:#a5e9d9}
.platform-main>p,.platform-bullets small,.contact-grid>div>p,.contact-note{color:#d4e2eb}
.platform-bullets>div>b,.contact-proof b{color:#a5e9d9}
.platform-diagram{background:#fff;color:var(--brand-navy)}
.contact-form{background:#31485b;border-color:#ffffff32}
.contact-form input,.contact-form textarea{background:#fff;color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand-teal);box-shadow:0 0 0 3px #1abc9c44}
.contact-form .contact-form-note,.contact-preparation-note{color:#e0edf3;font-size:13px;line-height:1.7}
.contact-preparation-note{margin:0 0 20px;padding:12px 14px;background:#ffffff0a;border:1px solid #ffffff26;border-radius:10px}
.site-footer{background:#1b2936;color:#e1eaf0}
.footer-top p,.footer-nav a{color:#c8d8e3}
.footer-bottom{color:#b5c8d6}
.footer-brand .brand-logo{width:52px;height:52px;flex-basis:52px}
.plan-interval button{min-height:44px}
#core-suite .core-flip-eyebrow{color:var(--brand-teal-ink)}
#core-suite .core-flip-name strong,#core-suite .core-back-title{color:var(--brand-navy)}
#core-suite .core-face-copy{color:var(--muted)}
#core-suite .core-ai-flip{background:var(--brand-navy);border-color:var(--brand-navy)}
#core-suite .core-ai-flip .core-flip-eyebrow,#core-suite .core-ai-flip .core-back-eyebrow,
#core-suite .core-ai-flip .core-face-call,#core-suite .core-ai-flip .core-flip-symbol{color:#b5eee2}
#core-suite img.core-icon-ai{display:block;border-radius:12px}
@media(max-width:1200px){.desktop-nav a{padding-inline:9px}.header-actions{gap:12px}.header-actions .small-text-link{display:none}}
@media(max-width:680px){.brand-logo{width:40px;height:40px;flex-basis:40px}.brand-wordmark{font-size:21px}.brand-company{font-size:7px}#interactive .brand-demo-icon{width:28px;height:28px;flex-basis:28px}}
@media(max-width:760px){#demo .demo-sidebar-brand{font-size:0;justify-content:center;padding:0}#demo .demo-sidebar-brand img{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit-one,.hero-orbit-two,.hero-float-card{animation:none}.button,.hero-window{transition:none}}