:root {
  --ai-obsidian: #f2f5fa;
  --ai-navy: #0b1934;
  --ai-panel: #fff;
  --ai-line: #dbe2ef;
  --ai-text: #101d35;
  --ai-muted: #586780;
  --ai-gold: #98752d;
  --ai-cyan: #2463ed;
  --wake-blue: #225cff;
  --wake-ice: #c7edff;
  --wake-gold: #e4c17b;
}
html { background: #f2f5fa; }
body { background: #f2f5fa; }
::selection { background: #c7dbff; color: #0b1934; }
:focus-visible { outline: 3px solid #3478ff; outline-offset: 4px; }
.nav { background: #f8faff; border-bottom-color: #dbe2ef; backdrop-filter: none; }
.nav .brand-logo { border-radius: 6px; max-height: 72px; width: auto; }
.nav .mobile-menu-toggle { background: #eaf0fa; border: 0; color: #0b1934; }
.nav .mobile-menu-toggle:hover { background: #dbe7ff; }
.nav .mobile-menu-panel { background: #f8faff; border-color: #dbe2ef; border-radius: 8px; box-shadow: 0 28px 80px #0b193429; }
.nav .mobile-menu-mark { background: #0b1934; color: #e4c17b; }
.nav .mobile-menu-links a { border-radius: 6px; padding: 10px 12px; font-size: 22px; }
.nav .mobile-menu-links a:hover { background: #e8efff; color: #225cff; }
.nav-demo-button, .jw-button, .jw-button-gold, .primary-button, .nav .mobile-demo-cta,
.jw-click-main .jw-pilot-copy > .jw-button, .jw-view-next {
  color: #fff; background: #225cff; border-color: #225cff; box-shadow: 0 4px 16px #225cff1a;
}
.nav-demo-button:hover, .jw-button:hover, .jw-button-gold:hover, .primary-button:hover,
.nav .mobile-demo-cta:hover, .jw-view-next:hover { color: #fff; background: #1449d7; border-color: #1449d7; box-shadow: 0 7px 22px #225cff25; }
.jw-view-bar { background: #f8faff; border-bottom-color: #dbe2ef; padding-block: 10px; }
.jw-view-tabs { gap: 4px; }
.jw-view-tab { display: inline-flex; align-items: center; gap: 8px; color: #586780; padding: 12px 18px; }
.jw-view-tab svg { width: 16px; height: 16px; stroke-width: 1.8; }
.jw-view-tab[aria-selected="true"] { background: #0b1934; border-color: #0b1934; color: #fff; box-shadow: 0 3px 9px #0b193417; }
.jw-view-tab:hover { background: #e7edfa; }
.jw-view-tab[aria-selected="true"]:hover { background: #183358; }
.jw-view-select { background: #fff; border-color: #d6dfef; color: #0b1934; }
.jw-view-select-label { color: #52627a; }
.jw-view-panel { animation: wake-panel 220ms ease both; }
.jw-view-pager { border-color: #dbe2ef; }
.jw-view-back { background: transparent; border-color: #cdd7e8; }
.jw-footer-details { background: #e9eef6; border-color: #dbe2ef; }
.jw-click-main .jw-hero { isolation: isolate; background: #0b1934; overflow: hidden; }
.jw-click-main .jw-hero-bg { opacity: 1; filter: none; object-position: center 45%; }
.jw-click-main .jw-hero::after { background: linear-gradient(90deg,#09182fed 0%,#0c2145cf 53%,#10274870 100%); }
.jw-click-main .jw-hero-content { width: min(100% - 72px,1120px); max-width: 1120px; padding: 34px 0 28px; text-align: left; }
.jw-click-main .jw-hero-brand { width: 224px; margin: 0 0 24px; border: 1px solid #7387a440; border-radius: 6px; box-shadow: 0 12px 38px #0003; }
.jw-click-main .jw-hero h1 { max-width: 860px; margin: 0; font-size: 66px; line-height: 1.02; font-weight: 800; color: #fff; text-wrap: balance; }
.jw-click-main .jw-hero h1 span { color: #c7edff; background: none; -webkit-text-fill-color: #c7edff; }
.jw-click-main .jw-hero-copy { max-width: 710px; margin: 22px 0 0; color: #d6e4f8; font-size: 15px; line-height: 1.75; }
.jw-click-main .jw-hero-actions { justify-content: flex-start; gap: 12px; margin-top: 24px; }
.jw-click-main .jw-hero .jw-button-secondary { color: #fff; border: 1px solid #829bc0; background: #0c234b80; }
.jw-click-main .jw-hero .jw-button-secondary:hover { background: #1c3b65; border-color: #c7edff; }
.jw-click-main .jw-overview-details { max-width: 710px; margin: 24px 0 0; border-color: #6b819a66; color: #e6eefb; }
.jw-overview-details > summary { color: #e6eefb; }
.jw-overview-details > summary::after { color: #e4c17b; }
.jw-overview-details .jw-trust-item strong { color: #fff; }
.jw-overview-details .jw-trust-item span { color: #c9d8ec; }
.jw-overview-details .jw-trust-item svg { color: #e4c17b; }
.jw-ops-board { background: #f4f8ff; border-color: #b8cae5; backdrop-filter: none; }
.jw-float-card { background: #ecf3ff; color: #12315b; }
.jw-kicker, .eyebrow { color: #8b6925; }
.jw-kicker::before { background: #b98e38; box-shadow: none; }
.jw-section-soft, .section.soft, .jw-closing { background: #e9eff8; }
.public-page-hero, .prototype-intro, .case-hero-section { background: #f2f5fa; }
.jw-click-main .jw-section-heading h2, .jw-click-main .public-page-hero h1 { font-weight: 800; }
.jw-click-main .jw-disclosure-card, .jw-industry-card, .jw-proof-card, .media-card, .case-impact-card, .case-copy-card { border-color: #d9e2f0; background: #fff; }
.jw-click-main .jw-disclosure-card:hover, .jw-industry-card:hover { border-color: #94b3f6; box-shadow: 0 8px 24px #1736690a; }
.jw-click-main .jw-disclosure-card[open] { border-color: #9ebaff; background: #fbfcff; }
.jw-disclosure-card > summary .jw-icon-box, .jw-icon-box { border-radius: 8px; background: #eaf1ff; color: #225cff; border: 0; }
.jw-disclosure-card > summary::after { color: #225cff; }
.jw-industry-card svg { color: #225cff; }
.jw-section-navy { background: #0b1934; }
.jw-section-navy .jw-kicker { color: #e4c17b; }
.jw-section-navy .jw-expand { color: #e6eefb; border-color: #3e5475; }
.jw-click-main .case-hero-grid { display: flex; flex-direction: column; gap: 28px; }
.case-hero-grid > :first-child { width: min(100%,1000px); }
.jw-click-main .case-hero-section h1 { max-width: 1000px; font-size: 44px; }
.case-hero-grid .case-video-shell { width: 100%; }
.jw-video-frame, .case-video-shell { border: 1px solid #233852; border-radius: 8px; background: #080f20; box-shadow: 0 20px 56px #0c1a3420; }
.jw-video-frame video, .case-video-shell video { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; object-fit: contain; background: #080f20; }
.ai-video-status { display: none; }
.ai-video-controls { background: #0b1934; gap: 12px; grid-template-columns: auto minmax(50px,1fr) auto auto auto; }
.ai-video-button svg { width: 18px; height: 18px; display: block; }
.jw-video-frame video, .case-video-shell video { scroll-margin-top: 158px; max-height: calc(100svh - 210px); }
.jw-video-frame:fullscreen, .case-video-shell:fullscreen { display: flex; flex-direction: column; justify-content: center; overflow: auto; }
.jw-video-frame:fullscreen video, .case-video-shell:fullscreen video { max-height: calc(100svh - 180px); flex-shrink: 1; min-height: 0; }
.jw-section-heading > p, .jw-disclosure-card > p { color: #586780; }
.ai-video-button { background: #1a2e4e; border-color: #3d5475; border-radius: 999px; }
.ai-video-progress { accent-color: #73c9ff; }
.ai-video-time { color: #dbe9fa; }
.jw-video-caption, .case-video-caption { background: #101f39; color: #c9d7ed; }
.wake-film-chapters { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px; background: #0b1934; border-top: 1px solid #263954; }
.wake-film-chapters button { border: 1px solid #3a5071; border-radius: 999px; background: transparent; color: #c5d5eb; padding: 8px 12px; cursor: pointer; font: 600 11px/1.4 var(--ai-font); }
.wake-film-chapters button[aria-current="true"] { color: #08172f; background: #c7edff; border-color: #c7edff; }
.wake-film-note { color: #b8c8e0; background: #0b1934; padding: 0 16px 16px; font-size: 11px; line-height: 1.6; margin: 0; }
.wake-film-link { color: #c7edff; text-decoration: underline; }
.jw-question-step[aria-current="step"] { background: #e6eeff; border-color: #86aaff; color: #1847bc; }
.prototype-form input:focus, .prototype-form select:focus, .prototype-form textarea:focus { border-color: #225cff; box-shadow: 0 0 0 3px #225cff15; }
.prototype-check:has(input:checked) { background: #eaf1ff; border-color: #8dadf5; }
.industry-assistant-option.active { background: #225cff; border-color: #225cff; }
.jw-click-prototype .prototype-demo { background: #0b1934; border: 1px solid #2c4160; border-radius: 8px; padding: 26px; }
.prototype-demo h2, .prototype-demo h3 { color: #fff; }
.prototype-demo p { color: #c5d5eb; }
.prototype-demo .eyebrow { color: #e4c17b; background: transparent; border-color: #495475; padding-left: 0; }
.prototype-demo-stage > small { background: #1c3151; color: #c7edff; }
.prototype-demo-controls [data-demo-play] { background: #225cff; border-color: #225cff; }
.ai-simulation-item[data-kind="ai"] .ai-simulation-copy strong { color: #a7dfff; }
.ai-simulation-item[data-kind="ai"] .ai-simulation-copy span { color: #d3e2f5; }
.ai-simulation-item[data-kind="customer"] { background: #225cff; }
.ai-simulation-item[data-kind="event"] { background: #152d38; border-color: #306653; }
.ai-simulation-item[data-kind="event"] .ai-simulation-copy strong, .ai-simulation-item[data-kind="event"] .ai-simulation-copy span { color: #c0efdc; }
.ai-simulation-cta span { color: #c5d5eb; }
.ai-simulation-cta button { background: #c7edff; color: #0b1934; }
.ai-sim-state { background: #1d3150; border-color: #415d7e; color: #d4e8ff; }
.prototype-save-bar { background: #e9eff8; border-color: #d3dff1; }
.admin-view-button.active, .admin-section-tab.active, .portal-tab.active { background: #225cff; color: #fff; }
.admin-workspace-nav, .admin-sidebar { border-color: #dbe2ef; }
.form-stack input:focus, .form-stack select:focus, .interest-form input:focus, .interest-form textarea:focus { border-color: #225cff; }
@keyframes wake-panel { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
@media (max-width: 800px) {
  .jw-click-main .jw-hero-content { width: calc(100% - 40px); padding: 26px 0 24px; }
  .jw-click-main .jw-hero h1 { font-size: 46px; }
  .jw-click-main .jw-hero::after { background: linear-gradient(100deg,#09182feb,#0b2144bd); }
  .jw-view-bar { padding-block: 8px; }
  .jw-click-main .case-hero-section h1 { font-size: 33px; }
  .jw-video-frame video, .case-video-shell video { aspect-ratio: 9 / 16; max-height: none; }
  .jw-click-prototype .prototype-demo { padding: 18px; }
}
@media (max-width: 640px) {
  .nav .brand-logo { max-height: 59px; }
  .jw-click-main .jw-hero-brand { width: 196px; margin-bottom: 24px; }
  .jw-click-main .jw-hero h1 { font-size: 40px; line-height: 1.06; }
  .jw-click-main .jw-hero-copy { font-size: 13px; line-height: 1.75; margin-top: 18px; }
  .jw-click-main .jw-hero-actions { gap: 10px; }
  .jw-click-main .jw-hero-actions a { flex: 1 1 140px; font-size: 11px; min-height: 46px; }
  .jw-click-main .jw-overview-details { margin-top: 22px; }
  .wake-film-chapters { gap: 6px; padding: 12px; }
  .wake-film-chapters button { font-size: 10px; padding: 8px 10px; min-height: 36px; }
  .ai-video-controls { gap: 7px; padding: 10px; }
  .ai-video-time { display: inline; font-size: 10px; }
  .ai-video-button { min-width: 38px; padding: 6px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .jw-view-panel { animation: none; } }