@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#010206;color:#00f3ff;font-family:Rajdhani,sans-serif;overflow:hidden}.logo{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:4px;color:#00f3ff;text-shadow:0 0 24px rgba(0,243,255,.35)}.logo span{color:#3b82f6}.permission-screen{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#07101f 0%,#010206 72%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.permission-screen .logo{font-size:38px}.perm-subtitle{font-family:Orbitron,monospace;font-size:11px;letter-spacing:5px;color:rgba(0,243,255,.45)}.perm-box{max-width:520px;width:90%;padding:34px;border:1px solid rgba(0,243,255,.18);border-radius:18px;background:rgba(0,243,255,.035);backdrop-filter:blur(14px);box-shadow:0 25px 80px rgba(0,0,0,.45);display:grid;gap:18px}.perm-title{text-align:center;font-family:Orbitron,monospace;font-size:13px;letter-spacing:2px;line-height:1.55}.perm-items{display:grid;gap:12px}.perm-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(0,243,255,.1);border-radius:12px;background:rgba(0,0,0,.16)}.perm-icon{font-size:24px}.perm-item strong{display:block;color:#d2f6ff}.perm-item small{display:block;color:rgba(162,241,255,.55);font-size:11px}.perm-badge{font-family:Orbitron,monospace;font-size:10px;border-radius:99px;padding:4px 9px}.badge-pending{color:#ffaa00;background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.25)}.badge-granted{color:#00ff88;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.25)}#start-btn,.submit-proxy{padding:13px;border-radius:999px;border:1px solid rgba(0,243,255,.35);background:rgba(0,243,255,.09);color:#00f3ff;font-family:Orbitron,monospace;letter-spacing:2px;cursor:pointer}.silent-btn{border:none;background:transparent;color:rgba(0,243,255,.42);text-decoration:underline;cursor:pointer}
#bg-canvas,#particle-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#bg-canvas{z-index:0}#particle-canvas{z-index:1}#cam-video{display:none}#camera-canvas{position:fixed;right:18px;bottom:82px;width:180px;height:135px;border:1px solid rgba(0,243,255,.24);border-radius:10px;z-index:50;display:none;opacity:.82}#cam-scan-line{position:fixed;right:18px;bottom:82px;width:180px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,243,255,.8),transparent);z-index:51;display:none;animation:scan 1.2s linear infinite}@keyframes scan{from{bottom:82px}to{bottom:217px}}#gesture-label{position:fixed;right:18px;bottom:224px;z-index:52;display:none;padding:5px 10px;border-radius:7px;border:1px solid rgba(0,255,136,.28);background:rgba(1,4,15,.92);font-family:Orbitron,monospace;font-size:10px;color:#00ff88;letter-spacing:1px}#action-toast{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:100;padding:8px 22px;border-radius:8px;border:1px solid rgba(0,243,255,.3);background:rgba(1,10,32,.95);font-family:Orbitron,monospace;font-size:11px;letter-spacing:2px;opacity:0;transition:.2s;pointer-events:none}#action-toast.show{opacity:1}.app-shell{position:relative;z-index:10;height:100vh;display:none;flex-direction:column}.app-shell.visible{display:flex}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(0,243,255,.14);background:rgba(1,4,15,.78);backdrop-filter:blur(15px)}.status-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(0,255,136,.24);border-radius:999px;padding:5px 12px;color:#00ff88;font-size:10px;font-family:Orbitron,monospace;letter-spacing:1px}.status-dot{width:7px;height:7px;background:#00ff88;border-radius:50%;box-shadow:0 0 10px #00ff88}.clock{font-family:Orbitron,monospace;color:rgba(0,243,255,.7)}.main-frame{flex:1;display:flex;min-height:0}.nav-panel{width:78px;display:flex;flex-direction:column;gap:10px;align-items:center;padding:18px 0;border-right:1px solid rgba(0,243,255,.1);background:rgba(1,4,15,.8);overflow:auto}.nav-btn{width:54px;height:54px;border-radius:12px;border:1px solid rgba(0,243,255,.12);background:rgba(0,243,255,.02);color:rgba(0,243,255,.45);font-family:Orbitron,monospace;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:.18s}.nav-btn.active,.nav-btn:hover{color:#00f3ff;border-color:#00f3ff;background:rgba(0,243,255,.09);box-shadow:0 0 18px rgba(0,243,255,.2)}.content-area{flex:1;min-width:0}.center-zone{height:100%;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;align-items:center;perspective:1200px}.avatar-panel{text-align:center;flex-shrink:0}.avatar-container{width:92px;height:92px;position:relative;margin:0 auto 8px}.avatar-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(0,243,255,.28);animation:spin 10s linear infinite}.avatar-core{position:absolute;inset:9px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,243,255,.32);background:radial-gradient(circle,rgba(0,52,96,.7),#010512);font-size:28px;box-shadow:0 0 24px rgba(0,243,255,.2)}@keyframes spin{to{transform:rotate(360deg)}}.avatar-name{font-family:Orbitron,monospace;letter-spacing:4px;font-size:13px}.avatar-status{font-size:10px;color:rgba(0,243,255,.48);letter-spacing:2px;text-transform:uppercase}.waveform{height:24px;display:flex;gap:3px;align-items:center;justify-content:center;margin-top:8px}.wave-bar{width:3px;height:4px;background:#00f3ff;border-radius:2px;opacity:.65;transition:.08s}.subtitle-panel,.hologram-stage,.web-view{width:min(980px,100%)}.subtitle-panel{margin:4px 0 14px;padding:12px 16px;border:1px solid rgba(0,243,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(0,243,255,.08),rgba(59,130,246,.04));box-shadow:inset 0 0 25px rgba(0,243,255,.04)}.subtitle-kicker{font-family:Orbitron,monospace;font-size:9px;letter-spacing:2.5px;color:rgba(0,255,136,.78);margin-bottom:5px}#voice-subtitle{min-height:31px;color:#e8fbff;font-size:15px;line-height:1.4}.hologram-stage{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;margin-bottom:18px;padding:18px;border-radius:18px;border:1px solid rgba(0,243,255,.18);background:radial-gradient(circle at 20% 40%,rgba(0,243,255,.16),transparent 30%),linear-gradient(135deg,rgba(1,9,30,.88),rgba(0,15,35,.58));box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 35px rgba(0,243,255,.12);transform-style:preserve-3d;transform:rotateX(var(--gesture-tilt-x,0deg)) rotateY(var(--gesture-tilt-y,0deg)) translateZ(var(--gesture-depth,0));transition:transform .25s ease,box-shadow .2s}.hologram-stage.gesture-pulse{box-shadow:0 24px 90px rgba(0,0,0,.65),0 0 75px rgba(0,255,136,.3)}.holo-orb{width:160px;height:160px;margin:auto;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#fff,rgba(0,243,255,.24) 28%,rgba(0,25,70,.18) 60%);box-shadow:inset 0 0 35px rgba(0,243,255,.25),0 0 40px rgba(0,243,255,.18);animation:holo 4s ease-in-out infinite}.holo-orb:before,.holo-orb:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(0,243,255,.42)}.holo-orb:before{transform:rotateX(68deg)}.holo-orb:after{transform:rotateY(68deg);border-color:rgba(0,255,136,.36)}@keyframes holo{50%{transform:translateY(-8px)}}.holo-title{font-family:Orbitron,monospace;color:#fff;letter-spacing:2px;margin-bottom:8px}.holo-copy p{color:#9ddfff;line-height:1.5}.gesture-readout{font-family:Orbitron,monospace;color:#00ff88;font-size:10px;letter-spacing:1.4px;margin:10px 0}.gesture-hints{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}.gesture-hints span{border:1px solid rgba(0,243,255,.12);border-radius:9px;padding:8px;color:#cfefff;background:rgba(0,243,255,.03);font-size:12px}.gesture-hints strong{color:#00f3ff}.pages-root{width:100%;display:flex;justify-content:center}.web-view{display:none;margin-bottom:18px;padding:24px;border-radius:16px;border:1px solid rgba(0,243,255,.15);background:rgba(1,6,22,.75);box-shadow:0 6px 30px rgba(0,0,0,.48);backdrop-filter:blur(10px);transform:rotateX(var(--page-tilt-x,0deg)) rotateY(var(--page-tilt-y,0deg));transition:.22s}.web-view.active-page{display:block}.web-view.gesture-focus{border-color:rgba(0,255,136,.45);box-shadow:0 28px 80px rgba(0,0,0,.6),0 0 35px rgba(0,255,136,.18)}.page-kicker{font-family:Orbitron,monospace;color:#00ff88;font-size:10px;letter-spacing:2.5px;margin-bottom:9px}.web-view h2{font-family:Orbitron,sans-serif;color:#fff;font-size:22px;letter-spacing:1.5px;margin-bottom:12px;border-bottom:1px dashed rgba(0,243,255,.18);padding-bottom:10px}.page-lead{font-size:16px;color:#d6f8ff;max-width:800px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:20px;margin-top:18px}.hero-copy{display:flex;flex-direction:column;gap:12px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.hud-pill{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(0,243,255,.18);background:rgba(0,243,255,.04);color:#c9f8ff;font-weight:700;font-size:11.5px}.visual-panel{min-height:225px;border-radius:16px;border:1px solid rgba(0,243,255,.2);position:relative;overflow:hidden;background:radial-gradient(circle at 45% 35%,rgba(0,243,255,.28),transparent 24%),linear-gradient(135deg,rgba(0,8,24,.95),rgba(0,45,72,.55));box-shadow:inset 0 0 45px rgba(0,243,255,.08),0 18px 45px rgba(0,0,0,.45)}.visual-panel:before{content:"";position:absolute;inset:18px;border-radius:14px;background:linear-gradient(90deg,transparent 48%,rgba(0,243,255,.18) 49%,transparent 51%),linear-gradient(0deg,transparent 48%,rgba(0,243,255,.12) 49%,transparent 51%);background-size:38px 38px;opacity:.7;transform:perspective(700px) rotateX(58deg) translateY(20px)}.visual-panel:after{content:attr(data-label);position:absolute;left:18px;right:18px;bottom:16px;padding:10px 12px;border:1px solid rgba(0,255,136,.24);border-radius:10px;color:#00ff88;font-family:Orbitron,monospace;font-size:10px;letter-spacing:1.5px;background:rgba(0,12,25,.72)}.visual-core{position:absolute;inset:42px;border-radius:50%;border:1px solid rgba(0,243,255,.4);box-shadow:0 0 45px rgba(0,243,255,.25)}.visual-core:before,.visual-core:after{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(0,255,136,.4)}.visual-core:before{transform:rotateX(65deg)}.visual-core:after{transform:rotateY(65deg)}.visual-panel.erp{background:radial-gradient(circle at 35% 45%,rgba(0,255,136,.22),transparent 25%),linear-gradient(135deg,rgba(2,11,22,.95),rgba(0,64,70,.5))}.visual-panel.team{background:radial-gradient(circle at 42% 34%,rgba(59,130,246,.28),transparent 25%),linear-gradient(135deg,rgba(5,8,25,.96),rgba(19,42,85,.58))}.grid-container,.metric-grid,.process-line,.contact-grid{display:grid;gap:14px;margin-top:16px}.grid-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.process-line{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));counter-reset:step}.grid-card,.metric-card,.process-step,.case-card,.contact-card,.agent-console{border:1px solid rgba(0,243,255,.12);border-radius:13px;padding:15px;background:rgba(0,243,255,.028)}.grid-card h3,.case-card h3,.agent-console h3{font-family:Orbitron,monospace;color:#00f3ff;font-size:13px;letter-spacing:1px;margin-bottom:7px}.grid-card p,.process-step p,.case-card p,.contact-card p,.agent-console p{font-size:13px;color:#8cb8db;line-height:1.45}.detail-list{display:grid;gap:10px;margin-top:10px}.detail-item{display:flex;gap:10px;color:#b9eaff;font-size:13px;line-height:1.45}.detail-item span{color:#00ff88;font-family:Orbitron,monospace;font-size:10px;margin-top:3px}.metric-value{font-family:Orbitron,monospace;color:#fff;font-size:18px}.metric-label{color:#87cce2;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.process-step:before{counter-increment:step;content:"0" counter(step);display:block;font-family:Orbitron,monospace;color:#00ff88;font-size:11px;margin-bottom:7px}.process-step strong{display:block;color:#fff;margin-bottom:5px}.case-card{display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:center;margin-top:12px}.case-thumb{min-height:108px;border-radius:12px;border:1px solid rgba(0,243,255,.16);background:radial-gradient(circle at 50% 35%,rgba(0,243,255,.28),transparent 28%),linear-gradient(135deg,rgba(0,15,35,.9),rgba(0,55,70,.35));position:relative}.case-thumb:after{content:"";position:absolute;inset:14px;border:1px solid rgba(0,255,136,.22);border-radius:50%;box-shadow:0 0 25px rgba(0,255,136,.12)}.contact-grid{grid-template-columns:1fr 1fr}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.contact-input,.contact-textarea{width:100%;border:1px solid rgba(0,243,255,.18);border-radius:10px;padding:10px 12px;background:rgba(0,243,255,.025);color:#d2f6ff;font-family:Rajdhani,sans-serif;outline:none}.contact-textarea{min-height:86px;resize:vertical;margin-top:10px}.agent-console{border-color:rgba(0,255,136,.16);background:linear-gradient(135deg,rgba(0,255,136,.05),rgba(0,243,255,.025));margin-top:14px}#requirement-summary{white-space:pre-wrap;color:#d6f8ff;font-size:12.5px;line-height:1.5;border:1px dashed rgba(0,243,255,.16);border-radius:10px;padding:10px;background:rgba(0,0,0,.18);margin-top:10px}.chat-box{width:min(980px,100%);display:flex;flex-direction:column;gap:10px;min-height:120px;padding-bottom:15px}.msg{display:flex;gap:10px;align-items:flex-start;animation:msgIn .2s ease}.msg.user{flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,243,255,.25);display:flex;align-items:center;justify-content:center;background:rgba(1,5,18,.9)}.msg-bubble{max-width:760px;padding:10px 14px;border-radius:10px;font-size:13.5px;line-height:1.5}.msg.aria .msg-bubble{background:rgba(0,243,255,.06);border:1px solid rgba(0,243,255,.15);color:#d2f6ff}.msg.user .msg-bubble{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#e2edff}.msg-time{font-size:9px;color:rgba(0,243,255,.3);font-family:Orbitron,monospace;margin-top:4px}@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.right-panel{width:245px;background:rgba(1,4,15,.86);border-left:1px solid rgba(0,243,255,.1);display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto}.panel-section{border:1px solid rgba(0,243,255,.1);border-radius:10px;padding:12px;background:rgba(0,243,255,.012)}.panel-label{font-family:Orbitron,monospace;font-size:9px;letter-spacing:2px;color:rgba(0,243,255,.45);margin-bottom:10px}.perm-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.p-granted{color:#00ff88;font-weight:700}.p-pending{color:#ffaa00}.cmd-chip{display:block;width:100%;padding:7px 10px;margin-bottom:6px;border-radius:8px;border:1px solid rgba(0,243,255,.1);background:transparent;color:rgba(0,243,255,.66);cursor:pointer;text-align:left;font-family:Rajdhani,sans-serif;font-weight:700}.cmd-chip:hover{background:rgba(0,243,255,.08);color:#00f3ff}.cmd-chip.danger{color:#ff738a;border-color:rgba(255,115,138,.2)}.lead-memory{font-size:11.5px;color:#91d9ef;line-height:1.4;max-height:140px;overflow:auto}.lead-memory code{color:#00ff88;font-family:Orbitron,monospace;font-size:9px}.bottom-bar{height:68px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(1,4,15,.92);border-top:1px solid rgba(0,243,255,.14)}#voice-btn,#camera-toggle-btn,#send-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,243,255,.2);background:rgba(0,243,255,.03);color:#00f3ff;cursor:pointer;font-size:16px}#voice-btn.listening,#camera-toggle-btn.active{border-color:#00ff88;color:#00ff88;background:rgba(0,255,136,.08)}#text-input{flex:1;border:1px solid rgba(0,243,255,.15);border-radius:22px;padding:12px 18px;background:rgba(0,243,255,.025);color:#d2f6ff;font-family:Rajdhani,sans-serif;font-size:14px;outline:none}
@media(max-width:1000px){.right-panel{display:none}.hero-layout,.contact-grid,.case-card,.hologram-stage{grid-template-columns:1fr}.gesture-hints,.input-row{grid-template-columns:1fr}.nav-panel{width:68px}.camera-canvas{width:130px;height:98px}}@media(max-width:680px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.main-frame{flex-direction:column}.nav-panel{width:100%;height:auto;flex-direction:row;overflow:auto;padding:8px}.bottom-bar{position:sticky;bottom:0}.center-zone{padding:12px}.web-view{padding:16px}.topbar{gap:10px}.status-tag{display:none}}
.top-hud-status{display:flex;gap:10px;font-family:Orbitron,monospace;font-size:9px;letter-spacing:1.5px;color:rgba(0,243,255,.55)}
.top-hud-status span{padding:3px 8px;border:1px solid rgba(0,243,255,.12);border-radius:999px;background:rgba(0,243,255,.025)}
.avatar-core img{height:62px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,243,255,.7))}
.visual-img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 64px);object-fit:cover;border-radius:12px;opacity:.72;z-index:1;mix-blend-mode:screen}
.quick-commands-panel{padding-bottom:10px}
.quick-commands-list{display:grid;gap:6px;max-height:min(52vh,420px);overflow-y:auto;padding-right:4px}
.quick-commands-list .cmd-chip{margin-bottom:0}
.msg-avatar img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,243,255,.7))}
.brand-logo-img{width:220px;max-width:72vw;height:68px;display:block;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(0,243,255,.18))}
.top-logo-img{width:148px;height:42px;max-height:42px;object-fit:contain}
.performance-readout{font-family:Orbitron,monospace;color:#00ff88;font-size:10px;letter-spacing:1.4px;margin:10px 0}
.hologram-stage.focus-pulse{box-shadow:0 24px 90px rgba(0,0,0,.65),0 0 75px rgba(0,255,136,.3)}
.grid-card-img{width:100%;height:132px;object-fit:cover;border-radius:10px;margin-bottom:12px;border:1px solid rgba(0,243,255,.14);filter:saturate(1.05) contrast(1.06)}
.case-thumb{overflow:hidden}
.case-thumb img{width:100%;height:100%;min-height:108px;object-fit:cover;border-radius:12px;opacity:.82;mix-blend-mode:screen}
.web-view{scroll-margin-top:18px}
.requirement-form-card.form-active{border-color:rgba(0,255,136,.38);box-shadow:0 0 28px rgba(0,255,136,.12)}
.requirement-form-card .voice-field-active{border-color:rgba(0,255,136,.72)!important;box-shadow:0 0 0 2px rgba(0,255,136,.28),0 0 18px rgba(0,255,136,.18);background:rgba(0,255,136,.04)}
.requirement-errors{display:none;margin-top:10px;padding:9px 11px;border-radius:9px;border:1px solid rgba(255,115,138,.28);background:rgba(255,115,138,.08);color:#ffb6c2;font-size:12px;line-height:1.4}
.requirement-errors.show{display:block}
select.contact-input option{background:#06101f;color:#d2f6ff}

/* Matrix AI service theme overrides */
:root{--mx-bg:#020604;--mx-panel:rgba(0,20,12,.78);--mx-panel-2:rgba(0,40,22,.42);--mx-green:#00ff66;--mx-green-soft:rgba(0,255,102,.18);--mx-cyan:#00f5ff;--mx-text:#dfffea;--mx-muted:#80b99a}
body{background:radial-gradient(circle at 50% -20%,rgba(0,255,102,.13),transparent 34%),linear-gradient(135deg,#010201,#031108 48%,#000);color:var(--mx-green)}
.permission-screen{background:radial-gradient(ellipse at center,rgba(0,255,102,.13) 0%,#010604 62%,#000 100%)}
.perm-box,.web-view,.panel-section,.subtitle-panel,.hologram-stage,.grid-card,.metric-card,.process-step,.case-card,.contact-card,.agent-console{border-color:rgba(0,255,102,.18)!important;background:linear-gradient(145deg,rgba(0,25,12,.78),rgba(0,8,5,.72))!important;box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 28px rgba(0,255,102,.035)}
.topbar,.right-panel,.bottom-bar,.nav-panel{background:rgba(0,8,5,.9);border-color:rgba(0,255,102,.14)}
.logo,.web-view h2,.holo-title,.grid-card h3,.case-card h3,.agent-console h3{color:#eafff0;text-shadow:0 0 18px rgba(0,255,102,.2)}
.page-kicker,.subtitle-kicker,.panel-label,.performance-readout,.status-tag,.detail-item span,.process-step:before,.lead-memory code{color:var(--mx-green)!important}
.page-lead,.detail-item,.grid-card p,.process-step p,.case-card p,.contact-card p,.agent-console p,#voice-subtitle{color:var(--mx-text)!important}
.nav-panel{width:154px;align-items:stretch;padding:18px 12px}
.nav-btn{width:100%;height:58px;border-color:rgba(0,255,102,.14);color:rgba(0,255,102,.58);background:rgba(0,255,102,.025);font-size:10px;line-height:1.05;padding:7px 8px}
.nav-btn.active,.nav-btn:hover{color:var(--mx-green);border-color:var(--mx-green);background:rgba(0,255,102,.1);box-shadow:0 0 22px rgba(0,255,102,.22)}
.hud-pill,.cmd-chip,.contact-input,.contact-textarea{border-color:rgba(0,255,102,.18);background:rgba(0,255,102,.035);color:var(--mx-text)}
#start-btn,.submit-proxy,#send-btn,#voice-btn{border-color:rgba(0,255,102,.42);background:rgba(0,255,102,.09);color:var(--mx-green)}
#action-toast{border-color:rgba(0,255,102,.32);background:rgba(0,10,5,.96);color:var(--mx-green)}
.voice-agent-toggle{width:auto!important;min-width:148px!important;border-radius:999px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:0 14px!important;font-family:Orbitron,monospace;font-size:10px!important;letter-spacing:.8px;white-space:nowrap}
.voice-toggle-dot{width:9px;height:9px;border-radius:50%;background:#ff738a;box-shadow:0 0 10px rgba(255,115,138,.55)}
#voice-btn.voice-on .voice-toggle-dot,#voice-btn.listening .voice-toggle-dot{background:var(--mx-green);box-shadow:0 0 12px rgba(0,255,102,.75)}
#voice-btn.voice-on{border-color:rgba(0,255,102,.55)!important;background:rgba(0,255,102,.1)!important;color:var(--mx-green)!important}
.visual-panel{border-color:rgba(0,255,102,.22);background:radial-gradient(circle at 40% 30%,rgba(0,255,102,.22),transparent 28%),linear-gradient(135deg,rgba(0,10,6,.96),rgba(0,35,18,.62))}
.visual-panel:after{border-color:rgba(0,255,102,.32);color:var(--mx-green);background:rgba(0,18,8,.82)}
.visual-core,.visual-core:before,.visual-core:after{border-color:rgba(0,255,102,.42);box-shadow:0 0 45px rgba(0,255,102,.18)}

/* 3D solar-system service navigation */
.hologram-stage{grid-template-columns:1fr;justify-items:center;gap:0;padding:0;margin:0}
.solar-system-map{position:relative;width:min(700px,100%);height:700px;margin:-140px;transform-style:preserve-3d;perspective:1500px;filter:drop-shadow(0 0 42px rgba(0,255,102,.28));isolation:isolate}
.holo-copy{width:100%;max-width:860px;text-align:center}
.solar-system-map:before{content:"";position:absolute;inset:298px;border-radius:50%;background:radial-gradient(circle,rgba(235,255,242,.96) 0 6%,rgba(0,255,102,.38) 16%,rgba(0,255,102,.09) 44%,transparent 70%);box-shadow:0 0 92px rgba(0,255,102,.26),inset 0 0 48px rgba(0,255,102,.22);animation:solarPulse 3.8s ease-in-out infinite}
.solar-system-map:after{content:"";position:absolute;inset:18px;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(0,255,102,.055) 12px 13px),repeating-linear-gradient(0deg,transparent 0 12px,rgba(0,255,102,.04) 12px 13px);mask-image:radial-gradient(circle,transparent 0 18%,#000 28%,transparent 74%);pointer-events:none;transform:rotateX(66deg);opacity:.8}
.solar-core,.orbit-planet{position:absolute;color:var(--mx-green);cursor:pointer;font-family:Orbitron,monospace;transition:transform .22s ease,border-color .22s,box-shadow .22s,background .22s}
.solar-core{border:1px;left:50%;top:50%;width:75px;height:75px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:12;background:radial-gradient(circle at 35% 25%,#eafff0,rgba(0,255,102,.24) 38%,rgba(0,12,6,.94) 70%);box-shadow:0 0 54px rgba(0,255,102,.48),inset 0 0 24px rgba(255,255,255,.14)}
.solar-core img{width:76px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,255,102,.46))}
.solar-core span{font-size:34px;font-weight:900;line-height:1;text-shadow:0 0 20px rgba(0,255,102,.8)}
.solar-core small{font-size:8px;letter-spacing:1.5px;color:#dfffea;margin-top:-18px}
.solar-core.active{border:1px solid #eafff0;box-shadow:0 0 64px rgba(0,255,102,.6),inset 0 0 24px rgba(255,255,255,.16)}
.orbit-track{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(62deg);z-index:5}
.orbit-spin{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;animation:solarOrbit var(--speed) linear infinite;animation-delay:var(--delay)}
.orbit-spin.reverse{animation-direction:reverse}
.orbit-planet{left:0;top:0;border:0;background:transparent;box-shadow:none;transform:rotate(var(--angle)) translateX(var(--travel,var(--orbit))) translate(-50%,-50%);padding:0;transform-style:preserve-3d}
.planet-object{display:grid;justify-items:center;gap:5px;min-width:78px;transform-style:preserve-3d;transform:rotateX(-62deg) translateZ(12px)}
.planet-name{max-width:104px;padding:3px 6px;border-radius:999px;background:rgba(0,8,4,.72);border:1px solid rgba(0,255,102,.16);font-size:8px;line-height:1.08;letter-spacing:.22px;color:#e9fff0;text-shadow:0 0 6px rgba(0,255,102,.58);text-align:center;font-weight:700;text-transform:uppercase;transform:rotate(var(--counter-angle));animation:counterLabelOrbit var(--speed) linear infinite;animation-delay:var(--delay)}
.orbit-spin.reverse .planet-name{animation-direction:reverse}
.planet-orb{position:relative;width:var(--planet-size);height:var(--planet-size);display:grid;place-items:center;transform-style:preserve-3d;perspective:320px}
.planet-sphere{position:absolute;inset:0;border-radius:50%;overflow:hidden;transform-style:preserve-3d;animation:planetTilt 8s ease-in-out infinite;animation-delay:var(--delay,0s);box-shadow:0 14px 26px rgba(0,0,0,.62),0 0 36px hsla(var(--planet-hue),100%,58%,.5)}
.planet-surface{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 24% 30%,#fff 0 4%,hsl(var(--planet-hue) 100% 82%) 9%,hsl(var(--planet-hue) 95% 58%) 24%,hsl(var(--planet-hue) 82% 34%) 48%,hsl(var(--planet-hue) 68% 16%) 68%,#010805 90%);box-shadow:inset -14px -16px 24px rgba(0,0,0,.72),inset 8px 8px 14px rgba(255,255,255,.24)}
.planet-surface:before{content:"";position:absolute;inset:10% -18%;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px);transform:rotate(-12deg);opacity:.45;mix-blend-mode:screen}
.planet-terminator{position:absolute;inset:0;border-radius:50%;background:linear-gradient(118deg,transparent 36%,rgba(0,0,0,.4) 54%,rgba(0,0,0,.88) 72%),radial-gradient(circle at 82% 68%,rgba(0,0,0,.95) 0 14%,rgba(0,0,0,.55) 32%,transparent 56%)}
.planet-specular{position:absolute;width:40%;height:30%;left:16%;top:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0 22%,rgba(255,255,255,.55) 40%,rgba(255,255,255,.12) 58%,transparent 74%);filter:blur(.2px);transform:translateZ(3px)}
.planet-rim{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 215deg at 50% 50%,transparent 0 8%,rgba(255,255,255,.36) 12%,rgba(255,255,255,.12) 18%,transparent 28%,transparent 100%);pointer-events:none}
.planet-atmo{position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle,transparent 54%,hsla(var(--planet-hue),100%,62%,.28) 66%,hsla(var(--planet-hue),100%,58%,.12) 74%,transparent 82%);pointer-events:none}
.planet-cast-shadow{position:absolute;left:50%;bottom:-10%;width:78%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62),transparent 74%);transform:translateX(-50%) rotateX(74deg);filter:blur(4px);opacity:.78;pointer-events:none}
.planet-icon{position:relative;z-index:3;font-size:calc(var(--planet-size) * .34);line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.85));transform:translateZ(10px) rotate(var(--counter-angle));animation:counterIconOrbit var(--speed) linear infinite;animation-delay:var(--delay)}
.orbit-spin.reverse .planet-icon{animation-direction:reverse}
.orbit-planet:hover .planet-sphere,.orbit-planet.active .planet-sphere{box-shadow:0 16px 32px rgba(0,0,0,.66),0 0 46px hsla(var(--planet-hue),100%,58%,.78);transform:scale(1.1)}
.orbit-planet:hover .planet-name,.orbit-planet.active .planet-name{border-color:rgba(234,255,240,.44);background:rgba(0,28,12,.9)}
.orbit-track:hover .orbit-spin,.solar-system-map:hover .orbit-track:has(.orbit-planet.active) .orbit-spin{animation-play-state:paused}
.orbit-ring{position:absolute;left:50%;top:50%;width:var(--ring-view,var(--ring));height:var(--ring-view,var(--ring));border:1px dashed rgba(0,255,102,.18);border-radius:50%;pointer-events:none;box-shadow:0 0 20px rgba(0,255,102,.055);transform:translate(-50%,-50%) rotateX(62deg)}
@keyframes solarPulse{50%{transform:scale(1.05);opacity:.78}}
@keyframes solarOrbit{to{transform:rotate(360deg)}}
@keyframes counterLabelOrbit{to{transform:rotate(calc(var(--counter-angle) - 360deg))}}
@keyframes counterIconOrbit{to{transform:translateZ(10px) rotate(calc(var(--counter-angle) - 360deg))}}
@keyframes planetTilt{0%,100%{transform:rotateY(-32deg) rotateX(12deg)}50%{transform:rotateY(32deg) rotateX(-12deg)}}

@media(prefers-reduced-motion:reduce){.orbit-spin,.planet-name,.planet-icon,.planet-sphere,.solar-system-map:before{animation:none}}
@media(max-width:1000px){.solar-system-map{width:520px;height:520px}.solar-system-map:before{inset:208px}.solar-core{width:88px;height:88px}.solar-core img{width:64px}.orbit-planet{--travel:var(--orbit-tablet)}.planet-object{min-width:66px}.planet-name{max-width:84px;font-size:6.5px}.orbit-ring{--ring-view:var(--ring-tablet)}.gesture-hints{display:none}}
@media(max-width:680px){.nav-panel{width:100%;height:auto;flex-direction:row;overflow:auto;padding:8px;align-items:center}.nav-btn{min-width:128px;height:54px}.solar-system-map{width:390px;height:390px;margin:-75px}.solar-system-map:before{inset:158px}.solar-core{width:76px;height:76px}.solar-core img{width:56px}.orbit-planet{--travel:var(--orbit-mobile)}.planet-object{min-width:54px}.planet-name{max-width:68px;font-size:5.8px;letter-spacing:.08px}.orbit-ring{--ring-view:var(--ring-mobile)}}