@font-face{font-family:Manrope;src:url('/assets/experience/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
body.cinematic-console,body.cinematic-access{font-family:Manrope,system-ui,sans-serif;--gold:#d2f790;--accent:#d2f790;--line:#394057;--ink:#f4f3fa;--muted:#b9bbcd;color-scheme:dark}
body.cinematic-console.os-v2,body.cinematic-console.os-v2 .os-shell,body.cinematic-console.os-v2 .os-main{background:#101425;color:#f4f3fa}
body.cinematic-console.os-v2 .os-main{background:radial-gradient(ellipse at 95% 0%,#30294b 0,transparent 55%),#101425}
body.cinematic-console.os-v2 .os-rail{background:#11182b;border-color:#30384e;padding-top:28px}
body.cinematic-console.os-v2 .os-brand img{border-radius:10px}.cinematic-console .os-brand b{color:#f4f3fa}
body.cinematic-console.os-v2 .os-tenant{background:linear-gradient(135deg,#24313e,#25263f);border:1px solid #42485e;border-radius:16px;padding:20px 16px}
body.cinematic-console.os-v2 .os-nav button{border-radius:10px;margin:3px 0;color:#c5c8d8;transition:background .2s,transform .2s}
body.cinematic-console.os-v2 .os-nav button.is-active{background:#d2f790;color:#14251d;box-shadow:0 5px 24px #b9dba418}.cinematic-console .os-nav button.is-active em{color:#263e2e!important}
body.cinematic-console.os-v2 .os-nav button:hover{background:#2b334c;color:#fff}.cinematic-console .os-nav button.is-active:hover{background:#c0e37f;color:#14251d}
body.cinematic-console.os-v2 .os-topbar{background:#11182bef;border-color:#343c50;backdrop-filter:blur(16px)}
body.cinematic-console.os-v2 .os-hero{position:relative;isolation:isolate;min-height:230px;padding:38px;border:1px solid #43445a;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 90% 50%,#51456766,transparent 60%),linear-gradient(130deg,#1d3035,#24263d);margin-bottom:26px}
body.cinematic-console.os-v2 .os-hero h1{font-weight:500;max-width:15ch;font-size:clamp(36px,4vw,60px);position:relative;z-index:2}.cinematic-console .os-hero>div{position:relative;z-index:2}.cinematic-console .os-hero p{max-width:550px;position:relative;z-index:2}
.console-sculpture{position:absolute!important;right:3%;top:5%;width:240px;height:240px;z-index:-1!important;perspective:700px;opacity:.6;pointer-events:none}.console-sculpture i{position:absolute;inset:12%;border:12px solid #b4b1da;border-radius:50%;transform:rotateX(55deg) rotateY(20deg);box-shadow:inset 0 0 18px #d9ffb2,0 0 28px #c7b9f044;animation:console-orbit 16s linear infinite}.console-sculpture i:nth-child(2){transform:rotateX(20deg) rotateY(60deg);animation-direction:reverse;animation-duration:21s}.console-sculpture b{position:absolute;inset:35%;background:radial-gradient(circle at 30% 25%,#f0ffc7,#b3e873 55%,#285744);border-radius:50%;box-shadow:0 0 60px #c5f49b44}
@keyframes console-orbit{to{rotate:360deg}}
body.cinematic-console.os-v2 .os-live{background:#213c34;color:#d2f790;border-color:#527767;border-radius:30px;padding:10px 16px}
body.cinematic-console.os-v2 :is(.os-card,.os-primary-card,.os-stage,.os-now-state article,.os-admin-status article,.os-cap-grid article,.os-memory-grid article,.os-connection-card,.os-context-brief,.os-business-context,.os-approval-card,.os-status-card,.os-integration-list article){border-radius:18px;background:#1a2034;border-color:#3a4258;color:#f4f3fa;box-shadow:0 10px 30px #05071520}
body.cinematic-console.os-v2 :is(.os-card p,.os-card small,.os-primary-card p,.os-stage p,.os-admin-status small,.os-panel-head p,.os-hero p,.empty-state,.os-topbar small){color:#c0c3d3}
body.cinematic-console.os-v2 :is(.os-card>small,.os-primary-card>small,.os-hero small,.os-panel-head small){color:#d2f790}
body.cinematic-console.os-v2 :is(.os-button,.os-action,.btn,.os-command-form button){background:#d2f790;border-color:#d2f790;color:#17251d;border-radius:10px;font-weight:700}
body.cinematic-console.os-v2 .os-button.subtle{background:#2b324b;color:#f4f3fa;border-color:#58627a}
body.cinematic-console.os-v2 :is(input,textarea,select){background:#12192c;color:#f4f3fa;border-color:#65708a;border-radius:10px}
body.cinematic-console.os-v2 :is(.os-command,.os-cycle-card,.os-mode-picker,.os-twin-center){background:#1e2940;border-color:#424e68;border-radius:16px}
body.cinematic-console.os-v2 .empty-state{border-radius:12px;border-color:#48526d}.cinematic-console :focus-visible,.cinematic-access :focus-visible{outline:3px solid #c5f58d!important;outline-offset:4px}
.cinematic-motion-toggle{font:inherit;font-size:11px;min-height:44px;padding:10px 14px;border:1px solid #65708a;border-radius:30px;background:#202a40;color:#f4f3fa;cursor:pointer}.cinematic-console .cinematic-motion-toggle{margin-left:10px}
body.cinematic-access.login-page{background:#151b2e;color:#f4f3fa;font-family:Manrope,system-ui,sans-serif}
body.cinematic-access.login-page .access-v3-stage{background:#14261f!important;position:relative;overflow:hidden;isolation:isolate}
body.cinematic-access.login-page .access-v3-stage:before{background:linear-gradient(180deg,#0b221be8 0%,#0b221bde 30%,#0b221b20 65%,#0b221ba8)!important;z-index:-1}
.access-cinematic-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.access-cinematic-art img{width:100%;height:100%;object-fit:cover;object-position:45% center;animation:access-drift 25s ease-in-out infinite alternate}
@keyframes access-drift{to{transform:scale(1.07) translateY(-1%)}}
body.cinematic-access .access-v3-core{height:clamp(130px,23vh,260px);opacity:0;pointer-events:none}.cinematic-access .access-v3-top,.cinematic-access .access-v3-hero,.cinematic-access .access-v3-trust{position:relative;z-index:1}
body.cinematic-access .access-v3-hero h1{font-weight:500;letter-spacing:-.065em;font-size:clamp(40px,4.8vw,75px);line-height:1.04}.cinematic-access .access-v3-hero p{color:#f2f4e7;max-width:480px}.cinematic-access .access-v3-kicker{color:#d2f790!important}.cinematic-access .access-v3-trust{color:#f2f4e7!important}.cinematic-access .access-v3-secure{border-color:#d2f79077;color:#d2f790;background:#0e291ce6}.cinematic-access .access-v3-brand img{border-radius:12px}
body.cinematic-access.login-page .access-v3-panel{background:#edeaf5;color:#20233a;color-scheme:light}.cinematic-access .access-v3-panel-inner{max-width:520px}
body.cinematic-access.login-page .access-v3-panel .access-v3-card{background:#faf9ff;border-color:#c8c4d6;color:#20233a;border-radius:18px;box-shadow:0 8px 25px #171c3510}
body.cinematic-access.login-page .access-v3-panel :is(p,label,summary){color:#45445e}
body.cinematic-access.login-page .access-v3-panel :is(small,.access-v3-back,.access-v3-foot span){color:#535169}
body.cinematic-access.login-page .access-v3-panel :is(h2,.access-v3-card-head b){color:#20233a}
body.cinematic-access.login-page .access-v3-panel input:not([type=checkbox]){background:#fff;color:#20233a;border-color:#827b96;border-radius:10px;font-family:inherit}
body.cinematic-access.login-page .access-v3-panel input::placeholder{color:#646075}
body.cinematic-access.login-page .access-v3-panel .access-v3-action{background:#173b2c;color:#f4f7e8;border-color:#173b2c;border-radius:10px}
body.cinematic-access.login-page .access-v3-panel .access-v3-action :is(span,b){color:#f4f7e8}
body.cinematic-access.login-page .access-v3-panel .access-v3-card-head>span{color:#284735;border-color:#82998b;background:#eaf1e5}
body.cinematic-access.login-page .access-v3-panel button.access-v3-back{background:#faf9ff;color:#30364b;border-color:#9790aa;border-radius:10px}
.cinematic-access .access-v3-panel :focus-visible{outline-color:#42613b!important}.cinematic-access .access-v3-notice{color:#8c2232!important;background:#fff0f1;border-color:#b34b59!important}
.cinematic-access .access-v3-foot a{color:#344333!important}.cinematic-access .access-v3-create summary>i{color:#49503f}.cinematic-access .access-v3-trust{margin-top:20px}.cinematic-access .access-v3-secure{padding:8px 12px;border:1px solid #d2f79088;border-radius:30px}
.access-art-caption{font-size:9px;letter-spacing:.12em;position:relative;z-index:1;color:#f3f4e9;margin-top:24px}.cinematic-access .cinematic-motion-toggle{position:relative;z-index:1;margin-top:18px}
body.ceo-cinematic{background:radial-gradient(ellipse at 10% 80%,#2b3847,transparent 65%),#12182b;color:#f4f3fa}
body.cinematic-console.billing-page{background:radial-gradient(ellipse at 90% 0%,#30294b,transparent 60%),#101425;color:#f4f3fa;font-family:Manrope,system-ui,sans-serif}body.cinematic-console .billing-v3-header{background:#11182b;border-color:#3a4258}body.cinematic-console .billing-v3-hero{color:#f4f3fa}body.cinematic-console .billing-v3-hero h1{font-weight:500;letter-spacing:-.055em}body.cinematic-console .billing-v3-hero p{color:#c5c4d5}.cinematic-console :is(.billing-v3-status-card,.billing-v3-card){background:#1a2034;border:1px solid #3a4258;border-radius:18px;color:#f4f3fa}.cinematic-console :is(.billing-v3-status-card p,.billing-v3-card p){color:#c5c4d5}body.cinematic-console .billing-v3-nav a{color:#d2f790}body.cinematic-console .billing-v3-state{border-radius:30px;background:#28374a;color:#f4f3fa}body.cinematic-console .billing-v3-shell .empty-state{color:#c5c4d5;border-color:#58627a}body.cinematic-console .billing-v3-shell :is(h2,h3,b){color:#f4f3fa}
.ceo-cinematic main{width:min(100% - 64px,1440px);padding:34px 0 55px}.ceo-cinematic .brand{color:#f4f3fa}.ceo-cinematic .brand span{color:#c5c4d5}
.ceo-access-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(35px,7vw,110px);align-items:center;margin-top:70px}
.ceo-cinematic .ceo-access-layout section{margin:0;width:100%;max-width:520px;padding:16px 0}.ceo-access-art{position:relative;min-height:620px;align-self:stretch;overflow:hidden;border-radius:26px;background:#243b34;isolation:isolate}.ceo-access-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;animation:access-drift 25s ease-in-out infinite alternate}.ceo-access-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#101d2ae8)}.ceo-art-copy{position:absolute;bottom:7%;left:8%;right:8%;z-index:1}.ceo-art-copy span{font-size:10px;letter-spacing:.14em;color:#d2f790}.ceo-art-copy h2{font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:20px 0}.ceo-art-copy small{font-size:9px;letter-spacing:.08em;color:#d2d5e1}
.ceo-cinematic .eyebrow{color:#d2f790}.ceo-cinematic h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(42px,4.5vw,70px);letter-spacing:-.06em}.ceo-cinematic :is(.intro,.help,.session-note){color:#c5c4d5}.ceo-cinematic .password-row{border-color:#7e87a0;background:#1c2339;border-radius:12px}.ceo-cinematic input{color:#f4f3fa}.ceo-cinematic #showPassword{background:#2f3954;color:#f4f3fa}.ceo-cinematic #signIn{background:#d2f790;color:#173024;border-radius:12px}.ceo-cinematic .back{color:#d2f790}.ceo-cinematic .password-row:focus-within{outline-color:#d2f790}
[data-cinematic-motion=paused] :is(.console-sculpture i,.access-cinematic-art img,.ceo-access-art img){animation-play-state:paused}
@media(max-width:1050px){.ceo-access-layout{gap:30px}.ceo-access-art{min-height:530px}.cinematic-console .console-sculpture{width:180px;height:180px;right:-20px;opacity:.25}}
@media(max-width:700px){body.cinematic-console.os-v2 .os-hero{padding:26px 22px;min-height:200px;border-radius:18px}.ceo-cinematic main{width:calc(100% - 40px);padding-top:24px}.ceo-access-layout{grid-template-columns:1fr;margin-top:30px}.ceo-access-art{min-height:220px;max-height:280px;order:2}.ceo-art-copy h2{font-size:28px}.ceo-cinematic .brand{gap:14px;font-size:15px}.ceo-cinematic .brand span{font-size:9px}.ceo-cinematic .ceo-access-layout section{max-width:none}.cinematic-console .cinematic-motion-toggle{margin-left:0}.cinematic-console .os-top-actions{flex-wrap:wrap}.access-cinematic-art img{object-position:50% center}.cinematic-access .access-v3-core{height:150px}}
@media(prefers-reduced-motion:reduce){.cinematic-access *,body.cinematic-console *{animation:none!important;transition:none!important}}

body.cinematic-console.billing-v3 :is(.billing-v3-ledger,.billing-v3-notice,.billing-v3-principle){background:#1a2034;border-color:#3a4258;border-radius:18px;color:#f4f3fa}body.cinematic-console.billing-v3 .billing-v3-table :is(th,td){background:#1a2034;color:#f4f3fa;border-color:#3a4258}body.cinematic-console.billing-v3 :is(.billing-v3-status-card>small,.billing-v3-section-head small){color:#d2f790}
/* Nested execution stages retain readable contrast inside the dark client console. */
body.cinematic-console.os-v2 .execution-stage{background:#20283d;border-color:#44516b;color:#f4f3fa}
body.cinematic-console.os-v2 .execution-stage small{color:#d2f790}
body.cinematic-console.os-v2 .execution-stage p{color:#c0c3d3}