*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#04050b;--panel:#080b14e8;--line:#ffffff12;--muted:#7d879e;--text:#f7f8ff;--violet:#806cff;--cyan:#70efff}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:15px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow:hidden}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 68% 20%,#28135b55,transparent 34%),radial-gradient(circle at 30% 80%,#005d7c22,transparent 35%),var(--bg)}
.grid{position:absolute;inset:55% -10% -30%;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(62deg)}
.ambient{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(100px);opacity:.25}.a{background:#6946ff;left:35%;top:5%}.b{background:#00d9ff;right:-5%;bottom:-5%}
.neural-orb{position:absolute;width:300px;height:300px;left:58%;top:38%;transform-style:preserve-3d;animation:float 8s ease-in-out infinite;opacity:.5}
.core{position:absolute;inset:80px;border-radius:50%;background:radial-gradient(circle,#fff,#7ceeff 8%,#704cff 35%,#120d2a 68%,transparent 70%);box-shadow:0 0 80px #6d5cff88}
.ring{position:absolute;inset:20px;border:1px solid #79eaff55;border-radius:50%;transform-style:preserve-3d}.r1{transform:rotateX(65deg);animation:spin 12s linear infinite}.r2{transform:rotateY(65deg);animation:spin 17s linear infinite reverse}.r3{inset:55px;transform:rotateX(30deg) rotateY(55deg);animation:spin 9s linear infinite}
.neural-orb i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#8df7ff;transform:translate3d(var(--x),var(--y),var(--z));box-shadow:0 0 10px #6ff}
@keyframes spin{to{transform:rotateX(425deg) rotateY(360deg) rotateZ(360deg)}}@keyframes float{50%{transform:translateY(-18px) rotateZ(2deg)}}
.shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:270px 1fr}
.glass{background:#070a12dd;border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.side{padding:22px;border-right:1px solid #ffffff0c;position:relative}
.brand{display:flex;gap:11px;align-items:center}.brand b{display:block}.brand small{display:block;color:#68728a;font-size:8px;letter-spacing:.16em}
.orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#fff,#5feeff 25%,#6748ff 62%,transparent 70%);box-shadow:0 0 25px #5feeff99;position:relative}.orb:after{content:"";position:absolute;inset:-5px;border:1px solid #7aefff33;border-radius:50%;animation:spin 7s linear infinite}
.new-chat{width:100%;margin:28px 0 24px;padding:13px;border-radius:13px;border:1px solid #ffffff14;background:linear-gradient(135deg,#ffffff0b,#6d5cff08);color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;gap:9px;transition:.2s;box-shadow:0 10px 30px #0003}.new-chat:hover{transform:translateY(-1px);border-color:#8c7cff44}
.nav{display:grid;gap:5px}.nav-title{color:#596278;font-size:9px;letter-spacing:.17em;margin:6px 8px}.nav-title.gap{margin-top:18px}
.nav-item{border:1px solid transparent;background:transparent;color:#8490a9;padding:10px 11px;border-radius:11px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.2s}.nav-item:hover{background:#ffffff08;color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,#ffffff0e,#806cff0d);color:#fff;border-color:#ffffff0c;box-shadow:inset 2px 0 #7d6cff}
.nav-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px #000)}
.side-footer{position:absolute;left:22px;right:22px;bottom:22px;display:flex;gap:10px;align-items:center}.side-footer small{display:block;color:#69748c;font-size:11px}.status-dot,.pulse{width:7px;height:7px;border-radius:50%;background:#68f4d1;box-shadow:0 0 12px #68f4d1}
.main{min-width:0}.topbar{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative}.top-title{display:flex;gap:10px;align-items:center}.top-title strong,.top-title small{display:block}.top-title small{color:#68738b;margin-top:2px}.actions{display:flex;align-items:center;gap:8px;position:relative}.pill{font-size:9px;color:#9aa5bc;border:1px solid #ffffff13;border-radius:18px;padding:8px 10px;letter-spacing:.12em;background:#ffffff04}
.menu-btn,.mobile-menu{border:0;background:transparent;color:#b7bfd0;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:12px}.menu-btn:hover,.mobile-menu:hover{background:#ffffff09;color:#fff}.mobile-menu{display:none}
.quick-menu{position:absolute;z-index:50;right:0;top:48px;width:245px;padding:8px;border:1px solid #ffffff14;border-radius:16px;background:#090c15f2;box-shadow:0 24px 60px #0009;backdrop-filter:blur(24px)}.quick-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#dce2ef;padding:11px;border-radius:10px;text-align:left;cursor:pointer}.quick-menu button:hover{background:#ffffff0a;color:#fff}.quick-menu button span{width:22px;text-align:center;color:#8e7cff}
.chat,.panel{width:min(1080px,100%);margin:auto;height:calc(100vh - 70px);padding:26px 28px}.chat{display:flex;flex-direction:column}
.welcome{text-align:center;max-width:760px;margin:3vh auto 14px}.eyebrow{color:#8174ff;font-size:9px;font-weight:800;letter-spacing:.25em}.welcome h1{font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.06em;margin:14px 0}.welcome h1 span{background:linear-gradient(100deg,#fff,#79efff,#8b6bff);background-clip:text;-webkit-background-clip:text;color:transparent}.welcome p,.head p,.card p{color:#8993aa;line-height:1.65}
.quick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px auto 4px;max-width:720px}.hero-card{border:1px solid #ffffff12;background:linear-gradient(145deg,#0c1020e8,#080b14e8);color:#fff;border-radius:17px;padding:15px;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .2s,border-color .2s;box-shadow:0 18px 45px #0004;transform-style:preserve-3d}.hero-card:hover{border-color:#7d6cff44;box-shadow:0 24px 60px #0007,0 0 30px #6d5cff12}.hero-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff12,#6d5cff18);border:1px solid #ffffff12;box-shadow:inset 0 1px #fff2,0 10px 25px #0006;color:#a7a0ff;font-size:20px;margin-bottom:11px}.hero-card b,.hero-card small{display:block}.hero-card small{color:#6f7b93;font-size:11px;margin-top:4px}
.messages{flex:1;overflow:auto;padding:5px 2px;scroll-behavior:smooth}.msg{max-width:82%;padding:14px 17px;margin:9px 0;border-radius:18px;line-height:1.6;animation:messageIn .22s ease}.msg.user{margin-left:auto;background:linear-gradient(145deg,#171d30,#111624);border:1px solid #ffffff0d;box-shadow:0 10px 30px #0003}.msg.assistant{margin-right:auto;background:#090d16e8;border:1px solid #ffffff0c;box-shadow:0 12px 35px #0003}@keyframes messageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.composer{display:flex;gap:10px;padding:9px 10px 9px 16px;border-radius:20px;box-shadow:0 20px 55px #0005}.composer textarea{flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit;resize:none;padding:11px 0;max-height:140px}.send{width:43px;height:43px;border:0;border-radius:13px;background:linear-gradient(145deg,#fff,#dfe4ff);color:#070910;font-size:21px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px #0005;transition:.2s}.send:hover{transform:translateY(-1px) scale(1.02)}.send:disabled{opacity:.5}.memory{text-align:center;color:#5e697f;font-size:10px;padding:9px}
.panel{overflow:auto}.head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.head h2{font-size:32px;margin:7px 0}.cards{display:grid;gap:12px}
.agent,.card,.skill{background:linear-gradient(145deg,#090d16ed,#070a11e8);border:1px solid #ffffff0e;border-radius:18px;padding:18px;box-shadow:0 18px 45px #0003;transition:transform .16s,border-color .2s,box-shadow .2s;transform-style:preserve-3d}.agent:hover,.skill:hover{border-color:#7d6cff33;box-shadow:0 24px 60px #0005}
.agent{display:flex;gap:15px;align-items:flex-start}.avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#9df8ff33,#6c5cff22 45%,#0e1426);border:1px solid #ffffff14;font-weight:800;box-shadow:inset 0 1px #fff2,0 12px 25px #0005;position:relative}.avatar i{position:absolute;inset:-4px;border:1px solid #7ceeff20;border-radius:17px;transform:translateZ(-5px)}.team-avatar{font-size:21px;color:#9f96ff}.info{flex:1}.info h3{margin:0 0 4px}.info span{color:#7d88a1;font-size:12px}.info p{color:#9aa4b8;font-size:12px}.primary,.ghost{border-radius:11px;padding:10px 13px;border:1px solid #ffffff16;cursor:pointer;transition:.2s}.primary{background:linear-gradient(145deg,#fff,#dfe4ff);color:#080a10;font-weight:700;box-shadow:0 8px 25px #0004}.primary:hover{transform:translateY(-1px)}.ghost{background:#ffffff08;color:#fff}.ghost:hover{background:#ffffff0e}
.form{display:grid;gap:10px;max-width:700px}.form input,.form textarea,.form select{width:100%;padding:12px;border-radius:11px;border:1px solid #ffffff14;background:#05070e;color:#fff;font:inherit;outline:0}.form input:focus,.form textarea:focus,.form select:focus{border-color:#7d6cff66;box-shadow:0 0 0 3px #7d6cff10}.form textarea{min-height:140px}.row{display:flex;justify-content:flex-end;gap:8px}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.checks label{padding:11px;border-radius:10px;background:#ffffff07;cursor:pointer}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.skill{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center}.skill b{align-self:end}.skill>span:last-child{grid-column:2;color:#737f96;font-size:11px;margin-top:2px}.skill-icon{width:36px;height:36px;display:grid;place-items:center;grid-row:1/3;border-radius:11px;background:#ffffff08;border:1px solid #ffffff0d}.skill-icon svg{width:20px;height:20px;fill:none;stroke:#9b91ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.code-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.code-flow{position:relative;overflow:hidden}.flow-icon{font-size:34px;color:#8d80ff;text-shadow:0 0 25px #6d5cff66}.flow{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:18px 0}.flow span{font-size:11px;padding:7px 9px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff06}.flow i{color:#6c7690;font-style:normal}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.empty-state .hero-icon{margin:0}.empty-state small{color:#6f7b93;max-width:430px}
.toast{position:fixed;z-index:60;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#f4f6ff;color:#070910;padding:11px 15px;border-radius:12px;transition:.2s;box-shadow:0 18px 45px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
.hidden{display:none!important}.backdrop{display:none}
@media(max-width:900px){.shell{grid-template-columns:230px 1fr}.quick-cards{grid-template-columns:1fr}.pill{display:none}}
@media(max-width:760px){body{overflow:auto}.shell{grid-template-columns:1fr}.side{position:fixed;z-index:55;inset:0 auto 0 0;width:280px;transform:translateX(-105%);transition:.22s}.side.open{transform:none;box-shadow:30px 0 70px #0009}.backdrop{display:block;position:fixed;inset:0;z-index:54;background:#0009}.mobile-menu{display:block}.topbar{padding:0 12px}.chat,.panel{height:calc(100vh - 70px);padding:16px 12px}.welcome{margin:4vh auto 12px}.welcome h1{font-size:41px}.msg{max-width:94%}.head{flex-direction:column}.code-grid{grid-template-columns:1fr}.quick-menu{position:fixed;right:12px;top:64px}.neural-orb{left:55%;top:45%;transform:scale(.7)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.code-result{margin-top:12px;padding:13px;border:1px solid #7d6cff22;border-radius:12px;background:#050811;color:#bfc8da;font-size:12px;line-height:1.6}.code-result b{color:#fff}.code-result small{color:#69758e}.codex-answer{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0d;color:#dce2ef}

/* Chat-first refinement */
.welcome.compact{max-width:760px;margin:1.5vh auto 12px}.welcome.compact h1{font-size:clamp(34px,4.2vw,52px);margin:8px 0}.welcome.compact p{margin:0;color:#7f8aa2;font-size:13px}
.chat-context{display:flex;align-items:center;gap:11px;padding:10px 13px;margin:0 0 10px;border:1px solid #ffffff0c;border-radius:15px;background:#080c15b8;box-shadow:0 10px 30px #0003}.context-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.08em;background:linear-gradient(145deg,#ffffff16,#6d5cff20);border:1px solid #ffffff12;color:#b8b1ff}.chat-context b,.chat-context small{display:block}.chat-context small{font-size:10px;color:#68748b;margin-top:2px}.context-model{margin-left:auto;font-size:9px;color:#9ca6ba;border:1px solid #ffffff10;padding:6px 8px;border-radius:10px}
.chat .messages{min-height:180px}
@media(min-width:761px){.chat{max-width:980px}.chat .messages{padding:8px 12px}.chat-context{margin-left:8px;margin-right:8px}.composer{margin:0 8px}.memory{margin:0 8px}}
@media(max-width:760px){.welcome.compact{margin:1vh auto 9px}.welcome.compact h1{font-size:34px}.welcome.compact p{font-size:12px}.chat-context{padding:9px 11px}.context-model{display:none}.chat .messages{min-height:210px}.composer{border-radius:17px}.memory{font-size:9px}.quick-cards{display:none}}

/* CodQ workspace + 3D voice brain */
.chat-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}
.conversation-pane{min-width:0;min-height:0;display:flex;flex-direction:column}
.chat-layout .messages{min-height:0;height:100%;padding:8px 4px}
.brain-stage{min-height:0;overflow:hidden;border-radius:24px;position:relative;padding:15px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 42%,#30216b55,transparent 42%),linear-gradient(145deg,#080b16ee,#050812e8);box-shadow:0 25px 80px #0007,inset 0 1px #ffffff0a}
.brain-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#70efff0a 50%,transparent 65%);animation:sweep 6s linear infinite;pointer-events:none}
.stage-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.stage-top b,.stage-top small{display:block}.stage-top small{color:#6f7b92;font-size:10px;margin-top:2px}.stage-live{font-size:9px;color:#6cf4d2;letter-spacing:.12em}
.robot-avatar{position:relative;flex:1;min-height:310px;display:grid;place-items:center;perspective:900px;transform-style:preserve-3d;animation:avatarFloat 6s ease-in-out infinite}
.avatar-aura{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,#72efff1c,#7d6cff16 35%,transparent 68%);filter:blur(8px);box-shadow:0 0 90px #6d5cff33}
.avatar-head{position:relative;width:min(58%,210px);aspect-ratio:.82;border-radius:47% 47% 43% 43%;background:radial-gradient(circle at 37% 25%,#fff 0 1%,#b7e9ff 5%,#53617e 18%,#101829 55%,#050811 75%);border:1px solid #9beeff38;box-shadow:inset 0 0 30px #8ceeff12,0 0 50px #5feeff20,20px 30px 60px #0009;transform:rotateY(-6deg) translateZ(25px)}
.avatar-head:before{content:"";position:absolute;inset:7% 9%;border-radius:inherit;border:1px solid #78eaff28;background:linear-gradient(110deg,#ffffff08,transparent 30%,#6e5cff10);box-shadow:inset 0 0 25px #70efff12}
.avatar-head:after{content:"";position:absolute;width:22%;height:10%;right:-7%;top:42%;border:1px solid #7defff44;border-left:0;border-radius:0 16px 16px 0;box-shadow:0 0 18px #62efff33}
.ear{position:absolute;top:41%;width:8%;height:18%;border:1px solid #7defff55;border-radius:9px;background:#70efff14;box-shadow:0 0 15px #5feeff55}.ear.left{left:-6%}.ear.right{right:-6%}
.eye{position:absolute;top:40%;width:22%;height:9%;border-radius:60% 60% 45% 45%;background:radial-gradient(circle at 50% 55%,#fff 0 6%,#7ff5ff 10%,#725cff 42%,#08101e 60%);box-shadow:0 0 18px #72efff88}.eye.left{left:21%}.eye.right{right:21%}
.eye:after{content:"";position:absolute;inset:-6px -10px;border-top:1px solid #8cf5ff33;border-radius:50%}
.brow{position:absolute;top:33%;width:25%;height:8%;border-top:2px solid #8b9bb4;border-radius:50%}.brow.left{left:18%;transform:rotate(7deg)}.brow.right{right:18%;transform:rotate(-7deg)}
.nose{position:absolute;left:47%;top:45%;width:6%;height:19%;border-left:1px solid #9eeeff44;border-bottom:1px solid #9eeeff22;transform:skew(-12deg)}
.mouth{position:absolute;left:34%;top:68%;width:32%;height:8%;border-bottom:2px solid #9af5ff99;border-radius:0 0 60% 60%;filter:drop-shadow(0 0 6px #64efff77);transition:.08s}.robot-avatar.speaking .mouth{animation:lipPulse .17s ease-in-out infinite alternate}.robot-avatar.mouth-a .mouth{height:13%;border-radius:45%}.robot-avatar.mouth-b .mouth{height:5%;width:27%;left:36%}
.chin{position:absolute;left:34%;bottom:10%;width:32%;height:9%;border-bottom:1px solid #80efff33;border-radius:50%}
.avatar-neck{width:22%;height:10%;margin:-3px auto 0;border-left:1px solid #7befff33;border-right:1px solid #7befff33;background:linear-gradient(90deg,#111827,#35435d,#111827);transform:translateZ(5px)}
.avatar-body{position:relative;width:80%;height:110px;margin:-1px auto 0;border-radius:48% 48% 10% 10%;background:linear-gradient(145deg,#182238,#070b14 45%,#111a2d);border:1px solid #7defff20;box-shadow:inset 0 0 35px #7b5cff10,0 25px 50px #0008;overflow:hidden}.avatar-body:before{content:"";position:absolute;inset:10px 25%;border-radius:45%;background:radial-gradient(circle,#aef9ff 0 2%,#695cff 12%,#101827 45%,transparent 47%);box-shadow:0 0 25px #65efff44}
.body-core{position:absolute;left:50%;top:26%;width:36px;height:36px;transform:translateX(-50%);border-radius:50%;border:1px solid #8df5ff66;box-shadow:0 0 25px #6ff8ff88,inset 0 0 14px #6d5cff77}
.shoulder{position:absolute;top:12%;width:25%;height:55%;border-radius:50%;border:1px solid #7defff18;background:linear-gradient(145deg,#273650,#080c15)}.shoulder.left{left:-7%;transform:rotate(16deg)}.shoulder.right{right:-7%;transform:rotate(-16deg)}
.algorithm-spectrum{position:absolute;left:7%;right:7%;bottom:112px;height:38px;display:flex;align-items:flex-end;gap:4px;justify-content:center;opacity:.75}.algorithm-spectrum span{width:5px;border-radius:4px 4px 0 0;background:linear-gradient(#8af7ff,#765cff);box-shadow:0 0 9px #6ff}.algorithm-spectrum span:nth-child(1){height:12px}.algorithm-spectrum span:nth-child(2){height:26px}.algorithm-spectrum span:nth-child(3){height:17px}.algorithm-spectrum span:nth-child(4){height:34px}.algorithm-spectrum span:nth-child(5){height:21px}.algorithm-spectrum span:nth-child(6){height:29px}.algorithm-spectrum span:nth-child(7){height:14px}
.voice-status{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #ffffff0e;border-radius:15px;background:#050912cc}.voice-status b,.voice-status small{display:block}.voice-status small{color:#6f7b92;font-size:10px;margin-top:2px}.voice-wave{width:42px;height:25px;display:flex;align-items:center;gap:3px}.voice-wave i{width:4px;height:8px;border-radius:5px;background:#76f3ff;box-shadow:0 0 8px #6ff}.robot-avatar.speaking~.voice-status .voice-wave i{animation:wave .35s ease-in-out infinite alternate}.voice-wave i:nth-child(2){height:17px;animation-delay:.06s}.voice-wave i:nth-child(3){height:23px;animation-delay:.12s}.voice-wave i:nth-child(4){height:14px;animation-delay:.18s}.voice-wave i:nth-child(5){height:19px;animation-delay:.24s}.voice-status .mini{margin-left:auto;padding:7px 9px;font-size:10px}
.voice-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;position:relative;z-index:3}.stage-control{border:1px solid #ffffff10;background:#ffffff05;color:#dfe5f3;border-radius:11px;padding:9px 8px;text-align:left;cursor:pointer}.stage-control:hover{background:#ffffff0b;border-color:#7d6cff33}.stage-control small{display:block;color:#6f7b92;font-size:9px;margin-top:2px}
.voice-btn{width:38px;height:38px;border-radius:12px;border:1px solid #ffffff10;background:#ffffff06;color:#9eefff;cursor:pointer}.voice-btn.recording{background:#7d6cff33;box-shadow:0 0 25px #7d6cff44;animation:recordPulse 1s infinite}
.voice-panel{position:fixed;z-index:70;right:22px;top:82px;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 105px);overflow:auto;padding:16px;border:1px solid #ffffff16;border-radius:20px;background:#070a12f7;backdrop-filter:blur(26px);box-shadow:0 30px 90px #000b}.voice-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.voice-panel h3{margin:7px 0 0;font-size:20px}.voice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#ffffff06;border-radius:12px;margin:15px 0 10px}.voice-tab{border:0;background:transparent;color:#77839b;padding:9px;border-radius:9px;cursor:pointer}.voice-tab.active{background:#7d6cff22;color:#fff}.voice-list{display:grid;gap:7px}.voice-option{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #ffffff0b;border-radius:13px;background:#ffffff04;color:#fff;cursor:pointer;text-align:left}.voice-option:hover,.voice-option.active{border-color:#7d6cff44;background:#7d6cff0c}.voice-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#70efff18,#806cff20);color:#a7f8ff}.voice-option span:nth-child(2){flex:1}.voice-option small{display:block;color:#6f7b92;font-size:9px;margin-top:2px}.voice-option i{font-style:normal;color:#8f83ff}.voice-note{color:#66728a;font-size:10px;line-height:1.5;margin-top:11px}
@keyframes avatarFloat{50%{transform:translateY(-8px) rotateY(2deg)}}@keyframes lipPulse{to{transform:scaleY(.65)}}@keyframes wave{to{transform:scaleY(1.7)}}@keyframes recordPulse{50%{box-shadow:0 0 0 6px #7d6cff10,0 0 25px #7d6cff55}}@keyframes sweep{to{transform:translateX(100%)}}

.codq-workspace{height:100%;display:flex;flex-direction:column;min-height:0}.codq-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:13px}.codq-head h2{margin:6px 0;font-size:31px}.codq-head p{margin:0;max-width:700px}.codq-head-actions{display:flex;align-items:center;gap:9px}.workspace-state{font-size:10px;color:#68f4d1;border:1px solid #68f4d122;border-radius:20px;padding:8px 10px}.codq-toolbar{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #ffffff0d;border-radius:14px;background:#070a11d9;margin-bottom:10px}.codq-toolbar input{flex:1;min-width:130px;background:#05070e;border:1px solid #ffffff10;color:#cfd6e5;border-radius:9px;padding:9px 10px;outline:0;font-size:11px}.tool-tab{border:0;background:transparent;color:#77839a;padding:9px 10px;border-radius:9px;font-size:11px;cursor:pointer}.tool-tab.active,.tool-tab:hover{background:#ffffff09;color:#fff}.codq-grid{flex:1;min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr) 235px;gap:10px}.codq-grid>.card{min-height:0;overflow:hidden}.pane-title{display:flex;justify-content:space-between;color:#77839b;font-size:9px;letter-spacing:.13em;padding-bottom:10px;border-bottom:1px solid #ffffff0a}.pane-title span{letter-spacing:0;color:#8f83ff}.codq-files{padding:12px}.tree{display:grid;gap:2px;padding-top:9px}.tree-file{border:0;background:transparent;color:#8591a8;text-align:left;padding:7px 6px;border-radius:8px;font-size:10px;cursor:pointer}.tree-file:hover,.tree-file.active-file{background:#ffffff07;color:#fff}.tree-file.indent{padding-left:19px}.repo-meta{margin-top:14px;padding:10px;border:1px solid #ffffff0a;border-radius:10px;background:#ffffff03}.repo-meta span,.repo-meta b,.repo-meta small{display:block}.repo-meta span{color:#68738b;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.repo-meta b{font-size:11px;margin-top:4px}.repo-meta small{color:#68d9c1;font-size:8px;margin-top:4px}.codq-editor{display:flex;flex-direction:column;padding:0;overflow:hidden}.editor-top{padding:10px 12px;border-bottom:1px solid #ffffff0b;display:flex;justify-content:space-between;align-items:center}.editor-top span,.editor-top small{display:block}.editor-top span{font-size:11px}.editor-top small{font-size:8px;color:#69748c;margin-top:2px}.editor-actions{display:flex;gap:5px}.mini{font-size:9px;padding:7px 9px}.code-editor{margin:0;flex:1;min-height:180px;overflow:auto;padding:17px;background:#04060b;color:#b6c0d4;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.code-editor .kw{color:#a18cff}.code-editor .key{color:#6fefff}.code-editor .str{color:#8ae5b9}.codq-output{min-height:100px;max-height:190px;overflow:auto;padding:11px 13px;border-top:1px solid #ffffff0b;background:#070a12}.codq-output>b,.codq-output>span,.codq-output>small{display:block}.codq-output>b{font-size:10px}.codq-output>span,.codq-output>small{color:#718098;font-size:9px;margin-top:3px}.codq-answer{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff0a;color:#d6deec;font-size:10px;line-height:1.6}.codq-crew{padding:12px}.crew{display:grid;gap:6px;padding-top:9px}.crew-item{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #ffffff09;border-radius:11px;background:#ffffff03}.crew-item>i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#7d6cff13;color:#9d92ff;font-style:normal}.crew-item div{flex:1}.crew-item b,.crew-item small{display:block}.crew-item b{font-size:9px}.crew-item small{font-size:8px;color:#68748c;margin-top:2px}.crew-item em{font-size:7px;color:#68f4d1;font-style:normal}.goal-box{margin-top:9px;padding-top:10px;border-top:1px solid #ffffff0a}.goal-box label{font-size:9px;color:#8c97aa}.goal-box textarea{width:100%;height:105px;margin-top:7px;resize:none;background:#05070e;border:1px solid #ffffff0e;color:#dfe5f1;border-radius:10px;padding:9px;font-size:10px;outline:0}.goal-box small{display:block;color:#66728a;font-size:8px;line-height:1.4;margin-top:5px}

@media(max-width:1050px){.chat-layout{grid-template-columns:1fr}.brain-stage{min-height:360px;max-height:470px}.codq-grid{grid-template-columns:165px minmax(0,1fr)}.codq-crew{display:none}}
@media(max-width:760px){.chat-layout{display:flex;flex-direction:column;gap:9px}.brain-stage{order:-1;min-height:245px;max-height:310px;padding:11px;border-radius:19px}.robot-avatar{min-height:170px}.avatar-head{width:130px}.avatar-body{height:65px}.algorithm-spectrum{bottom:68px}.voice-controls{grid-template-columns:repeat(3,1fr)}.stage-control{font-size:9px;padding:7px}.stage-control small{font-size:7px}.voice-status{padding:7px}.chat-layout .messages{height:230px;flex:none}.voice-panel{right:10px;top:70px}.codq-head{flex-direction:column}.codq-head-actions{width:100%;justify-content:space-between}.codq-grid{grid-template-columns:1fr}.codq-files{display:none}.codq-editor{min-height:430px}.codq-toolbar{overflow:auto}.codq-toolbar input{min-width:180px}.tool-tab{white-space:nowrap}}

/* Voice-first polish + feminine 3D avatar */
.mic-glyph{display:block;width:14px;height:20px;margin:auto;border:2px solid currentColor;border-radius:8px;position:relative;font-size:0}.mic-glyph:before{content:"";position:absolute;left:50%;top:4px;width:4px;height:9px;transform:translateX(-50%);border-radius:4px;background:currentColor}.mic-glyph:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:7px;transform:translateX(-50%);border:1.5px solid currentColor;border-top:0;border-radius:0 0 9px 9px;box-shadow:0 5px 0 -4px currentColor}.voice-btn{display:grid;place-items:center}.voice-btn.recording .mic-glyph{filter:drop-shadow(0 0 7px #74f4ff);animation:micPulse .8s ease-in-out infinite alternate}
.robot-avatar[data-gender="female"] .avatar-head{background:radial-gradient(circle at 35% 22%,#fff 0 1%,#d7f2ff 5%,#687998 17%,#182237 50%,#070b14 72%);border-radius:46% 46% 43% 43%}
.robot-avatar[data-gender="female"] .avatar-head:before{box-shadow:inset 0 0 28px #baf5ff18,0 0 20px #795cff14}
.robot-avatar[data-gender="female"] .avatar-head:after{width:27%;height:34%;right:-12%;top:-5%;border:0;border-radius:55% 55% 45% 45%;background:linear-gradient(140deg,#10192e,#4e5b83 55%,#12182a);box-shadow:-12px 18px 0 -8px #293651,0 0 20px #6f5cff22;transform:rotate(15deg)}
.robot-avatar[data-gender="female"] .mouth{border-bottom-color:#a4f7ff}
.robot-avatar[data-gender="female"] .avatar-body{border-radius:48% 48% 12% 12%;background:linear-gradient(145deg,#1e2940,#080d17 48%,#182238)}
.robot-avatar[data-gender="male"] .avatar-head{background:radial-gradient(circle at 38% 24%,#fff 0 1%,#c6eaff 5%,#586983 18%,#111b2e 55%,#050810 75%)}
@keyframes micPulse{to{transform:scale(1.08)}}


/* Business CTA + SEO conversion surface */
.business-cta{max-width:760px;margin:14px auto 4px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #7d6cff22;border-radius:16px;background:linear-gradient(135deg,#0b1020dd,#090b15d9);box-shadow:0 15px 40px #0004,inset 0 1px #ffffff08}
.business-kicker,.business-cta b,.business-cta small{display:block}.business-kicker{font-size:8px;letter-spacing:.16em;color:#8c80ff;font-weight:800}.business-cta b{font-size:13px;margin-top:4px}.business-cta small{font-size:10px;color:#77839a;margin-top:3px;line-height:1.4}.business-mail{flex:0 0 auto;text-decoration:none;color:#071018;background:linear-gradient(135deg,#f7f9ff,#8df4ff);border-radius:11px;padding:10px 13px;font-size:10px;font-weight:800;box-shadow:0 8px 24px #0005;transition:.2s}.business-mail:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0007}.business-mail span{font-size:13px;margin-left:3px}
@media(max-width:760px){.business-cta{align-items:flex-start;flex-direction:column;gap:10px;margin-top:11px;padding:12px}.business-mail{width:100%;text-align:center}.business-cta small{max-width:290px}}


/* SEO content / engagement */
.seo-intro{max-width:1100px;margin:16px auto 0;padding:20px;border:1px solid #ffffff10;border-radius:20px;background:linear-gradient(135deg,#0a0e19e8,#080a12dd);display:grid;grid-template-columns:minmax(0,1.8fr) minmax(180px,.7fr);gap:18px;box-shadow:0 18px 55px #0004}
.seo-intro h2{margin:7px 0 8px;font-size:clamp(20px,3vw,30px);line-height:1.1;letter-spacing:-.02em}.seo-intro p{margin:0;color:#8b96aa;line-height:1.65;font-size:12px;max-width:780px}
.seo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.seo-links a{color:#dffcff;text-decoration:none;border:1px solid #78e9ff24;background:#ffffff06;padding:8px 10px;border-radius:10px;font-size:10px;font-weight:700}.seo-links a:hover{background:#ffffff0d;border-color:#78e9ff45}
.seo-topics{display:flex;align-content:flex-start;flex-wrap:wrap;gap:7px}.seo-topics span{height:max-content;padding:7px 9px;border-radius:999px;border:1px solid #8b72ff22;background:#ffffff05;color:#9da7bb;font-size:9px}
@media(max-width:900px){.seo-intro{grid-template-columns:1fr;margin:12px 0}.seo-topics{padding-top:2px}}

/* v20260922-9: conversation history, auth, attachments and realistic avatar */
.conversation-history{margin:12px 8px 0;padding-top:12px;border-top:1px solid #ffffff0a}.history-heading{display:flex;justify-content:space-between;align-items:center;padding:0 4px 7px;color:#69758c;font-size:8px;letter-spacing:.14em}.history-heading button{border:0;background:transparent;color:#8d98ac;font-size:8px;cursor:pointer}.history-heading button:hover{color:#fff}.conversation-row{display:flex;align-items:center;gap:2px;margin:2px 0;border-radius:10px}.conversation-row.active{background:#7d6cff12;border:1px solid #7d6cff22}.conversation-open{display:flex;align-items:center;gap:7px;flex:1;min-width:0;border:0;background:transparent;color:#7e899f;text-align:left;padding:7px;border-radius:9px;font-size:9px;cursor:pointer}.conversation-open span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-open:hover{color:#fff;background:#ffffff05}.conversation-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#556176}.conversation-row.active .conversation-dot{background:#72f4dc;box-shadow:0 0 8px #72f4dc}.conversation-delete{border:0;background:transparent;color:#4f5a6e;padding:6px 7px;cursor:pointer;font-size:14px}.conversation-delete:hover{color:#ff8eaa}.attach-btn{width:38px;height:38px;border-radius:12px;border:1px solid #ffffff10;background:#ffffff06;color:#a7f8ff;font-size:21px;line-height:1;cursor:pointer}.attach-btn:hover{background:#7d6cff18;border-color:#7d6cff33}.attachment-tray{display:flex;flex-wrap:wrap;gap:6px;margin:0 8px 7px}.attachment-chip{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #ffffff10;background:#080c15;border-radius:9px;color:#bfc8d8;font-size:9px}.attachment-chip b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{border:0;background:transparent;color:#8792a6;cursor:pointer}.auth-card,.account-card{max-width:680px;padding:24px}.auth-orb{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:radial-gradient(circle,#79efff,#6251ff 55%,#0b1020);color:#fff;font-weight:900;box-shadow:0 0 35px #6f5cff55}.auth-card h3{font-size:22px;margin:16px 0 7px}.auth-card p,.auth-note,.auth-consent,.benefits{color:#7d899f;font-size:12px;line-height:1.55}.google-button{margin:20px 0 10px;min-height:44px}.auth-note{font-size:10px}.auth-consent{margin-top:16px;padding-top:14px;border-top:1px solid #ffffff0a}.account-user{display:flex;align-items:center;gap:12px}.account-photo{width:48px;height:48px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:#7d6cff22;color:#fff;font-weight:800}.account-photo img{width:100%;height:100%;object-fit:cover}.account-user b,.account-user span{display:block}.account-user span{color:#748096;font-size:11px;margin-top:3px}.benefits{margin:20px 0;padding:13px;border:1px solid #ffffff0d;border-radius:14px;background:#ffffff03}.benefits b,.benefits span{display:block}.benefits b{color:#e7ecf6;font-size:11px}.consent-row{display:flex;gap:10px;align-items:flex-start;color:#8490a5;font-size:10px;line-height:1.5;padding:12px 0}.consent-row input{accent-color:#7662ff;margin-top:2px}.avatar-realistic{position:absolute;inset:2% 4% 3%;z-index:4;border-radius:28% 28% 24% 24%;overflow:hidden;background:radial-gradient(circle at 50% 28%,#f1fbff 0 2%,#8ab7d4 4%,#27384f 16%,#111a2c 38%,#080c16 68%),linear-gradient(145deg,#17263d,#070a12 58%,#15102e);transform:translateZ(55px);filter:saturate(1.08) contrast(1.04);box-shadow:0 25px 80px #0008,inset 0 0 55px #68efff18}.avatar-realistic:before{content:"";position:absolute;left:17%;right:17%;top:17%;height:43%;border-radius:48% 48% 44% 44%;background:radial-gradient(ellipse at 50% 40%,#f6fbff 0 2%,#c8e5f1 10%,#8ba9be 25%,#4d6379 43%,#172237 68%,#0a0f1c 100%);box-shadow:inset 0 0 28px #ffffff20,0 18px 35px #0008;animation:avatarLight 5s ease-in-out infinite}.avatar-realistic:after{content:"";position:absolute;left:9%;right:9%;top:8%;height:31%;border-radius:48% 48% 20% 20%;background:linear-gradient(135deg,#0b1324,#506080 44%,#111827 75%);box-shadow:0 -8px 28px #725cff22,0 0 18px #6feeff16}.avatar-depth{position:absolute;inset:0;box-shadow:inset 0 0 60px #0008,0 0 45px #6b5cff25}.robot-avatar .avatar-head,.robot-avatar .avatar-neck,.robot-avatar .avatar-body,.robot-avatar .algorithm-spectrum{opacity:0}.robot-avatar{min-height:330px;overflow:hidden}.robot-avatar.speaking .avatar-realistic{animation:realAvatarTalk .18s ease-in-out infinite alternate}.voice-btn.recording .mic-glyph{box-shadow:0 0 18px #74f4ff88}@keyframes avatarLight{50%{transform:translateX(3%) scale(1.01)}}@keyframes realAvatarTalk{to{transform:translateZ(57px) scale(1.005)}}@media(max-width:1050px){.conversation-history{max-height:180px;overflow:auto}.avatar-realistic{inset:2% 8% 3%}.robot-avatar{min-height:270px}}@media(max-width:760px){.conversation-history{margin-top:8px;max-height:150px}.history-heading{padding-bottom:4px}.conversation-open{font-size:8px;padding:6px}.robot-avatar{min-height:220px}.avatar-realistic{inset:0 8% 0;border-radius:24px}.composer{display:grid;grid-template-columns:38px minmax(0,1fr) 38px 38px;gap:6px;align-items:end}.composer textarea{min-width:0}.attach-btn,.voice-btn,.send{width:38px;height:38px}.auth-card,.account-card{padding:18px}.google-button{overflow:hidden}}

/* WebGL / GLB avatar stage */
.avatar-3d{min-height:310px;isolation:isolate}
.avatar-3d canvas{position:absolute;inset:34px 4% 24px;width:92%;height:calc(100% - 58px);display:block;z-index:2;filter:drop-shadow(0 18px 38px #0008)}
.avatar-3d .avatar-aura{z-index:0;width:78%;height:78%;animation:avatarAura 5s ease-in-out infinite}
.avatar-3d-hud{position:absolute;z-index:4;left:10px;right:10px;top:8px;display:flex;justify-content:space-between;pointer-events:none}
.hud-chip{font-size:8px;letter-spacing:.13em;color:#8eefff;border:1px solid #6eefff22;background:#07101acc;border-radius:9px;padding:5px 7px;box-shadow:0 0 18px #5feeff12}
@keyframes avatarAura{50%{transform:scale(1.05);opacity:.8}}
@media(max-width:760px){.avatar-3d{min-height:290px}.avatar-3d canvas{inset:34px 0 22px;width:100%;height:calc(100% - 56px)}}

/* =========================================================
   AGENTICUANTICO REFERENCE UI — premium 3D command center
   ========================================================= */
:root{
 --aq-bg:#020611;--aq-panel:#061022e8;--aq-panel2:#08162be8;
 --aq-blue:#168cff;--aq-cyan:#64edff;--aq-violet:#714dff;--aq-line:#2b67b866;
 --aq-muted:#7890b2;--aq-glow:0 0 34px #247cff25;
}
html,body{background:var(--aq-bg)}
body{overflow:hidden}
.scene{background:
 radial-gradient(circle at 54% 38%,#0b5b9c22,transparent 28%),
 radial-gradient(circle at 74% 20%,#5d31c933,transparent 34%),
 radial-gradient(circle at 20% 80%,#005b9d25,transparent 40%),#020611}
.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#0a7cff0d 50%,transparent 66%);animation:scanA 9s linear infinite}
@keyframes scanA{to{transform:translateX(16%)}}
.shell{grid-template-columns:232px minmax(0,1fr);height:100vh;min-height:100vh}
.glass{background:linear-gradient(145deg,#061021e8,#030918e8);border-color:#3279c53d;box-shadow:inset 0 1px #ffffff08,0 20px 70px #0007}
.side{padding:12px 11px;border-right:1px solid #2363a52e;overflow:hidden}
.brand-reference{padding:5px 7px 14px;gap:9px}
.brand-reference b{font-size:19px;letter-spacing:-.04em}.brand-reference small{font-size:8px;color:#6f90ba;letter-spacing:.11em;margin-top:2px}
.brand-neural{position:relative;width:45px;height:45px;display:block;flex:none;border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#57ecff 5% 13%,transparent 14%),radial-gradient(circle,#5a55ff33,transparent 65%);filter:drop-shadow(0 0 13px #3eeaff)}
.brand-neural:before,.brand-neural:after{content:"";position:absolute;border:1px solid #62eaff99;border-radius:50%;inset:7px 1px;transform:rotate(28deg)}
.brand-neural:after{inset:1px 8px;transform:rotate(-28deg)}
.brand-neural span,.brand-neural i,.brand-neural b{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #6ff;left:20px;top:11px}.brand-neural i{left:9px;top:23px}.brand-neural b{left:30px;top:30px}
.new-chat{margin:6px 0 10px;padding:11px 12px;border:1px solid #3387e066;background:linear-gradient(100deg,#057cff,#584dff);box-shadow:0 12px 30px #0b63ff30;color:#fff;font-weight:700;border-radius:10px}
.reference-nav{gap:2px}.reference-nav .nav-item{padding:8px 9px;border-radius:10px;gap:9px;color:#8da4c7;min-height:43px}
.reference-nav .nav-item b,.reference-nav .nav-item small{display:block}.reference-nav .nav-item b{font-size:12px;color:inherit}.reference-nav .nav-item small{font-size:8px;color:#617795;margin-top:2px}
.reference-nav .nav-item.active{background:linear-gradient(90deg,#087cff38,#4d4aff12);border-color:#2189ff55;box-shadow:inset 2px 0 #23aaff,0 8px 28px #087cff12;color:#fff}
.reference-nav .nav-icon{width:25px;height:25px;border:1px solid #287ad355;border-radius:8px;background:#071c36;box-shadow:inset 0 0 15px #0e72ff16;color:#70ddff;font-size:15px}
.reference-history{display:none}
.side-promo{position:absolute;left:11px;right:11px;bottom:12px;border:1px solid #276ab33d;border-radius:13px;padding:10px;background:linear-gradient(145deg,#06162bdb,#050b19e8);overflow:hidden}
.side-promo>b,.side-promo>small{display:block}.side-promo>b{font-size:11px;margin-top:8px}.side-promo>small{color:#6f91bd;font-size:9px;margin-top:3px}.side-promo em{position:absolute;right:10px;bottom:8px;font-size:7px;color:#6683a9;border:1px solid #2d659a66;border-radius:9px;padding:2px 6px;font-style:normal}
.promo-art{height:42px;border-radius:9px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#58eaff44,transparent 20%),linear-gradient(135deg,#081b45,#110c3b);border:1px solid #3477c344}
.promo-art:before,.promo-art:after{content:"";position:absolute;left:50%;top:50%;border:1px solid #54eaff77;border-radius:50%;transform:translate(-50%,-50%);width:45px;height:18px;box-shadow:0 0 22px #43dfff55}.promo-art:after{transform:translate(-50%,-50%) rotate(60deg)}
.promo-art span{position:absolute;width:15px;height:15px;border-radius:50%;left:calc(50% - 7px);top:calc(50% - 7px);background:radial-gradient(circle,#fff,#63edff 25%,#6950ff 70%);box-shadow:0 0 20px #52eaff}
.promo-art i{position:absolute;inset:0;background:linear-gradient(120deg,transparent,#66eaff13,transparent);animation:promoSweep 3s linear infinite}
@keyframes promoSweep{to{transform:translateX(100%)}}
.topbar{height:58px;margin:0 10px;border-radius:0 0 15px 15px;padding:0 14px;border-top:0;background:#030a17d9}
.top-title{display:none}.actions{margin-left:auto}.pill{border:1px solid #3187db55;background:#07162be8;color:#89e8ff;font-size:9px}
.main{height:100vh;min-width:0}.reference-chat{width:100%;height:calc(100vh - 58px);padding:10px 10px 12px;margin:0}
.reference-layout{display:grid;grid-template-columns:minmax(300px,0.9fr) minmax(410px,1.25fr) 290px;gap:9px;height:100%;min-height:0}
.reference-conversation{min-width:0;display:flex;flex-direction:column;position:relative}
.agent-header{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:13px;margin-bottom:7px;min-height:48px}
.agent-mini-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#60eaff 25%,#6b45ff 65%);color:#071021;font-weight:900;box-shadow:0 0 20px #51eaff66}
.agent-header b,.agent-header small{display:block}.agent-header small{font-size:8px;color:#69e2a8;margin-top:2px}.agent-header small .status-dot{display:inline-block;width:5px;height:5px;margin-right:3px}
.model-chip,.webgl-chip{margin-left:auto;font-size:8px;padding:5px 7px;border:1px solid #4677c455;border-radius:8px;color:#9db5da;background:#071528}.webgl-chip{margin-left:0;color:#72edff}
.reference-messages{padding:2px 5px 8px;scrollbar-width:thin}.reference-welcome{font-size:12px;line-height:1.6;background:linear-gradient(145deg,#081b35e8,#071024e8);border-color:#2369b84a;max-width:95%;box-shadow:0 15px 40px #0005}.reference-welcome b{color:#fff}.reference-welcome small{color:#6e87aa}
.msg{font-size:12px;padding:11px 13px;border-radius:13px}.msg.user{background:linear-gradient(145deg,#164fe7,#4e38c8);border-color:#5e82ff55;box-shadow:0 10px 28px #174fff24}.msg.assistant{background:#07152ae8;border-color:#2767a844}
.reference-composer{margin-top:auto;padding:7px 8px 7px 10px;border-radius:17px;border-color:#286dc95e;background:#06152be8;box-shadow:0 15px 40px #0007}
.reference-composer textarea{font-size:12px;padding:9px 0}.attach-btn,.voice-btn,.send{width:37px;height:37px;border-radius:12px}.attach-btn{border:1px solid #317bd366;background:#071b36;color:#83eaff;font-size:22px}.voice-btn{border:1px solid #396eff66;background:#18265e;color:#fff}.send{background:linear-gradient(135deg,#7e6aff,#2e8dff);color:#fff}
.reference-quick{display:flex;gap:6px;position:relative;padding:7px 0 4px;flex-wrap:wrap}.reference-quick>button:not(.menu-btn){font-size:8px;border:1px solid #2d72b74d;background:#06152ae8;color:#a7c2e5;padding:6px 9px;border-radius:12px;cursor:pointer}.reference-quick>button:hover{border-color:#52b9ff88;color:#fff}.reference-quick .menu-btn{margin-left:auto;font-size:15px}
.reference-quick .quick-menu{right:0;top:35px}
.memory{font-size:7px;color:#5d789c;padding:3px 4px;text-align:center}
.reference-stage{position:relative;min-width:0;overflow:hidden;border-radius:14px;border-color:#2c7bd85c;background:radial-gradient(circle at 50% 42%,#092f58b5,transparent 48%),linear-gradient(160deg,#020b18e8,#030714f5);box-shadow:0 0 50px #147cff12,inset 0 0 55px #1b75d40d}
.reference-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b5ba51b,transparent 30%,transparent 70%,#2c4bff12);pointer-events:none}
.stage-top{position:absolute;z-index:8;left:13px;right:13px;top:10px;display:flex;align-items:center;justify-content:space-between}.stage-top b{display:block;font-size:12px}.stage-top small{display:block;color:#72a0c9;font-size:8px;margin-top:2px}.stage-live{font-size:8px;color:#69f0bf;background:#08231d;border:1px solid #3acb9c55;border-radius:9px;padding:5px 7px}
.stage-floating-badge{position:absolute;z-index:8;right:16px;top:95px;max-width:155px;padding:9px 11px;border:1px solid #2e7dff77;border-radius:13px;background:#06162ae8;color:#cceeff;font-size:9px;box-shadow:0 10px 35px #0006}.stage-floating-badge:before{content:"";position:absolute;left:-7px;bottom:8px;border:7px solid transparent;border-right-color:#2e7dff77}
.reference-avatar{position:absolute!important;inset:32px 8px 68px!important;min-height:0!important}.reference-avatar canvas{inset:0!important;width:100%!important;height:100%!important;filter:drop-shadow(0 22px 55px #007cff66)}
.reference-avatar .avatar-aura{width:82%;height:82%;top:11%;left:9%;background:radial-gradient(circle,#31cfff1c 0,#7d5dff14 28%,transparent 68%);filter:blur(8px)}
.reference-avatar:after{content:"";position:absolute;z-index:1;left:14%;right:14%;bottom:2%;height:26%;background:radial-gradient(ellipse,#137dff4a,transparent 67%);filter:blur(20px);pointer-events:none}
.avatar-3d-hud{top:8px}.hud-chip{font-size:7px;padding:4px 6px}
.reference-speaking{position:absolute;z-index:10;left:15px;right:15px;bottom:12px;border:1px solid #2b83f966;border-radius:13px;background:#05172de8;padding:8px 10px;display:flex;align-items:center;gap:8px;box-shadow:0 0 30px #168dff18}.reference-speaking b{font-size:9px}.reference-speaking small{font-size:7px;color:#78a2cc}.reference-speaking .ghost{margin-left:auto}
.voice-wave{display:flex;gap:2px;align-items:center;height:24px}.voice-wave i{display:block;width:2px;height:8px;background:#52dfff;box-shadow:0 0 6px #4eeaff;animation:wave 1s ease-in-out infinite}.voice-wave i:nth-child(2){animation-delay:.1s;height:15px}.voice-wave i:nth-child(3){animation-delay:.2s;height:21px}.voice-wave i:nth-child(4){animation-delay:.3s;height:13px}.voice-wave i:nth-child(5){animation-delay:.4s;height:7px}@keyframes wave{50%{transform:scaleY(.35)}}
.reference-right{width:auto;min-width:0;border-radius:14px;overflow:auto;padding:7px;scrollbar-width:thin}
.right-section{border:1px solid #2b6aa83d;border-radius:12px;background:#061326b8;padding:9px;margin-bottom:7px}.right-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#dbe9ff;margin-bottom:8px}.right-head .menu-btn{width:22px;height:22px;font-size:16px}
.reference-right .voice-tabs{margin-bottom:7px}.voice-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0a1b36;border:1px solid #245e9c66;border-radius:8px;padding:2px}.voice-tab{border:0;background:transparent;color:#7894b7;padding:6px;border-radius:6px;font-size:8px}.voice-tab.active{background:linear-gradient(90deg,#254eff,#813dff);color:#fff;box-shadow:0 5px 16px #4a4cff35}
.reference-right .voice-list{display:grid;gap:4px}.voice-option{display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:7px;padding:6px;border:1px solid transparent;border-radius:9px;background:#07162a;color:#b8cae5;text-align:left;cursor:pointer}.voice-option:hover,.voice-option.active{border-color:#2e83e566;background:#0a1e39}.voice-option.active{box-shadow:inset 2px 0 #58dfff}.voice-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff,#64eaff 22%,#7448ff 70%);font-size:13px;color:#081323}.voice-option b,.voice-option small{display:block}.voice-option b{font-size:8px;color:#e9f4ff}.voice-option small{font-size:7px;color:#6e8bad;margin-top:2px}.voice-option i{font-style:normal;color:#6fe7ff;font-size:12px}.more-voices{width:100%;border:0;background:transparent;color:#6eb7ef;font-size:7px;padding:5px;cursor:pointer}
.language-row{width:100%;display:grid;grid-template-columns:24px 1fr 12px;align-items:center;gap:5px;border:1px solid transparent;background:#07162a;color:#8eabc9;padding:7px;border-radius:8px;text-align:left;font-size:8px;margin-top:3px}.language-row.active{border-color:#2376c955;color:#72dfff;background:#0a1f3b}.language-row span:last-child{font-size:14px}
.quick-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.quick-action-grid button{border:1px solid #2b6ba944;background:#07172d;color:#77a7d7;border-radius:9px;padding:7px 3px;cursor:pointer}.quick-action-grid button:hover{border-color:#48a8ff77;color:#fff}.quick-action-grid span,.quick-action-grid b{display:block}.quick-action-grid span{font-size:14px;color:#69e6ff}.quick-action-grid b{font-size:6px;margin-top:3px}
.voice-slider{display:flex;align-items:center;gap:7px}.voice-slider button{width:30px;height:30px;border-radius:50%;border:1px solid #2f86ff77;background:#1758ff;color:#fff;box-shadow:0 0 20px #176fff55}.wave-line{width:46px;height:14px;background:linear-gradient(90deg,transparent 0 10%,#5be7ff 10% 14%,transparent 14% 22%,#5be7ff 22% 25%,transparent 25% 34%,#5be7ff 34% 38%,transparent 38% 46%,#5be7ff 46% 49%,transparent 49% 100%);opacity:.8}.voice-slider input{width:95px;accent-color:#38aaff}
.right-promo{position:relative;left:auto;right:auto;bottom:auto;margin-top:8px;padding:7px}.right-promo .promo-art{height:54px}.right-promo>b{font-size:8px}.right-promo>small{font-size:8px}
.hidden{display:none!important}
@media(max-width:1200px){.shell{grid-template-columns:210px 1fr}.reference-layout{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.1fr) 250px}.model-chip{display:none}}
@media(max-width:980px){.reference-layout{grid-template-columns:minmax(250px,.85fr) minmax(330px,1fr)}.reference-right{display:none}.reference-stage{min-height:0}.side{padding:10px}.side-promo{display:none}}
@media(max-width:760px){body{overflow:auto}.shell{grid-template-columns:1fr;min-height:100vh}.side{position:fixed;z-index:100;left:-245px;top:0;bottom:0;width:232px;transition:.25s;box-shadow:20px 0 60px #0009}.side.open{left:0}.main{min-height:100vh}.topbar{margin:0;height:54px}.mobile-menu{display:block}.reference-chat{height:calc(100vh - 54px);padding:6px}.reference-layout{display:flex;flex-direction:column;overflow:auto}.reference-conversation{min-height:43vh}.reference-stage{height:49vh;min-height:340px;order:-1}.reference-messages{max-height:20vh}.reference-quick{display:none}.stage-floating-badge{top:65px;right:10px}.reference-speaking{bottom:8px}.reference-avatar{inset:30px 5px 58px!important}.agent-header{margin-bottom:4px}.memory{display:none}.quick-menu{top:43px}}

.top-brand-mobile{display:none;align-items:center;gap:7px;color:#fff;font-size:13px}.brand-neural.mini{width:30px;height:30px;transform:scale(.72)}
.top-search{position:absolute;left:50%;transform:translateX(-50%);width:min(410px,46vw);height:36px;display:flex;align-items:center;gap:8px;border:1px solid #3174c95c;border-radius:11px;background:#06142ae8;padding:0 10px;color:#78a9d8}.top-search span{font-size:17px}.top-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e8f4ff;font-size:11px}.top-search input::placeholder{color:#5d789d}.top-search kbd{font-size:7px;color:#5e82ab;border:1px solid #2b5b8f55;border-radius:5px;padding:3px 5px}
.top-actions{display:flex;align-items:center;gap:5px;margin-left:auto;position:relative}.top-icon{width:30px;height:30px;border:1px solid #28639f44;border-radius:9px;background:#061326;color:#8fc5ed;font-size:12px;position:relative;cursor:pointer}.top-icon i{position:absolute;right:-2px;top:-3px;width:11px;height:11px;border-radius:50%;background:#ff3858;color:#fff;font-size:7px;font-style:normal}
.profile-chip{height:36px;display:flex;align-items:center;gap:7px;border:1px solid #2b659d55;border-radius:10px;background:#061326;color:#d9e9ff;padding:3px 7px;cursor:pointer;text-align:left}.profile-photo{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#64eaff 25%,#714cff 72%);color:#061022;font-weight:900;font-size:8px}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:8px}.profile-chip small{font-size:7px;color:#ffc52f;margin-top:2px}.profile-chip em{font-style:normal;color:#7194b9;margin-left:6px}
#menuBtn{font-size:18px}
#menuBtnBottom{font-size:13px;width:32px;height:26px}
@media(max-width:760px){.top-search{display:none}.top-brand-mobile{display:flex}.top-icon{display:none}.profile-chip{display:none}}

.quantum-anchor-label{position:absolute;z-index:9;left:15px;top:54px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #37cfff4a;border-radius:10px;background:#031125b8;backdrop-filter:blur(10px);box-shadow:0 0 24px #19bfff18}.quantum-anchor-label b{font-size:7px;letter-spacing:.12em;color:#9cecff}.quantum-anchor-label small{font-size:6px;color:#5e8bb8}.qa-pulse{width:6px;height:6px;border-radius:50%;background:#5beaff;box-shadow:0 0 10px #5beaff;animation:qaPulse 1.4s ease-in-out infinite}@keyframes qaPulse{50%{transform:scale(1.7);opacity:.55}}
.reference-stage{perspective:900px}.reference-avatar{transform-style:preserve-3d}.reference-avatar canvas{mix-blend-mode:screen}.reference-avatar:before{content:"";position:absolute;inset:6% 5%;border-radius:50%;background:radial-gradient(circle at 50% 45%,transparent 0 34%,#2de5ff0b 42%,transparent 66%);box-shadow:inset 0 0 90px #1a70ff0b;pointer-events:none;z-index:2}.reference-stage:after{content:"";position:absolute;left:5%;right:5%;bottom:7%;height:1px;background:linear-gradient(90deg,transparent,#42eaff77,#765dff77,transparent);box-shadow:0 0 30px #43dfff55;pointer-events:none}
@media(max-width:760px){.quantum-anchor-label{left:9px;top:53px}.quantum-anchor-label small{display:none}}



/* Cinematic landing — original AgentiCuantico art direction */
:root{
  --font-heading:'HelveticaNowDisplay-Medium','Helvetica Neue',Arial,sans-serif;
  --font-body:'HelveticaNowDisplayW01-Rg','Helvetica Neue',Arial,sans-serif;
}
body{font-family:var(--font-body)}
.cinematic-hero{
  position:fixed;inset:0;z-index:200;background:#050505;color:#fff;overflow:hidden;
  font-family:var(--font-body);opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease;
}
.cinematic-hero.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:0;filter:saturate(.82) contrast(1.05) brightness(.72)}
.hero-vignette{position:absolute;inset:0;z-index:1;background:
  radial-gradient(circle at 67% 48%,transparent 0 25%,rgba(0,0,0,.12) 46%,rgba(0,0,0,.7) 100%),
  linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.08) 55%,rgba(0,0,0,.45))}
.hero-nav{position:absolute;z-index:5;top:0;left:0;right:0;padding:18px 22px 20px;display:flex;align-items:center;justify-content:space-between}
.hero-logo{font-family:var(--font-heading);font-size:clamp(21px,2.1vw,28px);letter-spacing:-.04em;display:flex;align-items:center;gap:9px;text-shadow:0 2px 20px #000}
.hero-logo sup{font-size:.42em;top:-.7em;position:relative}
.hero-logo span{font-size:1.05em;letter-spacing:-.02em}
.hero-nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:3px;font-size:clamp(15px,1.5vw,21px)}
.hero-nav-links button,.hero-enter{border:0;background:transparent;color:#fff;cursor:pointer;transition:opacity .2s ease}
.hero-nav-links button:hover,.hero-enter:hover{opacity:.58}
.hero-enter{font-size:clamp(15px,1.5vw,21px);text-decoration:underline;text-underline-offset:4px}
.hero-menu{display:none;width:42px;height:38px;border:1px solid #fff5;border-radius:999px;background:#0005;backdrop-filter:blur(12px)}
.hero-menu i{display:block;width:18px;height:1.5px;background:#fff;margin:4px auto;transition:.3s}
.hero-content{position:absolute;z-index:4;left:clamp(20px,5vw,72px);bottom:clamp(48px,10vh,105px);width:min(680px,calc(100% - 40px))}
.hero-intro{pointer-events:none;user-select:none;margin-bottom:22px;font-size:clamp(18px,2.2vw,27px);line-height:1.28;color:#fff;filter:blur(3.5px);opacity:.9}
.hero-typewriter{margin:0 0 20px;font-size:clamp(19px,2.35vw,29px);line-height:1.34;min-height:78px;letter-spacing:-.025em;text-wrap:balance}
.hero-typewriter:after{content:"";display:inline-block;width:2px;height:1.05em;background:#fff;vertical-align:-.08em;margin-left:3px;animation:heroBlink 1s step-end infinite}
.hero-typewriter.done:after{display:none}
@keyframes heroBlink{50%{opacity:0}}
.hero-actions{display:flex;flex-wrap:wrap;gap:3px 2px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.hero-actions.is-visible{opacity:1;transform:translateY(0)}
.hero-actions button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#fff;color:#050505;border:1px solid #0002;border-radius:999px;font-size:clamp(13px,1.1vw,15px);padding:.42em 1.05em;margin:0 .12em .32em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.hero-actions button:hover{background:#050505;color:#fff;transform:translateY(-1px)}
.hero-actions .hero-outline{background:transparent;color:#fff;border-color:#fff;padding-right:.82em}
.hero-actions .hero-outline:hover{background:#fff;color:#050505}
.hero-actions .hero-outline span{font-size:12px;margin-left:9px}
.hero-meta{position:absolute;z-index:5;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;color:#fff8;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.shell{position:relative;z-index:10}
.cinematic-hero + .scene{z-index:0}
@media(max-width:760px){
  .hero-nav{padding:15px 18px}
  .hero-nav-links,.hero-enter{display:none}
  .hero-menu{display:block}
  .hero-content{left:20px;bottom:52px;width:calc(100% - 40px)}
  .hero-intro{margin-bottom:18px}
  .hero-typewriter{font-size:20px;min-height:108px}
  .hero-actions button{font-size:13px}
  .hero-meta{left:18px;right:18px;bottom:14px;font-size:7px}
}


/* Spectrum cinematic scene: Pinterest reference background + interactive AI character */
.pin-background{position:absolute;inset:0;z-index:-3;overflow:hidden;background:
 radial-gradient(80% 70% at 72% 45%,rgba(92,55,180,.30),transparent 62%),
 radial-gradient(70% 80% at 20% 70%,rgba(0,205,255,.16),transparent 64%),#03040a}
.pin-background img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.08) brightness(.62);transform:scale(1.045);transition:opacity .8s ease,transform 12s ease}
.pin-background img:not([src]){opacity:0}
.hero-depth-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
 linear-gradient(90deg,rgba(3,4,10,.86) 0%,rgba(3,4,10,.35) 36%,rgba(3,4,10,.12) 70%,rgba(3,4,10,.48) 100%),
 radial-gradient(circle at 75% 50%,transparent 0 20%,rgba(91,75,255,.08) 38%,transparent 65%);
mix-blend-mode:normal}
.cinematic-hero .hero-video{z-index:-2;opacity:.18;mix-blend-mode:screen}
.spectrum-avatar{filter:drop-shadow(0 20px 70px rgba(0,0,0,.45))}
.spectrum-avatar:before{content:"";position:absolute;inset:10% 18%;border-radius:50%;background:radial-gradient(circle,rgba(87,231,255,.12),transparent 58%);filter:blur(18px);pointer-events:none}
.spectrum-avatar .avatar-3d-hud{z-index:8}
@media (max-width:760px){
 .pin-background img{object-position:58% center;filter:saturate(.82) contrast(1.04) brightness(.55)}
 .hero-depth-grid{background:linear-gradient(180deg,rgba(3,4,10,.7),rgba(3,4,10,.2) 42%,rgba(3,4,10,.82))}
}


/* Futuristic landing refresh */
:root{--font-heading:'HelveticaNowDisplay-Medium','Helvetica Neue',Arial,sans-serif;--font-body:'HelveticaNowDisplayW01-Rg','Helvetica Neue',Arial,sans-serif}
body{font-family:var(--font-body)}
.cinematic-hero,.cinematic-hero *{font-family:var(--font-body)}
.hero-logo{font-family:var(--font-heading)!important}
.cinematic-hero{isolation:isolate;background:#02030a}
.cinematic-hero .hero-video{position:fixed;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:70% center;pointer-events:none}
.cinematic-hero .pin-background{z-index:-1}
.cinematic-hero .hero-depth-grid{z-index:1}
.cinematic-hero .hero-vignette{z-index:2}
.cinematic-hero .hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.cinematic-hero .hero-particles:before,.cinematic-hero .hero-particles:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:12vw 9vh #8deaff,27vw 73vh #9f7bff,44vw 22vh #fff,63vw 81vh #62eaff,79vw 31vh #a987ff,91vw 66vh #fff,18vw 45vh #5feeff,52vw 57vh #fff,70vw 14vh #79eaff,84vw 88vh #9d8cff;opacity:.55;animation:heroParticles 10s ease-in-out infinite alternate}
.cinematic-hero .hero-particles:after{width:3px;height:3px;opacity:.25;filter:blur(1px);transform:scale(1.8);animation-duration:15s}
@keyframes heroParticles{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-18px,0) scale(1.08)}}
.hero-nav{z-index:10}
.hero-content{z-index:6}
.hero-meta{z-index:7}
.hero-logo sup{font-size:.42em}
.hero-logo span{font-size:1.05em;letter-spacing:-.02em}
.hero-email{text-decoration:underline;text-underline-offset:3px}
.copy-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.hero-mobile-menu{position:fixed;inset:0;z-index:9;background:rgba(0,0,0,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;gap:24px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.hero-mobile-menu.is-open{opacity:1;pointer-events:auto;visibility:visible}
.hero-mobile-menu button{border:0;background:none;color:#fff;font-size:32px;font-weight:500;padding:0;cursor:pointer;text-align:left}
.hero-menu{position:relative;z-index:11}
.hero-menu.is-open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hero-menu.is-open i:nth-child(2){opacity:0}
.hero-menu.is-open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:768px){.hero-mobile-menu{display:none}}
@media(max-width:767px){
 .hero-nav{padding:16px 20px}
 .hero-content{left:20px;bottom:48px;width:calc(100% - 40px)}
 .hero-intro{font-size:clamp(18px,4vw,26px);line-height:1.3;filter:blur(4px)}
 .hero-typewriter{font-size:clamp(18px,4vw,26px);line-height:1.35;min-height:54px}
 .hero-actions{gap:0 2px}
 .hero-actions button{font-size:13px;padding:.3em 1em}
}
@media(min-width:768px){
 .hero-content{left:40px;top:50%;bottom:auto;transform:translateY(-50%);max-width:640px}
 .hero-intro,.hero-typewriter{font-size:clamp(18px,2.5vw,26px)}
}


/* =========================================================
   AGENTICUANTICO PREMIUM EXPERIENCE — 2026
   Stable visual layer: no opaque iframe, no black placeholder,
   direct video rendering, WebGL avatar, pointer depth.
   ========================================================= */
:root{
  --font-heading:'HelveticaNowDisplay-Medium','Helvetica Neue',Arial,sans-serif;
  --font-body:'HelveticaNowDisplayW01-Rg','Helvetica Neue',Arial,sans-serif;
}
body{font-family:var(--font-body)}
button,input,textarea{font-family:var(--font-body)}
.hero-logo,.brand b,.hero-nav,.hero-typewriter{font-family:var(--font-body)}
.cinematic-hero{
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 45%,rgba(43,110,255,.28),transparent 34%),
    radial-gradient(circle at 28% 75%,rgba(151,54,255,.18),transparent 38%),
    #02030a;
}
.cinematic-hero .pin-background{display:none!important}
.hero-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:0!important;object-fit:cover!important;object-position:70% center!important;
  opacity:.96;filter:saturate(1.08) contrast(1.06);
  transform:scale(1.015);
}
.hero-vignette{
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(2,4,12,.82) 0%,rgba(2,4,12,.38) 38%,rgba(2,4,12,.08) 68%,rgba(2,4,12,.42) 100%),
    linear-gradient(0deg,rgba(2,3,10,.72),transparent 38%,rgba(2,3,10,.25));
}
.hero-light-sweep{
  position:absolute;inset:-20%;z-index:2;pointer-events:none;
  background:radial-gradient(circle at calc(50% + var(--mx,0)*16%) calc(48% + var(--my,0)*12%),rgba(88,226,255,.12),transparent 28%);
  mix-blend-mode:screen;transition:background .25s ease;
}
.hero-content,.hero-nav,.hero-meta{z-index:4!important}
.hero-content{transform:translate3d(calc(var(--mx,0)*-7px),calc(var(--my,0)*-4px),0);transition:transform .25s ease-out}
.hero-intro{filter:blur(0)!important;text-shadow:0 0 24px rgba(0,0,0,.45)}
.hero-actions{position:relative;z-index:5}
.hero-actions button{box-shadow:0 10px 35px rgba(0,0,0,.2);backdrop-filter:blur(10px)}
.hero-meta{pointer-events:none}
.robot-avatar{
  perspective:1200px;
  transform-style:preserve-3d;
  filter:drop-shadow(0 24px 55px rgba(0,0,0,.42));
}
.robot-avatar canvas{transform:translate3d(calc(var(--avatar-mx,0)*8px),calc(var(--avatar-my,0)*4px),0);transition:transform .2s ease-out}
.avatar-aura{
  position:absolute;inset:10% 18%;border-radius:50%;
  background:radial-gradient(circle,rgba(63,214,255,.18),rgba(105,73,255,.12) 36%,transparent 70%);
  filter:blur(28px);pointer-events:none;z-index:0;animation:aqAura 5s ease-in-out infinite;
}
@keyframes aqAura{50%{transform:scale(1.08);opacity:.75}}
@media(max-width:820px){
  .hero-video{object-position:62% center!important}
  .hero-content{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-content,.robot-avatar canvas{transform:none!important;transition:none!important}
  .avatar-aura{animation:none}
}

/* Hard guarantee: the cinematic landing can never block the application shell. */
.cinematic-hero[hidden]{display:none!important}
/* Premium neural brain stage */
.reference-avatar{background:radial-gradient(circle at 50% 46%,rgba(34,177,255,.12),transparent 42%),radial-gradient(circle at 50% 55%,rgba(123,73,255,.10),transparent 64%)}
.reference-avatar canvas{touch-action:none;cursor:grab}
.reference-avatar canvas:active{cursor:grabbing}
.quantum-anchor-label b{color:#a8efff}

/* Premium interaction controls */
.attachment-tray{display:flex;gap:7px;flex-wrap:wrap;margin:0 8px 8px}.attachment-chip{font-size:10px;color:#b9c7dc;border:1px solid #ffffff12;background:#ffffff07;padding:6px 9px;border-radius:9px}.attachment-chip small{color:#66738b;margin-left:4px}.voice-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#dce4f2;text-align:left;cursor:pointer}.voice-option:hover{background:#ffffff08;border-color:#ffffff10}.voice-option small{color:#6f7b91}.voice-btn.active{background:#7d6cff!important;box-shadow:0 0 24px #7d6cff66}.msg-meta{display:block;margin-top:7px;color:#68748b;font-size:9px}

.web-studio{position:fixed;inset:5vh 5vw;z-index:120;display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;grid-template-rows:auto auto 1fr;gap:12px;padding:18px;background:rgba(8,10,20,.94);backdrop-filter:blur(30px);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 30px 100px #0008}.web-studio.hidden{display:none}.studio-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.studio-head b{display:block;font-size:18px}.studio-head small,.studio-head span{color:#8190aa;font-size:10px}.web-studio textarea{width:100%;box-sizing:border-box;background:#050811;color:#dce7f8;border:1px solid #ffffff12;border-radius:12px;padding:12px;resize:vertical}.web-studio>textarea{grid-column:1;min-height:110px}.studio-presets{display:flex;gap:6px;flex-wrap:wrap}.studio-presets button{background:#ffffff08;color:#bcd0e8;border:1px solid #ffffff10;border-radius:9px;padding:7px;cursor:pointer}.studio-run{background:linear-gradient(110deg,#36dfff,#8567ff);color:#04101a;border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}.web-studio iframe{grid-column:2;grid-row:2/5;width:100%;height:100%;min-height:430px;background:white;border:1px solid #ffffff14;border-radius:14px}.web-studio details{grid-column:1}.web-studio details textarea{height:250px;margin-top:8px}@media(max-width:800px){.web-studio{inset:2vh 2vw;grid-template-columns:1fr;overflow:auto}.web-studio iframe{grid-column:1;grid-row:auto;min-height:420px}}

/* AI DESIGN ENGINE — public cinematic layer */
.ai-design-layer{position:relative;min-height:88vh;overflow:hidden;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr);align-items:center;gap:20px;padding:clamp(48px,7vw,100px) clamp(20px,6vw,90px);background:radial-gradient(circle at 72% 48%,rgba(53,220,255,.13),transparent 26%),radial-gradient(circle at 35% 72%,rgba(121,80,255,.16),transparent 36%),#02040b;border-bottom:1px solid rgba(255,255,255,.08);isolation:isolate}
.ai-design-layer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,11,.98),rgba(2,4,11,.58) 48%,rgba(2,4,11,.08)),linear-gradient(0deg,rgba(2,4,11,.75),transparent 45%);z-index:-1}
.ai-design-noise{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);animation:aiDrift 18s linear infinite}
@keyframes aiDrift{to{transform:translate3d(46px,46px,0)}}
.ai-design-copy{max-width:690px;z-index:2}
.ai-kicker{font-size:9px;letter-spacing:.22em;color:#68e7ff;display:inline-block;margin-bottom:18px}
.ai-design-copy h1{font-family:var(--font-heading,'Helvetica Neue',sans-serif);font-size:clamp(42px,6vw,86px);line-height:.95;letter-spacing:-.055em;margin:0;color:#f5fbff}
.ai-design-copy h1 em{font-style:normal;background:linear-gradient(100deg,#61eaff,#a479ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-design-copy p{max-width:580px;margin:24px 0;color:#93a7c0;font-size:clamp(14px,1.5vw,18px);line-height:1.65}
.ai-design-actions{display:flex;gap:9px;flex-wrap:wrap}.ai-design-actions button{border:0;border-radius:999px;padding:13px 19px;background:linear-gradient(100deg,#5deaff,#8a6cff);color:#03101b;font-weight:800;cursor:pointer;box-shadow:0 12px 45px rgba(77,204,255,.18)}.ai-design-actions .ghost{background:#ffffff08;color:#d9e8fa;border:1px solid #ffffff15;box-shadow:none}
.ai-design-metrics{display:flex;gap:28px;margin-top:36px}.ai-design-metrics span{display:flex;flex-direction:column;gap:4px}.ai-design-metrics b{font-size:11px;color:#dffaff;letter-spacing:.12em}.ai-design-metrics small{font-size:8px;color:#647994}
.ai-design-brain{height:min(650px,76vh);min-height:390px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 35px 70px rgba(0,0,0,.45))}
.ai-design-brain canvas{width:100%;height:100%;position:relative;z-index:2;touch-action:none}
.ai-orbit{position:absolute;width:min(70%,470px);aspect-ratio:1;border:1px solid rgba(89,226,255,.17);border-radius:50%;transform:rotateX(66deg) rotateZ(15deg);box-shadow:0 0 70px rgba(62,214,255,.07);animation:aiOrbit 12s linear infinite}.orbit-b{width:min(82%,560px);transform:rotateX(72deg) rotateY(28deg);border-color:rgba(142,104,255,.14);animation-duration:18s;animation-direction:reverse}@keyframes aiOrbit{to{transform:rotateX(66deg) rotateZ(375deg)}}
.ai-brain-label{position:absolute;right:2%;bottom:7%;z-index:4;padding:9px 12px;border:1px solid #48ddff2d;background:#061222bb;backdrop-filter:blur(14px);border-radius:11px;color:#8bb0cc;font-size:7px;letter-spacing:.16em}.ai-brain-label span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#56edff;box-shadow:0 0 12px #56edff;margin-right:7px}.ai-brain-label b{color:#5ceaff;margin-left:7px}
.ai-design-mount{display:none}
@media(max-width:800px){.ai-design-layer{grid-template-columns:1fr;min-height:calc(100vh - 10px);padding:38px 20px 20px}.ai-design-copy{order:1}.ai-design-brain{order:0;height:48vh;min-height:300px}.ai-design-copy h1{font-size:clamp(42px,13vw,68px)}.ai-design-copy p{font-size:14px}.ai-design-metrics{gap:17px;margin-top:24px}.ai-brain-label{bottom:3%;right:0}}
/* Web Studio build controls */
.studio-build-row{grid-column:1;display:flex;gap:7px;align-items:center}.studio-build-row input{flex:1;min-width:0;height:38px;background:#050811;color:#e5efff;border:1px solid #ffffff12;border-radius:10px;padding:0 10px}.studio-publish{height:38px;border:0;border-radius:10px;padding:0 12px;background:linear-gradient(110deg,#63edff,#8a6cff);color:#04101a;font-weight:900;cursor:pointer;white-space:nowrap}.studio-publish:disabled{opacity:.5;cursor:wait}


/* =========================================================
   DESIGNER AGENT — repository analysis / multi-file preview
   ========================================================= */
.designer-toolbar{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.studio-tool{height:38px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff08;color:#d8e6fa;padding:0 12px;font-weight:750;cursor:pointer}
.studio-tool:hover:not(:disabled){background:#ffffff12;border-color:#5deaff44}
.studio-tool:disabled,.studio-publish:disabled{opacity:.45;cursor:not-allowed}
.designer-toolbar>span{font-size:9px;color:#73839d;letter-spacing:.08em}
.designer-prompt{grid-column:1/-1!important;min-height:92px!important}
.designer-key-row{grid-column:1/-1}
.designer-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:12px;min-height:390px}
.designer-card{min-width:0;background:#050811cc;border:1px solid #ffffff10;border-radius:16px;padding:14px;overflow:hidden}
.designer-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.designer-card-head b{font-size:12px;color:#e7f0fc}.designer-card-head span{font-size:8px;color:#71819a}
.designer-summary{font-size:12px;line-height:1.6;color:#aebdd0;margin-bottom:12px;max-height:115px;overflow:auto}
.designer-files{display:grid;gap:6px;max-height:190px;overflow:auto}
.designer-file{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;padding:8px;border:1px solid #ffffff0b;background:#ffffff05;border-radius:9px}
.designer-file>span{grid-row:1/3;font-size:7px;color:#5deaff;border:1px solid #5deaff33;padding:4px;border-radius:5px;align-self:start}
.designer-file b{font-size:9px;color:#dce8f8;font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all}
.designer-file small{font-size:8px;color:#71809a;line-height:1.35}
.designer-details{margin-top:9px;border-top:1px solid #ffffff0b;padding-top:8px}
.designer-details summary{cursor:pointer;color:#91a5bf;font-size:9px}
.designer-details pre{white-space:pre-wrap;max-height:220px;overflow:auto;color:#7f93ae;font:9px/1.55 ui-monospace,SFMono-Regular,monospace;margin:10px 0}
.designer-preview-card{display:flex;flex-direction:column}
.designer-preview-card iframe{width:100%;height:100%;min-height:360px;border:1px solid #ffffff10;border-radius:11px;background:#05060d}
.designer-code-details{grid-column:1/-1;max-height:310px;overflow:auto}
.designer-change{border:1px solid #ffffff0b;border-radius:9px;margin-top:7px;background:#ffffff04}
.designer-change summary{padding:9px;cursor:pointer;color:#a9bdd7;font:9px ui-monospace,SFMono-Regular,monospace}
.designer-change pre{padding:0 10px 10px;margin:0;white-space:pre-wrap;max-height:220px;overflow:auto;color:#8fa4be;font:8px/1.45 ui-monospace,SFMono-Regular,monospace}
.studio-footer{grid-column:1/-1;display:flex;align-items:center;gap:10px}
.studio-footer>span{font-size:9px;color:#73839d;flex:1}
.legacy-code{grid-column:1;max-height:230px;overflow:auto}.legacy-code textarea{min-height:160px}
@media(max-width:900px){
  .designer-grid{grid-template-columns:1fr}
  .designer-preview-card iframe{min-height:320px}
}
@media(max-width:800px){
  .designer-toolbar,.studio-footer{align-items:stretch}
  .designer-toolbar button{flex:1}
  .studio-footer{flex-direction:column}
  .designer-grid{min-height:0}
}

/* =========================================================
   CHAT MEMORY + HISTORY — PREMIUM 2026
   ========================================================= */
.reference-history{display:flex;flex-direction:column;min-height:150px;max-height:34vh;margin-top:10px}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 9px;color:#64738c;font-size:8px;letter-spacing:.13em;font-weight:800}
.history-heading button{border:0;background:transparent;color:#7e91aa;font:inherit;letter-spacing:.08em;cursor:pointer;padding:5px 3px}
.history-heading button:hover{color:#dff8ff}
#conversationList{display:grid;gap:5px;overflow:auto;padding:1px 2px 4px;scrollbar-width:thin}
.history-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;border:1px solid transparent;border-radius:12px;background:rgba(255,255,255,.018);transition:.2s ease}
.history-row:hover{background:rgba(255,255,255,.05);border-color:rgba(99,226,255,.12)}
.history-row.active{background:linear-gradient(100deg,rgba(68,215,255,.09),rgba(126,94,255,.08));border-color:rgba(99,226,255,.17)}
.history-open{display:flex;min-width:0;align-items:center;gap:9px;border:0;background:transparent;color:#dce7f5;text-align:left;padding:9px 7px;cursor:pointer}
.history-dot{width:5px;height:5px;border-radius:50%;background:#56e7ff;box-shadow:0 0 10px rgba(86,231,255,.7);flex:none;opacity:.65}
.history-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.history-copy b{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-copy small{font-size:8px;color:#64748b}
.history-delete{width:25px;height:25px;border:0;border-radius:8px;background:transparent;color:#5f6e84;font-size:17px;line-height:1;cursor:pointer;margin-right:3px}
.history-delete:hover{background:rgba(255,82,113,.12);color:#ff8ca3}
.history-empty{padding:16px 8px;color:#56647a;font-size:9px;line-height:1.5;text-align:center;border:1px dashed rgba(255,255,255,.07);border-radius:10px}
.reference-messages{scroll-behavior:smooth}
.reference-messages .msg{animation:aqMessageIn .22s ease both}
@keyframes aqMessageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.reference-messages .msg.user{box-shadow:0 10px 28px rgba(0,0,0,.13)}
.reference-messages .msg.assistant{box-shadow:0 12px 32px rgba(0,0,0,.11)}
.memory{display:flex;align-items:center;gap:6px;color:#64738c!important;font-size:8px!important;line-height:1.4}
.memory::first-letter{color:#57e8ff}
@media(max-width:980px){
  .reference-history{max-height:24vh}
}
@media(max-width:760px){
  .reference-history{max-height:24vh;margin-top:8px}
  .history-copy b{font-size:10px}
  .history-delete{opacity:.85}
}
@media(prefers-reduced-motion:reduce){
  .reference-messages .msg{animation:none}
}

/* =========================================================
   ACCOUNT + MEMBERSHIP — ELEGANT NEURAL GLASS
   ========================================================= */
.account-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px;background:rgba(2,4,10,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.account-overlay.hidden{display:none}
.account-modal{position:relative;width:min(980px,100%);max-height:min(92vh,900px);overflow:auto;border:1px solid rgba(132,226,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(14,19,32,.98),rgba(6,9,18,.98));box-shadow:0 35px 120px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06);padding:30px;color:#e9f4ff}
.account-modal:before{content:"";position:absolute;inset:-1px;border-radius:31px;pointer-events:none;background:radial-gradient(circle at 80% 0,rgba(77,226,255,.12),transparent 35%),radial-gradient(circle at 10% 100%,rgba(126,91,255,.11),transparent 30%)}
.account-modal>*{position:relative}
.account-close{position:absolute;right:18px;top:16px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.035);color:#a9b9ca;font-size:23px;cursor:pointer}
.account-brand{display:flex;align-items:center;gap:11px;margin-bottom:25px}.account-brand b{display:block;font-size:15px}.account-brand small{display:block;color:#607087;font-size:8px;letter-spacing:.18em;margin-top:3px}
.account-core{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:radial-gradient(circle at 40% 30%,#a6f5ff,#47d9ff 38%,#7359ff 100%);color:#06101a;font-weight:900;font-size:12px;box-shadow:0 0 30px rgba(67,220,255,.3)}
.account-title{max-width:610px;margin:0 auto 24px;text-align:center}.account-title span,.plans-head>div>span{font-size:8px;letter-spacing:.2em;color:#56dffb;font-weight:800}.account-title h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:8px 0 10px}.account-title p{margin:0;color:#7e8da4;font-size:12px;line-height:1.7}
.google-button{min-height:44px;display:flex;justify-content:center;margin:0 auto 16px}.google-unavailable{width:min(360px,100%);border:1px dashed rgba(255,255,255,.09);border-radius:12px;padding:12px;text-align:center;color:#617087;font-size:9px}
.account-divider{display:flex;align-items:center;gap:12px;max-width:380px;margin:16px auto;color:#526176;font-size:9px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.07)}
.auth-form{width:min(380px,100%);margin:auto;display:grid;gap:11px}.auth-form label{display:grid;gap:6px}.auth-form label>span{font-size:9px;color:#91a0b4;font-weight:700}.auth-form input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);padding:13px 14px;color:#eef7ff;outline:none}.auth-form input:focus{border-color:rgba(77,224,255,.55);box-shadow:0 0 0 3px rgba(77,224,255,.08)}
.account-primary,.account-secondary{border:0;border-radius:12px;padding:13px 17px;font-weight:800;cursor:pointer}.account-primary{background:linear-gradient(100deg,#5be6ff,#7b69ff);color:#07101b;box-shadow:0 12px 35px rgba(73,211,255,.18)}.account-secondary{background:rgba(255,255,255,.05);color:#bdcad8;border:1px solid rgba(255,255,255,.08)}.account-link{display:block;margin:14px auto 8px;border:0;background:transparent;color:#62dff8;font-size:10px;cursor:pointer}.auth-message{min-height:16px;text-align:center;color:#ff98ac;font-size:9px}.account-consent{display:block;max-width:500px;margin:12px auto 0;text-align:center;color:#4f5e73;font-size:8px;line-height:1.5}
.account-dashboard{display:grid;gap:22px}.account-user{display:flex;align-items:center;gap:12px}.account-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.account-user b{display:block;font-size:14px}.account-user small{display:block;color:#66758b;font-size:9px;margin-top:4px}
.plan-status-card{position:relative;overflow:hidden;padding:23px;border:1px solid rgba(84,222,255,.14);border-radius:20px;background:linear-gradient(120deg,rgba(62,205,255,.07),rgba(112,82,255,.07));}.plan-status-card:after{content:"";position:absolute;width:230px;height:230px;right:-80px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(82,224,255,.15),transparent 65%);pointer-events:none}.plan-eyebrow{font-size:8px;letter-spacing:.16em;color:#5ce4ff}.plan-status-card h3{font-size:25px;margin:6px 0 4px}.plan-status-card p{color:#7e8da3;font-size:10px;margin:0}.plan-badge{position:absolute;right:20px;top:20px;padding:6px 9px;border-radius:999px;background:rgba(72,229,255,.1);color:#67e9ff;font-size:8px;font-weight:900;letter-spacing:.1em}.plan-progress{height:3px;background:rgba(255,255,255,.06);border-radius:99px;margin:19px 0 9px;overflow:hidden}.plan-progress span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#53e8ff,#7968ff);box-shadow:0 0 15px rgba(80,223,255,.5);transition:width .5s}.plan-status-card>small{color:#64748a;font-size:8px}.account-actions{display:flex;gap:9px}.account-actions>*{flex:0 0 auto}
.plans-section{border-top:1px solid rgba(255,255,255,.07);padding-top:20px}.plans-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:13px}.plans-head h3{margin:5px 0 0;font-size:18px}.plans-head>small{color:#5e6d82;font-size:8px}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.plan-card{position:relative;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025);transition:.22s ease}.plan-card:hover,.plan-card.featured{border-color:rgba(88,224,255,.25);transform:translateY(-3px);background:rgba(78,216,255,.045)}.plan-card.featured:before{content:"RECOMENDADO";position:absolute;right:11px;top:11px;font-size:6px;letter-spacing:.12em;color:#60e6ff}.plan-index{font-size:8px;color:#53657a}.plan-card h4{margin:8px 0 5px;font-size:14px}.plan-card p{min-height:30px;color:#6f7e94;font-size:8px;line-height:1.45}.plan-price{display:flex;align-items:baseline;gap:4px;margin:12px 0}.plan-price b{font-size:20px}.plan-price small{color:#5c6b80;font-size:7px}.plan-card ul{padding:0;margin:0 0 14px;list-style:none;display:grid;gap:6px}.plan-card li{color:#9baabd;font-size:8px}.plan-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.plan-buttons button{border:1px solid rgba(76,221,255,.16);border-radius:8px;padding:8px 5px;background:rgba(72,221,255,.06);color:#73e8ff;font-size:7px;font-weight:800;cursor:pointer}.plan-buttons button.paypal{border-color:rgba(255,255,255,.1);color:#d2dbea;background:rgba(255,255,255,.04)}
body.account-open{overflow:hidden}
@media(max-width:850px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-modal{padding:22px;border-radius:22px}.plans-head{align-items:start;flex-direction:column}}
@media(max-width:520px){.account-overlay{padding:0}.account-modal{width:100%;height:100%;max-height:none;border-radius:0;padding:20px 16px}.plans-grid{grid-template-columns:1fr}.account-title h2{font-size:28px}.account-actions{display:grid;grid-template-columns:1fr 1fr}.plan-card.featured{transform:none}}

/* Chat-first redesign — familiar conversational workspace with AgentiCuantico neural identity */
:root{
  --chat-bg:#212121;
  --chat-sidebar:#171717;
  --chat-panel:#212121;
  --chat-border:#ffffff12;
  --chat-muted:#a0a0a0;
}
body{background:var(--chat-bg)}
.scene{background:radial-gradient(circle at 72% 18%,#4b32a51f,transparent 30%),radial-gradient(circle at 25% 80%,#00bcd41a,transparent 30%),#212121}
.scene .grid{opacity:.08}
.shell{grid-template-columns:260px 1fr;background:transparent}
.side{background:#171717f5;border-right:1px solid #ffffff0a;padding:14px 12px}
.brand{padding:8px 10px 14px}
.brand small{display:none}
.new-chat{margin:4px 0 16px;padding:11px 12px;border-radius:9px;background:#212121;border-color:#ffffff12;box-shadow:none}
.new-chat:hover{background:#2a2a2a;transform:none}
.nav{gap:2px}
.nav-item{padding:9px 10px;border-radius:8px;color:#b9b9b9}
.nav-item span:last-child small{display:none}
.nav-item:hover{background:#2a2a2a;transform:none;color:#fff}
.nav-item.active{background:#2b2b2b;border-color:transparent;box-shadow:none;color:#fff}
.conversation-history{margin-top:12px}
.history-heading{padding:9px 10px 6px;color:#777;font-size:10px;letter-spacing:.08em}
.history-heading button{background:none;border:0;color:#777;cursor:pointer}
.history-row{border-radius:8px}
.history-open{padding:9px 10px}
.history-copy small{display:none}
.side-promo{display:none}
.main{background:transparent}
.topbar{height:60px;background:#212121e8;border-bottom:1px solid #ffffff08;backdrop-filter:blur(14px);padding:0 18px}
.top-search{max-width:520px;background:#2a2a2a!important;border:1px solid #ffffff0b!important}
.top-actions .top-icon{display:none}
.profile-chip{background:#2a2a2a;border:1px solid #ffffff0b}
.chat{width:100%;max-width:none;height:calc(100vh - 60px);padding:0}
.chat-layout{max-width:1180px;width:100%;margin:0 auto;grid-template-columns:minmax(0,1fr) 360px;gap:0;height:100%}
.conversation-pane{padding:0 24px;max-width:900px;width:100%;margin:auto}
.agent-header{margin:14px 0 8px;background:transparent;border:0;box-shadow:none;padding:8px 0}
.agent-header .model-chip{margin-left:auto}
.webgl-chip{display:inline-flex!important}
.messages{padding:12px 2px 24px!important}
.msg{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:12px;max-width:760px;padding:13px 8px;margin:3px auto 3px 0}
.msg.user{background:#2f2f2f!important;border:1px solid #ffffff08!important;margin-left:auto;margin-right:0;padding:12px 15px;max-width:min(760px,82%)}
.msg.assistant{padding-left:48px;position:relative}
.msg.assistant:before{content:"AQ";position:absolute;left:4px;top:14px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#8ef8ff,#5b4cff 62%,#151522);font-size:8px;font-weight:800;box-shadow:0 0 18px #6d5cff33}
.reference-welcome{max-width:760px!important;margin:10vh auto!important;text-align:left!important;padding-left:48px!important}
.reference-welcome:before{top:14px!important}
.composer{max-width:850px;width:100%;margin:0 auto;border-radius:26px;background:#2f2f2f!important;border:1px solid #ffffff12;box-shadow:0 12px 40px #0005;padding:8px 10px 8px 14px}
.composer textarea{color:#ececec}
.attach-btn,.voice-btn{background:transparent;border:0;color:#b8b8b8}
.send{width:38px;height:38px;border-radius:50%;background:#f3f3f3;color:#171717}
.memory{color:#777;padding-bottom:14px}
.brain-stage{margin:14px 18px 14px 0;border-radius:18px;background:radial-gradient(circle at 50% 44%,#39227d44,transparent 48%),#151515ee;border-color:#ffffff0d}
.quantum-anchor-label{display:none!important}
.stage-floating-badge{font-size:9px;opacity:.8}
.ai-design-layer,.ai-design-mount,#webStudio{display:none!important}
@media(max-width:1000px){
  .chat-layout{grid-template-columns:minmax(0,1fr) 320px}
  .brain-stage{margin-right:10px}
}
@media(max-width:760px){
  .shell{grid-template-columns:1fr}
  .side{background:#171717}
  .topbar{height:56px}
  .chat{height:calc(100vh - 56px)}
  .chat-layout{display:block}
  .brain-stage{height:220px;min-height:220px;margin:0 10px 8px;order:-1}
  .conversation-pane{padding:0 10px}
  .agent-header{padding:5px 2px}
  .agent-header .model-chip,.webgl-chip{display:none!important}
  .msg.assistant{padding-left:42px}
  .msg.user{max-width:90%}
  .reference-welcome{margin:7vh auto!important}
}