/* One viewport, three work areas. The transcript and deep details scroll inside their panels. */
@media(min-width:900px){
#app.dashboard-layout:not(.portrait){width:100%;max-width:none;height:100dvh;overflow:hidden;margin:0;border:0;display:grid;grid-template-rows:56px minmax(0,1fr)}
#app.dashboard-layout:not(.portrait) header{height:56px;padding:0 26px}
#app.dashboard-layout:not(.portrait) main{width:100%;max-width:none;height:100%;padding:12px 24px 20px;min-height:0;display:grid;grid-template-rows:48px 38px minmax(0,1fr);gap:10px}
#app.dashboard-layout:not(.portrait) .intro,#app.dashboard-layout:not(.portrait) .offer,#app.dashboard-layout:not(.portrait) footer{display:none}
#app.dashboard-layout:not(.portrait) .scenarios{margin:0;height:48px}
#app.dashboard-layout:not(.portrait) .scenarios button{padding:10px 18px;font-size:12px}
#app.dashboard-layout:not(.portrait) .scenarios small{display:inline;margin-left:18px;font-size:7px}
#app.dashboard-layout:not(.portrait) .show-controls{margin:0;height:38px;gap:8px}
#app.dashboard-layout:not(.portrait) .show-controls>div{gap:5px;flex-wrap:wrap}
#app.dashboard-layout:not(.portrait) .show-controls button{padding:8px;font-size:9px}
#app.dashboard-layout:not(.portrait) .show-controls>span{display:none}
#app.dashboard-layout:not(.portrait) .cockpit{height:100%;min-height:0;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(330px,1.25fr) minmax(250px,.85fr);overflow:hidden}
#app.dashboard-layout:not(.portrait) .intelligence{height:100%;min-height:0;padding:20px;display:grid;grid-template-columns:1fr;grid-template-rows:14px minmax(80px,1fr) auto auto auto auto auto auto;gap:8px;overflow:hidden}
#app.dashboard-layout:not(.portrait) .core-scene{grid-row:2;width:auto;height:100%;max-width:100%;max-height:100%;min-height:0;aspect-ratio:1;justify-self:center;align-self:center;margin:0}
#app.dashboard-layout:not(.portrait) .core-scene .holo-tag{padding:7px}
#app.dashboard-layout:not(.portrait) .holo-tag strong{font-size:8px}
#app.dashboard-layout:not(.portrait) .holo-tag small{font-size:5px}
#app.dashboard-layout:not(.portrait) .orb span{font-size:clamp(40px,4vw,85px)}
#app.dashboard-layout:not(.portrait) .caption-stage{grid-row:3;padding:6px 0;min-height:70px}
#app.dashboard-layout:not(.portrait) .live-caption{font-size:clamp(18px,1.6vw,32px);line-height:1.22;min-height:0;max-height:none;padding:0}
#app.dashboard-layout:not(.portrait) #captionFact{font-size:clamp(24px,2vw,42px);margin-top:8px}
#app.dashboard-layout:not(.portrait) #heroStatus,#app.dashboard-layout:not(.portrait) .voice-wave{display:none}
#app.dashboard-layout:not(.portrait) #voiceStatus{grid-row:4;min-height:0;margin:0;font-size:10px;line-height:1.4}
#app.dashboard-layout:not(.portrait) .intelligence .primary{grid-row:5;margin:0;max-width:none;padding:12px 16px}
#app.dashboard-layout:not(.portrait) .voice-actions{grid-row:6;margin:0;width:100%;max-width:none}
#app.dashboard-layout:not(.portrait) .limits{grid-row:7;margin:0;max-width:none;width:100%}
#app.dashboard-layout:not(.portrait) .disclosure{grid-row:8;min-height:0;margin:0;font-size:8px;line-height:1.4;max-width:none}
#app.dashboard-layout:not(.portrait) .workspace{min-height:0;height:100%;padding:20px;display:grid;grid-template-rows:22px minmax(0,1fr) auto;border-right:1px solid var(--line);overflow:hidden}
#app.dashboard-layout:not(.portrait) #scenarioContent{min-height:0;padding-top:20px;overflow:auto;scrollbar-width:thin}
#app.dashboard-layout:not(.portrait) .amount{font-size:clamp(42px,4vw,80px);margin:5px 0}
#app.dashboard-layout:not(.portrait) .suggestions{margin-top:12px;gap:5px}
#app.dashboard-layout:not(.portrait) .suggestions button{font-size:9px;padding:7px}
#app.dashboard-layout:not(.portrait) .conversation{height:100%;max-height:none;min-height:0;display:flex;grid-column:auto;border-top:0;padding:20px}
#app.dashboard-layout:not(.portrait) #log{min-height:0;max-height:none;padding:18px 0;grid-row:auto}
#app.dashboard-layout:not(.portrait) #commandForm{align-self:stretch;flex-shrink:0}
#app.dashboard-layout:not(.portrait) .chat-note{align-self:auto}
#app.dashboard-layout:not(.portrait) .order-card{padding:9px;gap:8px}
#app.dashboard-layout:not(.portrait) .order-flow{margin-bottom:12px;padding:10px}
#app.dashboard-layout:not(.portrait) .has-order-detail .order-list{display:none}
#app.dashboard-layout:not(.portrait) .has-order-detail .order-flow{margin-bottom:16px}
#app.dashboard-layout:not(.portrait) .brief-form{margin:12px 0;gap:9px}
#app.dashboard-layout:not(.portrait) .brief-form input,#app.dashboard-layout:not(.portrait) .brief-form textarea{padding:9px}
#app.dashboard-layout:not(.portrait) .recommendation{margin-top:10px;padding:12px}
#app.dashboard-layout:not(.portrait) .scenario-title{font-size:25px;margin:8px 0}
#app.dashboard-layout:not(.portrait) .chart{height:clamp(90px,16vh,250px)}
#app.dashboard-layout:not(.portrait) .comparison-panel svg{max-height:26vh}
#app.dashboard-layout:not(.portrait) .periods{margin:16px 0 10px}
#app.dashboard-layout:not(.portrait).display-only .cockpit{grid-template-columns:1fr 1.5fr}
#app.dashboard-layout:not(.portrait).display-only .conversation{display:none}
}
@media(min-width:2400px) and (min-aspect-ratio:2/1){
#app.dashboard-layout:not(.portrait) main{padding:22px 42px 32px;gap:16px;grid-template-rows:60px 44px minmax(0,1fr)}
#app.dashboard-layout:not(.portrait) .scenarios{height:60px}
#app.dashboard-layout:not(.portrait) .cockpit{grid-template-columns:1.05fr 1.4fr .85fr}
#app.dashboard-layout:not(.portrait) .intelligence,#app.dashboard-layout:not(.portrait) .workspace,#app.dashboard-layout:not(.portrait) .conversation{padding:38px}
#app.dashboard-layout:not(.portrait) .panel-label{font-size:11px}
#app.dashboard-layout:not(.portrait) .entry p{font-size:17px}
#app.dashboard-layout:not(.portrait) .entry .author{font-size:11px}
#app.dashboard-layout:not(.portrait) .order-info strong{font-size:17px}
#app.dashboard-layout:not(.portrait) .order-card{padding:18px}
#app.dashboard-layout:not(.portrait) .order-info small,#app.dashboard-layout:not(.portrait) .order-status{font-size:11px}
#app.dashboard-layout:not(.portrait) .order-price{font-size:18px}
#app.dashboard-layout:not(.portrait) .scenarios button{font-size:17px}
#app.dashboard-layout:not(.portrait) .show-controls button{font-size:12px;padding:10px 16px}
#app.dashboard-layout:not(.portrait) .live-caption{font-size:36px}
#app.dashboard-layout:not(.portrait) .disclosure{font-size:11px}
#app.dashboard-layout:not(.portrait) .suggestions button{font-size:13px}
#app.dashboard-layout:not(.portrait) .brief-form label{font-size:12px}
#app.dashboard-layout:not(.portrait) .brief-form input,#app.dashboard-layout:not(.portrait) .brief-form textarea{font-size:17px;padding:16px}
#app.dashboard-layout:not(.portrait) .scenario-title{font-size:38px}
#app.dashboard-layout:not(.portrait) .scenario-description,#app.dashboard-layout:not(.portrait) .recommendation p{font-size:17px}
}
#arrivalButton{color:#ffd1a7;border-color:#f9b87d70;background:#ffb3750a}
#helperToggle{color:#9cccb4}
.arrival-heading h2{font:500 clamp(30px,3vw,60px)/1.05 'Space Grotesk';letter-spacing:-2px;margin:16px 0}
.arrival-heading p,.arrival-note{font:9px/1.6 monospace;color:#8e949f}
.arrival-cards{display:grid;gap:14px;margin-top:24px}
.arrival-card{position:relative;isolation:isolate;text-align:left;border:1px solid #ffd0a52b;background:linear-gradient(120deg,#ffb77c0b,#0a1017 75%);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:hidden}
.arrival-card>span{font:8px monospace;letter-spacing:1.5px;color:#a9a5a6;grid-column:1/-1}
.arrival-card>strong{font:500 clamp(26px,3vw,48px) 'Space Grotesk';letter-spacing:-1px;color:#ffe5c8}
.arrival-card>small{grid-column:1/-1;color:#aeb6c0;font-size:10px}
.arrival-card>svg{width:100%;height:55px;align-self:center}
.arrival-card polyline{fill:none;stroke:#ffc28d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:0}
.arrival-time{display:flex;align-items:center;gap:18px;grid-column:1/-1}
.arrival-time svg{width:55px;height:55px;transform:rotate(-90deg)}
.arrival-time circle{fill:none;stroke:#ffd1ab15;stroke-width:2}
.arrival-time .clock-progress{stroke:#ffd1ab;stroke-dasharray:157;stroke-dashoffset:42}
.arrival-time strong{font:500 32px 'Space Grotesk';color:#ffe5c8}
.arrival-packets{display:flex;gap:6px;align-items:center;justify-content:end}
.arrival-packets i{display:block;width:20px;height:26px;border:1px solid #ffca9b80;transform:skewY(-12deg);background:#ffb3750a}
.arriving .core-scene{animation:core-assemble 1.8s cubic-bezier(.16,1,.3,1) both}
.arriving .arrival-heading{animation:arrival-rise .7s .8s both}
.arriving .arrival-card{animation:arrival-rise .8s cubic-bezier(.16,1,.3,1) both;animation-delay:2s}
.arriving .arrival-card:nth-child(2){animation-delay:2.25s}
.arriving .arrival-card:nth-child(3){animation-delay:2.5s}
.arriving .arrival-card polyline{animation:arrival-draw 1.5s 2.3s both}
.arriving .arrival-packets i{animation:packet-land .8s both;animation-delay:2.5s}
.arriving .arrival-packets i:nth-child(2n){animation-delay:2.7s}
.arriving .clock-progress{animation:clock-reveal 1.2s 2.7s both}
#app[data-mode=arrival] .orb{filter:brightness(calc(1 + var(--audio-level,0)*2));scale:calc(1 + var(--audio-level,0)*.12)}
.display-only #arrivalButton,.display-only #helperToggle,.display-only #tourButton,.display-only #micButton,.display-only .voice-actions,.display-only .limits,.display-only .scenarios,.display-only .suggestions{display:none!important}
.display-only .workspace button{pointer-events:none}
@media(min-width:900px){#app.dashboard-layout.display-only:not(.portrait) main{grid-template-rows:38px minmax(0,1fr)}}
.recording-layout .show-controls>div{flex-wrap:nowrap}
.recording-layout .show-controls button{display:none}
.recording-layout .show-controls :is(#arrivalButton,#recordMode,#tourButton){display:block;font-size:1.8cqw}
.recording-layout .arrival-heading h2{font-size:6cqw;margin:5px 0}
.recording-layout .arrival-heading p{font-size:1.4cqw;margin:4px 0}
.recording-layout .arrival-heading br{display:none}
.recording-layout .arrival-cards{gap:6px;margin-top:10px;grid-template-columns:1fr 1fr}
.recording-layout .arrival-card{padding:10px;gap:5px}
.recording-layout .arrival-card>span{font-size:1.25cqw;letter-spacing:.4px}
.recording-layout .arrival-card>strong{font-size:5.3cqw;grid-column:1/-1}
.recording-layout .arrival-card>small{font-size:1.5cqw}
.recording-layout .arrival-card>svg,.recording-layout .arrival-packets{display:none}
.recording-layout .arrival-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center}
.recording-layout .arrival-card:last-child>span{grid-column:1}
.recording-layout .arrival-time{grid-column:2;grid-row:1/3;gap:8px;justify-content:end}
.recording-layout .arrival-time svg{width:30px;height:30px}
.recording-layout .arrival-time strong{font-size:5cqw}
.recording-layout .arrival-note{font-size:1.3cqw;margin:5px 0}
@media(max-height:850px) and (min-width:900px){
#app.dashboard-layout:not(.portrait) .intelligence,#app.dashboard-layout:not(.portrait) .workspace,#app.dashboard-layout:not(.portrait) .conversation{padding:14px}
#app.dashboard-layout:not(.portrait) .caption-stage{min-height:50px}
#app.dashboard-layout:not(.portrait) .live-caption{font-size:20px}
#app.dashboard-layout:not(.portrait) #captionFact{font-size:26px}
.arrival-heading h2{font-size:32px;margin:8px 0}.arrival-cards{margin-top:12px;gap:8px}.arrival-card{padding:12px;gap:6px}.arrival-card>strong{font-size:30px}.arrival-card>svg{height:36px}.arrival-time svg{height:36px;width:36px}.arrival-time strong{font-size:28px}
}
@keyframes core-assemble{0%{opacity:0;transform:scale(.08) rotate(-20deg)}35%{opacity:1}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes arrival-rise{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes arrival-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes packet-land{from{opacity:0;transform:translateX(30px) skewY(-12deg)}to{opacity:1;transform:skewY(-12deg)}}
@keyframes clock-reveal{from{stroke-dashoffset:157}to{stroke-dashoffset:42}}
@media(prefers-reduced-motion:reduce){.arriving *{animation:none!important;transition:none!important}}
@media(min-width:900px){
#app.dashboard-layout:not(.portrait) .arrival-heading h2{font-size:clamp(30px,2.7vw,52px);margin:10px 0;letter-spacing:-1.5px}
#app.dashboard-layout:not(.portrait) .arrival-heading br{display:none}
#app.dashboard-layout:not(.portrait) .arrival-cards{grid-template-columns:1fr 1fr;margin-top:16px;gap:12px}
#app.dashboard-layout:not(.portrait) .arrival-card{padding:16px;gap:9px}
#app.dashboard-layout:not(.portrait) .arrival-card>strong{grid-column:1/-1;font-size:clamp(30px,2.6vw,48px)}
#app.dashboard-layout:not(.portrait) .arrival-card>svg,#app.dashboard-layout:not(.portrait) .arrival-packets{grid-column:1/-1;height:46px}
#app.dashboard-layout:not(.portrait) .arrival-packets{justify-content:start}
#app.dashboard-layout:not(.portrait) .arrival-card:last-child{grid-column:1/-1;align-items:center}
#app.dashboard-layout:not(.portrait) .arrival-card:last-child>span{grid-column:1}
#app.dashboard-layout:not(.portrait) .arrival-card:last-child>small{grid-column:1}
#app.dashboard-layout:not(.portrait) .arrival-time{grid-column:2;grid-row:1/3;justify-content:end}
}
/* Cinematic direction: a calm frame, a single focal point, deliberate reveals. */
.cinematic-v2{--red:#e59364;--line:#ead9c211}
.cinematic-v2 .cockpit{background:radial-gradient(ellipse at 24% 42%,#563d2320,transparent 50%),#090d12}
.cinematic-v2 .intelligence{background:radial-gradient(ellipse at 50% 40%,#b27a3c12,transparent 65%)}
.cinematic-v2 .orbit{opacity:.14}
.cinematic-v2 .o3,.cinematic-v2 .o4{animation:none!important}
.cinematic-v2 .cross-axis{opacity:.35}
.cinematic-v2 .holo-bracket{opacity:.45}
.cinematic-v2 .holo-tag{background:transparent;backdrop-filter:none;border:0;opacity:.7}
.cinematic-v2 .tag1{top:8%;left:2%}.cinematic-v2 .tag2{bottom:9%;right:2%}
.cinematic-v2 .core-coordinate{font-size:6px!important;letter-spacing:1.5px;color:#a68e76}
.cinematic-v2 .orb{border-color:#ffe1af55;background:radial-gradient(circle at 34% 30%,#fff5cb66,#b8894433 40%,#0c1017 75%);box-shadow:0 0 65px #c8994820,inset 0 0 30px #f1bb6966}
.cinematic-v2 .orb span{color:#ffeccf;font-weight:400}
.cinematic-v2 .caption-stage{position:relative;border-top:1px solid #ffd5a414;padding-top:16px!important;margin-top:6px}
.cinematic-v2 .caption-stage:before{content:'';position:absolute;top:-1px;left:38%;width:24%;height:1px;background:linear-gradient(90deg,transparent,#e5b580,transparent)}
.cinematic-v2 .live-caption{font-family:'DM Sans',sans-serif!important;font-weight:500!important;letter-spacing:-.5px!important;text-wrap:balance;overflow-wrap:break-word}
.cinematic-v2 .live-caption[data-streaming=true]:after{content:none}
.cinematic-v2 .live-caption[data-long=true]{font-size:clamp(17px,1.45vw,27px)!important;line-height:1.28!important}
.cinematic-v2 .caption-stage>span{font:8px monospace;letter-spacing:2.3px;color:#bfb0a0;margin-bottom:10px}
.cinematic-v2 .caption-enter{animation:subtitle-cut .32s cubic-bezier(.16,1,.3,1) both}
.cinematic-v2 #captionFact{color:#dcb98d;font-variant-numeric:tabular-nums;text-shadow:none}
.cinematic-v2 .arrival-heading h2{color:#f3e9dc;font-weight:400!important}
.cinematic-v2 .arrival-heading em{color:#d7aa79;white-space:nowrap}
.cinematic-v2 .arrival-card{border:1px solid #d6b38b2a;background:linear-gradient(135deg,#a9844b0e,#080d13 75%);box-shadow:inset 0 1px #ffeac40a;transition:transform .28s ease-out,border-color .28s}
.cinematic-v2 .arrival-card:hover{transform:translateY(-3px);border-color:#e4b78380}
.cinematic-v2 .arrival-card:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#f3c7880c 47%,transparent 60%);transform:translateX(-120%);pointer-events:none}
.cinematic-v2.arriving .arrival-card:after{animation:surface-light 1.2s 2.6s both}
.cinematic-v2.arriving .arrival-card:nth-child(2):after{animation-delay:2.8s}
.cinematic-v2.arriving .arrival-card:nth-child(3):after{animation-delay:3s}
.cinematic-v2 .arrival-card>strong{font-weight:400;font-variant-numeric:tabular-nums;color:#f1ddbf}
.cinematic-v2 .arrival-card>span{color:#b9ad9e;letter-spacing:1.3px}
.cinematic-v2.arriving .core-scene{animation:core-focus 1.8s cubic-bezier(.16,1,.3,1) both}
.cinematic-v2.arriving .arrival-heading{animation:title-reveal 1s .8s both}
.cinematic-v2 .materialize{animation:panel-resolve .65s cubic-bezier(.16,1,.3,1)!important}
.cinematic-v2 .primary{background:linear-gradient(110deg,#f1c18a,#d18b5e);color:#17120d}
.cinematic-v2 .show-controls button{border-color:#d7bc9c26}
.cinematic-v2 .show-controls button[aria-pressed=true]{background:#e2b37c0b;border-color:#d8ab7e60;color:#e9c79e}
.cinematic-v2 .growth{color:#a5c5b6}
.cinematic-v2 .current-curve{stroke:#e6bd89;filter:drop-shadow(0 0 6px #ffb67535)}
.recording-layout.cinematic-v2 .caption-stage{padding-top:8px!important;max-height:138px}
.recording-layout.cinematic-v2 .live-caption{font-size:4.5cqw!important;line-height:1.2!important}
.recording-layout.cinematic-v2 .live-caption[data-long=true]{font-size:3.6cqw!important}
@keyframes subtitle-cut{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes core-focus{from{opacity:0;transform:scale(.62)}45%{opacity:.9}to{opacity:1;transform:scale(1)}}
@keyframes title-reveal{from{opacity:0;transform:translateY(18px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes surface-light{to{transform:translateX(120%)}}
@keyframes panel-resolve{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cinematic-v2 *{animation:none!important;transition:none!important}.cinematic-v2 .arrival-card:after{display:none}}
.recording-layout .arrival-note{margin:2px 0;font-size:1.2cqw}
.recording-layout .arrival-heading p{margin:2px 0}
.recording-layout .arrival-cards{margin-top:7px}
.recording-layout .core-coordinate{display:none}
.recording-layout .holo-tag{display:none}
.cinematic-v2 .arrival-heading em{margin-left:.12em}
/* AURA financial instrument — one continuous visual hierarchy. */
#app.dashboard-layout:not(.portrait) [data-scenario=revenue]{overflow:hidden}
#app[data-scenario=revenue] #scenarioContent{display:flex;flex-direction:column;gap:clamp(8px,1.7vh,20px);overflow:hidden!important}
.finance-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.finance-head .amount{font-weight:400;letter-spacing:-.055em;line-height:1.05;color:#f5e8d4}.finance-head .growth{font-size:12px}.finance-head .growth span{color:#9eaaa9;margin-left:8px}.finance-seal{width:90px;height:90px;position:relative;flex-shrink:0}.finance-seal svg{width:100%;transform:rotate(-90deg)}.finance-seal circle{fill:none;stroke:#edd1aa15;stroke-width:2}.finance-seal .seal-progress{stroke:#ddb88a;stroke-dasharray:var(--growth) 100;animation:seal-draw 1.7s ease-out both}.finance-seal>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:21px;color:#f3d5b0}.finance-seal small{font:7px monospace;letter-spacing:2px;margin-top:5px}
.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.finance-toolbar .periods{margin:0}.finance-toolbar .compare-toggle{margin:0;background:transparent;border:0;font:10px monospace;color:#95aeb4}.finance-toolbar .compare-toggle span{color:#87b9ca;margin-left:7px}.finance-toolbar .compare-toggle[aria-pressed=false]{opacity:.4}
.finance-plot{position:relative;flex:1;min-height:140px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% 50%,#b0803d12,transparent 65%);border-block:1px solid #ead8b917;padding-top:12px}.plot-heading{display:flex;justify-content:space-between;color:#b7b8b4;font:8px monospace;letter-spacing:1.5px}.plot-heading small{font-size:7px;color:#667579}.plot-heading i{display:inline-block;width:4px;height:4px;background:#efd2a5;border-radius:50%;margin-left:7px}.revenue-landscape{width:100%;flex:1;min-height:0;overflow:visible}.revenue-landscape text{fill:#758185;font:9px monospace}.land-grid{stroke:#c7d4d510;fill:none}.land-area{fill:url(#revFill)}.land-line{stroke:url(#revStroke);stroke-width:2;fill:none;stroke-dasharray:1;animation:land-draw 1.9s cubic-bezier(.22,.61,.36,1) both}.land-glow{stroke:#efb775;stroke-width:7;filter:blur(7px);opacity:.28;fill:none}.land-previous{stroke:#7ba6b3;stroke-width:1.4;stroke-dasharray:3 6;fill:none;transition:opacity .35s}.hide-previous .land-previous{opacity:0}.land-stem{stroke:#e5bd7912}.land-point{fill:#f1d1a5}.land-reveal{animation:land-appear 1.3s ease-out both}.focus-line{stroke:#e1c39d55;stroke-width:1;stroke-dasharray:2 4}.focus-halo{fill:#eec38c19;stroke:#f6d8af66}.focus-dot{fill:#fff4df;filter:drop-shadow(0 0 5px #f7d3a4)}.land-labels{display:flex;justify-content:space-between;padding:0 5% 7px}.land-labels button{background:none;border:0;color:#839296;font:9px monospace;padding:8px;cursor:pointer}.land-labels button[aria-pressed=true]{color:#f8d8ad;background:#efc78f0c}.finance-readout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid #ead8b917}.finance-readout small,.finance-bottom small{display:block;font:8px monospace;letter-spacing:1.2px;color:#839397;margin-bottom:8px}.finance-readout strong{font-size:clamp(18px,1.8vw,30px);font-weight:400;font-variant-numeric:tabular-nums;color:#e5d6c3}.finance-readout>div:nth-child(2) strong{color:#8dabb7}.finance-readout .point-delta strong{color:#a8c6b7}.finance-bottom{display:grid;grid-template-columns:.7fr .9fr 1.4fr;gap:20px;padding-bottom:8px;flex-shrink:0}.finance-bottom>div{min-width:0;animation:finance-rise .8s .25s both}.finance-bottom strong{display:block;font-size:22px;font-weight:400;color:#dedbd4}.finance-bottom strong span,.finance-bottom>div>span{font-size:9px;color:#8d999a}.finance-bottom .finance-customer{font-size:15px;margin-bottom:4px}.finance-bottom i{display:block;margin-top:12px;height:2px;width:var(--fill);background:linear-gradient(90deg,#d3b084,#d3b08411);transform-origin:left;animation:finance-bar 1.5s .3s both}
@keyframes land-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes land-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes seal-draw{from{stroke-dasharray:0 100}to{stroke-dasharray:var(--growth) 100}}@keyframes finance-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes finance-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:2400px){.finance-seal{width:130px;height:130px}.finance-seal>span{font-size:30px}.finance-head .growth{font-size:17px}.finance-bottom strong{font-size:34px}.finance-bottom .finance-customer{font-size:24px}.finance-readout small,.finance-bottom small,.plot-heading{font-size:11px}.land-labels button{font-size:13px}.finance-toolbar .compare-toggle{font-size:13px}}
@media(max-height:800px){.finance-seal{width:65px;height:65px}.finance-bottom i{display:none}.finance-readout{padding-bottom:7px}.finance-bottom strong{font-size:18px}}
.portrait .finance-seal{width:54px;height:54px}.portrait .finance-head .amount{font-size:30px!important}.portrait .finance-plot{min-height:95px}.portrait .finance-readout strong{font-size:16px}.portrait .finance-bottom{gap:8px}.portrait .finance-bottom strong{font-size:16px}.portrait .finance-bottom .finance-customer{font-size:11px}.portrait .finance-bottom i{display:none}.portrait .finance-readout small,.portrait .finance-bottom small{font-size:6px}.portrait .finance-head .growth{font-size:9px}.portrait .finance-toolbar .compare-toggle{font-size:8px}
@media(prefers-reduced-motion:reduce){.land-line,.land-reveal,.seal-progress,.finance-bottom>div,.finance-bottom i{animation:none!important}}

.finance-replay{margin-left:auto;background:#e2b27f0b;border:1px solid #e2b27f30;color:#d8b68c;font:9px monospace;padding:8px 10px;cursor:pointer}.finance-replay:hover{background:#e2b27f22}.revenue-landscape{display:block;height:100%}.land-labels button:focus-visible,.finance-replay:focus-visible{outline:1px solid #ecc899;outline-offset:2px}
.recording-layout[data-scenario=revenue] .workspace{display:flex;flex-direction:column;overflow:hidden}.recording-layout[data-scenario=revenue] #scenarioContent{flex:1;gap:5px;padding-top:6px}.recording-layout .finance-head .amount{font-size:25px!important;margin:2px 0}.recording-layout .finance-seal{width:42px;height:42px}.recording-layout .finance-seal>span{font-size:12px}.recording-layout .finance-seal small{font-size:5px;margin:2px}.recording-layout .finance-toolbar .periods{margin:0}.recording-layout .finance-toolbar button{font-size:7px;padding:5px}.recording-layout .finance-head .overline{font-size:6px}.recording-layout .finance-head .growth{font-size:7px}.recording-layout .finance-plot{min-height:60px;padding-top:5px}.recording-layout .plot-heading{font-size:6px}.recording-layout .plot-heading small{font-size:5px}.recording-layout .land-labels{padding-bottom:0}.recording-layout .land-labels button{font-size:6px;padding:3px}.recording-layout .finance-readout{padding-bottom:4px}.recording-layout .finance-readout small,.recording-layout .finance-bottom small{font-size:5px;margin-bottom:3px;letter-spacing:.5px}.recording-layout .finance-readout strong{font-size:13px}.recording-layout .finance-bottom{padding-bottom:0}.recording-layout .finance-bottom strong{font-size:13px}.recording-layout .finance-bottom .finance-customer{font-size:9px}.recording-layout .finance-bottom>div>span{font-size:7px}
.recording-layout[data-scenario=revenue] .intelligence{height:45%}.recording-layout[data-scenario=revenue] .workspace{height:55%}.recording-layout[data-scenario=revenue] .core-scene{max-height:145px}.recording-layout[data-scenario=revenue] .finance-plot{flex-shrink:1}.recording-layout[data-scenario=revenue] .finance-toolbar{flex-shrink:0}
.recording-layout[data-scenario=revenue] #scenarioContent{gap:2px}.recording-layout .revenue-landscape{height:0;flex:1;min-height:0}
/* Spatial instrument direction, informed by cinematic FUI research. */
.cinematic-v2{--core-accent:#e7c398;--core-secondary:#9dcad4;--motion-ease:cubic-bezier(.22,.68,0,1.02)}
.core-state{position:absolute;z-index:3;left:0;bottom:3%;pointer-events:none;display:none}.core-state>span{display:block;font:7px monospace;letter-spacing:2px;color:#8ba0a7}.core-state strong{display:block;font-weight:400;letter-spacing:1px;font-size:15px;color:#e1cfb7;margin:8px 0}.core-state small{font-size:10px;color:#8d9ba0}.cinema-mode .core-state{display:block}.cinema-mode .core-coordinate,.cinema-mode .holo-tag{display:none}
@media(min-width:900px){
#app.dashboard-layout.cinema-mode:not(.portrait):not(.display-only) .cockpit{grid-template-columns:minmax(330px,.9fr) minmax(420px,1.2fr);gap:28px;background:radial-gradient(ellipse at 35% 45%,#4d6a7b0c,transparent 50%),#080d12;border:0;overflow:visible}
#app.dashboard-layout.cinema-mode:not(.portrait) .conversation{display:none}
#app.dashboard-layout.cinema-mode:not(.portrait) .workspace{position:relative;border:1px solid #c5d4dc22;border-radius:3px;padding:26px 30px;background:linear-gradient(145deg,#1b273273,#0b121ae6 50%,#0c1116);box-shadow:inset 0 1px #d1e1ec0d,0 24px 65px #0003}
#app.dashboard-layout.cinema-mode:not(.portrait) .workspace:before{content:'';position:absolute;inset:6px;border:1px solid #cbddec08;pointer-events:none}.cinema-mode .workspace:after{content:'';position:absolute;left:-1px;top:35px;width:2px;height:40px;background:#e7c398;box-shadow:0 0 16px #e7c39855;pointer-events:none}
#app.dashboard-layout.cinema-mode:not(.portrait) .intelligence{background:radial-gradient(ellipse at 50% 38%,#90734516,transparent 62%);border:0;padding:20px 24px}
#app.dashboard-layout.cinema-mode:not(.portrait) .core-scene{width:100%;aspect-ratio:auto;min-height:0}
#app.dashboard-layout.cinema-mode:not(.portrait) .live-caption{font-size:clamp(24px,2.1vw,42px)!important;font-weight:400!important;max-width:670px}.cinema-mode #captionFact{display:none!important}
#app.dashboard-layout.cinema-mode:not(.portrait) .caption-stage{min-height:78px}.cinema-mode .orb{inset:40%;max-width:110px;max-height:110px;margin:auto;border-color:#e8cba24d;background:radial-gradient(at 35% 25%,#fbe6bc6b,#a88b5033 35%,#0b1520 80%);box-shadow:inset 0 0 26px #fae4ae44,0 0 70px #cf9e4030}
.cinema-mode .orbit{opacity:.08}.cinema-mode .holo-bracket{opacity:.2}
#app.dashboard-layout.cinema-mode:not(.portrait) .show-controls #showMode,#app.dashboard-layout.cinema-mode:not(.portrait) .show-controls #portraitMode,#app.dashboard-layout.cinema-mode:not(.portrait) .show-controls #helperToggle{display:none}
#app.dashboard-layout.cinema-mode:not(.portrait) .finance-head .amount{font-size:clamp(58px,5.6vw,106px)}
#app.dashboard-layout.cinema-mode:not(.portrait) .finance-readout strong{font-size:clamp(26px,2.5vw,46px)}
.cinema-mode .land-area{opacity:.85}.cinema-mode .land-line{stroke-width:2.4}.cinema-mode .land-grid{stroke:#b3c9d917}.cinema-mode .land-labels button{font-size:11px}.cinema-mode .finance-toolbar{border-top:1px solid #d8c5a00e;padding-top:7px}.cinema-mode .land-focus{transition:opacity .3s}.cinema-mode .finance-readout{padding-top:7px}
#app.dashboard-layout.cinema-mode:not(.portrait) .scenarios{background:transparent;gap:12px}.cinema-mode .scenarios button{background:transparent;border-color:#cddce31c}.cinema-mode .scenarios button[aria-pressed=true]{background:linear-gradient(100deg,#d7ac7c10,transparent);border-color:#d8ba8b60}
}
@media(min-width:2400px){.cinema-mode .core-state>span{font-size:10px}.cinema-mode .core-state strong{font-size:25px}.cinema-mode .core-state small{font-size:15px}.cinema-mode .core-state{left:5%;bottom:6%}.cinema-mode .finance-plot .plot-heading{font-size:12px}.cinema-mode .revenue-landscape text{font-size:11px}}
.recording-layout .core-state,.portrait .core-state{display:none!important}.recording-layout #cinemaMode{display:none}
button{transition:background-color .2s var(--motion-ease),border-color .2s var(--motion-ease),color .2s var(--motion-ease)}button:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){button{transition:none!important}.core-state{transition:none}}
@media(min-width:900px){#app.dashboard-layout.cinema-mode:not(.portrait) #scenarioContent{gap:10px}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-toolbar .periods{margin:0}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-head .amount{font-size:clamp(56px,4.5vw,86px)}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-readout strong{font-size:clamp(24px,2vw,40px)}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-readout{padding-block:3px 10px}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-plot{min-height:170px}.cinema-mode .core-state{bottom:0}}
@media(min-width:2400px){#app.dashboard-layout.cinema-mode:not(.portrait) .finance-head .amount{font-size:112px}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-plot{min-height:300px}}
@media(min-width:900px){#app.dashboard-layout.cinema-mode:not(.portrait) #scenarioContent{gap:7px}}
@media(min-width:900px) and (max-height:1000px){#app.dashboard-layout.cinema-mode:not(.portrait) .finance-plot{min-height:150px}#app.dashboard-layout.cinema-mode:not(.portrait) .finance-bottom{padding-bottom:0}}
/* Shared order transition: card → projected object → actual project status. */
.order-flight{position:fixed!important;z-index:40;pointer-events:none!important;transform-origin:top left;margin:0!important;max-width:none!important;max-height:none!important;border:1px solid #ecc79499!important;background:linear-gradient(135deg,#253342ef,#101820ef)!important;box-shadow:0 0 35px #e6ba7920;overflow:hidden;color:#eddbbf}
#scenarioContent.has-order-detail>:not(#orderDetail){display:none!important}
#app.dashboard-layout:not(.portrait) #scenarioContent.has-order-detail{display:flex;overflow:hidden;min-height:0}
#orderDetail.cinematic-order{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(100px,1fr) auto auto;gap:16px;flex:1;min-height:0;width:100%;height:100%;padding:20px;margin:0;border:1px solid #b7c9d633;background:radial-gradient(ellipse at 50% 32%,#b38b4420,transparent 48%),linear-gradient(135deg,#15222bd9,#0b1119);overflow:hidden;animation:none}
.order-detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px monospace;letter-spacing:1.2px;color:#c0ab90}.order-detail-top .detail-close{padding:8px 10px;border:1px solid #c2a98144;color:#e7c89f;margin:0;cursor:pointer;font:10px monospace}.order-detail-top .detail-close:hover{background:#e7c89f15}
.order-project-stage{position:relative;min-height:0;perspective:750px;isolation:isolate;overflow:hidden;display:grid;place-items:center}
.project-layer{position:absolute;width:clamp(140px,38%,300px);height:70%;max-height:205px;border:1px solid #ccdeeb30;border-radius:4px;background:linear-gradient(135deg,#94b8ce12,#152534c9);box-shadow:inset 0 1px #e3f1ff15;transform:rotateX(18deg) rotateY(-22deg) rotateZ(-6deg)}
.layer-back{translate:-38px -8px;border-color:#d6b27d22;background:#d2af7510}.layer-middle{translate:-18px -2px;background:repeating-linear-gradient(0deg,transparent 0 17px,#a6cbd019 18px 19px),#10273270}.layer-front{display:grid;place-items:center;border-color:#ebc59177;background:linear-gradient(135deg,#d8b57619,#091620ed);box-shadow:0 20px 36px #0004,inset 0 1px #fce9be33;color:#efcfa2}.layer-front svg{width:80%;height:80%;filter:drop-shadow(0 0 8px #cdb07555)}
.project-grid{position:absolute;width:85%;height:70%;bottom:-25%;background:linear-gradient(#9db8c217 1px,transparent 1px),linear-gradient(90deg,#9db8c217 1px,transparent 1px);background-size:28px 28px;transform:rotateX(65deg);mask-image:radial-gradient(ellipse,black,transparent 70%)}
.project-orbit{position:absolute;width:70%;height:70%;max-width:420px;border:1px solid #d2b28229;border-radius:50%;transform:rotateX(64deg) rotate(-15deg)}.orbit-two{width:60%;transform:rotateY(62deg) rotate(25deg);border-style:dashed;border-color:#a4c6d02e}.project-caption{position:absolute;bottom:0;font:7px monospace;letter-spacing:2px;color:#8fa2aa}
#orderDetail .order-project-info>small{color:#91a6af;font:8px monospace;letter-spacing:2px}#orderDetail .order-project-info h3{font-family:'DM Sans',sans-serif;font-size:clamp(25px,2.5vw,46px);font-weight:400;letter-spacing:-1px;margin:8px 0;color:#eee2d0;outline-offset:5px}#orderDetail .order-project-info p{font-size:13px;margin:4px 0 12px;color:#9dacb4}.order-value-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9c5a01a;padding-top:12px}#orderDetail .order-value-line>strong{font-family:'DM Sans',sans-serif;font-size:clamp(28px,3vw,52px);font-weight:400;letter-spacing:-1px;color:#eccc9f}.order-value-line>span{font:10px monospace;border:1px solid #b1c7bb44;background:#9ab8aa0c;padding:7px 12px;color:#aacabb}
.order-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 0 0;margin:0;border-top:1px solid #d9c5a01a}.order-progress li{position:relative;display:grid;grid-template-columns:26px 1fr;gap:5px 8px;color:#73838e}.order-progress b{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border:1px solid #a0b2c025;font:9px monospace}.order-progress span{font-size:11px}.order-progress small{font-size:6px!important;letter-spacing:1px!important;color:#6d808c!important}.order-progress .current{color:#edd1a7}.order-progress .current b{border-color:#ddbb7f88;background:#d9b97713}.order-progress .current small{color:#ceb387!important}.order-progress .complete{color:#aacbbb}
.order-reveal .layer-back{animation:project-back 1.05s cubic-bezier(.16,1,.3,1) both}.order-reveal .layer-middle{animation:project-middle 1.15s .07s cubic-bezier(.16,1,.3,1) both}.order-reveal .layer-front{animation:project-front 1.25s .14s cubic-bezier(.16,1,.3,1) both}.order-reveal .order-project-info{animation:order-info-in .65s .25s cubic-bezier(.16,1,.3,1) both}.order-reveal .order-progress li{animation:order-info-in .5s .55s cubic-bezier(.16,1,.3,1) both}.order-reveal .order-progress li:nth-child(2){animation-delay:.65s}.order-reveal .order-progress li:nth-child(3){animation-delay:.75s}.order-reveal .project-orbit{animation:order-orbit-in 1.4s .12s cubic-bezier(.16,1,.3,1) both}
@keyframes project-back{from{opacity:0;transform:translateZ(-130px) translateX(-35px) rotateY(-40deg)}to{opacity:1;transform:rotateX(18deg) rotateY(-22deg) rotateZ(-6deg)}}
@keyframes project-middle{from{opacity:0;transform:translateZ(-70px) translateX(-10px) rotateY(-35deg)}to{opacity:1;transform:rotateX(18deg) rotateY(-22deg) rotateZ(-6deg)}}
@keyframes project-front{from{opacity:0;transform:translateZ(130px) translateY(18px) rotateY(-35deg)}to{opacity:1;transform:rotateX(18deg) rotateY(-22deg) rotateZ(-6deg)}}
@keyframes order-info-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes order-orbit-in{from{opacity:0}to{opacity:1}}
@media(min-width:2400px){#orderDetail.cinematic-order{padding:30px;gap:25px}.project-layer{max-height:350px}.order-progress span{font-size:17px}.order-progress small{font-size:9px!important}.order-detail-top{font-size:12px}.order-detail-top .detail-close{font-size:13px}.project-caption{font-size:10px}#orderDetail .order-project-info p{font-size:20px}}
@media(max-height:800px) and (min-width:900px){#orderDetail.cinematic-order{gap:8px;padding:12px}#orderDetail .order-project-info h3{font-size:27px}.order-progress{padding-top:8px}#orderDetail .order-value-line>strong{font-size:30px}}
.recording-layout[data-scenario=orders] .intelligence{height:43%}.recording-layout[data-scenario=orders] .workspace{height:57%;display:flex;flex-direction:column}.recording-layout[data-scenario=orders] #scenarioContent.has-order-detail{flex:1;min-height:0;overflow:hidden;padding-top:7px}.recording-layout #orderDetail.cinematic-order{gap:7px;padding:10px;grid-template-columns:1fr;grid-template-rows:auto minmax(60px,1fr) auto auto;height:100%}.recording-layout .order-detail-top{font-size:6px;letter-spacing:.5px}.recording-layout .order-detail-top .detail-close{font-size:7px;padding:5px}.recording-layout #orderDetail .order-project-info h3{font-size:21px;margin:4px 0}.recording-layout #orderDetail .order-project-info p{font-size:9px;margin:3px 0 6px}.recording-layout #orderDetail .order-project-info>small{font-size:6px}.recording-layout #orderDetail .order-value-line>strong{font-size:25px}.recording-layout .order-value-line{padding-top:6px}.recording-layout .order-value-line>span{font-size:7px;padding:5px}.recording-layout .order-progress{gap:5px;padding-top:8px}.recording-layout .order-progress li{grid-template-columns:18px 1fr;gap:4px}.recording-layout .order-progress b{width:18px;height:18px;font-size:7px}.recording-layout .order-progress span{font-size:7px}.recording-layout .order-progress small{font-size:4px!important}.recording-layout .project-layer{min-width:90px;width:35%;max-height:110px}.recording-layout .project-caption{font-size:5px;letter-spacing:1px}
@media(prefers-reduced-motion:reduce){.order-reveal *{animation:none!important}.order-flight{display:none!important}}