@font-face{font-family:'DM Sans';src:url('/fonts/konzeptstudie/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('/fonts/konzeptstudie/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--red:#ff5949;--line:#ffffff12;--muted:#818a97;--bg:#080b10;font-family:'DM Sans',sans-serif;background:var(--bg);color:#eceef3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:4px}header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;letter-spacing:-2px}.logo span{color:var(--red)}.logo sup{font:8px monospace;letter-spacing:2px;margin-left:14px;color:var(--muted)}.header-note,.contact,.eyebrow,.panel-label,.limits,footer{font:10px monospace;letter-spacing:1.5px}.header-note{color:var(--muted)}.header-note i{display:inline-block;background:var(--red);width:5px;height:5px;border-radius:50%;margin-right:10px}.contact{border:1px solid #ffffff24;padding:12px 18px}main{max-width:1700px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 30px}.eyebrow{color:var(--red);font-size:9px}h1{font:500 clamp(28px,3.4vw,54px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:16px 0 0}em{font-style:normal;color:var(--red)}.intro p{color:#a0a7b2;font-size:13px;line-height:1.8}.intro p span{font-size:11px;color:#d6d9df}.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 0 18px}.scenarios button{position:relative;text-align:left;background:#10151d;border:1px solid var(--line);padding:18px 22px;font-size:14px}.scenarios button[aria-pressed=true]{background:linear-gradient(110deg,#ff594918,#10151d);border-color:#ff594955}.scenarios button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;width:40%;height:2px;background:var(--red)}.scenarios span{font:10px monospace;color:var(--red);margin-right:15px}.scenarios small{display:block;color:var(--muted);font:8px monospace;letter-spacing:1.5px;margin:8px 0 0 31px}.cockpit{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(350px,1.5fr) minmax(260px,1fr);border:1px solid var(--line);background:radial-gradient(ellipse at 5% 30%,#ff594908,transparent 45%),#0b1017;min-height:560px}.intelligence,.workspace,.conversation{min-width:0;padding:22px}.workspace{border-inline:1px solid var(--line)}.panel-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;gap:10px}.panel-label>span:last-child{color:var(--red)}.demo-pill{padding:5px 7px;border:1px solid #ff59492b}.core-scene{position:relative;aspect-ratio:1;width:100%;max-width:280px;margin:22px auto 4px;perspective:600px}#fxCanvas{position:absolute;inset:0;pointer-events:none}.orb{position:absolute;inset:29%;border-radius:50%;border:1px solid #ff8d804f;background:radial-gradient(circle at 38% 30%,#fe78665e,#380f17 60%,#0a0d13);box-shadow:0 0 45px #ff594920,inset 0 0 20px #ff59491b;display:grid;place-items:center;transform:translate(var(--pointer-x,0),var(--pointer-y,0));transition:filter .2s,scale .2s}.orb span{font:500 62px 'Space Grotesk';color:#ffd1c9;text-shadow:0 0 25px #ff5949}.orbit{position:absolute;inset:12%;border:1px solid #ff594942;border-radius:50%;pointer-events:none}.o1{border-style:dashed}.o2{inset:20%;border-width:2px;border-color:transparent #ff594980;transform:rotate(35deg)}.o3{inset:5%;transform:rotateX(62deg) rotateZ(-20deg)}.o4{inset:8%;transform:rotateY(62deg) rotateZ(35deg)}.o3:before,.o4:before{content:'';width:6px;height:6px;position:absolute;top:15%;left:15%;background:var(--red);border-radius:50%;box-shadow:0 0 20px var(--red)}.core-coordinate{position:absolute;bottom:0;left:0;right:0;text-align:center;font:7px monospace;letter-spacing:2px;color:#7a5659}.cross-axis{position:absolute;inset:0;background:linear-gradient(transparent 49.8%,#ff594917 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,#ff594917 50%,transparent 50.2%)}.voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:30px;margin:15px 0}.voice-wave i{display:block;width:2px;height:5px;background:var(--red);opacity:.65;transition:height .08s}.intelligence h2{text-align:center;font:500 22px 'Space Grotesk';margin:10px 0}.intelligence>p{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;min-height:34px}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;background:var(--red);color:#0b0d12;border:0;font-size:12px;font-weight:700}.intelligence .primary{width:100%;margin:18px 0 9px}.voice-actions{display:flex;gap:6px}.voice-actions button{flex:1;background:transparent;border:1px solid var(--line);padding:9px 4px;font-size:10px}.limits{display:flex;justify-content:space-between;font-size:7px;color:var(--muted);letter-spacing:0;margin-top:20px}.intelligence .disclosure{font-size:9px;text-align:left;margin-bottom:0}.conversation{display:flex;flex-direction:column;max-height:650px}#log{flex:1;overflow-y:auto;min-height:260px;scrollbar-width:thin;padding:20px 0}.entry{margin-bottom:18px;animation:arrive .3s ease-out}.entry .author{font:8px monospace;letter-spacing:1.5px;color:var(--red);margin-bottom:7px;display:flex;justify-content:space-between}.entry.user .author{color:#93a6bc}.entry p{font-size:12px;line-height:1.75;margin:0;color:#c7ccd5;white-space:pre-wrap;overflow-wrap:anywhere}.entry.live p:after{content:' ▍';color:var(--red)}.entry time{color:#5d6775;font-size:7px}#commandForm{display:flex;border:1px solid #ffffff24}#commandInput{width:100%;min-width:0;background:transparent;border:0;padding:13px;color:#eee;font-size:12px}#commandForm button{background:transparent;border:0;color:var(--red);padding:0 14px;font-size:22px}.chat-note{color:var(--muted);font-size:9px;line-height:1.5}#scenarioContent{min-height:350px;padding-top:32px;animation:arrive .5s ease-out}.overline{font:9px monospace;color:var(--muted);letter-spacing:1.2px}.amount{font:500 clamp(36px,4.2vw,66px) 'Space Grotesk';letter-spacing:-3px;margin:10px 0}.growth{font-size:11px;color:#7dcbb5}.periods{display:flex;gap:6px;margin:24px 0 12px}.periods button{background:transparent;border:1px solid var(--line);font:8px monospace;padding:8px 11px}.periods button[aria-pressed=true]{background:#ff594919;border-color:#ff594960;color:#ff9d8c}.chart{display:flex;align-items:end;gap:10px;height:130px;padding-top:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#ffffff07 32px)}.chart button{position:relative;flex:1;height:var(--height);border:0;background:linear-gradient(to top,#ff594925,#ff5949b0);animation:bar-grow .7s both;transform-origin:bottom;animation-delay:var(--delay)}.chart button:hover{background:var(--red)}.chart-axis{display:flex;justify-content:space-around;font:7px monospace;color:var(--muted);margin-top:8px}.chart-detail{min-height:28px;color:#c4cbd5;font-size:10px;padding-top:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.metric{padding:14px;background:#ffffff03;border:1px solid var(--line)}.metric small{display:block;color:var(--muted);font:8px monospace;margin-bottom:8px}.metric strong{font:500 22px 'Space Grotesk'}.customer{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ff594938;background:#ff594910;font:11px monospace;color:var(--red)}.customer strong{font-size:11px;display:block}.customer small{color:var(--muted);font-size:9px}.customer>span:last-child{margin-left:auto;font:13px monospace}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.suggestions button{border:1px solid #ffffff16;border-radius:20px;padding:8px 10px;font-size:10px;background:transparent;color:#a1aab7}.suggestions button:hover{color:#eee;border-color:var(--red)}.scenario-title{font:500 28px/1.1 'Space Grotesk';letter-spacing:-1px;margin:12px 0}.scenario-description{color:var(--muted);font-size:12px;line-height:1.7}.brief-form{display:grid;gap:12px;margin:22px 0}.brief-form label{font:9px monospace;color:var(--muted);display:grid;gap:7px}.brief-form input,.brief-form textarea{width:100%;background:#080c12;color:#eee;border:1px solid #ffffff20;padding:11px;font-size:12px;resize:vertical}.recommendation{border-left:2px solid var(--red);background:#ff59490b;padding:15px;margin-top:16px}.recommendation strong{font-size:14px}.recommendation p{font-size:11px;line-height:1.7;color:#b1b8c3}.slot{width:100%;display:flex;justify-content:space-between;align-items:center;background:#ffffff03;border:1px solid var(--line);padding:18px;margin:9px 0;text-align:left}.slot.selected{border-color:var(--red);background:#ff594910}.slot strong{font-size:13px}.slot small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.slot>span:last-child{color:var(--red);font:18px monospace}.booking-confirm{padding:16px;border:1px solid #ff594940;margin-top:18px}.booking-confirm p{font-size:12px;line-height:1.6}.booking-confirm button{width:100%}.success{color:#7dcbb5}.offer{padding:85px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:12vw;border-bottom:1px solid var(--line)}.offer h2{font:500 clamp(30px,3.5vw,50px)/1.1 'Space Grotesk';letter-spacing:-2px}.offer p{color:var(--muted);font-size:13px;line-height:1.8}.offer .primary{max-width:350px;margin:26px 0 14px}.phone{font:12px monospace;color:var(--muted)}.offer-list article{border-bottom:1px solid var(--line);padding:20px 0}.offer-list article:first-child{padding-top:0}.offer-list span{font:9px monospace;color:var(--red);letter-spacing:1px}.offer-list h3{font-size:18px;font-weight:500;margin-bottom:5px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;color:#7b8390;font-size:8px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
#app:is([data-mode=listening],[data-mode=speaking],[data-mode=thinking]) .o1{animation:spin 20s linear infinite}#app:is([data-mode=listening],[data-mode=speaking],[data-mode=thinking]) .o2{animation:spin 8s linear infinite reverse}#app:is([data-mode=listening],[data-mode=speaking]) .o3{animation:orbit-x 7s linear infinite}#app:is([data-mode=listening],[data-mode=speaking]) .o4{animation:orbit-y 9s linear infinite reverse}#app[data-mode=speaking] .orb,#app[data-mode=listening] .orb{filter:brightness(calc(1 + var(--audio-level,0)*2));scale:calc(1 + var(--audio-level,0)*.2)}#app[data-mode=thinking] .orb{animation:breathe 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit-x{from{transform:rotateX(62deg) rotateZ(0)}to{transform:rotateX(62deg) rotateZ(360deg)}}@keyframes orbit-y{from{transform:rotateY(62deg) rotateZ(0)}to{transform:rotateY(62deg) rotateZ(360deg)}}@keyframes breathe{50%{filter:brightness(1.6)}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(min-width:1500px){.cockpit{grid-template-columns:.85fr 1.5fr 1.05fr}.intelligence,.workspace,.conversation{padding:28px}}@media(max-width:1100px){.cockpit{grid-template-columns:260px 1fr}.conversation{grid-column:1/-1;max-height:330px;border-top:1px solid var(--line)}#log{min-height:100px}.workspace{border-right:0}.header-note{display:none}}@media(max-width:650px){header{height:70px}.logo{font-size:25px}.logo sup{display:none}.intro{display:block;padding-top:30px}.intro p{font-size:12px;margin-top:22px}.scenarios{gap:5px}.scenarios button{padding:13px 9px;font-size:10px}.scenarios span{display:block;margin-bottom:8px}.scenarios small{display:none}.cockpit{display:flex;flex-direction:column}.intelligence{display:grid;grid-template-columns:100px 1fr;gap:8px 16px;padding:18px}.intelligence .panel-label{grid-column:1/-1}.core-scene{grid-row:2/6;align-self:center;margin:0;width:100px}.orb span{font-size:28px}.intelligence h2{text-align:left;margin-top:16px;font-size:20px}.intelligence>p{text-align:left;margin:0;min-height:0}.intelligence .primary{margin:0;padding:12px}.voice-wave,.core-coordinate{display:none}.voice-actions{grid-column:2}.limits,.intelligence .disclosure{grid-column:1/-1;margin-top:8px}.workspace{border:0;border-top:1px solid var(--line);padding:22px 18px}#scenarioContent{padding-top:24px}.conversation{max-height:400px;padding:18px}#log{min-height:180px}.amount{font-size:53px}.offer{padding:50px 0;grid-template-columns:1fr;gap:35px}footer{flex-wrap:wrap;line-height:1.7}.chart{height:125px}.scenarios button[aria-pressed=true]:after{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Showroom: a deliberately prominent presentation surface for live demos. */
.show-controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;gap:12px;scroll-margin-top:15px}.show-controls>span{font:8px monospace;letter-spacing:2px;color:#657282}.show-controls>div{display:flex;gap:7px}.show-controls button{font:9px monospace;color:#aaa;background:transparent;border:1px solid #ffffff20;padding:9px 12px}.show-controls button[aria-pressed=true]{border-color:var(--red);background:#ff594916;color:#ffad97}.live-caption{text-align:center;font:400 13px/1.6 'Space Grotesk';color:#e8beb3;max-height:65px;overflow:auto;padding:10px 0;scrollbar-width:thin}.orb{inset:35%;background:radial-gradient(circle at 35% 30%,#ffb28755,#37111a 55%,#0d131d);box-shadow:0 0 30px #ff633a44,inset 0 0 22px #ff987f66}.orb span{font-size:45px}.orbit{opacity:.55}.holo-tag{position:absolute;z-index:2;padding:7px;border-left:1px solid #ff7a5066;background:#091018b8;pointer-events:none;backdrop-filter:blur(8px)}.holo-tag small{font:5px monospace;color:#b16d59;display:block;letter-spacing:1px;margin-bottom:5px}.holo-tag strong{font:7px monospace;color:#f5c6ab}.tag1{top:13%;left:-2%}.tag2{right:-2%;bottom:15%}.holo-bracket{position:absolute;inset:0;border:1px solid #ff6f4820;clip-path:polygon(0 0,10% 0,10% 1%,1% 1%,1% 10%,0 10%,0 0,100% 100%,90% 100%,90% 99%,99% 99%,99% 90%,100% 90%,100% 100%)}.b2{transform:rotate(180deg)}.order-heading{display:flex;align-items:center;gap:20px}.order-heading strong{font-size:12px}.order-heading small{display:block;font:7px monospace;color:var(--muted);margin-top:7px}.order-flow{display:flex;align-items:center;margin:6px 0 25px;padding:18px 10px;border:1px solid #ff59491f;background:#ff594905}.order-flow>span{flex:1;text-align:center;color:#ffa98e;font:23px monospace}.order-flow small{display:block;font:6px monospace;letter-spacing:1px;color:#9d8b86;margin-top:8px}.order-flow i{flex:1;height:1px;background:#ff59493d;position:relative;overflow:hidden}.order-flow i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffd3a7,transparent);animation:packet 2s linear 3}.order-list{display:grid;gap:8px}.order-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:linear-gradient(100deg,#ffffff05,transparent);border:1px solid #ffffff0f;padding:13px 10px;animation:order-enter .65s both;animation-delay:var(--delay);transition:transform .2s,border-color .2s}.order-card:hover,.order-card.selected{transform:translateX(4px);border-color:#ff6b4260;background:#ff594908}.order-icon{font:26px monospace;color:#ffb193;width:36px;text-align:center;text-shadow:0 0 20px #ff5f4577}.order-info{flex:1}.order-info strong{display:block;font-size:11px;margin:4px 0}.order-info small{font:7px monospace;color:#8b929e}.order-price{font:12px 'Space Grotesk';text-align:right}.order-status{display:block;font:7px monospace;padding:4px 5px;margin-top:7px;border:1px solid #ffffff1c}.status-new{color:#ffc48f}.status-work{color:#9bacdb}.status-done{color:#89cbb6}.order-detail{font:10px/1.6 monospace;color:#deb69f;min-height:32px}.showroom .intro{display:none}.showroom .cockpit{grid-template-columns:minmax(400px,1.2fr) minmax(350px,1fr);position:relative;overflow:hidden;background:radial-gradient(ellipse at 27% 45%,#65201b30,transparent 60%),#070c13}.showroom .intelligence{position:relative;padding:30px 40px;background:linear-gradient(90deg,transparent 49.8%,#ff7b4906 50%,transparent 50.2%);overflow:hidden}.showroom .core-scene{max-width:490px;margin:10px auto;width:100%}.showroom .orb span{font-size:80px}.showroom .holo-tag{padding:12px}.showroom .holo-tag strong{font-size:10px}.showroom .holo-tag small{font-size:7px}.showroom .core-coordinate{font-size:8px}.showroom .workspace{border-right:0;padding:30px;align-self:stretch;background:linear-gradient(140deg,#ffffff03,transparent)}.showroom .conversation{grid-column:1/-1;border-top:1px solid var(--line);max-height:250px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.showroom .conversation .panel-label{grid-column:1/-1}.showroom #log{grid-row:2/4;min-height:130px;max-height:150px}.showroom #commandForm{align-self:end}.showroom .chat-note{align-self:start}.showroom .live-caption{font-size:19px;line-height:1.4;max-height:85px;min-height:53px;max-width:500px;margin:auto}.showroom .voice-wave{margin:5px 0}.showroom .intelligence .primary{max-width:350px;margin:15px auto 8px}.showroom .voice-actions,.showroom .limits,.showroom .disclosure{max-width:350px;margin-left:auto;margin-right:auto}.showroom .offer{display:none}.showroom .scenarios{margin-top:18px}.showroom .o3{animation:orbit-x 15s linear infinite}.showroom .o4{animation:orbit-y 18s linear infinite reverse}.showroom .order-flow i:after{animation-iteration-count:infinite}.tour-active .cockpit:before{content:'SHOWCASE / DEMO-SEQUENZ · OHNE KI-AUFRUFE';position:absolute;z-index:5;bottom:0;left:0;right:0;text-align:center;background:#1a1110;color:#ffb49c;font:8px monospace;letter-spacing:2px;padding:8px}.portrait{max-width:480px;margin:auto;border-inline:1px solid #ff774422}.portrait header{height:65px;padding:0 20px}.portrait .logo sup,.portrait .header-note,.portrait .intro,.portrait .offer{display:none}.portrait main{padding:0 16px}.portrait .scenarios{gap:3px}.portrait .scenarios button{padding:12px 7px;font-size:9px}.portrait .scenarios span{display:block;margin-bottom:7px}.portrait .scenarios small{display:none}.portrait .show-controls{margin:12px 0}.portrait .show-controls>span{display:none}.portrait .show-controls>div{width:100%;justify-content:space-between}.portrait .show-controls button{padding:8px;font-size:8px}.portrait .cockpit{display:flex;flex-direction:column}.portrait .intelligence{display:block;padding:18px}.portrait .core-scene{max-width:300px;width:75%;margin:8px auto}.portrait .orb span{font-size:45px}.portrait .holo-tag{padding:7px}.portrait .holo-tag strong{font-size:7px}.portrait .holo-tag small{font-size:5px}.portrait .live-caption{font-size:15px;min-height:38px;max-height:65px;padding:5px}.portrait .intelligence h2{font-size:17px;text-align:center;margin:6px}.portrait .voice-wave{display:flex;height:18px;margin:3px}.portrait .intelligence>p{font-size:9px;text-align:center}.portrait .intelligence .primary{max-width:100%;padding:11px;margin:9px 0}.portrait .voice-actions button{font-size:8px;padding:7px}.portrait .limits{margin-top:9px}.portrait .disclosure{display:none}.portrait .workspace{padding:18px;border-top:1px solid var(--line);border-inline:0}.portrait #scenarioContent{padding-top:18px;min-height:0}.portrait .amount{font-size:42px;margin:5px 0}.portrait .chart{height:100px}.portrait .periods{margin:12px 0}.portrait .metrics{margin:8px 0}.portrait .metric{padding:10px}.portrait .metric strong{font-size:18px}.portrait .customer{padding:8px 0}.portrait .suggestions{margin-top:10px}.portrait .conversation{display:flex;max-height:260px;padding:15px}.portrait #log{min-height:90px}.portrait footer{font-size:7px;padding:18px;display:block}.portrait footer>span{display:block;margin-bottom:8px}.portrait .order-card{padding:9px}.portrait .order-flow{margin-bottom:15px;padding:11px}.portrait .holo-tag{display:block}@keyframes packet{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes order-enter{from{opacity:0;transform:translateX(25px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@media(max-width:650px){.show-controls>span{display:none}.show-controls>div{width:100%;justify-content:space-between}.live-caption{grid-column:1/-1;font-size:12px}.holo-tag{display:none}.showroom .intelligence{padding:20px;display:block}.showroom .core-scene{width:85%;max-width:320px}.showroom .orb span{font-size:50px}.showroom .cockpit{display:flex}.showroom .workspace{padding:20px}.showroom .conversation{display:flex}.showroom .voice-wave{display:flex}.showroom .live-caption{font-size:16px}.showroom .holo-tag{display:block}.showroom .holo-tag strong{font-size:7px}.showroom .holo-tag small{font-size:5px}.showroom .intelligence h2,.showroom .intelligence>p{text-align:center}.showroom .voice-actions{display:flex}.showroom .scenarios{margin-top:12px}}
.showroom .intelligence>p.disclosure{font-size:8px}.showroom .order-card{padding:14px 12px}.showroom .order-list{gap:9px}
.portrait{width:min(480px,100vw);height:min(853.33px,100svh);overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.portrait::-webkit-scrollbar{display:none}.portrait .contact{font-size:8px;padding:9px}.portrait .cockpit{overflow:visible}
@media(prefers-reduced-motion:reduce){.showroom .orbit,.showroom .order-flow i:after,.order-card{animation:none!important}}
/* Fit the recording frame to a true 9:16 viewport; individual panels can scroll. */
.portrait{width:min(480px,56.25svh,100vw);height:min(853.333px,100svh);aspect-ratio:9/16}.portrait header{height:46px}.portrait .scenarios{margin:8px 0}.portrait .scenarios button{padding:8px 6px}.portrait .scenarios span{display:inline;margin-right:5px}.portrait .show-controls{margin:8px 0}.portrait .intelligence{padding:12px 15px}.portrait .core-scene{width:46%;max-width:190px;margin:2px auto}.portrait .orb span{font-size:32px}.portrait .holo-tag{padding:5px}.portrait .holo-tag strong{font-size:5px}.portrait .holo-tag small{font-size:4px}.portrait .live-caption{font-size:12px;min-height:30px;max-height:44px}.portrait .intelligence h2,.portrait .intelligence>#voiceStatus,.portrait .voice-wave{display:none}.portrait .intelligence .primary{margin:6px 0;padding:9px;font-size:10px}.portrait .voice-actions{gap:5px}.portrait .voice-actions button{padding:5px}.portrait .limits{font-size:6px;margin-top:6px}.portrait .workspace{padding:13px}.portrait #scenarioContent{padding-top:12px}.portrait .amount{font-size:36px}.portrait .order-flow{padding:8px;margin:4px 0 12px}.portrait .order-flow>span{font-size:15px}.portrait .order-list{max-height:205px;overflow:auto;scrollbar-width:thin}.portrait .order-card{padding:8px}.portrait .order-info strong{font-size:9px}.portrait .order-info small{font-size:6px}.portrait .order-price{font-size:10px}.portrait .order-icon{font-size:20px}.portrait .scenario-description{font-size:9px}.portrait .suggestions button{font-size:8px;padding:6px}.portrait .chart{height:80px}.portrait .metrics .metric{padding:7px}.portrait .customer{padding:7px 0}.portrait .conversation{max-height:240px}
/* Cinematic layer: data travels from the core, then resolves into the active view. */
.cockpit{position:relative;isolation:isolate}.data-bridge{position:absolute;z-index:5;left:18%;right:26%;top:36%;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#ffb88a65,transparent);transform-origin:left}.data-bridge i{display:block;width:65px;height:3px;background:linear-gradient(90deg,transparent,#fff2d5);box-shadow:0 0 15px #ff9b59,0 0 40px #ff704c;opacity:0}.data-transmitting .data-bridge{animation:bridge-show 1.1s both}.data-transmitting .data-bridge i{animation:data-arrive .85s cubic-bezier(.22,.7,.3,1) both}.materialize{animation:data-materialize .7s cubic-bezier(.2,.7,.2,1)!important}.caption-stage{position:relative;text-align:center;padding:8px 0 14px}.caption-stage>span{display:block;font:7px monospace;letter-spacing:2px;color:#c39380;margin:0 0 8px}.live-caption{font:500 clamp(16px,1.65vw,27px)/1.27 'Space Grotesk';letter-spacing:-.5px;max-height:none;overflow:visible;max-width:580px;margin:auto;color:#fff1e8;text-wrap:balance;padding:0}.live-caption[data-streaming=true]:after{content:'▌';font-size:.65em;color:#ffa579;margin-left:4px}#captionFact{font:500 clamp(22px,2.5vw,40px)/1.1 'Space Grotesk';letter-spacing:-1px;color:#ffad80;margin-top:10px;text-shadow:0 0 30px #ff683a45}#captionFact:empty{display:none}.showroom .live-caption{max-height:none;max-width:580px;font-size:25px;line-height:1.3;min-height:0}.showroom .core-scene{max-width:510px}.showroom .intelligence{background:radial-gradient(ellipse at 50% 37%,#b63c1c18,transparent 62%)}.showroom .orb{inset:38%;background:radial-gradient(circle at 35% 28%,#fff1ce8a,#ff5a322a 42%,#0b0e15 75%);border-color:#ffd4ab8c;box-shadow:0 0 60px #ff60302e,inset 0 0 30px #ffb18155}.showroom .orb span{font-size:65px;text-shadow:0 0 25px #ffbd89}.compare-toggle{font:9px monospace;color:#d7b9a4;background:#ff9b5709;border:1px solid #ff9b5738;padding:9px 12px;margin-bottom:10px}.compare-toggle[aria-pressed=true]{color:#ffe0b9;background:#ff9b5719}.comparison-panel{padding:10px 0;animation:data-materialize .65s both}.comparison-panel[hidden]{display:none}.comparison-key{display:flex;align-items:center;gap:14px;font:8px monospace;color:#ffbd95}.comparison-key>span:nth-child(2){color:#8b9eb7}.comparison-key strong{margin-left:auto;color:#b0ddc6}.comparison-panel svg{width:100%;overflow:visible;display:block;margin-top:10px}.compare-grid{stroke:#ffffff0c;fill:none}.previous-curve{fill:none;stroke:#8fa8c0;stroke-width:2;stroke-dasharray:5 6;opacity:.65;stroke-linejoin:round}.current-curve{fill:none;stroke:#ffb285;stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ff754977);stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw-curve 1.4s ease-out forwards}.curve-point{fill:#ffe4c4;animation:point-reveal .35s backwards;animation-delay:calc(.35s + var(--delay))}.comparison-foot{display:flex;justify-content:space-between;font:10px monospace;color:#b6bfc8}.comparison-foot strong{color:#92d4b4}.order-icon{width:58px;flex-shrink:0;background:linear-gradient(135deg,#ffad7520,#ff5c2803);border:1px solid #ffad7528;border-radius:3px;position:relative;overflow:hidden}.order-icon svg{width:58px;height:48px;display:block;filter:drop-shadow(0 0 7px #ffad7555)}.order-icon:after{content:'';position:absolute;inset:-100% 0;background:linear-gradient(transparent,#ffb37524,transparent);transform:translateY(-50%);animation:scan-project 1s .2s both}.has-order-detail .order-card:not(.selected){opacity:.4;transform:scale(.97);filter:saturate(.4)}.has-order-detail .order-card.selected{border-color:#ffd0a570;background:linear-gradient(100deg,#ffad7518,transparent);transform:translateX(0) scale(1.015)}.order-detail.detail-open{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:20px;background:linear-gradient(135deg,#ffad7510,#0a1018);border:1px solid #ffad7544;animation:detail-expand .55s cubic-bezier(.2,.7,.2,1)}.detail-art{align-self:start;color:#ffd2a5;background:radial-gradient(#ffbd7320,transparent);border:1px solid #ffbd7320}.detail-art svg{width:100%;display:block;filter:drop-shadow(0 0 12px #ffad7566)}.order-detail small{font:8px monospace;letter-spacing:1px;color:#aa9486}.order-detail h3{font:500 22px 'Space Grotesk';color:#fff0e3;margin:9px 0}.order-detail p{font-size:11px;color:#b7b6b9;margin:8px 0}.order-detail strong{font:500 24px 'Space Grotesk';color:#ffd2a5}.detail-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;font-size:8px;color:#6d7784}.detail-steps .complete{color:#90c9ac}.detail-close{background:transparent;border:0;color:#a2a6ae;font-size:9px;padding:10px 0;display:block}.show-controls button:hover{border-color:#ffa675;color:#ffe0c7}
#reelOutro{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 50% 35%,#60251d55,transparent 60%),#080b10f5;backdrop-filter:blur(20px);animation:data-materialize .8s both;padding:30px}#reelOutro[hidden]{display:none}#reelOutro h2{font:500 clamp(40px,7vw,90px)/1.02 'Space Grotesk';letter-spacing:-3px;margin:25px 0}#reelOutro p{color:#a4aab4;font-size:14px}#reelOutro a{border:1px solid #ffad7560;background:#ffad7510;color:#ffcfaa;padding:20px;margin:20px 0;font-size:13px}#reelOutro strong{display:block;font:24px 'Space Grotesk';margin-top:12px}#closeOutro{background:transparent;border:0;color:#8993a1;font:10px monospace;padding:15px}
@keyframes bridge-show{0%{opacity:0;transform:scaleX(0)}20%,80%{opacity:1;transform:scaleX(1)}100%{opacity:0}}@keyframes data-arrive{0%{opacity:0;transform:translateX(0)}20%{opacity:1}100%{opacity:0;transform:translateX(35vw)}}@keyframes data-materialize{from{opacity:.15;transform:translateX(15px);filter:blur(6px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes draw-curve{to{stroke-dashoffset:0}}@keyframes point-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-project{to{transform:translateY(50%)}}@keyframes detail-expand{from{opacity:0;transform:perspective(800px) rotateX(-12deg) translateY(12px)}to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0)}}
/* Recording mode is a framed composition, with the full conversation available on exit. */
.recording-layout{position:relative;width:min(480px,56.25svh,100vw);height:min(853.333px,100svh);overflow:hidden!important;container-type:inline-size;background:radial-gradient(ellipse at 50% 25%,#4c1b172b,transparent 60%),#070b11}.recording-layout header{height:6%;padding:0 5%;border-bottom-color:#ffad7515}.recording-layout .contact{font-size:7px;padding:7px}.recording-layout main{height:94%;padding:0 4%}.recording-layout .scenarios{height:4%;margin:1% 0}.recording-layout .scenarios button{font-size:1.8cqw;padding:5px}.recording-layout .scenarios span{font-size:1.7cqw}.recording-layout .show-controls{height:4%;margin:1% 0}.recording-layout .show-controls button{font-size:1.6cqw;padding:5px}.recording-layout .cockpit{height:87%;display:flex;flex-direction:column;overflow:hidden}.recording-layout .intelligence{height:55%;flex-shrink:0;padding:3% 4%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:12px minmax(0,1fr) auto 30px;gap:4px}.recording-layout .intelligence>.panel-label{grid-column:1/-1;font-size:1.5cqw}.recording-layout .core-scene{grid-column:1/-1;grid-row:2;align-self:center;justify-self:center;height:100%;width:auto;aspect-ratio:1;max-width:100%;max-height:none;margin:0}.recording-layout .orb span{font-size:8cqw}.recording-layout .holo-tag{padding:5px}.recording-layout .holo-tag strong{font-size:1.25cqw}.recording-layout .holo-tag small{font-size:1cqw}.recording-layout .caption-stage{grid-column:1/-1;grid-row:3;padding:3px 0;min-height:65px;max-height:105px;overflow:hidden}.recording-layout .caption-stage>span{font-size:1.3cqw;margin-bottom:5px}.recording-layout .live-caption{font-size:4.8cqw;line-height:1.13;letter-spacing:-.5px;min-height:0;max-height:none;padding:0}.recording-layout #captionFact{font-size:6cqw;margin-top:5px;line-height:1}.recording-layout .intelligence .primary{grid-column:1;grid-row:4;margin:0;padding:7px;font-size:1.8cqw;min-height:27px;align-self:center}.recording-layout .voice-actions{grid-column:2;grid-row:4;margin:0;align-self:center;width:100%;gap:4px}.recording-layout .voice-actions button{font-size:1.5cqw;padding:7px 2px}.recording-layout .intelligence .limits,.recording-layout .intelligence .disclosure,.recording-layout .voice-wave,.recording-layout #heroStatus,.recording-layout #voiceStatus{display:none}.recording-layout .workspace{height:45%;min-height:0;overflow:auto;scrollbar-width:thin;padding:3% 4%;background:linear-gradient(140deg,#ffad7506,transparent)}.recording-layout .workspace>.panel-label{font-size:1.4cqw}.recording-layout #scenarioContent{padding-top:10px;min-height:0}.recording-layout .overline{font-size:1.5cqw}.recording-layout .amount{font-size:9cqw;line-height:1;margin:5px 0}.recording-layout .growth{font-size:1.8cqw}.recording-layout .periods{margin:10px 0 7px}.recording-layout .periods button{font-size:1.5cqw;padding:5px 8px}.recording-layout .chart{height:80px}.recording-layout .chart-axis{font-size:1.3cqw}.recording-layout .chart-detail,.recording-layout .metrics,.recording-layout .customer,.recording-layout .suggestions,.recording-layout .conversation,.recording-layout footer{display:none}.recording-layout .compare-toggle{font-size:1.7cqw;padding:6px;margin-bottom:4px}.recording-layout .comparison-key{font-size:1.4cqw;gap:8px}.recording-layout .comparison-panel{padding:3px 0}.recording-layout .comparison-panel svg{height:105px;margin:0}.recording-layout .comparison-foot{font-size:1.7cqw}.recording-layout .order-heading .amount{font-size:8cqw}.recording-layout .order-heading strong{font-size:2cqw}.recording-layout .order-heading small{font-size:1.2cqw}.recording-layout .order-flow{margin:4px 0 8px;padding:6px}.recording-layout .order-flow small{font-size:1.1cqw;margin-top:4px}.recording-layout .order-flow>span{font-size:3cqw}.recording-layout .order-list{max-height:170px;gap:5px}.recording-layout .order-card{padding:6px;gap:8px}.recording-layout .order-icon,.recording-layout .order-icon svg{width:38px;height:32px}.recording-layout .order-info strong{font-size:2cqw;margin:3px 0}.recording-layout .order-info small{font-size:1.3cqw}.recording-layout .order-price{font-size:2cqw}.recording-layout .order-status{font-size:1.2cqw;margin-top:4px;padding:3px}.recording-layout .scenario-description{font-size:1.6cqw;line-height:1.5;margin:7px 0}.recording-layout .order-detail{font-size:1.5cqw;min-height:0}.recording-layout .has-order-detail .order-flow,.recording-layout .has-order-detail .order-list,.recording-layout .has-order-detail>.scenario-description{display:none}.recording-layout .order-detail.detail-open{padding:12px;grid-template-columns:70px 1fr;gap:12px;margin-top:10px}.recording-layout .order-detail h3{font-size:4.2cqw;margin:5px 0}.recording-layout .order-detail strong{font-size:5cqw}.recording-layout .order-detail p{font-size:2cqw}.recording-layout .order-detail small,.recording-layout .detail-steps{font-size:1.4cqw}.recording-layout .scenario-title{font-size:5cqw;margin:5px 0}.recording-layout .brief-form{gap:7px;margin:9px 0}.recording-layout .brief-form label{font-size:1.4cqw;gap:4px}.recording-layout .brief-form input,.recording-layout .brief-form textarea{padding:6px;font-size:2cqw}.recording-layout .brief-form button{padding:8px;font-size:2cqw}.recording-layout .recommendation{padding:10px;margin-top:10px}.recording-layout .recommendation p{font-size:2cqw}.recording-layout .slot{padding:10px;margin:5px 0}.recording-layout .slot strong{font-size:2.2cqw}.recording-layout .slot small{font-size:1.3cqw}.recording-layout .slot>span:last-child{font-size:3cqw}.recording-layout #reelOutro{position:absolute;padding:25px}.recording-layout #reelOutro h2{font-size:11cqw;letter-spacing:-2px}.recording-layout #reelOutro .eyebrow{font-size:1.6cqw}.recording-layout #reelOutro p{font-size:2.6cqw}.recording-layout #reelOutro strong{font-size:5cqw}.recording-layout .data-bridge{left:50%;right:auto;top:25%;height:40%;width:1px;transform-origin:top}.recording-layout .data-bridge i{width:2px;height:30px}.recording-layout.data-transmitting .data-bridge i{animation:vertical-data .85s both}.recording-layout.tour-active .cockpit:before{font-size:1.2cqw;padding:4px}
@keyframes vertical-data{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(230px)}}
@media(max-width:650px){.show-controls button{font-size:7px;padding:7px}.showroom .live-caption{font-size:20px}.order-detail.detail-open{grid-template-columns:75px 1fr;gap:12px}.caption-stage{grid-column:1/-1}.showroom .orb span{font-size:42px}}
@media(prefers-reduced-motion:reduce){.current-curve{stroke-dashoffset:0}.materialize,.comparison-panel,.order-detail.detail-open{animation:none!important}.data-bridge{display:none}}

#app [hidden]{display:none!important}.recording-layout .caption-stage{max-height:125px}.recording-layout .live-caption{font-size:4.5cqw;line-height:1.15}