body{background:radial-gradient(ellipse at 50% 15%,#e3ebff,#f2f5fc 60%)}
.topbar{height:80px}.brand-banner{background:none;color:#334976;border:0;box-shadow:none;padding:14px 32px}.brand-banner .brand-kicker{color:#627caa}.brand-banner p{font-size:17px}.brand-banner strong{color:#345de0}.brand-promise{color:#4268a5;background:#e9f0fb;border-color:#cadcf3}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:0 28px 24px;min-height:0;align-items:start}.conversation{grid-column:1;grid-row:1;border:1px solid #d8e4f6;border-radius:28px;background:linear-gradient(155deg,#fff,#f8faff);box-shadow:0 18px 70px #274c8b0d;min-height:650px;max-height:none;overflow:hidden}.catalog{grid-column:1;grid-row:2;padding:0;background:none;border:0}.catalog h2,.catalog-foot{display:none}.catalog>.eyebrow{padding:0 8px}#product-list{flex-direction:row;gap:10px;margin-top:12px;overflow:auto}.product-item{flex:1;min-width:145px;background:#ffffffa8;border:1px solid #dce5f6;padding:14px 12px;transition:transform .2s,box-shadow .2s,border-color .2s}.product-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3554a412}.product-item.active{border-color:#7397e9;box-shadow:0 0 0 2px #628ee912}.product-item .arrow{display:none}.details{grid-column:2;grid-row:1 / span 2;border:1px solid #d9e4f5;border-radius:24px;background:#ffffffa6;padding:25px;position:sticky;top:20px;min-height:610px}.details h2{font-size:24px}.product-summary{font-size:12px}.follow-up{margin-top:25px}.conversation-scroll{flex:none;max-height:300px;padding:0 28px}.welcome{padding:0 0 20px}.welcome .orb-scene,.welcome .eyebrow,.welcome h1{display:none}.welcome-copy{max-width:540px;font-size:13px;margin-bottom:14px}
.voice-stage{--voice-level:0;text-align:center;padding:5px 28px 20px;min-height:320px}.voice-aura{position:relative;width:250px;height:235px;margin:0 auto;display:grid;place-items:center;isolation:isolate}.voice-aura:before{content:'';position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,#60cfea30,transparent 70%);filter:blur(14px);transform:scale(calc(1 + var(--voice-level)*.5))}.voice-core{width:154px;height:154px;border-radius:45% 55% 51% 49%;background:radial-gradient(circle at 26% 23%,#bbfff1,#6badeb 23%,#4264cc 47%,#203567 80%);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 22px #d8fbff65,inset -12px -13px 26px #0c214e88,0 12px 45px #416fd64d;transform:scale(calc(1 + var(--voice-level)*.16));animation:orb-morph 8s ease-in-out infinite}.voice-flow{position:absolute;inset:-45%;background:conic-gradient(from 35deg,transparent,#b9ffe977,transparent 30%,#4e75ff55,transparent 70%,#a3eeff77,transparent);filter:blur(10px);animation:voice-rotate 16s linear infinite}.core-symbol{position:relative;font-size:46px;color:#d6ffff;text-shadow:0 0 25px #9af6ff}.voice-orbit{position:absolute;width:203px;height:203px;border:1px solid #95b9e873;border-radius:50%;animation:voice-rotate 22s linear infinite}.orbit-one:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#77dcca;top:12px;left:42px;box-shadow:0 0 12px #5ccccb}.orbit-two{width:228px;height:160px;transform:rotate(-26deg);border-color:#75bded50;animation:orbit-tilt 12s ease-in-out infinite}.voice-wave{position:absolute;bottom:10px;display:flex;gap:4px;height:22px;align-items:center}.voice-wave i{width:3px;height:5px;border-radius:4px;background:#87aacd;transform:scaleY(calc(1 + var(--voice-level)*3))}.stage-state{margin:0;font-size:18px;font-weight:600;color:#2b4784}.stage-hint{font-size:12px;color:#7484a1;margin:8px 0 0}.live-caption{max-width:600px;margin:20px auto 0;padding:14px 20px;border:1px solid #dfebf7;border-radius:15px;background:#ffffffc9}.live-caption>span{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#4a71be}.live-caption p{font-size:15px;line-height:1.7;margin:5px 0 0;max-height:140px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.conversation-history{margin-bottom:16px;border-top:1px solid #e4eaf5}.conversation-history summary{padding:12px 0;color:#7181a0;font-size:11px;cursor:pointer}.messages{gap:12px;padding:8px 0}.message-body{font-size:12px;padding:10px 13px}.composer-area{border-top:1px solid #e3ebf6;background:#ffffffb0;padding:18px 28px}.voice-row{justify-content:center}.mic{border-radius:30px;padding:14px 24px;background:linear-gradient(110deg,#345fe3,#35529e);color:#fff;box-shadow:0 6px 20px #3d62ce24;border:0;font-size:13px}.mic.recording{background:#edf1fd;color:#35558e;border:1px solid #cbd7ee;box-shadow:none}.voice-row>span#voice-status{display:none}.voice-row>span#voice-clock{flex:none}.audio-toggle{margin-left:auto}.composer{border-radius:16px}.voice-active .conversation-scroll{max-height:220px}.voice-stage[data-phase=thinking] .voice-core{animation-duration:2s}.voice-stage[data-phase=thinking] .voice-flow{animation-duration:3s}.voice-stage[data-phase=speaking] .voice-wave i{background:#51b9cb;animation:wave-talk .7s ease-in-out infinite alternate}.voice-stage[data-phase=speaking] .voice-wave i:nth-child(2n){animation-delay:-.3s}.voice-stage[data-phase=speaking] .voice-wave i:nth-child(3n){animation-delay:-.5s}.voice-stage[data-phase=listening] .voice-orbit{border-color:#74cfcf99}.voice-stage[data-phase=muted] .voice-aura{filter:grayscale(.8);opacity:.55}.voice-stage[data-phase=connecting] .voice-core{opacity:.7}.footer{background:transparent}.details #product-detail{animation:card-arrive .35s ease both}
@keyframes orb-morph{0%,100%{border-radius:45% 55% 51% 49%}50%{border-radius:56% 44% 46% 54%}}@keyframes voice-rotate{to{rotate:360deg}}@keyframes orbit-tilt{50%{transform:rotate(24deg)}}@keyframes wave-talk{to{height:18px}}@keyframes card-arrive{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 250px;padding:0 18px 20px;gap:14px}.details{padding:20px}.product-item{min-width:140px}}
@media(max-width:750px){.workspace{display:flex;flex-direction:column;padding:0 14px 20px}.conversation{width:100%;min-height:600px;order:0}.catalog{width:100%;order:1}.details{width:100%;order:2;position:static;display:block;min-height:0}.voice-stage{padding:0 18px 20px}.conversation-scroll{padding:0 18px}.composer-area{padding:16px 18px}.brand-banner .brand-promise{display:none}.topbar{height:auto;min-height:80px}.voice-aura{height:215px}.voice-core{width:140px;height:140px}.audio-toggle{margin-left:0}.live-caption p{font-size:14px}.header-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.voice-core,.voice-flow,.voice-orbit,.voice-wave i,#product-detail{animation:none!important}.voice-core,.voice-aura:before,.voice-wave i{transform:none!important}.product-item{transition:none}.product-item:hover{transform:none}}

/* Size by available viewport, rather than a tablet's advertised diagonal. */
html{scroll-padding-bottom:100px}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.workspace>*,.header-actions,.voice-row,.product-panel,.form-grid>*{min-width:0}.brand-banner{flex-wrap:wrap}.brand-banner p,.details h2,.contact-card a{overflow-wrap:anywhere}.topbar{height:auto;min-height:80px;flex-wrap:wrap;padding:16px clamp(16px,3vw,38px);gap:12px}.header-actions{flex-wrap:wrap}.button,.language-control select,.suggestion,.conversation-history summary,.product-panel summary{min-height:44px}.language-control{padding:0 12px}.button,.suggestion{white-space:normal}.audio-toggle{min-height:44px;padding:6px}.audio-toggle input,.consent input{min-width:20px;min-height:20px}.composer button{min-width:44px;min-height:44px}.composer textarea,.modal input:not([type=checkbox]),.modal select,.staff-login input,.staff-toolbar input,.staff-toolbar select{font-size:16px}.modal{width:min(540px,calc(100vw - 32px));max-height:calc(var(--visible-height,100dvh) - 32px);overflow:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom));scroll-padding:20px}.close-modal{width:44px;height:44px;top:8px;right:8px}.modal h2{padding-right:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal input:not([type=checkbox]),.modal select{min-height:46px}.consent{align-items:flex-start}.product-panel summary{cursor:pointer;font-size:13px;color:#3558a0;padding:12px 0;border-bottom:1px solid #dde7f4}.product-panel[open] summary{margin-bottom:8px}.details .detail-logo{margin-top:15px}.live-caption p{font-size:16px}.stage-hint{font-size:13px}.composer-note{line-height:1.7}.product-item small{line-height:1.5}.footer{flex-wrap:wrap;padding-bottom:max(15px,env(safe-area-inset-bottom))}.voice-row{gap:10px}.voice-row #mic{min-height:48px}.voice-row #mute-voice{min-height:48px}.live-caption{overflow-wrap:anywhere}.conversation-scroll{overscroll-behavior:contain}
@media(min-width:1101px){.product-panel summary{font-size:12px}.conversation{min-height:620px}.details{min-height:0}.details-top{flex-wrap:wrap}.workspace{grid-template-columns:minmax(0,1fr) clamp(270px,24vw,330px)}}
@media(max-width:1100px){
  .workspace{display:flex;flex-direction:column;gap:16px;padding:0 clamp(12px,3vw,24px) 24px}.conversation{width:100%;order:0;min-height:0;border-radius:22px}.catalog{width:100%;order:1}.details{width:100%;order:2;position:static;display:block;min-height:0;padding:20px;border-radius:20px}.details-top{margin:0}.details .follow-up{margin-top:18px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.follow-up h3,.follow-up p{grid-column:1/-1}.follow-up .follow-icon{display:none}.follow-up h3{margin-top:0}.follow-up .button{margin:0}.product-panel #product-detail{padding-bottom:8px}.details h2{font-size:24px}.feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.conversation-top{padding:18px 20px 0}.voice-stage{padding:0 20px 18px;min-height:0}.voice-aura{height:220px}.voice-core{width:145px;height:145px}.conversation-scroll{max-height:240px;padding:0 20px}.composer-area{padding:16px 20px}.voice-active .composer-area{position:sticky;bottom:0;z-index:5;background:#f9fbff;box-shadow:0 -5px 20px #34548508;padding-bottom:max(16px,env(safe-area-inset-bottom))}.live-caption{margin-top:14px}.live-caption p{max-height:112px}.product-item{min-width:150px;flex:1}.product-item small{display:block}.product-initial{width:30px;height:30px;min-width:30px;font-size:20px}.welcome-copy{max-width:580px}.event-tag{display:none}.brand-banner{padding:12px 24px}.voice-row{justify-content:center}.audio-toggle{margin-left:0}.form-grid{gap:16px}.footer{justify-content:center}
}
@media(min-width:600px) and (max-width:1100px){#product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.product-item{min-width:0;width:100%;padding:13px 15px}.product-item strong{font-size:14px}.product-item small{font-size:11px}.brand-banner .brand-promise{display:block}}
@media(max-height:700px) and (min-width:600px){
  .topbar{min-height:64px;padding-top:10px;padding-bottom:10px}.brand-banner{padding-top:8px;padding-bottom:8px}.brand-kicker{display:none}.brand-banner p{margin:0;font-size:15px}.voice-aura{height:160px;width:220px}.voice-core{width:105px;height:105px}.voice-orbit{width:148px;height:148px}.orbit-two{width:185px;height:120px}.voice-wave{bottom:2px}.core-symbol{font-size:34px}.voice-stage{min-height:0;padding-bottom:12px}.stage-state{font-size:17px}.stage-hint{margin-top:5px}.live-caption{margin-top:10px;padding:10px 16px}.live-caption p{max-height:80px}.conversation{min-height:0}.conversation-top{padding-top:14px}.composer-area{padding-top:12px;padding-bottom:12px}.welcome-copy{margin-bottom:8px}.welcome{padding-bottom:10px}.conversation-scroll,.voice-active .conversation-scroll{max-height:180px}
}
@media(max-width:599px){
  .topbar{padding:14px 16px;gap:12px}.brand img{width:155px}.header-actions{width:100%;justify-content:space-between;gap:8px}.header-actions .button{padding:10px 12px}.language-control select{max-width:135px}.brand-banner{padding:10px 16px}.brand-banner p{font-size:15px}.brand-kicker{font-size:8px;line-height:1.6}.workspace{padding:0 10px 20px}.conversation-top{padding:16px 15px 0;gap:8px;flex-wrap:wrap}.conversation-top .eyebrow{font-size:9px}.voice-stage{padding:0 15px 16px}.voice-aura{height:200px;width:230px}.voice-core{width:130px;height:130px}.voice-orbit{width:180px;height:180px}.orbit-two{width:210px;height:140px}.stage-state{font-size:17px}.stage-hint{line-height:1.6}.live-caption{padding:12px 14px}.conversation-scroll{padding:0 15px}.composer-area{padding:14px 15px}.voice-row #mic{flex:1;min-width:165px;padding:12px 16px}.voice-row #mute-voice{flex:0 1 auto}.audio-toggle{width:100%;justify-content:center}.voice-row #voice-clock{margin-left:auto}.suggestions{gap:8px}.suggestion{font-size:12px;padding:10px 12px}#product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.product-item{min-width:0;width:100%;padding:12px 8px;gap:7px}.product-item strong{font-size:12px}.product-item small{font-size:9px}.details{padding:18px}.details .follow-up{display:block}.follow-up .button{margin-top:10px}.feature-list{display:block}.modal{padding:28px 20px;width:calc(100vw - 24px);max-height:calc(var(--visible-height,100dvh) - 24px)}.form-grid{grid-template-columns:minmax(0,1fr)}.contact-card{padding:15px}.modal h2{font-size:25px}.footer{gap:12px}
}
.keyboard-open .voice-aura{display:none}.keyboard-open .voice-stage{padding-top:12px}.keyboard-open .brand-banner{display:none}.keyboard-open .conversation{min-height:0}
.conversation{overflow:clip}.modal{position:fixed;top:calc(var(--viewport-top,0px) + 16px);bottom:auto;margin:0 auto}.modal.small{width:min(420px,calc(100vw - 32px))}.product-panel summary:focus-visible{outline:3px solid #548bf5;outline-offset:3px}
.voice-stage[data-phase=error] .voice-core{filter:saturate(.45);box-shadow:0 0 22px #c8756440}.contact-review{border:1px solid #cedcf1;border-radius:12px;background:#f1f6ff;padding:16px;margin:16px 0;overflow-wrap:anywhere}.contact-review h3{margin:0 0 12px}.contact-review p{font-size:13px;line-height:1.6}
.whatsapp-panel{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.whatsapp-panel img{width:min(220px,100%);height:auto;display:block;margin:14px auto;background:white;border-radius:8px}.whatsapp-panel h3{font-size:18px;line-height:1.5;margin:0}.whatsapp-panel .button{color:white}.whatsapp-panel .form-hint{line-height:1.7}.contact-card .whatsapp-panel a{display:flex}
.whatsapp-panel img{width:min(280px,100%)}.whatsapp-panel form{text-align:left;margin:16px 0}.whatsapp-panel label{display:block;font-size:13px}.whatsapp-panel input{width:100%;margin:8px 0;min-height:44px;font-size:16px}.whatsapp-panel .button.outline{color:var(--navy)}.whatsapp-draft{white-space:pre-wrap;text-align:left;background:#f0f5ff;padding:14px;border-radius:10px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.whatsapp-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.whatsapp-schedule label{min-width:0}.whatsapp-schedule input{min-width:0;box-sizing:border-box}@media(max-width:480px){.whatsapp-schedule{grid-template-columns:minmax(0,1fr)}}
/* Keep the QR beside the editor, independent of the draft preview's height. */
#contact-dialog{width:min(980px,calc(100vw - 32px));padding:28px;overflow:auto}#contact-dialog>h2{font-size:27px;line-height:1.3;margin:10px 0 16px}#contact-dialog .contact-card{padding:0;border:0;background:transparent;margin:0 0 14px}#contact-dialog .contact-card>strong{font-size:15px}#contact-dialog .contact-card>a{font-size:12px;display:inline-block;margin-right:18px}#contact-dialog>.button{width:auto;min-width:180px;margin-right:8px}.whatsapp-panel{padding:20px;margin:0 0 16px;background:white;border:1px solid #dbe4f5;border-radius:16px}.whatsapp-panel>h3{text-align:left}.whatsapp-panel>.form-hint{text-align:left;margin:8px 0 18px;max-width:730px}.whatsapp-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr);gap:24px;align-items:start}.whatsapp-fields,.whatsapp-qr-panel{min-width:0}.whatsapp-panel form{margin:0}.whatsapp-panel label,.time-field>span{font-size:13px;line-height:1.55}.whatsapp-panel input{height:46px;margin:8px 0 14px}.whatsapp-schedule{align-items:end}.whatsapp-schedule input{margin-bottom:0}.time-field{min-width:0}.time-field>span{display:block;margin-bottom:8px}.time-controls{display:grid;grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) minmax(65px,1.15fr);gap:5px;align-items:center;min-height:46px}.time-controls select{min-width:0;width:100%;height:46px;padding:8px 4px;font-size:16px}.time-controls>span{text-align:center}.whatsapp-qr-panel{position:sticky;top:0;border-left:1px solid #e1e9f7;padding-left:24px}.whatsapp-qr-slot{min-height:280px;display:grid;place-items:center;background:#fff}.whatsapp-qr-slot img{width:min(280px,100%);margin:0;border-radius:0}.whatsapp-qr-slot .form-hint:empty{display:none}.whatsapp-qr-panel>p{font-size:12px;margin:10px 0}.whatsapp-preview{margin-top:16px;text-align:left}.whatsapp-preview summary{cursor:pointer;padding:12px 0;font-size:13px;color:#365ba4;min-height:44px}.whatsapp-draft{margin:0;max-height:190px;overflow:auto}.whatsapp-qr-panel .form-hint{font-size:11px}.whatsapp-panel .button{min-height:46px}
@media(min-width:600px) and (max-width:899px){#contact-dialog{padding:22px;width:calc(100vw - 24px)}.whatsapp-panel{padding:16px}.whatsapp-grid{grid-template-columns:minmax(0,1.2fr) minmax(200px,1fr);gap:18px}.whatsapp-qr-panel{padding-left:18px}.whatsapp-schedule{grid-template-columns:minmax(0,1fr)}.whatsapp-qr-slot{min-height:230px}.whatsapp-qr-slot img{width:min(250px,100%)}#contact-dialog>h2{font-size:24px}}
@media(max-width:599px){#contact-dialog{padding:24px 16px;width:calc(100vw - 20px)}.whatsapp-panel{padding:14px}.whatsapp-grid{grid-template-columns:minmax(0,1fr);gap:18px}.whatsapp-schedule{grid-template-columns:minmax(0,1fr)}.whatsapp-qr-panel{position:static;border-left:0;border-top:1px solid #e1e9f7;padding:18px 0 0}.whatsapp-qr-slot{min-height:260px}#contact-dialog>.button{width:100%;margin-right:0}.whatsapp-preview[open] .whatsapp-draft{max-height:140px}}
@media(max-height:700px) and (min-width:600px){#contact-dialog{padding:20px}.whatsapp-panel{padding:16px}.whatsapp-qr-slot{min-height:230px}.whatsapp-qr-slot img{max-width:230px}.whatsapp-panel>.form-hint{margin-bottom:12px}#contact-dialog>h2{font-size:23px}}
/* Contact handoff: Digibyte AI palette, with a quiet high-contrast scan surface. */
#contact-dialog{background:radial-gradient(ellipse at 100% 0,#dbeaff 0,transparent 55%),#f7f9ff;border:1px solid #cddcf6;box-shadow:0 30px 100px #071d4d55;border-radius:24px}
#contact-dialog::backdrop{background:#07162ccc;backdrop-filter:blur(10px)}
#contact-dialog>h2{color:#132b60;letter-spacing:-.7px}
.whatsapp-panel{box-shadow:0 8px 30px #193b7610;border-color:#d8e3f6;border-radius:18px}
.whatsapp-qr-panel{padding:18px;border:1px solid #497cba;border-radius:18px;background:radial-gradient(ellipse at top right,#245e8d,transparent 70%),linear-gradient(145deg,#112b58,#081b38);color:#eff8ff;box-shadow:0 10px 24px #132b6026}
.qr-state-badge{display:inline-flex;align-items:center;gap:8px;min-height:30px;margin-bottom:14px;padding:4px 10px;border:1px solid #7dd9ed66;border-radius:30px;font-size:11px;font-weight:600;letter-spacing:.3px;color:#bdeaf6;background:#ffffff0a}
.qr-state-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#f0c780}
[data-draft-state=ready] .qr-state-badge::before{background:#79e5c5;box-shadow:0 0 10px #79e5c566}
.whatsapp-qr-slot{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff33}
.whatsapp-qr-panel .form-hint{color:#d0e2f4;line-height:1.65}
.whatsapp-qr-panel .button{background:#a5f0e1;color:#0a2942;border-color:#a5f0e1;box-shadow:none}
.whatsapp-qr-panel .button[aria-disabled=true]{opacity:.6;cursor:wait}
.whatsapp-fields input,.time-controls select{background:#f6f9ff;border:1px solid #c8d7ed;border-radius:10px;color:#132b60}
.whatsapp-fields input:focus,.time-controls select:focus{outline:2px solid #398ef0;outline-offset:2px}
.whatsapp-fields form>.button{border-radius:10px;border-color:#b7cdef;background:#eff5ff;color:#174982}
.whatsapp-preview{border-top:1px solid #e3eaf6}
.whatsapp-draft{border:1px solid #e0eafa;border-radius:10px;background:#f4f8ff}
@media(min-width:600px) and (max-width:899px){.whatsapp-qr-panel{padding:10px}.whatsapp-grid{gap:16px}}
@media(max-width:599px){.whatsapp-qr-panel{padding:16px;border:1px solid #497cba}}
/* Animated AI stage: CSS geometry, no model downloads or graphics dependencies. */
.conversation{overflow:hidden;border:1px solid #d6e3f6;box-shadow:0 16px 48px #15387512}
.conversation-top{background:#0b1934;padding-bottom:16px;color:#a1b9df}
.conversation-top .eyebrow{color:#afc5e9}.conversation-top .status-badge{background:#193755;color:#b3f0df;border:1px solid #345b72}
.voice-stage{--scene-accent:#75dbf3;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 24%,#183c6e 0,#0b1934 66%);padding:0 28px 30px;color:#fff;overflow:hidden}
.voice-stage[data-product=inveztmf]{--scene-accent:#c5abff}.voice-stage[data-product=activca]{--scene-accent:#7ce5e1}.voice-stage[data-product=strydehr]{--scene-accent:#b7acff}
.ai-scene{position:relative;height:300px;max-width:620px;margin:0 auto;perspective:800px;pointer-events:none;contain:layout paint}
.scene-grid{position:absolute;inset:20% -15% -50%;background-image:linear-gradient(#71b9ef19 1px,transparent 1px),linear-gradient(90deg,#71b9ef19 1px,transparent 1px);background-size:38px 38px;transform:rotateX(64deg);mask-image:radial-gradient(ellipse,#000,transparent 68%);animation:grid-travel 16s linear infinite}
.scene-halo{position:absolute;width:230px;height:230px;top:22px;left:calc(50% - 115px);border-radius:50%;background:radial-gradient(circle,#7ddcff23,transparent 70%);border:1px solid #8ed3f526;box-shadow:0 0 80px #6cbfff14,inset 0 0 45px #6cbfff0b;transform:rotateX(22deg);animation:halo-breathe 7s ease-in-out infinite}
.brand-prism{position:absolute;width:110px;height:140px;top:65px;left:calc(50% - 55px);transform-style:preserve-3d;animation:prism-float 7s ease-in-out infinite;filter:drop-shadow(0 0 22px #6bbdff55)}
.brand-prism svg{width:100%;height:100%;transform:rotateY(-16deg) rotateZ(-6deg)}
.prism-shadow{position:absolute;width:110px;height:18px;background:#3fafff55;filter:blur(13px);border-radius:50%;bottom:-34px;transform:rotateX(60deg)}
.data-ribbon{position:absolute;top:76px;left:calc(50% - 165px);width:330px;height:130px;border:1px solid #8fc9f24d;border-top:2px solid var(--scene-accent);border-radius:50%;transform:rotate(-23deg);animation:ribbon-drift 10s ease-in-out infinite;box-shadow:0 -5px 20px #6ad7ff09}
.ribbon-b{transform:rotate(28deg);height:110px;top:90px;border-top:1px solid #8fc9f22b;border-bottom:2px solid var(--scene-accent);animation-direction:reverse;animation-delay:-4s}
.scene-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 12px var(--scene-accent);left:20%;top:40%;animation:particle-rise 9s ease-in-out infinite}
.scene-particles i:nth-child(2){left:75%;top:25%;animation-delay:-2s}.scene-particles i:nth-child(3){left:32%;top:70%;animation-delay:-4s}.scene-particles i:nth-child(4){left:67%;top:65%;animation-delay:-7s}.scene-particles i:nth-child(5){left:43%;top:15%;animation-delay:-3s}.scene-particles i:nth-child(6){left:87%;top:60%;animation-delay:-5s}.scene-particles i:nth-child(7){left:11%;top:65%;animation-delay:-1s}.scene-particles i:nth-child(8){left:58%;top:75%;animation-delay:-6s}
.signal-node{position:absolute;display:flex;align-items:center;gap:9px;color:#7f9dc3;font:10px monospace;animation:node-float 8s ease-in-out infinite}.signal-node span{width:28px;height:28px;border:1px solid #6da8d754;border-radius:8px;transform:rotate(45deg);background:#18385888;box-shadow:inset 0 0 10px #89c6ff12}.signal-node span:after{content:'';display:block;width:6px;height:6px;background:var(--scene-accent);border-radius:2px;margin:10px}
.node-a{left:15%;top:30%}.node-b{right:12%;top:53%;animation-delay:-3s}.node-c{left:26%;top:70%;animation-delay:-5s}
.signal-spectrum{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;height:30px}.signal-spectrum i{height:4px;width:3px;border-radius:4px;background:var(--scene-accent);transform:scaleY(calc(1 + var(--voice-level,0)*5));transition:transform 80ms linear;opacity:.65}.signal-spectrum i:nth-child(3n){height:8px}.signal-spectrum i:nth-child(4n){height:12px}
.scene-signature{position:absolute;bottom:3px;left:0;font:9px monospace;letter-spacing:2px;color:#587aa5}
.scene-topic{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.5px;color:#d4e7fa;margin:10px 0 12px}.scene-topic-dot{width:5px;height:5px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 10px var(--scene-accent)}
.scene-capabilities{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 auto 22px;max-width:530px}.scene-capabilities span{font-size:10px;line-height:1.5;border:1px solid #86b7e533;background:#77a9d50b;color:#a8c4e1;padding:6px 10px;border-radius:6px}
.voice-stage .stage-state{color:#edf6ff;font-size:21px;letter-spacing:-.3px}.voice-stage .stage-hint{color:#a2b9d5;line-height:1.65;max-width:490px;margin:8px auto 0}
.voice-stage .live-caption{background:#122b49;border-color:#385573;color:#eff6ff;box-shadow:0 10px 30px #0002}.voice-stage .live-caption>span{color:#8be1e9}
.voice-stage[data-phase=listening] .scene-halo{border-color:#78e7d066;box-shadow:0 0 50px #4bc2c81a}.voice-stage[data-phase=listening] .brand-prism{filter:drop-shadow(0 0 28px #69edda77)}
.voice-stage[data-phase=thinking] .data-ribbon{animation-duration:3s}.voice-stage[data-phase=thinking] .signal-node span{animation:node-think 1.4s ease-in-out infinite}
.voice-stage[data-phase=speaking] .brand-prism svg{transform:rotateY(-16deg) rotateZ(-6deg) scale(calc(1 + var(--voice-level,0)*.12));transition:transform 90ms linear}.voice-stage[data-phase=speaking] .scene-halo{border-color:#87c9ff88}
.voice-stage[data-phase=muted] .ai-scene{opacity:.45}.voice-stage[data-phase=error]{--scene-accent:#ffbcac}.voice-stage[data-phase=error] .ai-scene *{animation-play-state:paused}
.scene-enter .scene-topic,.scene-enter .scene-capabilities{animation:topic-arrive .55s ease both}
.conversation-history{padding:0 8px}.live-caption{animation:topic-arrive .3s ease both}
.modal[open]{animation:panel-reveal .25s ease both}
@keyframes prism-float{0%,100%{transform:translateY(0) rotateY(-10deg)}50%{transform:translateY(-12px) rotateY(16deg)}}
@keyframes ribbon-drift{0%,100%{rotate:-10deg;translate:0 0}50%{rotate:15deg;translate:0 -8px}}
@keyframes particle-rise{0%,100%{transform:translateY(8px);opacity:.15}50%{transform:translateY(-22px);opacity:.85}}
@keyframes node-float{50%{translate:0 -9px}}@keyframes node-think{50%{border-color:#a4ecff;box-shadow:0 0 15px #85cfff44}}
@keyframes halo-breathe{50%{opacity:.6;scale:.95}}@keyframes grid-travel{to{background-position:0 38px,0 38px}}
@keyframes topic-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:750px){.voice-stage{padding:0 18px 24px}.ai-scene{height:260px}.brand-prism{top:48px}.scene-halo{top:8px}.data-ribbon{top:60px;width:290px;left:calc(50% - 145px)}.ribbon-b{top:75px}.scene-capabilities{margin-bottom:16px}.scene-signature{left:8px}}
@media(max-width:420px){.ai-scene{height:235px}.brand-prism{top:38px;width:95px;height:125px;left:calc(50% - 47px)}.scene-halo{width:200px;height:200px;left:calc(50% - 100px)}.node-a{left:8%}.node-b{right:6%}.scene-capabilities span{font-size:9px;padding:5px 7px}.voice-stage .stage-state{font-size:19px}}
@media(max-height:650px) and (min-width:600px){.ai-scene{height:215px}.brand-prism{top:35px;width:90px;height:115px;left:calc(50% - 45px)}.scene-halo{height:180px;width:180px;left:calc(50% - 90px)}.data-ribbon{top:48px}.scene-capabilities{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.voice-stage *,.modal[open],.live-caption{animation:none!important;transition:none!important}.brand-prism svg{transform:none!important}.signal-spectrum i{transform:none!important}}
/* inveztMF: original brand assets layered over the supplied geometric film. */
.invezt-backdrop,.invezt-showcase{display:none}
.voice-stage[data-product=inveztmf] .ai-scene{height:365px;max-width:720px}
.voice-stage[data-product=inveztmf] .invezt-backdrop{display:block;position:absolute;inset:0 -30px;opacity:.17;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}
.invezt-backdrop video{width:100%;height:100%;object-fit:cover}
.voice-stage[data-product=inveztmf] .invezt-showcase{display:block;position:absolute;inset:0;z-index:2;perspective:900px}
.voice-stage[data-product=inveztmf] .brand-prism,.voice-stage[data-product=inveztmf] .signal-node{display:none}
.voice-stage[data-product=inveztmf] .scene-halo{width:310px;height:260px;left:calc(50% - 155px);top:35px;border-color:#c9adff44}
.voice-stage[data-product=inveztmf] .data-ribbon{top:135px;width:410px;left:calc(50% - 205px);height:155px;opacity:.5}
.invezt-brand-plate{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:240px;padding:16px 24px;border:1px solid #fff9;border-radius:14px;background:linear-gradient(135deg,#fff,#e9e5ff);box-shadow:0 8px 35px #01081d66,0 0 40px #b492ff26;overflow:hidden;animation:brand-arrive .75s ease both}
.invezt-brand-plate img{display:block;width:100%;height:auto;object-fit:contain}
.logo-shimmer{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffffc9 50%,transparent 60%);transform:translateX(-100%);animation:logo-sweep 8s ease-in-out infinite;pointer-events:none}
.invezt-device-art{position:absolute;top:110px;left:50%;width:min(390px,85%);height:auto;transform:translateX(-50%);filter:drop-shadow(0 20px 20px #02091b88);animation:device-hover 8s ease-in-out infinite}
.device-pedestal{position:absolute;width:65%;height:32px;left:17.5%;bottom:46px;border:1px solid #c3abff55;border-radius:50%;background:radial-gradient(ellipse,#b49bff44,transparent 70%);box-shadow:0 0 35px #c4adff22;transform:rotateX(55deg)}
.product-brand-image{display:block;width:min(215px,100%);height:auto;margin:20px 0;object-fit:contain}
.partner-artwork{margin-top:18px;border:1px solid #dce5f2;border-radius:12px;overflow:hidden;background:white}.partner-artwork summary{padding:12px;font-size:12px;cursor:pointer;color:#36558b;min-height:44px}.partner-artwork img{display:block;width:100%;height:auto}
@keyframes logo-sweep{0%,60%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@keyframes device-hover{0%,100%{transform:translateX(-50%) translateY(0) rotateY(-3deg)}50%{transform:translateX(-50%) translateY(-9px) rotateY(3deg)}}
@keyframes brand-arrive{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@media(max-width:599px){.voice-stage[data-product=inveztmf] .ai-scene{height:330px}.invezt-brand-plate{width:210px;top:14px}.invezt-device-art{top:110px;width:min(340px,90%)}.device-pedestal{bottom:40px}.voice-stage[data-product=inveztmf] .data-ribbon{width:290px;left:calc(50% - 145px)}}
@media(max-width:380px){.voice-stage[data-product=inveztmf] .ai-scene{height:300px}.invezt-device-art{top:105px}.invezt-brand-plate{width:190px}}
@media(max-height:650px) and (min-width:600px){.voice-stage[data-product=inveztmf] .ai-scene{height:290px}.invezt-brand-plate{width:195px;top:5px;padding:12px 20px}.invezt-device-art{width:300px;top:80px}.device-pedestal{bottom:38px}}
@media(prefers-reduced-motion:reduce){.invezt-showcase *{animation:none!important}.invezt-backdrop video{visibility:hidden}.invezt-backdrop{background:url('/inveztmf-hero-poster.jpg') center/cover}.invezt-device-art{transform:translateX(-50%)}.logo-shimmer{display:none}}
/* Keep topic switching before the assistant, visible while browsing the stage. */
.workspace>.catalog{grid-column:1 / -1;grid-row:1;order:-1;position:sticky;top:0;z-index:12;align-self:start;width:100%;padding:12px 0;background:#f1f5fff5;border-bottom:1px solid #d9e4f5;backdrop-filter:blur(12px)}
.workspace>.conversation{grid-row:2}
.workspace>.details{grid-row:2;top:118px}
.catalog>.eyebrow{margin:0 0 8px;padding:0 4px;font-size:9px}
.catalog #product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;overflow:visible}
.catalog .product-item{min-width:0;width:100%;padding:11px 12px;min-height:58px;margin:0;transform:none}
.catalog .product-item strong{font-size:13px}.catalog .product-item small{font-size:10px}
@media(min-width:600px) and (max-width:899px){.catalog .product-item{padding:10px 8px;gap:7px}.catalog .product-item strong{font-size:11px}.catalog .product-item small{display:none}.catalog .product-initial{width:26px;height:26px;min-width:26px;font-size:18px}}
@media(max-width:599px){.workspace>.catalog{padding:8px 0}.catalog #product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.catalog>.eyebrow{font-size:8px;margin-bottom:6px}.catalog .product-item{padding:7px 9px;min-height:44px}.catalog .product-item strong{font-size:11px}.catalog .product-item small{display:none}.catalog .product-initial{width:24px;height:24px;min-width:24px;font-size:17px}.workspace>.details{top:0}}
@media(max-height:600px){.workspace>.catalog{position:static}}
/* The genuine Digibyte mark stays present while the product takes the spotlight. */
.ai-host{position:absolute;inset:0;overflow:hidden;transition:width .6s ease;pointer-events:none}
.identity-disc{position:relative;width:132px;height:154px;margin-left:-11px;display:grid;place-items:center;border:1px solid #d6f0ffb3;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#e4efff 58%,#c6dcff 100%);box-shadow:inset 0 2px 2px #fff,0 18px 38px #01091f88,0 0 50px #7bbcff26;overflow:hidden;transform:rotateY(-12deg) rotateZ(-4deg)}
.identity-disc img{width:64px;height:108px;object-fit:contain;filter:drop-shadow(3px 5px 0 #283d6b16)}
.identity-sheen{position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 38%,#fff9 49%,transparent 62%);animation:logo-sweep 9s ease-in-out infinite}
.host-signature{position:absolute;bottom:38px;left:0;right:0;text-align:center;font:9px monospace;letter-spacing:3px;color:#9cc8ea}
.voice-stage[data-phase=speaking] .identity-disc{transform:rotateY(-12deg) rotateZ(-4deg) scale(calc(1 + var(--voice-level,0)*.08));transition:transform 90ms linear}
.voice-stage[data-product=inveztmf] .ai-host{width:38%;z-index:3}
.voice-stage[data-product=inveztmf] .brand-prism{display:block;top:87px;left:calc(50% - 55px)}
.voice-stage[data-product=inveztmf] .ai-host .scene-halo{width:220px;height:220px;left:calc(50% - 110px);top:53px}
.voice-stage[data-product=inveztmf] .ai-host .data-ribbon{width:260px;left:calc(50% - 130px);top:115px;height:140px;opacity:.6}
.voice-stage[data-product=inveztmf] .ai-host .scene-grid{inset:30% -45% -10%}
.voice-stage[data-product=inveztmf] .host-signature{bottom:58px}
.voice-stage[data-product=inveztmf] .invezt-showcase{left:38%;right:0;top:0;bottom:0;border-left:1px solid #aacfff1c}
.voice-stage[data-product=inveztmf] .invezt-brand-plate{top:38px;width:min(240px,85%);padding:14px 20px}
.voice-stage[data-product=inveztmf] .invezt-device-art{top:145px;width:94%;max-width:390px}
.voice-stage[data-product=inveztmf] .device-pedestal{bottom:35px;width:90%;left:5%}
.voice-stage[data-product=inveztmf] .scene-signature{bottom:0}
.voice-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 20%,#48b5cf13,transparent 45%),radial-gradient(ellipse at 95% 65%,#8f73ff13,transparent 50%)}
.catalog .product-item{position:relative;overflow:hidden;border-radius:14px;transition:background .25s,border-color .25s,box-shadow .25s}
.catalog .product-item.active{background:linear-gradient(120deg,#fff,#eaf3ff);border-color:#789fe9;box-shadow:0 4px 18px #3967c418}
.catalog .product-item.active:after{content:'';position:absolute;bottom:0;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,#4a8bfb,#71cfdb,transparent)}
.conversation{box-shadow:0 24px 60px #193b6e16}.button.primary,.mic{transition:box-shadow .25s,background .25s}.button.primary:hover,.mic:hover{box-shadow:0 6px 22px #3a6dc833}
@media(min-width:1500px){.voice-stage[data-product=inveztmf] .ai-scene{max-width:860px;height:390px}.voice-stage[data-product=inveztmf] .brand-prism{top:100px}.voice-stage[data-product=inveztmf] .invezt-device-art{top:135px;max-width:420px}}
@media(max-width:750px){.identity-disc{width:112px;height:132px;margin-left:-1px;border-radius:26px}.identity-disc img{width:54px;height:93px}.host-signature{bottom:30px}.voice-stage[data-product=inveztmf] .ai-scene{height:330px}.voice-stage[data-product=inveztmf] .brand-prism{top:95px}.voice-stage[data-product=inveztmf] .invezt-device-art{top:140px}.voice-stage[data-product=inveztmf] .host-signature{bottom:42px}}
@media(max-width:599px){.voice-stage[data-product=inveztmf] .ai-host{width:32%}.voice-stage[data-product=inveztmf] .invezt-showcase{left:32%}.voice-stage[data-product=inveztmf] .ai-scene{height:290px}.voice-stage[data-product=inveztmf] .brand-prism{width:76px;height:110px;left:calc(50% - 38px);top:85px}.voice-stage[data-product=inveztmf] .identity-disc{width:76px;height:102px;margin:0;border-radius:20px}.voice-stage[data-product=inveztmf] .identity-disc img{width:39px;height:68px}.voice-stage[data-product=inveztmf] .invezt-brand-plate{top:43px;padding:12px;width:90%;border-radius:10px}.voice-stage[data-product=inveztmf] .invezt-device-art{top:135px;width:96%}.voice-stage[data-product=inveztmf] .ai-host .scene-halo{width:140px;height:160px;left:calc(50% - 70px);top:55px}.voice-stage[data-product=inveztmf] .host-signature{font-size:7px;letter-spacing:1.3px;bottom:47px}.voice-stage[data-product=inveztmf] .device-pedestal{bottom:40px}.voice-stage[data-product=inveztmf] .ai-host .data-ribbon{width:160px;left:calc(50% - 80px);top:92px;height:110px}}
@media(max-height:650px) and (min-width:600px){.voice-stage[data-product=inveztmf] .ai-scene{height:280px}.voice-stage[data-product=inveztmf] .brand-prism{top:65px}.voice-stage[data-product=inveztmf] .identity-disc{width:100px;height:120px;margin-left:5px}.voice-stage[data-product=inveztmf] .identity-disc img{width:50px;height:84px}.voice-stage[data-product=inveztmf] .invezt-brand-plate{top:12px;width:190px}.voice-stage[data-product=inveztmf] .invezt-device-art{top:95px;max-width:290px}.voice-stage[data-product=inveztmf] .host-signature{bottom:38px}}
@media(prefers-reduced-motion:reduce){.ai-host,.identity-disc,.catalog .product-item{transition:none!important}.identity-disc{transform:none!important}.identity-sheen{display:none}}
/* Living orb: abstract assistant identity, with no floating logo tile. */
.brand-prism{width:150px;height:150px;left:calc(50% - 75px);top:58px;animation:orb-levitate 6s ease-in-out infinite;filter:none}
.energy-orb{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 30% 22%,#d3f7ff 0%,#6cbef3 13%,#337acb 36%,#344d9d 62%,#0c224d 88%);box-shadow:inset 7px 6px 20px #def9ff55,inset -16px -16px 24px #061b5caa,0 0 38px #6db9ff33,0 0 85px #5c99ff18;transform:scale(calc(1 + var(--voice-level,0)*.1));transition:transform 90ms linear,box-shadow .5s}
.orb-plasma{position:absolute;inset:-35%;border-radius:42%;mix-blend-mode:screen;will-change:transform;opacity:.7;background:conic-gradient(from 15deg,transparent 0 15%,#89f5ff 25%,transparent 34% 55%,#8285ff 68%,transparent 78%);animation:plasma-turn 11s linear infinite}
.plasma-two{inset:-20%;opacity:.65;filter:blur(8px);background:conic-gradient(transparent 0 20%,#41c6dd 30%,transparent 46% 65%,#bcb5ff 80%,transparent 90%);animation-direction:reverse;animation-duration:16s}
.orb-latitude{position:absolute;inset:12%;border:1px solid #b9edff44;border-top:2px solid #e9fbffbb;border-radius:50%;transform:rotate(-35deg) rotateX(62deg);animation:orb-latitude 9s ease-in-out infinite}
.orb-glint{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 29% 20%,#fff9,transparent 22%),radial-gradient(ellipse at 70% 80%,#8fa8ff44,transparent 35%);box-shadow:inset 0 0 4px #ecfbff88}
.orb-satellite{position:absolute;inset:-25px;border:1px solid #8fd8fa26;border-radius:50%;animation:satellite-turn 13s linear infinite;transform:rotateX(58deg) rotateZ(-25deg)}
.orb-satellite:before{content:'';position:absolute;top:12%;left:14%;width:6px;height:6px;border-radius:50%;background:#b3f5ff;box-shadow:0 0 12px #80e9ff}
.satellite-two{inset:-37px;animation-duration:19s;animation-direction:reverse;opacity:.6}.satellite-two:before{width:4px;height:4px;background:#c6baff}
.brand-prism .prism-shadow{width:130px;bottom:-30px;left:10px;animation:orb-shadow 6s ease-in-out infinite}
.voice-stage[data-phase=listening] .energy-orb{box-shadow:inset 7px 6px 20px #def9ff55,inset -16px -16px 24px #061b5caa,0 0 45px #71e4d755,0 0 90px #64cfee22}
.voice-stage[data-phase=thinking] .orb-plasma{animation-duration:3.5s}.voice-stage[data-phase=thinking] .orb-satellite{animation-duration:5s}
.voice-stage[data-phase=speaking] .energy-orb{box-shadow:inset 7px 6px 20px #def9ff55,inset -16px -16px 24px #061b5caa,0 0 calc(32px + var(--voice-level,0)*40px) #94c9ff66}
.voice-stage[data-phase=muted] .energy-orb{filter:saturate(.45)}
.voice-stage[data-product=inveztmf] .brand-prism{width:130px;height:130px;left:calc(50% - 65px);top:98px}.voice-stage[data-product=inveztmf] .energy-orb{width:130px;height:130px}
@keyframes orb-levitate{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -10px;rotate:4deg}}
@keyframes plasma-turn{to{transform:rotate(360deg)}}
@keyframes satellite-turn{from{transform:rotateX(58deg) rotateZ(0)}to{transform:rotateX(58deg) rotateZ(360deg)}}
@keyframes orb-latitude{50%{transform:rotate(30deg) rotateX(72deg)}}
@keyframes orb-shadow{50%{opacity:.5;scale:.8}}
@media(max-width:750px){.brand-prism{top:46px}.voice-stage[data-product=inveztmf] .brand-prism{top:100px;width:110px;height:110px;left:calc(50% - 55px)}.voice-stage[data-product=inveztmf] .energy-orb{width:110px;height:110px}}
@media(max-width:599px){.voice-stage[data-product=inveztmf] .brand-prism{top:95px;width:74px;height:74px;left:calc(50% - 37px)}.voice-stage[data-product=inveztmf] .energy-orb{width:74px;height:74px}.voice-stage[data-product=inveztmf] .orb-satellite{inset:-12px}.voice-stage[data-product=inveztmf] .satellite-two{inset:-20px}.voice-stage[data-product=inveztmf] .prism-shadow{width:65px;left:5px;bottom:-24px}}
@media(max-height:650px) and (min-width:600px){.brand-prism{top:30px;width:125px;height:125px;left:calc(50% - 62px)}.energy-orb{width:125px;height:125px}.voice-stage[data-product=inveztmf] .brand-prism{top:72px;width:100px;height:100px;left:calc(50% - 50px)}.voice-stage[data-product=inveztmf] .energy-orb{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.energy-orb{transform:none!important;transition:none}.orb-plasma{will-change:auto}}
/* Original activCA white wordmark stays legible on a navy brand surface. */
.activca-stage-brand{display:none;position:absolute;right:18px;top:15px;z-index:4;width:160px;padding:12px 16px;border:1px solid #a5e6e34d;background:linear-gradient(135deg,#1d3b53,#102239);border-radius:14px;box-shadow:0 8px 28px #0003,0 0 25px #65d6d010;overflow:hidden}
.activca-stage-brand img{display:block;width:100%;height:auto}
.voice-stage[data-product=activca] .activca-stage-brand{display:block;animation:brand-arrive .6s ease both}
.activca-detail-brand{display:block;box-sizing:content-box;width:150px;height:auto;padding:14px 18px;margin:20px 0;border-radius:14px;background:linear-gradient(135deg,#1d3b53,#102239);border:1px solid #31526b}
.catalog .product-item .brand-initial{width:62px;min-width:62px;height:36px;padding:3px 5px;border-radius:8px;background:#182e47}
.brand-initial img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:899px){.catalog .product-item .brand-initial{width:49px;min-width:49px;height:30px;padding:3px}.activca-stage-brand{width:133px;right:8px;top:8px;padding:10px 14px}}
@media(max-width:599px){.catalog .product-item .brand-initial{width:48px;min-width:48px;height:26px}.activca-stage-brand{width:115px;right:4px;top:5px;padding:8px 12px}}
/* activCA's feature illustrations share the stage with the live orb. */
.activca-showcase,.activca-feature-tabs{display:none}
.voice-stage[data-product=activca] .ai-scene{height:360px;max-width:760px}
.voice-stage[data-product=activca] .ai-host{width:32%;z-index:2}
.voice-stage[data-product=activca] .brand-prism{width:110px;height:110px;left:calc(50% - 55px);top:115px}
.voice-stage[data-product=activca] .energy-orb{width:110px;height:110px}
.voice-stage[data-product=activca] .ai-host .scene-halo{width:200px;height:220px;left:calc(50% - 100px);top:60px}
.voice-stage[data-product=activca] .ai-host .data-ribbon{width:230px;left:calc(50% - 115px);top:130px}
.voice-stage[data-product=activca] .signal-node{display:none}
.voice-stage[data-product=activca] .activca-showcase{display:block;position:absolute;left:32%;right:0;top:80px;bottom:30px;border-left:1px solid #a5e6e31c}
.activca-showcase>img{position:relative;z-index:1;display:block;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 18px 18px #0004);animation:feature-drift 8s ease-in-out infinite}
.activca-showcase .device-pedestal{bottom:0;width:85%;left:7.5%;border-color:#8fe0df33}
.voice-stage[data-product=activca] .activca-stage-brand{top:14px;right:calc(34% - 80px)}
.voice-stage[data-product=activca] .activca-feature-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 15px}
.feature-scene-button{border:1px solid #80c5d54d;border-radius:9px;background:#142e4c;color:#c3daeb;font:inherit;font-size:11px;padding:9px 13px;min-height:44px;cursor:pointer;transition:background .2s,border-color .2s}
.feature-scene-button:hover,.feature-scene-button[aria-pressed=true]{background:#245067;border-color:#8de1dc;color:#fff}.feature-scene-button:focus-visible{outline:2px solid #b3f7ef;outline-offset:3px}
@keyframes feature-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:599px){.voice-stage[data-product=activca] .ai-scene{height:280px}.voice-stage[data-product=activca] .brand-prism{width:70px;height:70px;left:calc(50% - 35px);top:115px}.voice-stage[data-product=activca] .energy-orb{width:70px;height:70px}.voice-stage[data-product=activca] .ai-host .scene-halo{width:140px;height:170px;left:calc(50% - 70px);top:65px}.voice-stage[data-product=activca] .ai-host .data-ribbon{width:160px;left:calc(50% - 80px);top:100px;height:120px}.voice-stage[data-product=activca] .orb-satellite{inset:-12px}.voice-stage[data-product=activca] .activca-stage-brand{right:calc(34% - 60px);width:120px}.voice-stage[data-product=activca] .activca-showcase{top:80px;bottom:24px}.feature-scene-button{font-size:10px;padding:8px}.voice-stage[data-product=activca] .activca-feature-tabs{gap:6px}}
@media(max-height:650px) and (min-width:600px){.voice-stage[data-product=activca] .ai-scene{height:280px}.voice-stage[data-product=activca] .brand-prism{top:88px;width:90px;height:90px;left:calc(50% - 45px)}.voice-stage[data-product=activca] .energy-orb{width:90px;height:90px}.voice-stage[data-product=activca] .activca-showcase{top:65px;bottom:25px}}
.feature-image-fallback{position:absolute;inset:10% 8%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid #78b9cb44;border-radius:20px;background:linear-gradient(145deg,#17364d,#102239);color:#c6e3ed;font-size:12px}
.feature-image-fallback[hidden]{display:none}.feature-image-fallback img{width:140px;height:auto}
.experience-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 18px;background:#0b1934;border-bottom:1px solid #85b4df19}.experience-tools .button{background:#172e4a;border:1px solid #49688e;color:#d8e9fa;font-size:11px;min-height:44px;padding:9px 13px;border-radius:12px}.experience-tools .button:first-child{background:linear-gradient(110deg,#315caa,#235c74);border-color:#6696cc}.experience-tools .button:hover{border-color:#94d9ed;background:#264768}
.experience-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.experience-starters button{font-size:11px}.experience-privacy{font-size:10px;text-align:center;line-height:1.7;color:#6b7f9e;margin:12px 0 0}.experience-dialog{background:linear-gradient(145deg,#fff,#eef5ff);border-color:#c5d9f6}.experience-dialog .intro-copy{font-size:19px;line-height:1.8;min-height:120px;color:#24456b}.intro-actions{display:flex;gap:10px;justify-content:flex-end}.solution-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.solution-choices .button{min-height:80px;white-space:normal;text-align:left;background:#fff;border-color:#b9cde9;border-radius:14px;color:#254877}
@media(max-width:599px){.experience-tools{gap:6px;padding:10px}.experience-tools .button{font-size:10px;padding:8px}.experience-starters button{font-size:10px;padding:8px}.solution-choices{grid-template-columns:1fr}.solution-choices .button{min-height:54px}.experience-dialog .intro-copy{font-size:17px}}