
/* CINEMATIC EXPERIENCE / CONTROL DECK & AI CAPABILITY ATLAS */
.cx-icon-btn{height:39px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 9px;border:1px solid rgba(233,192,136,.29);border-radius:11px;background:rgba(15,26,41,.75);color:#f6debd;line-height:1;transition:transform .2s,background .2s,border-color .2s}
.cx-icon-btn:hover,.cx-icon-btn.is-active{border-color:#e9bc7d;background:rgba(113,76,38,.31);transform:translateY(-1px)}
.cx-icon-btn [data-cx-icon]{font-size:1.13rem;min-width:18px;text-align:center}
.cx-icon-btn small{font-size:.57rem;color:#ddbb88;white-space:nowrap;font-weight:750;letter-spacing:.02em}
#cx-soundtrack{position:fixed;width:0;height:0;overflow:hidden;pointer-events:none;inset:auto 0 0 auto}
.cx-soundtrack-frame{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0}
/* Theme 2 — obsidian black with champagne gold. */
html[data-cx-palette=obsidian]{--cx-bg:#080808;--cx-navy:#14100d;--cx-night:#10100e;--cx-gold:#f1c38a;--cx-gold-light:#fff0d3;--cx-cyan:#d7ae72;--cx-white:#fdf2e5;--cx-muted:#cfc0ae;--cx-line:rgba(232,190,137,.21)}
html[data-cx-palette=obsidian] body,html[data-cx-palette=obsidian] .cx-footer{background:#080808}
html[data-cx-palette=obsidian] .cx-header{background:linear-gradient(180deg,rgba(10,9,8,.98),rgba(17,15,13,.87))}
html[data-cx-palette=obsidian] .cx-hero{background:radial-gradient(ellipse at 68% 34%,rgba(154,101,51,.22),transparent 48%),linear-gradient(145deg,#080808,#1d1914 74%,#090909)}
html[data-cx-palette=obsidian] .cx-lab{background:linear-gradient(150deg,#13100e,#0b0a09)}
html[data-cx-palette=obsidian] .cx-chapters,html[data-cx-palette=obsidian] .cx-atlas{background:linear-gradient(180deg,#0b0b0b,#161210 45%,#0a0a0a)}
html[data-cx-palette=obsidian] .cx-end{background:radial-gradient(ellipse at 50% 0,rgba(184,125,62,.22),transparent 52%),#080808}
html[data-cx-palette=obsidian] .cx-console,html[data-cx-palette=obsidian] .cx-map,html[data-cx-palette=obsidian] .cx-chapter-visual,html[data-cx-palette=obsidian] .cx-contact-tile,html[data-cx-palette=obsidian] .cx-atlas-card,html[data-cx-palette=obsidian] .cx-atlas-foundation{background:linear-gradient(145deg,#211b16,#0d0d0e)}
html[data-cx-palette=obsidian] .cx-map-core{background:#211911}
html[data-cx-palette=obsidian] .cx-map-node{background:#1c1714;color:#f4e2ca}
html[data-cx-palette=obsidian] .cx-flow-ribbon{background:linear-gradient(120deg,rgba(39,29,20,.97),rgba(15,14,12,.97))}
html[data-cx-palette=obsidian] .cx-portrait-frame:after{background:linear-gradient(0deg,#15110e,transparent 48%)}
/* Theme 3 — warm ivory, manually composed, no photo inversion. */
html[data-cx-palette=ivory]{--cx-bg:#f8f3ec;--cx-navy:#fdf7ed;--cx-night:#f5ece0;--cx-gold:#a86f32;--cx-gold-light:#7e4d23;--cx-cyan:#1e6690;--cx-white:#201b16;--cx-muted:#5f584f;--cx-line:rgba(130,95,61,.25);color-scheme:light}
html[data-cx-palette=ivory] body,html[data-cx-palette=ivory] .cx-footer{background:#f8f3ec;color:#211d19}
html[data-cx-palette=ivory] .cx-header{background:linear-gradient(180deg,rgba(255,251,244,.97),rgba(248,239,225,.91));border-color:rgba(133,96,54,.19)}
html[data-cx-palette=ivory] .cx-brand-copy strong,html[data-cx-palette=ivory] .cx-navigation a,html[data-cx-palette=ivory] .cx-float strong{color:#36291e}
html[data-cx-palette=ivory] .cx-brand-copy small,html[data-cx-palette=ivory] .cx-lead,html[data-cx-palette=ivory] .cx-summary,html[data-cx-palette=ivory] .cx-chapter-copy p,html[data-cx-palette=ivory] .cx-contact-tile p,html[data-cx-palette=ivory] .cx-faq-list p,html[data-cx-palette=ivory] .cx-console p,html[data-cx-palette=ivory] .cx-footer p,html[data-cx-palette=ivory] .cx-footer nav a{color:#66594c}
html[data-cx-palette=ivory] .cx-hero{background:radial-gradient(ellipse at 75% 38%,rgba(231,189,133,.28),transparent 51%),linear-gradient(145deg,#fff9f1,#ede3d5 76%,#fff9f2)}
html[data-cx-palette=ivory] .cx-hero:after{background:linear-gradient(transparent,#f6efe4)}
html[data-cx-palette=ivory] .cx-display .gradient{background:linear-gradient(100deg,#9a612c,#80502a 55%,#276d92);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-cx-palette=ivory] .cx-pill{background:#fbefdc;color:#74451d;border-color:#d9b17c}
html[data-cx-palette=ivory] .cx-hero-tags span,html[data-cx-palette=ivory] .cx-console-meta span,html[data-cx-palette=ivory] .cx-tools span{color:#6d5a47;background:rgba(255,252,246,.65);border-color:rgba(119,88,52,.2)}
html[data-cx-palette=ivory] .cx-btn.ghost{background:rgba(253,251,246,.9);color:#49311f;border-color:rgba(136,99,58,.38)}
html[data-cx-palette=ivory] .cx-flow-ribbon,html[data-cx-palette=ivory] .cx-console,html[data-cx-palette=ivory] .cx-map,html[data-cx-palette=ivory] .cx-chapter-visual,html[data-cx-palette=ivory] .cx-contact-tile,html[data-cx-palette=ivory] .cx-faq-list details,html[data-cx-palette=ivory] .cx-atlas-card,html[data-cx-palette=ivory] .cx-atlas-foundation{background:linear-gradient(145deg,#fffcf7,#f2e9dc);border-color:rgba(134,98,55,.23);color:#302317;box-shadow:0 18px 49px rgba(73,47,22,.09)}
html[data-cx-palette=ivory] .cx-lab,html[data-cx-palette=ivory] .cx-chapters,html[data-cx-palette=ivory] .cx-faq,html[data-cx-palette=ivory] .cx-end,html[data-cx-palette=ivory] .cx-atlas{background:linear-gradient(180deg,#faf5ed,#efe7da)}
html[data-cx-palette=ivory] .cx-map-node,html[data-cx-palette=ivory] .cx-scenarios button,html[data-cx-palette=ivory] .cx-atlas-filters button{background:#fff9f0;color:#4b3626;border-color:#c7a783}
html[data-cx-palette=ivory] .cx-map-node[aria-pressed=true],html[data-cx-palette=ivory] .cx-scenarios button[aria-pressed=true],html[data-cx-palette=ivory] .cx-atlas-filters button[aria-pressed=true]{background:#f2d7b4;color:#4a2b13;border-color:#a87945}
html[data-cx-palette=ivory] .cx-map-core{background:linear-gradient(135deg,#e5d3bb,#f5e5cc)}
html[data-cx-palette=ivory] .cx-console-head,html[data-cx-palette=ivory] .cx-console h3,html[data-cx-palette=ivory] .cx-contact-tile a,html[data-cx-palette=ivory] .cx-visual-stamp span,html[data-cx-palette=ivory] .cx-atlas-label{color:#785021}
html[data-cx-palette=ivory] .cx-map-title,html[data-cx-palette=ivory] .cx-map-title strong,html[data-cx-palette=ivory] .cx-ribbon-label,html[data-cx-palette=ivory] .cx-flow-ribbon .ribbon-key strong{color:#5c4029}
html[data-cx-palette=ivory] .cx-float{background:rgba(255,249,239,.92);border-color:#d4b68e;color:#2c241c}
html[data-cx-palette=ivory] .cx-icon-btn{background:rgba(255,250,244,.95);color:#61401d;border-color:#bf9a6a}
html[data-cx-palette=ivory] .cx-icon-btn small{color:#77532f}
html[data-cx-palette=ivory] .cx-lang{color:#4d3621;border-color:#c5a47d}
html[data-cx-palette=ivory] .cx-menu-toggle{background:#fff8ef;color:#3b291b}
html[data-cx-palette=ivory] .cx-navigation.is-open{background:#fcf2e5}
html[data-cx-palette=ivory] .cx-contact-tile .cx-available{color:#235d50}
html[data-cx-palette=ivory] .cx-form-wrap .slide-content{background:#fff8ef;color:#2f241a}
html[data-cx-palette=ivory] .cx-form-wrap label{color:#4e3a2a}
html[data-cx-palette=ivory] .cx-form-wrap input,html[data-cx-palette=ivory] .cx-form-wrap textarea{background:#fffdfa;color:#282018;border-color:#bfa789}
html[data-cx-palette=ivory] .cx-footer-bottom{color:#6d5c48}
/* Catalog — the data is rendered in HTML/PHP; filters are progressive enhancement. */
.cx-atlas{background:radial-gradient(ellipse at 12% 4%,rgba(197,142,76,.085),transparent 40%),linear-gradient(180deg,#0b111c,#0a1420)}
.cx-atlas-head{max-width:1070px}
.cx-atlas-head .cx-heading{max-width:19ch}
.cx-atlas-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.cx-atlas-stats>span{min-width:156px;display:grid;gap:3px;border:1px solid var(--cx-line);padding:13px 19px;border-radius:15px;background:rgba(19,33,52,.48);color:#b8c9d8;font-size:.78rem}
.cx-atlas-stats strong{font-size:1.8rem;letter-spacing:-.05em;color:var(--cx-gold-light);line-height:1.1}
html[data-cx-palette=ivory] .cx-atlas-stats>span{background:#f8eee0;color:#644f3b}
.cx-atlas-controls{display:flex;align-items:center;gap:19px;justify-content:space-between;margin-top:42px}
.cx-atlas-search{display:flex;gap:10px;align-items:center;flex:1;max-width:760px;border:1px solid rgba(194,211,230,.28);border-radius:15px;padding:11px 17px;background:rgba(16,33,51,.7);color:#8dcff1}
.cx-atlas-search input{background:none;border:0;outline:0;min-height:30px;width:100%;color:#f5eee6;font-size:.94rem}
.cx-atlas-search:focus-within{border-color:var(--cx-gold)}
.cx-atlas-search input::placeholder{color:#8299b0}
.cx-atlas-count{font-size:.77rem;color:#bcc9d6;white-space:nowrap}
.cx-atlas-count span{font-size:1rem;color:var(--cx-gold-light);font-weight:840}
.cx-atlas-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:19px 0 25px}
.cx-atlas-filters button{font-size:.77rem;font-weight:710;line-height:1.35;padding:9px 14px;border:1px solid rgba(178,203,228,.21);border-radius:999px;background:rgba(18,35,53,.66);color:#bdcddd}
.cx-atlas-filters button[aria-pressed=true],.cx-atlas-filters button:hover{background:rgba(187,131,68,.19);color:#f5d9b4;border-color:var(--cx-gold)}
.cx-atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cx-atlas-card{background:linear-gradient(155deg,rgba(24,41,60,.9),rgba(13,24,39,.96));border:1px solid rgba(171,202,233,.2);border-radius:19px;min-width:0;overflow:hidden;transition:border-color .23s,box-shadow .23s,transform .23s}
.cx-atlas-card:hover,.cx-atlas-card:has(details[open]){border-color:rgba(238,185,114,.69);box-shadow:0 22px 49px rgba(0,0,0,.16);transform:translateY(-2px)}
.cx-atlas-card[hidden],.cx-atlas-empty[hidden]{display:none!important}
.cx-atlas-card details{height:100%}
.cx-atlas-card summary{display:grid;gap:11px;align-content:start;min-height:245px;padding:23px;cursor:pointer;list-style:none}
.cx-atlas-card summary::-webkit-details-marker{display:none}
.cx-atlas-label{width:max-content;max-width:100%;font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:#efbd7a;font-weight:840}
.cx-atlas-topline{display:flex;gap:16px;align-items:start;justify-content:space-between}
.cx-atlas-topline strong{font-size:1.16rem;line-height:1.28}
.cx-atlas-topline b{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(227,182,122,.32);border-radius:50%;flex:none;color:#e3b877;font-weight:600}
.cx-atlas-card details[open] .cx-atlas-topline b{transform:rotate(45deg)}
.cx-atlas-card summary p{font-size:.85rem;color:#b4c4d5;line-height:1.62;margin:0}
.cx-atlas-open{font-weight:750;font-size:.76rem;color:#d9ad7b;align-self:end}
.cx-atlas-detail{padding:0 23px 24px;border-top:1px solid rgba(184,214,233,.15)}
.cx-atlas-detail h3{font-size:.8rem;letter-spacing:.04em;color:#e4b47e;margin:18px 0 5px}
.cx-atlas-detail p{font-size:.84rem;color:#b4c6d6;line-height:1.7;margin:0}
.cx-atlas-detail .cx-atlas-stack{display:grid;gap:5px;padding:14px;margin-top:20px;background:rgba(55,100,135,.1);border-radius:12px;border:1px solid rgba(124,167,208,.21)}
.cx-atlas-stack span{font-size:.69rem;color:#97afbf}
.cx-atlas-stack strong{font-size:.81rem;color:#dde7ee}
.cx-atlas-detail>a{display:inline-flex;align-items:center;margin-top:17px;font-size:.77rem;font-weight:780;color:#eac187}
.cx-atlas-empty{padding:25px;text-align:center;color:#ccb79a;border:1px dashed var(--cx-line);border-radius:14px;margin:10px 0}
.cx-atlas-foundation{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;background:linear-gradient(130deg,rgba(23,39,55,.96),rgba(23,26,33,.98));padding:clamp(24px,4vw,52px);border:1px solid rgba(227,183,124,.3);border-radius:24px;margin-top:47px}
.cx-atlas-foundation h3{font-size:clamp(1.5rem,2.8vw,2.8rem);line-height:1.2;letter-spacing:-.04em;margin:20px 0}
.cx-atlas-foundation>div>p{color:#aebfd1;font-size:.95rem;line-height:1.75}
.cx-atlas-layers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cx-atlas-layers li{display:flex;gap:11px;border:1px solid rgba(188,209,231,.17);border-radius:12px;padding:14px;background:rgba(12,25,41,.4)}
.cx-atlas-layers li>span{font-size:1rem;color:#d9a76a;font-weight:850}
.cx-atlas-layers strong{display:block;font-size:.83rem;margin-bottom:5px}
.cx-atlas-layers p{font-size:.75rem;line-height:1.6;color:#adc0d2;margin:0}
html[data-cx-palette=ivory] .cx-atlas-search{background:#fffaf2;border-color:#c6a987;color:#96622d}
html[data-cx-palette=ivory] .cx-atlas-search input{color:#292016}
html[data-cx-palette=ivory] .cx-atlas-search input::placeholder{color:#877866}
html[data-cx-palette=ivory] .cx-atlas-card summary p,html[data-cx-palette=ivory] .cx-atlas-detail p,html[data-cx-palette=ivory] .cx-atlas-foundation p,html[data-cx-palette=ivory] .cx-atlas-layers p{color:#685d50}
html[data-cx-palette=ivory] .cx-atlas-stack strong,html[data-cx-palette=ivory] .cx-atlas-topline strong{color:#302117}
html[data-cx-palette=ivory] .cx-atlas-layers li{background:#fffaf2;border-color:#cdb08d}
html[data-cx-palette=ivory] .cx-atlas-stack{background:#fff8ed;border-color:#cdb08d}
.cx-scenarios{flex-wrap:wrap;gap:8px}
.cx-scenarios button{font-size:.75rem;padding:9px 13px}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1220px){.cx-icon-btn small{display:none}.cx-header-actions{gap:6px}.cx-icon-btn{min-width:34px;height:36px;padding:6px}.cx-atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.cx-atlas-foundation{grid-template-columns:1fr;gap:23px}}
@media(max-width:600px){.cx-atlas-grid{grid-template-columns:1fr}.cx-atlas-card summary{min-height:0}.cx-atlas-foundation{padding:20px}.cx-atlas-layers{grid-template-columns:1fr}.cx-atlas-controls{flex-wrap:wrap;gap:11px}.cx-atlas-search{min-width:100%}.cx-atlas-stats>span{min-width:0;flex:1}.cx-icon-btn{min-width:32px;padding:5px}.cx-header-actions{gap:4px}}
@media(max-width:480px){.cx-brand-copy small{display:none}.cx-lang{padding:7px}.cx-header-inner{gap:5px}.cx-header-actions{gap:4px}.cx-icon-btn{min-width:30px;padding:5px}}
@media(prefers-reduced-motion:reduce){.cx-icon-btn,.cx-atlas-card{transition:none!important;transform:none!important}}
