:root{--bg:#050716;--cyan:#19e3ff;--pink:#ff3df2;--violet:#8a5cff;--blue:#3b5bff;--gold:#ffb52e;--green:#2be37a;--text:#f2f4ff;--muted:#b4bbe0}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.4;overflow-x:hidden}
svg{width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
i{display:block}
.cy{color:var(--cyan)}.pk{color:var(--pink)}

.waves{position:fixed;inset:0;z-index:-1;background:
 radial-gradient(60% 45% at 50% 35%,rgba(110,70,255,.22),transparent 70%),
 radial-gradient(35% 30% at 0% 75%,rgba(40,70,255,.4),transparent 70%),
 radial-gradient(35% 30% at 100% 75%,rgba(40,70,255,.4),transparent 70%),var(--bg)}
.page{max-width:1670px;margin:0 auto;padding:clamp(14px,1.6vw,28px) clamp(14px,2.4vw,40px) 26px}

/* top */
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:clamp(16px,2vw,28px)}
.brand{display:flex;align-items:center;gap:14px}
.brand img{filter:drop-shadow(0 0 12px var(--violet))}
.brand-name{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600}
.divider{width:2px;height:34px;background:var(--muted);margin:0 8px}
.lab{letter-spacing:.32em;font-size:.82rem;color:var(--text)}
.live{display:flex;align-items:center;gap:20px;padding:12px 26px;border-radius:999px;border:1.5px solid rgba(138,92,255,.7);background:rgba(12,16,52,.75);box-shadow:0 0 24px rgba(110,80,255,.35)}
.live i{width:1.5px;height:26px;background:rgba(138,92,255,.6)}
.li{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:.95rem}
.li svg{color:var(--violet);width:1.6em;height:1.6em}
.li b{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}
.wi{font-size:1.5rem}.temp{font-size:1.15rem;font-weight:500}.li small{font-size:.88rem;color:var(--muted)}

/* grid */
.grid{display:grid;grid-template-columns:471fr 520fr 537fr;gap:clamp(14px,1.4vw,22px);align-items:start}
.col{display:flex;flex-direction:column;gap:clamp(14px,1.4vw,22px)}

.card{position:relative;border-radius:26px;padding:clamp(16px,1.6vw,26px);background:linear-gradient(145deg,rgba(45,55,150,.42),rgba(18,14,70,.62));border:1.5px solid transparent;
 background-clip:padding-box;box-shadow:0 0 0 1.5px rgba(120,100,255,.75),0 0 28px rgba(80,60,255,.4),inset 0 0 40px rgba(110,100,255,.12)}
.card h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:600}
.card h2 svg{color:var(--cyan);width:1.5em;height:1.5em}

