/* Color studies only: the original content, typography and layout are shared. */
:root[data-palette="navy"]{--paper:#edf5ff;--ink:#142b49;--muted:#596b82;--line:#d4dfeb;--blue:#058fff;--hero:#0b203c;--hero-rgb:11,32,60;--hero-text:#f4f8ff;--hero-muted:#c1d2e6;--hero-label:#aec8e4;--surface:#edf5ff;--story:#122c50;--closing:#0b203c;--cta:#165bc4;--cta-hover:#10499f;--cta-text:#fff;--on-dark-button:#165bc4;--on-dark-button-text:#fff;--outline:#9bb9db;--logo-filter:brightness(0) invert(1);}
:root[data-palette="blue"]{--paper:#fff;--ink:#142b49;--muted:#596b82;--line:#d7e2ef;--blue:#058fff;--hero:#165bc4;--hero-rgb:22,91,196;--hero-text:#fff;--hero-muted:#e0ecff;--hero-label:#e0ecff;--surface:#eaf3ff;--story:#114b9f;--closing:#165bc4;--cta:#165bc4;--cta-hover:#10499f;--cta-text:#fff;--on-dark-button:#fff;--on-dark-button-text:#164e9f;--outline:#b9d5ff;--logo-filter:brightness(0) invert(1);}
:root[data-palette="cloud"]{--paper:#fff;--ink:#132e50;--muted:#586d86;--line:#d5e2f1;--blue:#058fff;--hero:#edf5ff;--hero-rgb:237,245,255;--hero-text:#142b49;--hero-muted:#415d7d;--hero-label:#476589;--surface:#edf5ff;--story:#e3efff;--closing:#edf5ff;--cta:#165bc4;--cta-hover:#10499f;--cta-text:#fff;--on-dark-button:#165bc4;--on-dark-button-text:#fff;--outline:#6686ab;--logo-filter:none;}
html[data-palette] header{background:var(--hero);color:var(--hero-text);border-color:color-mix(in srgb,var(--hero-text) 14%,transparent);}
html[data-palette] header .brand img{filter:var(--logo-filter);}
html[data-palette] .cinema-hero{background:var(--hero);color:var(--hero-text);}
html[data-palette] .hero-wash{background:linear-gradient(90deg,rgba(var(--hero-rgb),1) 36%,rgba(var(--hero-rgb),.95) 40%,rgba(var(--hero-rgb),.55) 60%,rgba(var(--hero-rgb),.05) 82%),linear-gradient(0deg,rgba(var(--hero-rgb),.8),transparent 35%);}
html[data-palette] .cinema-content .eyebrow,html[data-palette] .hero-bottom{color:var(--hero-label);}
html[data-palette] .cinema-description{color:var(--hero-muted);}
html[data-palette] .hero-bottom{border-color:color-mix(in srgb,var(--hero-text) 25%,transparent);}
html[data-palette] .button{background:var(--cta);color:var(--cta-text);}
html[data-palette] .button:hover{background:var(--cta-hover);}
html[data-palette] header .button,html[data-palette] .hero-ctas .button,html[data-palette] .closing .button{background:var(--on-dark-button);color:var(--on-dark-button-text);}
html[data-palette] header .button:hover,html[data-palette] .hero-ctas .button:hover,html[data-palette] .closing .button:hover{filter:brightness(.94);}
html[data-palette] .watch-link{color:var(--hero-text);}
html[data-palette] .outline-play{border-color:var(--outline);}
html[data-palette] .runtime{color:var(--hero-muted);}
html[data-palette] .report-demo,html[data-palette] .hardware{background:var(--surface);}
html[data-palette] .tabs button{color:var(--muted);}
html[data-palette] .tabs button[aria-selected=true]{background:var(--ink);color:white;}
html[data-palette] .report-paper{color:var(--ink);}
html[data-palette] .report-paper .eyebrow,html[data-palette] .report-row span,html[data-palette] .number{color:#165bc4;}
html[data-palette] .section-heading .eyebrow,html[data-palette] .hardware .eyebrow{color:var(--muted);}
html[data-palette] .specs{border-color:var(--line);color:var(--muted);}
html[data-palette] .product-image span{color:var(--muted);}
html[data-palette] .mentor-story{background:var(--story);color:var(--hero-text);}
html[data-palette] .mentor-copy .eyebrow,html[data-palette] .mentor-copy .quote-credit,html[data-palette] .mentor-copy>p:not(.eyebrow):not(.quote-credit){color:var(--hero-muted);}
html[data-palette] .mentor-copy .quote-credit{border-color:color-mix(in srgb,var(--hero-text) 20%,transparent);}
html[data-palette] .mentor-photo .film-label{background:#0b203cbb;color:white;}
html[data-palette] .closing{background:var(--closing);color:var(--hero-text);}
html[data-palette] .closing .eyebrow,html[data-palette] .closing-foot{color:var(--hero-muted);}
html[data-palette] .closing-foot{border-color:color-mix(in srgb,var(--hero-text) 25%,transparent);}
html[data-palette] dialog{background:var(--hero);color:var(--hero-text);}
html[data-palette] dialog p{color:var(--hero-muted);}
html[data-palette] dialog::backdrop{background:#08182cdb;}
html[data-palette="blue"] .cinema-content h1 .blue{color:#fff;}
html[data-palette="blue"] .cinema-content .blue-dot{background:white;}
html[data-palette="blue"] header nav a:hover,html[data-palette="blue"] header .login:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;}
html[data-palette="cloud"] header{background:white;}
@media  (max-width:760px){html[data-palette] header nav{background:var(--hero);}html[data-palette] .hero-wash{background:linear-gradient(0deg,rgba(var(--hero-rgb),1) 44%,rgba(var(--hero-rgb),.08) 82%,rgba(var(--hero-rgb),.27));}}