:root{--bg:#080B1E;--sf:#10142E;--ink:#EAEDFF;--mut:#8F96C4;--ln:#232A55;--ac:#6B4BFF;--acx:#A99BFF;--acs:#1C1F4A;--br:#22D3EE;--wn:#FFB020;--bad:#FF5C7A;--ok:#34D399;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0)}
:root[data-theme=light]{--bg:#EEF0FA;--sf:#fff;--ink:#14163A;--mut:#5B5F8A;--ln:#D8DBF0;--ac:#5B3FE0;--acx:#5B3FE0;--acs:#E6E1FB;--br:#0A8FB8;color-scheme:light}
*{box-sizing:border-box;margin:0}[hidden]{display:none!important}
body{background:radial-gradient(900px 500px at 85% -10%,#2a1f6b66,transparent),radial-gradient(700px 500px at -10% 35%,#0b4a6a55,transparent),var(--bg);background-attachment:fixed;color:var(--ink);font:400 15px/1.45 Manrope,system-ui,sans-serif;min-height:100vh}
h1,h2{font:400 34px/1.05 "Instrument Serif",Georgia,serif}small{display:block;color:var(--mut);font-size:12.5px}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side{position:fixed;top:0;bottom:0;left:0;width:260px;max-width:82vw;padding:calc(20px + env(safe-area-inset-top,0)) 12px 20px;background:var(--sf);border-right:1px solid var(--ln);overflow:auto;transform:translateX(-100%);transition:transform .22s;z-index:40;display:flex;flex-direction:column;gap:2px}.side.open{transform:none}
.side .logo{font:400 26px "Instrument Serif",serif;padding:0 10px 2px}.side .sep{font-size:12px;color:var(--mut);padding:12px 10px 4px}
.side button{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:0;background:none;color:var(--mut);font-weight:500;width:100%;text-align:left}.side .on{background:var(--acs);color:var(--acx);font-weight:700}
.top{position:sticky;top:env(safe-area-inset-top,0);display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);z-index:20;font:400 24px "Instrument Serif",serif}.top button{border:1px solid var(--ln);border-radius:10px;width:40px;height:40px;display:grid;place-items:center;background:var(--sf)}
main{padding:6px 16px 110px;max-width:980px}.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}
.grid{display:grid;gap:12px}.c{background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:14px}.c h3{font-size:13px;font-weight:700;color:var(--mut);margin-bottom:10px}
.r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--ln)}.r:first-of-type{border-top:0;padding-top:0}.r>div{min-width:0}
.p{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--acs);color:var(--acx);white-space:nowrap}.p.g{background:#0F2F3D;color:#5EE7FF}.p.w{background:#3A2A10;color:#FFC15A}.p.b{background:#3D1426;color:#FF8FA6}.p.m{background:var(--bg);color:var(--mut);border:1px solid var(--ln)}
.bw{margin:10px 0}.bl{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bt{height:9px;border-radius:9px;background:var(--bg);overflow:hidden;border:1px solid var(--ln)}.bt i{display:block;height:100%;background:var(--ac);border-radius:9px}.bt i.wn{background:var(--wn)}.bt i.bad{background:var(--bad)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st{background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:12px}.st b{display:block;font:400 28px/1.1 "Instrument Serif",serif}
.btn{border:0;background:var(--ac);color:#fff;font-weight:700;padding:10px 16px;border-radius:10px}.btn.o{background:transparent;color:var(--ink);border:1px solid var(--ln)}.btn:disabled{opacity:.55;cursor:wait}
input,select,textarea{font:inherit;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--ln);background:var(--bg);color:var(--ink)}label{font-size:13px;font-weight:700;color:var(--mut);display:block;margin:10px 0 5px}
.ask{display:flex;gap:8px;align-items:center}.mic{width:44px;height:44px;border-radius:50%;border:0;background:var(--br);color:#041018;display:grid;place-items:center;flex:none}
.pipe{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.col{min-width:200px;flex:1}.col h4{font-size:13px;margin-bottom:8px;display:flex;justify-content:space-between;text-transform:capitalize}.lead{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:10px;margin-bottom:8px}.lead select{margin-top:8px;padding:6px 8px;font-size:13px}
.th{display:flex;flex-direction:column;gap:8px}.m{max-width:84%;padding:9px 12px;border-radius:14px;font-size:14px;background:var(--bg);border:1px solid var(--ln);white-space:pre-wrap;overflow-wrap:anywhere}.m.me{align-self:flex-end;background:var(--acs);border-color:transparent}
.item{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--ln);padding:10px 0}.item:first-child{border-top:0}
.lock{border:1.5px dashed var(--br);background:transparent}.chart{width:100%;height:auto;display:block}.err{color:var(--bad);font-size:13px;min-height:20px;margin-top:8px}
.bn{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#3A2A10;color:#FFC15A;border:1px solid #6b4a14;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:14px}.bn.bad{background:#3D1426;color:#FF8FA6;border-color:#7a2442}
.sheet{position:fixed;inset:0;background:rgba(10,20,19,.55);z-index:30;display:none}.sheet.open{display:block}.sheet>div{display:none}
#ob{position:fixed;inset:0;z-index:60;overflow:auto;background:radial-gradient(800px 500px at 80% -10%,#2a1f6b66,transparent),var(--bg);padding:calc(18px + env(safe-area-inset-top,0)) 18px calc(28px + env(safe-area-inset-bottom,0))}.obw{max-width:440px;margin:6vh auto 0}
.chip{border:1px solid var(--ln);background:var(--sf);border-radius:99px;padding:8px 14px;font-weight:700;font-size:13px;margin:0 6px 8px 0}.chip.on{background:var(--ac);border-color:var(--ac);color:#fff}
.lnk{display:block;text-align:center;color:var(--mut);font-size:13px;margin-top:16px;text-decoration:underline;cursor:pointer;background:none;border:0;width:100%}
.hero{text-align:center;padding:22px 14px;background:radial-gradient(circle at 50% 26%,#2b1f7a66,transparent 62%),var(--sf)}.say{min-height:44px;font-size:15px;margin-bottom:12px;overflow-wrap:anywhere}
.orb{position:relative;width:150px;height:150px;margin:0 auto 12px;border:0;background:none;display:grid;place-items:center;border-radius:50%}
.orb .ring{position:absolute;inset:0;padding:4px;border-radius:50%;background:conic-gradient(#7C5CFF,#22D3EE,#FF4FD8,#7C5CFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 12px #7C5CFF99);animation:spin 8s linear infinite}.orb .r2{inset:11px;padding:3px;animation-duration:5s;animation-direction:reverse;opacity:.75}
.orb .core{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1b1660,#05061a 70%);box-shadow:0 0 38px #7C5CFF77,inset 0 0 26px #22D3EE33;display:flex;align-items:center;justify-content:center;gap:14px;animation:br 3.6s ease-in-out infinite}.orb .eye{width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:bk 5s infinite}
.talk .ring{animation-duration:2s}.talk .core{animation:bt .45s ease-in-out infinite alternate}.listen .core{box-shadow:0 0 46px #22D3EE99,inset 0 0 26px #22D3EE66}
.fa{position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0));z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fab{width:64px;height:64px;border:0;background:none;padding:0;border-radius:50%}.fab .orb{width:64px;height:64px;margin:0}.fab .ring{padding:2px}.fab .r2{inset:7px}.fab .core{width:40px;height:40px;gap:6px}.fab .eye{width:6px;height:6px}
.fb,.fp{background:var(--sf);border:1px solid var(--ln);border-radius:16px;padding:12px 14px;box-shadow:0 10px 30px #0008;max-width:min(320px,calc(100vw - 28px));font-size:14px;overflow-wrap:anywhere}.fp{width:320px}
.ld{color:var(--mut);padding:30px 0;text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes br{50%{transform:scale(1.05)}}@keyframes bt{to{transform:scale(1.1)}}@keyframes bk{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
@media(prefers-reduced-motion:reduce){.orb *{animation:none!important}}
@media(min-width:860px){.side{width:228px;transform:none;max-width:none}.top,.sheet.open{display:none}main{margin-left:228px;padding:28px 32px 40px;max-width:none}.cols{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(4,1fr)}}

.orb .core{position:relative;translate:var(--px,0) var(--py,0);transition:translate .25s ease-out}.core::after{content:"";position:absolute;bottom:20%;left:50%;width:24px;height:9px;margin-left:-12px;border-bottom:3px solid #fff;border-radius:0 0 24px 24px;opacity:.85}.fab .core::after{width:12px;height:5px;margin-left:-6px;border-width:2px}.talk .core::after{animation:mo .24s ease-in-out infinite alternate}@keyframes mo{to{height:2px;border-radius:3px}}
#ld2{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(700px 500px at 50% 35%,#2a1f6b88,transparent),var(--bg)}#ld2 .orb{width:170px;height:170px}#ld2 .core{width:104px;height:104px}#ld2 p{font:400 24px "Instrument Serif",serif;letter-spacing:.3px;animation:pl 1.6s ease-in-out infinite;text-align:center;padding:0 20px}@keyframes pl{50%{opacity:.55}}

.trio{grid-column:1/-1;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.trio .c p{opacity:.6}
.hero .orb{position:relative;width:190px;height:190px;margin:26px auto}.hero .orb .core{width:118px;height:118px}
.orb::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:conic-gradient(from 0deg,#7c5cff,#2de2ff,#a855f7,#ff6bd6,#7c5cff);filter:blur(16px);opacity:.5;animation:sp 7s linear infinite;z-index:0;pointer-events:none}
.orb::after{content:"";position:absolute;inset:-42px;border-radius:50%;background:radial-gradient(circle at 50% 0,#9ff 0 3px,transparent 4px),radial-gradient(circle at 100% 55%,#d9b3ff 0 2.5px,transparent 3.5px),radial-gradient(circle at 18% 88%,#8cf 0 2px,transparent 3px);animation:sp 10s linear infinite reverse;pointer-events:none}
.orb.talk::before,.orb.listen::before{animation-duration:1.8s;opacity:.95}.orb.talk .core,.orb.listen .core{animation:br .6s ease-in-out infinite alternate}@keyframes sp{to{transform:rotate(360deg)}}@keyframes br{to{transform:scale(1.07)}}
.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:34px}.wave i{width:3px;height:6px;border-radius:3px;background:linear-gradient(#2de2ff,#a855f7);animation:wv 1.4s ease-in-out infinite;opacity:.8}.wave i:nth-child(3n){animation-delay:-.4s}.wave i:nth-child(3n+1){animation-delay:-.9s}.wave i:nth-child(odd){animation-duration:1.1s}.orb.talk~.wave i,.orb.listen~.wave i{animation-duration:.45s}@keyframes wv{50%{height:30px}}
@media(prefers-reduced-motion:reduce){.orb::before,.orb::after,.wave i{animation:none}}

.bar{display:none}.pl{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--ln);border-radius:12px;font-size:13px;white-space:nowrap}.pl.ok i{width:8px;height:8px;border-radius:50%;background:#34d399}.bell{background:none;border:1px solid var(--ln);border-radius:12px;padding:6px 12px;color:inherit}.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#2de2ff);display:grid;place-items:center;font-weight:700;color:#fff}
@media(min-width:860px){.bar{display:flex;position:fixed;top:0;left:228px;right:0;height:56px;align-items:center;justify-content:flex-end;gap:12px;padding:0 28px;background:var(--bg);border-bottom:1px solid var(--ln);z-index:15}main{padding-top:80px}}
.dash{display:grid;gap:14px}.dash>.c{min-width:0}.c h3{display:flex;justify-content:space-between;align-items:center}.va{background:none;border:0;color:#8aa0ff;font-size:12px;padding:0}.big{font-size:34px;display:block}.mut{opacity:.6;margin-top:8px}.kp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.kp div{border:1px solid var(--ln);border-radius:12px;padding:10px}.kp b{font-size:22px;display:block}
.mx{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.mv{font-size:22px;display:block;margin-top:4px}.ac{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:14px}.ac small{margin-left:auto;opacity:.6}.dt{width:9px;height:9px;border-radius:50%;flex:none}
.src{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.dn{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;flex:none}.dn i{width:88px;height:88px;border-radius:50%;background:var(--sf);display:grid;place-items:center;align-content:center;font-style:normal}.dn b{font-size:22px}
.qk{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qk button{border:1px solid var(--ln);background:none;color:inherit;border-radius:12px;padding:12px 8px;font-size:13px}.chips{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}
@media(min-width:1100px){.dash{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"a a a h h h h h h c c c" "b b b h h h h h h v v v" "m m m m m m m m m t t t" "r r r r r l l l l q q q"}.gh{grid-area:h}.ga{grid-area:a}.gb{grid-area:b}.gc{grid-area:c}.gv{grid-area:v}.gm{grid-area:m;align-content:start}.gt{grid-area:t}.gr{grid-area:r}.gl{grid-area:l}.gq{grid-area:q}.hero .orb{width:230px;height:230px}.hero .orb .core{width:140px;height:140px}}

:root{--bg:#050816;--sf:#0a1030;--ln:rgba(96,118,255,.3)}
body{background:radial-gradient(1100px 520px at 55% -8%,#2a2f9a55,transparent),radial-gradient(700px 500px at 100% 40%,#6a2bd433,transparent),#050816}
.side{background:linear-gradient(180deg,#070b27,#04061a);border-right:1px solid var(--ln)}.side .on{background:linear-gradient(90deg,#5b4bff,#8057ff);color:#fff;box-shadow:0 0 22px #6a56ff66}.side .logo{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.5px}
.c{background:linear-gradient(160deg,rgba(20,30,92,.62),rgba(7,11,42,.88));border:1px solid var(--ln);border-radius:16px;box-shadow:inset 0 0 40px rgba(70,90,255,.07),0 10px 34px rgba(10,15,80,.35)}
.c h3{font:600 17px Manrope,sans-serif;gap:10px}.c h3 .va{margin-left:auto}.ib{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:rgba(88,108,255,.22);color:#a9b8ff;border:1px solid rgba(120,140,255,.35)}.ib .i{width:19px;height:19px}
.mxi{display:flex;align-items:center;gap:12px;padding:14px}.mxi .mv{font-size:24px;font-weight:700}.mxi small{color:var(--mut)}
.qk button{display:flex;align-items:center;gap:8px;text-align:left;background:rgba(60,80,230,.16);border:1px solid var(--ln);border-radius:12px}.qk .i{width:18px;height:18px;color:#9fb0ff;flex:none}
.hero{background:radial-gradient(420px 300px at 50% 36%,rgba(110,70,255,.42),rgba(20,30,120,.15) 60%,transparent),linear-gradient(160deg,rgba(18,26,90,.7),rgba(6,9,40,.92));border:1px solid rgba(130,120,255,.5);box-shadow:0 0 50px rgba(100,80,255,.28),inset 0 0 60px rgba(90,70,255,.12);text-align:center}
.hero .orb{width:270px;height:270px;margin:10px auto 0}.hero .orb .core{width:158px;height:158px;background:radial-gradient(circle,#03051c 0 24%,#2a3dff 44%,#7c3cff 66%,#19d3ff 90%);box-shadow:0 0 70px #4f5bff,0 0 140px #8a3dff99,inset 0 0 40px #0a0f5a}.hero .orb .ring{border:2px solid rgba(130,150,255,.6);box-shadow:0 0 22px rgba(100,120,255,.55)}
.hero .say{font:600 21px Manrope,sans-serif;margin:6px auto 10px;max-width:520px}.wave{margin-top:-6px}.pl{background:rgba(70,90,240,.12);box-shadow:0 0 14px rgba(90,110,255,.2)}
.mxi .mv{font-size:19px;white-space:nowrap}.mxi small{white-space:nowrap}.mxi{gap:10px;padding:14px 12px}.ac small{white-space:nowrap}.hero .say{font-size:19px}
.hero{overflow:hidden}html,body{overflow-x:hidden}

/* ===== v3 design system: deep navy, restrained purple, cyan only for the AI ===== */
:root{--bg:#070b1f;--sf:#0a0f2c;--ln:#1e2650;--ink:#e8ebff;--mut:#8b93c2;--ac:#6b4bff}
body{background:var(--bg)}.c{background:#0d1233;border:1px solid var(--ln);box-shadow:none;border-radius:14px}
.side{background:#050818;border-right:1px solid var(--ln)}.side .on{background:#241f66;color:#fff;box-shadow:inset 3px 0 0 #7a5cff}.side .logo{display:flex;align-items:center;gap:10px;font:700 20px Manrope,sans-serif}.sbot{margin-top:18px;padding-top:10px;border-top:1px solid var(--ln)}
.pl{box-shadow:none;background:transparent}.bar{background:var(--bg)}
.sp{display:inline-block;width:56px;height:56px;border-radius:50%;position:relative;flex:none;background:radial-gradient(circle at 68% 72%,#ff39f0 0,#8a2bff 38%,#120a52 74%);box-shadow:inset 7px 4px 18px #1fd9ff,inset -8px -8px 22px #c23bff99,0 0 24px #5b3dff77;animation:spb 5s ease-in-out infinite}
.sp::after{content:"";position:absolute;inset:7%;border-radius:50%;border:2px solid transparent;border-top-color:#7ad7ff;border-left-color:#7ad7ff;opacity:.65;animation:sps 9s linear infinite}
.sp[data-s=listening]{animation:spl 1.1s ease-in-out infinite}.sp[data-s=speaking]{animation:spl .5s ease-in-out infinite}.sp[data-s=thinking]::after{animation-duration:.8s;opacity:1}
.sp.mini{width:26px;height:26px;box-shadow:inset 3px 2px 8px #1fd9ff,0 0 10px #5b3dff77}.sp.big{width:150px;height:150px}
@keyframes spb{50%{transform:scale(1.045)}}@keyframes spl{50%{transform:scale(1.13)}}@keyframes sps{to{transform:rotate(360deg)}}
.fab{background:none;border:0;padding:0}.fst{display:block;color:#7ad7ff;margin:2px 0}
.hm{display:grid;gap:16px}.mgr{display:grid;gap:14px;align-items:center;padding:22px}.oc{text-align:center}.pc{width:260px;height:260px;max-width:100%}.al{display:block;font-size:12px;color:#7ad7ff;margin-top:-8px}.sum{font-size:18px;line-height:1.55;margin:12px 0}
.sg{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sg button{border:1px solid var(--ln);background:#121a45;color:inherit;border-radius:999px;padding:8px 14px;font-size:13px}
.kp4,.su5{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kc{text-align:left;color:inherit;cursor:pointer;display:block}.kc small,.kc span{color:var(--mut);font-size:12px}.kc b{display:block;font-size:28px;margin:4px 0}
.su{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;color:inherit;cursor:pointer;padding:14px}.bi{display:grid;gap:16px}
@media(min-width:900px){.mgr{grid-template-columns:300px 1fr}.bi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sp,.sp::after{animation:none}}

.oc{background:radial-gradient(circle at 50% 44%,#3a1fb066,#1a1a6a22 48%,transparent 70%);border-radius:20px;padding:6px 0}.pc{filter:drop-shadow(0 0 14px #6a4dff88)}
.su{flex-direction:column;align-items:flex-start;gap:8px}.su5{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.bi .chart{height:130px;width:100%}.hd h1{font:700 28px Manrope,sans-serif;letter-spacing:-.4px}
.mb{margin:12px 0}.mb>div{height:8px;border-radius:99px;background:#161d4a;overflow:hidden}.mb i{display:block;height:100%;border-radius:99px;background:#34d399}.mb .x i{background:#ff7a90}
.bi .chart{height:auto;max-height:none}

.sum,.fb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv{max-height:340px;overflow:auto;display:grid;gap:10px}.cm{max-width:85%;padding:10px 14px;border-radius:14px;background:#121a45}.cm.u{justify-self:end;background:#2b2670}.cm small{opacity:.6}.cm p{margin:2px 0 0;white-space:pre-wrap}

.demo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.sg .on{background:#2b2670;border-color:#7a5cff}
.inv{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:14px}.pr{background:#0d1233;border:1px solid var(--ln);border-radius:14px;overflow:hidden}.pr img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.pb{padding:14px;display:grid;gap:6px}.pp{font:700 22px Manrope,sans-serif}.pf{display:flex;justify-content:space-between;align-items:center}
.cbig{display:flex;gap:20px;align-items:center;padding:26px;min-height:150px}.cb{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none;background:#161d4a;font-size:30px}.cb.dial{color:#7ad7ff}.cb.talk{width:auto;border-radius:20px;padding:0 18px}.cb.end{color:#ff7a90}.rg{position:absolute;inset:0;border-radius:50%;border:2px solid #7ad7ff;animation:rgp 1.4s ease-out infinite}.rg.r2{animation-delay:.7s}@keyframes rgp{from{transform:scale(.8);opacity:1}to{transform:scale(1.7);opacity:0}}.ct{font:700 22px Manrope,sans-serif;margin:0 0 4px}
.cr{display:flex;gap:12px;align-items:center;padding:12px;border:0;border-bottom:1px solid var(--ln);cursor:pointer;width:100%;background:none;color:inherit;text-align:left;flex-wrap:wrap}.cr:hover{background:#121a45}
.mkw{display:grid;gap:10px}@media(min-width:800px){.mkw{grid-template-columns:1fr 90px 1fr;align-items:center}}
.conn{height:46px;width:4px;margin:0 auto;border-radius:2px;background:repeating-linear-gradient(#7a5cff 0 8px,transparent 8px 16px);background-size:4px 16px;animation:fl .5s linear infinite}@keyframes fl{to{background-position:0 16px}}@keyframes fh{to{background-position:16px 0}}
@media(min-width:800px){.conn{height:4px;width:100%;background:repeating-linear-gradient(90deg,#7ad7ff 0 8px,transparent 8px 16px);background-size:16px 4px;animation:fh .5s linear infinite}}
.mkw ul{padding:0;margin:12px 0}.mkw li{list-style:none;padding:9px 0;opacity:.4;display:flex;gap:10px;align-items:center}.mkw li.act{opacity:1;color:#7ad7ff}.mkw li.done{opacity:1;color:#34d399}.mkw li i{width:22px;text-align:center;font-style:normal}.mkw li em{margin-left:auto;font-style:normal;font-size:12px}
.pg{height:6px;background:#161d4a;border-radius:9px;overflow:hidden}.pg i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7a5cff,#7ad7ff);transition:width .6s}
@media(prefers-reduced-motion:reduce){.conn,.rg{animation:none}}
.stats{margin-bottom:14px}.st b{font:700 28px Manrope,sans-serif}.mkw .c{padding:22px}.mkw h3{margin-bottom:4px}

/* orb: whole colour rolls slowly, colour changes per state, no loader ring */
.sp::after{display:none}.sp{--c1:#ff39f0;--c2:#8a2bff;--c3:#120a52;--r1:#1fd9ff;--r2:#c23bff99;background:radial-gradient(circle at 68% 72%,var(--c1) 0,var(--c2) 38%,var(--c3) 74%);box-shadow:inset 7px 4px 18px var(--r1),inset -8px -8px 22px var(--r2),0 0 24px var(--c2);animation:spb 5s ease-in-out infinite,roll 18s linear infinite}
.sp[data-s=listening]{--c1:#3dffc8;--c2:#2a7bff;--c3:#06124a;--r1:#7affff;--r2:#3d7bff99;animation:spl 1.1s ease-in-out infinite,roll 12s linear infinite}
.sp[data-s=thinking]{animation:spb 3s ease-in-out infinite,roll 5s linear infinite}
.sp[data-s=speaking]{--c1:#ffd23d;--c2:#ff4d6d;--c3:#3a0a2e;--r1:#fff08a;--r2:#ff7a4d99;animation:spl .5s ease-in-out infinite,roll 9s linear infinite}
.sp.mini{box-shadow:inset 3px 2px 8px var(--r1),0 0 10px var(--c2)}@keyframes roll{to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sp{animation:none}}
/* pages */
.tb2{display:flex;gap:8px;flex-wrap:wrap}.tb2 input{flex:1;min-width:180px}
.ll{display:grid;gap:8px}.lr2{display:grid;grid-template-columns:44px 1.2fr 1.6fr auto auto;gap:12px;align-items:center;padding:12px 14px;background:#0d1233;border:1px solid var(--ln);border-radius:14px}.lm{display:grid}.la small,.lm small{color:var(--mut)}.ls{font-size:13px;text-transform:capitalize}
.av2{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
@media(max-width:760px){.lr2{grid-template-columns:44px 1fr}.lr2 .la,.lr2 .ls,.lr2 select{grid-column:2}}
.c7{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:150px;align-items:end}.c7>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.c7 i{width:100%;background:linear-gradient(#7a5cff,#5b7cff);border-radius:6px 6px 0 0;min-height:3px}
.ibx{display:grid;gap:14px}.il{padding:6px;max-height:70vh;overflow:auto}.cv2{display:flex;gap:10px;align-items:center;width:100%;padding:10px;background:none;border:0;border-radius:12px;color:inherit;text-align:left;cursor:pointer}.cv2.on,.cv2:hover{background:#151c4f}.cv2>div{min-width:0;flex:1}.cv2 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mut)}.nd{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffb020;margin-left:6px}.pad{padding:12px}.bk{display:none}
@media(min-width:1000px){.ibx{grid-template-columns:300px 1fr 260px}}@media(max-width:999px){.ibx.open .il,.ibx.open>div:nth-child(3){display:none}.ibx:not(.open)>div:nth-child(2){display:none}.bk{display:block}}
.wh{display:grid;gap:16px;align-items:center;margin-bottom:16px;padding:22px}.wt{font:700 24px Manrope,sans-serif;margin:0 0 6px}@media(min-width:800px){.wh{grid-template-columns:190px 1fr}}.wh .oc{background:none}
.la{text-align:left}.la small{color:#c9d0ff}

.sp{--a:#ff39f0;--b:#8a2bff;--c:#120a52;--r:#1fd9ff;background:radial-gradient(circle at 68% 72%,var(--a) 0,var(--b) 38%,var(--c) 74%);box-shadow:inset 7px 4px 18px var(--r),inset -8px -8px 22px var(--b),0 0 24px var(--b);animation:spb 5s ease-in-out infinite,hr 16s linear infinite}
.sp::after{display:none}.sp.mini{box-shadow:inset 3px 2px 8px var(--r),0 0 10px var(--b)}
@keyframes hr{to{filter:hue-rotate(360deg)}}
.sp[data-s=thinking]{animation:spb 1.2s ease-in-out infinite,hr 4s linear infinite}
.sp[data-s=listening]{--a:#3affc8;--b:#1f7bff;--c:#04204a;--r:#b6fff0;animation:spl 1.1s ease-in-out infinite,hr 8s linear infinite}
.sp[data-s=speaking]{--a:#ffb23a;--b:#ff4d6d;--c:#3a0a2a;--r:#ffe27a;animation:spl .5s ease-in-out infinite,hr 3s linear infinite}
@media(prefers-reduced-motion:reduce){.sp{animation:none}}
@keyframes hr{0%,100%{filter:hue-rotate(-38deg)}50%{filter:hue-rotate(38deg)}}
.sp{animation:spb 5s ease-in-out infinite,hr 12s ease-in-out infinite}
.sp[data-s=thinking]{animation:spb 1.2s ease-in-out infinite,hr 3s ease-in-out infinite}
.sp[data-s=listening]{animation:spl 1.1s ease-in-out infinite,hr 6s ease-in-out infinite}
.sp[data-s=speaking]{animation:spl .5s ease-in-out infinite,hr 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.sp,.sp[data-s]{animation:none}}

.mdl{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:100;padding:16px}.mc{background:#0d1233;border:1px solid var(--ln);border-radius:16px;padding:22px;max-width:540px;width:100%;max-height:90vh;overflow:auto}.mc h3{margin-bottom:10px}.ck{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:14px}.ck input{width:auto}
.orbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.ob{background:none;border:1px solid var(--ln);border-radius:12px;padding:10px 4px;color:inherit;display:grid;gap:6px;justify-items:center}.ob.on{border-color:#7a5cff;background:#171b4f}.pv{display:flex;gap:16px;align-items:center;margin:10px 0}
.o8{display:inline-block;width:44px;height:44px;border-radius:50%;position:relative;flex:none;vertical-align:middle;background:var(--bg8);animation:o8b 5s ease-in-out infinite}.o8.big{width:110px;height:110px}.ob .o8{width:40px;height:40px}
.o8[data-o="0"]{--bg8:radial-gradient(circle at 68% 72%,#ff39f0,#8a2bff 38%,#120a52 74%);box-shadow:inset 5px 3px 14px #1fd9ff,0 0 18px #8a2bff88}
.o8[data-o="1"]{--bg8:radial-gradient(circle,#bfeaff 0 14%,#3b5bff 15% 40%,#0a1050 41%);animation:o8r 2.4s ease-out infinite}
.o8[data-o="2"]{--bg8:conic-gradient(from 0deg,#34d399,#22d3ee,#6b4bff,#34d399);box-shadow:inset 0 0 16px #04122a,0 0 16px #22d3ee66;animation:o8s 8s linear infinite}
.o8[data-o="3"]{--bg8:radial-gradient(circle at 50% 70%,#ffd27a,#ff6a3d 42%,#5a0f1a 82%);box-shadow:0 0 20px #ff6a3d88;animation:o8f 1.6s ease-in-out infinite}
.o8[data-o="4"]{--bg8:radial-gradient(circle at 30% 28%,#aff,#1f7bff 46%,#04204a 88%);box-shadow:inset -5px -5px 14px #021030,0 0 18px #1f7bff77}
.o8[data-o="5"]{--bg8:radial-gradient(circle,#fff 0 6%,#6b4bff 7% 30%,#0b1050 31%);animation:o8r 3s ease-out infinite}
.o8[data-o="6"]{--bg8:conic-gradient(#ff5fc8,#ffd27a,#34d399,#22d3ee,#6b4bff,#ff5fc8);box-shadow:0 0 16px #6b4bff66;animation:o8s 6s linear infinite}
.o8[data-o="7"]{--bg8:radial-gradient(#9ff 1.4px,transparent 1.8px) 0 0/8px 8px,radial-gradient(circle,#2a1f8a,#070b2f);box-shadow:0 0 16px #6b4bff88;animation:o8s 14s linear infinite}
.o8[data-s=listening]{animation:o8l 1.1s ease-in-out infinite!important}.o8[data-s=speaking]{animation:o8k .45s ease-in-out infinite!important;filter:brightness(1.25) saturate(1.3)}
@keyframes o8b{50%{transform:scale(1.05)}}@keyframes o8l{50%{transform:scale(1.12);box-shadow:0 0 0 10px #7ad7ff33}}@keyframes o8k{50%{transform:scale(1.16)}}@keyframes o8s{to{transform:rotate(360deg)}}@keyframes o8r{0%{box-shadow:0 0 0 0 #7a8bff99}100%{box-shadow:0 0 0 18px #7a8bff00}}@keyframes o8f{50%{transform:scale(1.07);filter:brightness(1.2)}}
.wfg{display:grid;gap:10px;margin-top:12px}.nd{display:grid;justify-items:center;gap:4px;text-align:center;padding:14px;border:1px solid var(--ln);border-radius:14px;background:#0a0f2c}.mods{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.mod{text-align:left;color:inherit;background:#0a0f2c;border:1px solid var(--ln);border-radius:12px;padding:12px;display:grid;gap:3px;cursor:pointer}.mod i{font-size:18px}.mod em{font-style:normal;font-size:11px}.mod.on{border-color:#34d39966}.mod.on em{color:#34d399}.mod.soon em{color:#ffb020}.mod.off{opacity:.55}.mod.off em{color:#8b93c2}.mod.hit{box-shadow:0 0 0 2px #7ad7ff88,0 0 22px #7ad7ff55}
@media(min-width:1000px){.wfg{grid-template-columns:130px 60px 160px 60px 1fr;align-items:center}}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--ln);font-size:14px}th{color:var(--mut);font-weight:500}
.wk{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:12px}.ev{background:#171b4f;border-radius:8px;padding:8px;margin:6px 0;font-size:13px}.ev.g{border-left:3px solid #34d399}.ev.w{border-left:3px solid #ffb020}.fc{display:inline-block;padding:6px 10px;border-radius:8px;background:#171b4f;border:1px solid var(--ln);font-size:13px;margin:3px}
details{border-bottom:1px solid var(--ln);padding:10px 0}summary{cursor:pointer;font-weight:600}
.mkw li i.fa-facebook{color:#1877F2}.mkw li i.fa-instagram{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);-webkit-background-clip:text;background-clip:text;color:transparent}.mkw li i.fa-tiktok{color:#fff;text-shadow:2px 2px 0 #fe2c55,-2px -2px 0 #25f4ee}.mkw li i.fa-youtube{color:#FF0000}.mkw li i.fa-linkedin{color:#0A66C2}
@media(prefers-reduced-motion:reduce){.o8,.o8[data-s]{animation:none!important}}
.c h3{justify-content:flex-start}.c h3 .va{margin-left:auto}

.wfd{padding:22px}.wtop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.wti{font:700 20px Manrope,sans-serif;color:#f4c15d;letter-spacing:.5px;margin:0}.wch{display:flex;gap:8px;flex-wrap:wrap}
.wr1{display:grid;gap:10px;margin:22px 0 0;align-items:center}.wa{display:flex;align-items:center}.flow{display:none;flex:1;height:90px;min-width:60px;filter:drop-shadow(0 0 5px #f4c15d)}.flow path{fill:none;stroke:url(#gf);stroke-width:1.6;stroke-dasharray:5 9;animation:wfd 1.4s linear infinite;opacity:.9}@keyframes wfd{to{stroke-dashoffset:-14}}
.wbox{display:flex;gap:12px;align-items:center;padding:16px;border-radius:14px;background:#0a0f2c;text-align:left}.wbox b{display:block;font:700 20px Manrope,sans-serif}.wbox small{color:#7ad7ff;font-size:12px}.gd{border:2px solid #f4c15d;box-shadow:0 0 24px #f4c15d33,inset 0 0 18px #f4c15d14}.wa .wbox{flex:none}
.spl{height:30px;position:relative;margin-top:8px}.spl::before{content:"";position:absolute;left:50%;top:0;height:14px;border-left:2px solid #9aa3c7}.spl::after{content:"";position:absolute;left:25%;right:25%;top:14px;border-top:2px solid #9aa3c7}.ar{position:absolute;top:14px;width:0;height:0;border:6px solid transparent;border-top:9px solid #9aa3c7;border-bottom:0}.ar.l{left:calc(25% - 6px)}.ar.r{right:calc(25% - 6px)}
.rows{position:relative;display:grid;gap:12px}.rw{display:grid;gap:12px;grid-template-columns:1fr}.wl{display:none}
.wm{position:relative;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;border:2px solid var(--c);background:#0a0f2c;text-align:left;color:inherit;cursor:pointer;--c:#34d399}.wm>i{font-size:26px;color:var(--c);width:34px;text-align:center}.wm b{display:block;font:700 18px Manrope,sans-serif}.wm small{font-size:12px;color:var(--c);font-weight:600;letter-spacing:.3px}
.wm.on{box-shadow:0 0 16px #34d39922}.wm.off{--c:#ff6b6b;border-style:dashed}.wm.soon{--c:#ffb020;border-style:dashed}.wm.off>i{color:#a9b0d6}.wm.hit{box-shadow:0 0 0 2px #7ad7ff77,0 0 22px #34d39955}
.xb{position:absolute;top:-12px;right:-8px;width:26px;height:26px;border-radius:50%;background:#e5484d;color:#fff;display:grid;place-items:center;font-size:13px;text-decoration:none}
.lg{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 8px;padding:12px 16px;border:1px solid var(--ln);border-radius:12px;font-size:13px}.lg i{display:inline-block;width:30px;height:0;border-top:2px solid;vertical-align:middle;margin-right:6px}.lg1{border-color:#34d399}.lg2{border-color:#ff6b6b;border-top-style:dashed!important}.lg3{border-color:#ffb020;border-top-style:dashed!important}.lg4{border-color:#f4c15d}
@media(min-width:900px){.mvf{display:none}.flow{display:block}.wr1{grid-template-columns:1fr minmax(0,360px) 1fr}.wa{grid-column:1}.wag{grid-column:2}.wa .wbox{width:240px}
.rows::before{content:"";position:absolute;left:50%;top:-16px;bottom:34px;border-left:2px solid #9aa3c7}.rw{grid-template-columns:1fr 64px 64px 1fr;gap:0;align-items:center}.wl{display:block;position:relative;height:2px;--c:#34d399}.wl.off{--c:#ff6b6b}.wl.soon{--c:#ffb020}
.wl.on{background:repeating-linear-gradient(90deg,var(--c) 0 10px,transparent 10px 16px);background-size:16px 2px;animation:fh .6s linear infinite}.wl.wL.on{animation-name:fhr}.wl.off,.wl.soon{border-top:2px dashed var(--c);height:0}
.wl::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border:6px solid transparent;width:0;height:0}.wl.wL::after{left:-2px;border-right:9px solid var(--c);border-left:0}.wl.wR::after{right:-2px;border-left:9px solid var(--c);border-right:0}}
@keyframes fhr{to{background-position:-16px 0}}
@media(prefers-reduced-motion:reduce){.flow path,.wl.on{animation:none}}

.wfd .wti{color:#f4c15d}.wm>svg{width:30px;height:30px;color:var(--c);flex:none;stroke-width:1.7}.wm.off>svg{color:#a9b0d6}
.lg .lg1{border-top-color:#34d399}.lg .lg2{border-top-color:#ff6b6b}.lg .lg3{border-top-color:#ffb020}.lg .lg4{border-top-color:#f4c15d}
@keyframes wfr{to{background-position:16px 0}}@keyframes wfl{to{background-position:-16px 0}}
@media(min-width:900px){.wr1{grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr)}.wa .flow{min-width:0}.wl.on{animation:wfr .6s linear infinite}.wl.wL.on{animation:wfl .6s linear infinite}}
@media(prefers-reduced-motion:reduce){.wl.on{animation:none!important}}

.flow path{stroke-width:2}.flow{height:110px}@media(min-width:900px){.wa .wbox{width:210px}}