/* left */
.title{padding:6px 0 4px 4px}
.meet{display:block;font-weight:700;letter-spacing:.38em;color:var(--cyan);text-shadow:0 0 14px var(--cyan);font-size:clamp(1rem,1.5vw,1.35rem)}
h1{white-space:nowrap;font-size:clamp(3.2rem,5.6vw,5.8rem);font-weight:800;font-style:italic;line-height:1.02;letter-spacing:-.02em;text-shadow:0 0 28px rgba(255,255,255,.15)}
h1 em{background:linear-gradient(90deg,#9fd2ff,var(--violet) 50%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.mdc{display:inline-block;letter-spacing:.42em;font-size:clamp(.8rem,1.3vw,1.15rem);font-weight:500;padding:6px 6px 10px 6px;border-bottom:2.5px solid;border-image:linear-gradient(90deg,transparent,var(--pink),var(--violet),transparent) 1;color:#dfe3ff}
.intro-top{display:flex;gap:18px;align-items:center;margin-bottom:16px}
.intro-top img{width:clamp(56px,5vw,76px);filter:drop-shadow(0 0 10px var(--violet))}
.lead{font-weight:600;font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.3;border-left:1.5px solid var(--muted);padding-left:18px}
.lead b{color:var(--cyan)}
.check{display:flex;gap:14px;align-items:center;margin-top:12px;font-size:clamp(.9rem,1.2vw,1.05rem)}
.check span{width:34px;height:34px;flex:none;border-radius:50%;background:var(--cyan);color:#021018;display:grid;place-items:center;font-weight:800;box-shadow:0 0 14px var(--cyan)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips span{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid rgba(138,92,255,.7);background:rgba(8,10,45,.8);font-size:.88rem}
.chips img{width:26px;height:26px;border-radius:50%}

/* center */
.center{align-items:center}
.brain-wrap{position:relative;width:100%;max-width:560px;margin:0 auto;padding-bottom:0}
.brain{width:100%;mix-blend-mode:screen;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(138,92,255,.5));-webkit-mask-image:radial-gradient(ellipse 52% 50% at 50% 48%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 52% 50% at 50% 48%,#000 62%,transparent 100%)}
.platform{position:relative;height:clamp(110px,13vw,190px);margin-top:-8%}
.platform i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid;box-shadow:0 0 22px currentColor,inset 0 0 22px currentColor}
.platform i:nth-child(1){width:100%;height:78%;color:var(--blue);border-color:var(--blue);animation:glow 3s infinite}
.platform i:nth-child(2){width:80%;height:60%;color:var(--violet);border-color:var(--violet);animation:glow 3s .5s infinite}
.platform i:nth-child(3){width:58%;height:42%;color:var(--cyan);border-color:var(--cyan);background:radial-gradient(closest-side,rgba(60,90,255,.6),transparent);animation:glow 3s 1s infinite}
.embed{position:absolute;left:50%;bottom:clamp(14px,3vw,48px);transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:12px 24px;border-radius:999px;width:max-content;max-width:94%;border:2.5px solid var(--violet);background:linear-gradient(145deg,rgba(40,25,120,.95),rgba(20,10,70,.95));box-shadow:0 0 28px rgba(160,90,255,.7),inset 0 0 18px rgba(255,61,242,.2);cursor:pointer;transition:transform .25s}
.embed:hover{transform:translateX(-50%) scale(1.05)}
.chip{width:clamp(42px,4.4vw,62px);height:auto;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}
.embed-text{display:flex;flex-direction:column;text-align:center;line-height:1.2}
.embed-text span{font-size:clamp(.85rem,1.2vw,1.1rem)}
.embed-text b{font-size:clamp(1.05rem,1.6vw,1.5rem);font-weight:600}
.embed-text small{font-size:clamp(.7rem,1vw,.95rem);color:var(--muted)}
.plug{width:clamp(30px,3vw,44px);color:#e7c8ff;height:auto;filter:drop-shadow(0 0 8px var(--pink))}
@keyframes float{50%{transform:translateY(-12px)}}
@keyframes glow{50%{opacity:.55}}

/* right */
.vision{overflow:hidden;background:linear-gradient(145deg,rgba(70,55,170,.55),rgba(20,14,75,.7));min-height:clamp(130px,16vw,160px)}
.vision h2{margin-bottom:10px}
.vision p{position:relative;z-index:2;max-width:78%;font-size:clamp(.88rem,1.2vw,1.05rem)}
.mount{position:absolute;right:0;bottom:0;height:100%;width:auto;opacity:.95;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%);z-index:1;border-radius:0 26px 26px 0}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 8px;border-radius:16px;border:1px solid rgba(120,110,255,.6);background:rgba(18,28,95,.65);transition:transform .25s,box-shadow .25s}
.tile:hover{transform:translateY(-5px);box-shadow:0 0 24px rgba(25,227,255,.45)}
.tile svg{width:2.4em;height:2.4em;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan));margin-bottom:4px}
.tile b{font-size:clamp(.85rem,1.15vw,1.02rem);font-weight:500;line-height:1.2}
.tile small{font-size:.76rem;color:var(--muted);line-height:1.25}
.future{box-shadow:0 0 0 2px var(--gold),0 0 30px rgba(255,150,40,.45),0 0 30px rgba(255,61,242,.3),inset 0 0 30px rgba(255,61,242,.12);background:linear-gradient(145deg,rgba(60,25,120,.55),rgba(30,12,80,.7))}
.future h2 svg{color:var(--cyan)}
.fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.new{background:linear-gradient(90deg,var(--pink),#ff5a7a);padding:5px 18px;border-radius:999px;font-weight:700;font-size:.95rem;animation:np 2s infinite}
@keyframes np{50%{box-shadow:0 0 20px var(--pink)}}
.frow{display:flex;align-items:center;gap:14px}
.fitem{flex:1;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,61,242,.6);background:rgba(50,15,90,.5)}
.fic{width:48px;height:48px;border-radius:10px;border:1.5px solid var(--pink);display:grid;place-items:center;color:var(--pink);flex:none}
.fitem b{display:block;font-size:clamp(.88rem,1.2vw,1.05rem);font-weight:500}
.fitem small{font-size:.74rem;color:var(--muted)}
.vsep{width:1.5px;height:44px;background:rgba(255,255,255,.3)}

/* bars */
.vbar,.tbar{display:flex;align-items:center;justify-content:space-around;gap:16px;margin:clamp(16px,2vw,24px) auto 0}
.vbar{max-width:1210px;padding:16px 34px;border-radius:999px;border:2px solid transparent;background:linear-gradient(rgba(20,25,90,.8),rgba(15,12,70,.85));box-shadow:0 0 0 2px rgba(120,100,255,.8),0 0 30px rgba(80,70,255,.4)}
.vbar>div,.tbar>div{display:flex;align-items:center;gap:14px}
.vbar svg{width:2.6em;height:2.6em}
.vbar b,.tbar b{display:block;font-weight:600;font-size:clamp(.95rem,1.3vw,1.15rem)}
.vbar small,.tbar small{display:block;color:var(--muted);font-size:clamp(.8rem,1.05vw,.95rem)}
.vbar i{width:1.5px;height:42px;background:rgba(138,92,255,.6)}
.tbar{max-width:1480px;padding:16px 32px;border-radius:999px;background:rgba(28,14,60,.85);box-shadow:0 0 0 2.5px var(--gold),0 0 32px rgba(255,150,40,.5),0 0 34px rgba(255,61,242,.3)}
.tbar i{width:1.5px;height:42px;background:rgba(255,255,255,.3)}
.tm b{display:inline;font-size:clamp(1.2rem,2vw,1.9rem)}
.crown{font-size:2.4rem;animation:float 4s ease-in-out infinite}
.tm em{font-style:normal;font-weight:800;background:var(--green);color:#022;padding:2px 22px;border-radius:999px;font-size:clamp(1.1rem,1.8vw,1.7rem);box-shadow:0 0 18px var(--green)}
.ic{font-size:2rem}
.mem{font-size:clamp(.9rem,1.35vw,1.2rem)}
.g{color:var(--gold);font-weight:600}
.mem strong{color:#ffd24a;font-size:1.5em;font-weight:700}

footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin-top:24px;color:var(--muted);font-size:clamp(.8rem,1.1vw,.98rem)}
footer a{color:var(--text);font-weight:600}
footer i{width:1.5px;height:18px;background:var(--muted);opacity:.6}

/* responsive */
@media(max-width:1100px){
 .grid{grid-template-columns:1fr 1fr}
 .left{grid-column:1/-1}
 .center{grid-column:1/-1;order:2}
 .right{grid-column:1/-1;order:3}
 .vbar,.tbar{flex-wrap:wrap;border-radius:36px;justify-content:center}
 .vbar i,.tbar i{display:none}
 .vbar>div,.tbar>div{min-width:200px}
}
@media(max-width:700px){
 .top{justify-content:center}
 .lab,.divider{display:none}
 .live{width:100%;justify-content:center;flex-wrap:wrap;gap:8px 16px;border-radius:26px;padding:12px 16px}
 .live i{display:none}
 .grid{display:flex;flex-direction:column}
 .vision p{max-width:100%}
 .mount{opacity:.35}
 .tiles{grid-template-columns:1fr}
 .tile{flex-direction:row;text-align:left;gap:12px;padding:12px}
 .tile svg{margin:0}
 .fh+.frow,.frow{flex-direction:column;align-items:stretch}
 .vsep{display:none}
 .embed{padding:10px 16px;gap:10px}
 .check{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Embedded Atmee support agent */
.avatar-support { width:100%; max-width:520px; margin:18px auto 0; padding:12px; border:1px solid rgba(130,180,255,.25); border-radius:16px; background:rgba(10,18,38,.65); text-align:center; }
.avatar-screen { width:100%; aspect-ratio: 4 / 3; background:#0a1020; border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center; color:#e7f1ff; }
.avatar-screen video { width:100%; height:100%; object-fit:contain; }
.avatar-screen audio { display:none; }
#avatarStatus { font-size:13px; margin:10px 0; color:#c8dcf7; }
.avatar-actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.avatar-actions button { border:0; border-radius:9px; padding:11px 20px; cursor:pointer; font-weight:700; background:#30d5f3; color:#061324; }
.avatar-actions #endTalk { background:#ffccd3; }
.avatar-actions button:disabled { opacity:.45; cursor:not-allowed; }
@media (max-width:600px) { .avatar-support { padding:9px; } .avatar-actions button { flex:1; min-width:110px; } }

/* Keep the original API / Embed ID / My Avatar section as the avatar host. */
.brain-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
.brain-wrap .embed{position:relative;left:auto;bottom:auto;transform:none;width:min(100%,520px);max-width:100%;margin:-34px auto 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border-radius:22px;cursor:default;gap:10px;padding:14px}
.brain-wrap .embed:hover{transform:none}
.brain-wrap .embed .avatar-support{grid-column:1/-1;max-width:100%;min-width:0;margin:2px 0 0}
.brain-wrap .embed .avatar-screen{min-height:150px}
.brain-wrap .embed .avatar-screen video{max-width:100%}
.brain-wrap .embed .avatar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.brain-wrap .embed .avatar-actions button{min-width:0;white-space:normal}
@media(max-width:700px){.brain-wrap .embed{margin:-20px auto 0;padding:10px;gap:6px}.brain-wrap .embed .chip{width:36px}.brain-wrap .embed .plug{width:30px}.brain-wrap .embed .avatar-actions button{padding:10px 6px;font-size:.85rem}}
@media(max-width:360px){.brain-wrap .embed{margin:-10px auto 0}.brain-wrap .embed .avatar-screen{min-height:120px}}

/* Larger integrated avatar support panel; preserve rest of original website */
.brain-wrap{max-width:760px;width:100%}
.brain-wrap .embed{position:relative;left:auto;bottom:auto;transform:none!important;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:720px;margin:-26px auto 0;border-radius:22px;padding:clamp(12px,2vw,20px);gap:10px;cursor:default}
.brain-wrap .embed:hover{transform:none!important}
.support-heading{display:flex;align-items:center;gap:10px;text-align:left}
.support-heading strong{display:block;font-size:clamp(1rem,1.6vw,1.3rem)}
.support-heading small{display:block;color:var(--muted);font-size:.8rem}
.support-dot{width:11px;height:11px;background:#39d6c0;border-radius:50%;box-shadow:0 0 12px #39d6c0}
.brain-wrap .embed .avatar-support{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;min-width:0}
.brain-wrap .embed .avatar-screen{width:100%;aspect-ratio:16/10;min-height:230px;max-height:480px;background:#090f26}
.brain-wrap .embed .avatar-screen video{width:100%;height:100%;object-fit:contain}
.brain-wrap .embed .avatar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.brain-wrap .embed .avatar-actions button{min-width:0}
.chat-panel{margin-top:14px;text-align:left;min-width:0}
.chat-heading{font-size:.92rem;font-weight:700;margin-bottom:8px}
.chat-heading span{font-size:.76rem;color:var(--muted);font-weight:400}
.chat-messages{background:rgba(5,11,30,.7);border:1px solid rgba(130,180,255,.3);border-radius:12px;min-height:105px;max-height:200px;overflow:auto;padding:12px;font-size:.86rem;overflow-wrap:anywhere}
.chat-messages p{margin:0 0 9px;line-height:1.5}
.chat-messages .chat-user{text-align:right;color:#79e4ff}
.chat-messages .chat-system{color:#ffddac}
.chat-form{display:flex;gap:8px;margin-top:10px;min-width:0}
.chat-form input{flex:1;min-width:0;padding:11px;border-radius:9px;border:1px solid rgba(130,180,255,.5);background:#0b1431;color:white;font:inherit}
.chat-form button{border:0;border-radius:9px;padding:10px 16px;background:#30d5f3;color:#061324;font-weight:700;cursor:pointer}
.chat-form button:disabled,.chat-form input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){.brain-wrap .embed{margin:-12px auto 0;padding:12px}.brain-wrap .embed .avatar-screen{min-height:200px;aspect-ratio:4/3}.chat-form button{padding:9px 12px}}
@media(max-width:400px){.brain-wrap .embed .avatar-screen{min-height:175px}.brain-wrap .embed .avatar-actions button{padding:10px 7px;font-size:.83rem}}

/* Floating support only. Existing page styles and layout unchanged. */
.awais-float{position:fixed;right:clamp(12px,2.2vw,30px);bottom:clamp(12px,2.2vw,28px);z-index:9999;font-family:inherit;color:#f5f9ff;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.awais-float *{box-sizing:border-box}
.awais-float button,.awais-float input{font:inherit}
.awais-launcher,.awais-panel{pointer-events:auto}
.awais-launcher{display:flex;align-items:center;gap:10px;max-width:min(92vw,300px);border:1px solid #6aafff;border-radius:999px;padding:7px 13px 7px 7px;color:white;background:linear-gradient(115deg,#062b6b,#1460d8);box-shadow:0 10px 35px #0008;cursor:pointer;text-align:left}
.awais-launcher img,.awais-panel-header img{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #8fd8ff}
.awais-launcher span:nth-child(2),.awais-panel-header span{display:flex;flex-direction:column;min-width:0}
.awais-launcher strong{font-size:13px}.awais-launcher small{font-size:11px;color:#d7e9ff}.awais-launcher-arrow{font-size:20px;margin-left:4px}
.awais-panel{width:min(390px,calc(100vw - 24px));max-height:min(730px,calc(100dvh - 92px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #5aa9ff;border-radius:22px;background:#f8fbff;box-shadow:0 20px 60px #000a;color:#12223b;text-align:left}
.awais-panel[hidden]{display:none!important}
.awais-panel-header{display:flex;align-items:center;gap:10px;padding:10px 13px;background:linear-gradient(115deg,#08327c,#1156d6);color:white;flex:none}
.awais-panel-header strong{font-size:14px}.awais-panel-header small{font-size:11px;color:#d7e9ff}
#awaisClose{margin-left:auto;border:0;background:#ffffff20;color:white;border-radius:50%;width:34px;height:34px;cursor:pointer;flex:none}
.awais-video{position:relative;width:100%;aspect-ratio:16/11;min-height:0;background:#07152c;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:1}
.awais-video img,.awais-video video{width:100%;height:100%;object-fit:contain;display:block}
.awais-video audio{display:none}
.awais-status{margin:0;padding:9px 14px 3px;color:#314966;font-size:12px;line-height:1.4;flex:none}
.awais-controls{display:flex;gap:9px;padding:8px 14px;flex:none}
.awais-controls button{flex:1;min-width:0;border:0;border-radius:11px;background:#1164e9;color:white;font-weight:700;font-size:13px;padding:10px;cursor:pointer}
.awais-controls #endTalk{background:#e6edf8;color:#21334f}.awais-controls button:disabled{opacity:.45;cursor:not-allowed}
.awais-chat{padding:7px 13px 12px;min-height:0;display:flex;flex-direction:column;flex:1}
.awais-messages{min-height:54px;max-height:110px;overflow:auto;background:#e9f1fb;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.awais-messages p{margin:0 0 7px}.awais-messages .chat-user{text-align:right;color:#075dbd}.awais-messages .chat-system{color:#a14b20}
.awais-input-row{display:flex;gap:7px;margin-top:8px;min-width:0}
.awais-input-row input{min-width:0;flex:1;border:1px solid #c5d5eb;border-radius:10px;background:white;color:#172842;padding:10px;font-size:12px}
.awais-input-row button{border:0;border-radius:10px;background:#1264e6;color:white;padding:9px 12px;font-size:12px;cursor:pointer}
.awais-input-row :disabled{opacity:.55;cursor:not-allowed}
#chatMode{font-size:10px;color:#687b94;margin-top:6px}
@media(max-width:600px){.awais-float{right:10px;bottom:10px;left:10px;align-items:flex-end}.awais-panel{width:min(100%,420px);max-height:calc(100dvh - 83px)}.awais-video{aspect-ratio:16/10}.awais-launcher{max-width:calc(100vw - 20px)}}
@media(max-height:650px){.awais-panel{max-height:calc(100dvh - 70px)}.awais-video{aspect-ratio:16/8}.awais-messages{max-height:65px}}

/* Support-only fix: photo fills panel, automatic open on all screen sizes. */
.awais-video img{object-fit:cover;object-position:center 38%}
.awais-video video{object-fit:cover;object-position:center}
@media(max-width:600px){.awais-panel{width:min(100%,420px)}.awais-video{aspect-ratio:16/11}}

/* Connection notice only; no changes to the surrounding website */
.awais-status.is-connecting{background:#fff0b8;color:#593a00;border:2px solid #f3b928;border-radius:10px;margin:8px 12px;padding:12px;font-weight:700;box-shadow:0 0 0 2px rgba(243,185,40,.12)}

/* Support widget only: taller photo viewport, fully visible original portrait, adaptive panel. */
.awais-panel{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:2px solid #38baff;box-shadow:0 0 20px #168cff70,0 24px 70px #000b}
.awais-panel-header{padding:11px 14px;gap:12px}
.awais-panel-header strong{font-size:clamp(15px,2vw,19px)}
.awais-window-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}
.awais-window-actions button{border:0;background:#ffffff20;color:#fff;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}
.awais-window-actions button:hover{background:#ffffff45}
.awais-video{height:clamp(250px,48dvh,530px);aspect-ratio:auto;flex:1 1 auto;min-height:155px;background:#07162d}
.awais-video img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;background:#07162d}
.awais-video video{width:100%;height:100%;object-fit:contain!important;object-position:center!important}
.awais-status{display:flex;align-items:center;gap:10px;margin:8px 12px;padding:11px 13px!important;border-radius:12px;background:#091629;color:#fff;font-size:12px;line-height:1.4;border:1px solid #1a91f7;box-shadow:0 0 12px #0e81d544;flex-shrink:0}
.awais-status.is-connecting{background:#061221!important;color:#fff!important;border:1px solid #23c7ff!important;box-shadow:0 0 16px #14b9ff80!important;animation:awaisGlow 1.4s ease-in-out infinite}
.awais-status-dot{width:13px;height:13px;border:2px solid #42dfff;border-radius:50%;flex-shrink:0;box-shadow:0 0 9px #1ac9ff}
.awais-status.is-connecting .awais-status-dot{border-top-color:transparent;animation:awaisSpin .8s linear infinite}
@keyframes awaisSpin{to{transform:rotate(360deg)}}
@keyframes awaisGlow{50%{box-shadow:0 0 23px #22baffbb}}
.awais-controls{padding:6px 13px}
.awais-controls button{padding:10px}
.awais-chat{flex:0 0 auto;padding:5px 13px 12px}
.awais-messages{max-height:85px;min-height:48px}
@media(max-width:600px){.awais-float{right:8px;left:8px;bottom:8px}.awais-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:18px}.awais-video{height:clamp(210px,44dvh,450px);min-height:150px}.awais-panel-header{padding:8px 10px}.awais-panel-header img{width:37px;height:37px}.awais-messages{max-height:70px}.awais-chat{padding-bottom:9px}}
@media(max-height:650px){.awais-video{height:clamp(145px,35dvh,300px);min-height:110px}.awais-panel{max-height:calc(100dvh - 12px)}.awais-panel-header{padding:6px 10px}.awais-status{margin:4px 9px;padding:6px 9px!important}.awais-controls{padding:4px 10px}.awais-messages{min-height:32px;max-height:48px}.awais-chat{padding:3px 10px 7px}}
@media(prefers-reduced-motion:reduce){.awais-status.is-connecting,.awais-status.is-connecting .awais-status-dot{animation:none!important}}

/* MOBILE + DESKTOP: clearly visible animated connection notification, support widget only. */
.awais-status.is-connecting {
  position:relative; display:flex!important; align-items:center!important;
  width:auto; min-height:65px; margin:9px 12px!important;
  padding:13px 14px!important; color:#fff!important;
  background:linear-gradient(115deg,#020817,#071b34)!important;
  border:2px solid #29d2ff!important; border-radius:15px!important;
  box-shadow:0 0 0 1px #007edb,0 0 18px #00bfff88!important;
  animation:awaisNoticePulse 1.5s ease-in-out infinite!important;
  overflow:visible; z-index:2;
}
.awais-status.is-connecting #awaisStatusText{font-weight:700;color:white!important;line-height:1.45;overflow-wrap:anywhere}
.awais-status.is-connecting #awaisStatusText::after {
  content:' ...'; display:inline-block; width:1.3em; overflow:hidden;
  white-space:nowrap; vertical-align:bottom;
  animation:awaisTypingDots 1.2s steps(4,end) infinite;
  color:#39d9ff;
}
.awais-status.is-connecting .awais-status-dot{
  display:block!important; width:22px!important;height:22px!important;
  border:3px solid #20cfff!important;border-top-color:transparent!important;
  animation:awaisSpin .75s linear infinite!important;
}
@keyframes awaisNoticePulse{50%{box-shadow:0 0 0 1px #00bfff,0 0 27px #16d3ffcc}}
@keyframes awaisTypingDots{0%{width:0}100%{width:1.3em}}
@media(max-width:600px){
 .awais-status.is-connecting{margin:7px 9px!important;padding:11px 12px!important;min-height:66px;font-size:12px!important;flex-shrink:0!important}
 .awais-status.is-connecting .awais-status-dot{width:20px!important;height:20px!important}
}
@media(max-width:360px){.awais-status.is-connecting{font-size:11px!important;padding:9px!important}}
@media(prefers-reduced-motion:reduce){
 .awais-status.is-connecting,.awais-status.is-connecting .awais-status-dot,.awais-status.is-connecting #awaisStatusText::after{animation:none!important}
 .awais-status.is-connecting #awaisStatusText::after{width:auto}
}

.awais-privacy-note{font-size:10px;line-height:1.35;padding:7px 12px;color:#e4e9f7;background:#152139;margin:0;}

.awais-voice-guide{font-size:12px;line-height:1.45;padding:9px 12px;color:#f5f8ff;background:#12213b;margin:0;border-left:3px solid #37a8ff;}
.awais-voice-guide strong{color:#fff;}

/* Connecting-only circular portrait, call timer and captions. */
.awais-video .awais-call-timer[hidden],.awais-video .awais-subtitle[hidden]{display:none!important}
.awais-video.is-awais-connecting{background:#07162d}
.awais-video .awais-connect-view{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at center,#123960 0%,#07162d 73%);padding:16px;color:#fff;text-align:center}
.awais-connect-ring{width:min(54%,190px);aspect-ratio:1;border-radius:50%;padding:7px;background:conic-gradient(#34e5ff,#1363ff 32%,transparent 45%,#0e4a95 70%,#34e5ff);animation:awaisPortraitSpin 1.6s linear infinite;box-shadow:0 0 22px #008bff88}
.awais-connect-ring-inner{width:100%;height:100%;padding:4px;border-radius:50%;background:#07162d;overflow:hidden}
.awais-video .awais-connect-ring-inner img{width:100%;height:100%;border-radius:50%;object-fit:cover!important;object-position:center 28%!important;display:block;background:#07162d}
.awais-connect-title{font-size:16px;font-weight:750;letter-spacing:.1px}
.awais-connect-note{font-size:11px;color:#a9d8ff}
@keyframes awaisPortraitSpin{to{transform:rotate(360deg)}}
.awais-video .awais-call-timer{position:absolute;z-index:6;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #29c8ff;border-radius:30px;background:#071a32e8;color:white;padding:7px 14px;font-size:13px;font-weight:700;letter-spacing:.5px;box-shadow:0 0 12px #0c9bff55;font-variant-numeric:tabular-nums}
.awais-live-dot{width:8px;height:8px;border-radius:50%;background:#21e991;box-shadow:0 0 7px #21e991}
.awais-video .awais-subtitle{position:absolute;z-index:6;bottom:10px;left:5%;width:90%;border:1px solid #3b8fda;border-radius:12px;background:#06182be8;color:#fff;text-align:center;padding:9px 11px;font-size:13px;line-height:1.4;overflow-wrap:anywhere;max-height:35%;overflow:auto;box-shadow:0 2px 15px #0008}
@media(prefers-reduced-motion:reduce){.awais-connect-ring{animation:none}}
/* Keep the face stationary while the outer ring spins. */
.awais-video .awais-connect-ring-inner img{animation:awaisPortraitCounterSpin 1.6s linear infinite}
@keyframes awaisPortraitCounterSpin{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.awais-video .awais-connect-ring-inner img{animation:none}}

/* Mode selection: keep chat hidden until the visitor connects. */
.awais-chat[hidden]{display:none!important}
.awais-controls #startText{background:#167e78;color:#fff}
.awais-controls button{font-size:12px}
/* Captions live BELOW the video, never over Awais's face. */
.awais-subtitle-below{position:static!important;display:block;flex:none;z-index:auto!important;width:auto!important;max-height:76px!important;overflow:auto;margin:5px 13px 2px;border-radius:9px;background:#10253c;color:white;padding:8px 10px;font-size:12px;line-height:1.35;overflow-wrap:anywhere;text-align:left}
.awais-subtitle-below[hidden]{display:none!important}

/* Subtitles: subtle glass overlay at the bottom INSIDE the avatar video. */
.awais-video .awais-subtitle-glass {
  position:absolute!important;
  z-index:6!important;
  bottom:8px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:88%!important;
  max-height:3.6em!important;
  margin:0!important;
  padding:5px 10px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:9px!important;
  background:rgba(12,23,37,.47)!important;
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  color:#fff!important;
  font-size:11px!important;
  font-weight:500;
  line-height:1.3!important;
  letter-spacing:.1px;
  text-align:center!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.55);
  box-shadow:0 2px 10px rgba(0,0,0,.13)!important;
  overflow:auto!important;
  overflow-wrap:anywhere;
  pointer-events:none;
}
.awais-video .awais-subtitle-glass[hidden]{display:none!important}
@media(max-width:480px){
  .awais-video .awais-subtitle-glass{font-size:10px!important;padding:4px 8px!important;bottom:6px!important;max-width:90%!important}
}