/* Agents IA */
.ag-hero,.ag-sec{--k:#151B33;--mu:#6B7186;--ln:rgba(34,43,67,.08);color:var(--k)}
.page>section.ag-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(60% 60% at 30% 0%,#FDFDFE,transparent 70%),#F3F5F9;padding:calc(var(--safe-top) + clamp(150px,11vw,176px)) 0 0}
.page>section.ag-hero{background:#F5F7FB}
.ag-hero .ag-glow-h i:nth-child(1){width:46vw;height:40vw;left:auto;right:-14vw;top:-14vw;bottom:auto;background:rgb(225,238,254);opacity:.9}
.ag-hero .ag-glow-h i:nth-child(2){width:36vw;height:34vw;left:-16vw;right:auto;top:16%;bottom:auto;background:rgb(225,243,237);opacity:.95}
.ag-hero .ag-glow-h i:nth-child(3){width:30vw;height:30vw;left:auto;right:-10vw;top:38%;bottom:auto;background:rgb(254,241,237);opacity:.9}
.ag-team-band{position:relative;z-index:0;margin-top:calc(-1 * clamp(20px,4.4vw,84px));line-height:0}
.ag-team-band img{display:block;width:100%;height:auto;aspect-ratio:1672/585;-webkit-mask:linear-gradient(180deg,transparent 0,#000 4%);mask:linear-gradient(180deg,transparent 0,#000 4%)}
.ag-hero .wrap{position:relative;z-index:1}
.ag-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ag-glow i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.ag-glow i:nth-child(1){width:44vw;height:44vw;right:-12vw;top:-10vw;background:#D3E2FB}
.ag-glow i:nth-child(2){width:32vw;height:32vw;left:-12vw;bottom:-14vw;background:#EEF1B8}
.ag-glow i:nth-child(3){width:26vw;height:26vw;left:40%;top:30%;background:#E6EEFB;opacity:.4}
.ag-glow.b i:nth-child(1){top:6%;right:-14vw;background:#DCE8FB;opacity:.45}
.ag-glow.b i:nth-child(2){left:-14vw;top:4%;bottom:auto;background:#E0F4E8;opacity:.45}
.ag-hero-g{display:flex;flex-direction:column;align-items:center;text-align:center}
.ag-hero-g>.rv:last-child{width:min(900px,100%);margin-top:48px}
.ag-copy{display:flex;flex-direction:column;align-items:center}
.ag-tag{display:inline-flex;align-items:center;gap:14px;height:44px;padding:0 26px 0 18px;border-radius:999px;background:linear-gradient(180deg,#FEFEFE,#F3F5F9);box-shadow:0 0 0 1px rgba(34,43,67,.06),0 8px 22px -10px rgba(34,43,67,.22),inset 0 1px 0 #FEFEFE;font-family:var(--font-tech);font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#3A4766;white-space:nowrap;max-width:100%}
@media (max-width:400px){.ag-tag{letter-spacing:.2em;padding:0 16px 0 12px}}
.ag-tag i{width:10px;height:10px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 4px rgba(228,232,129,.3)}
.ag-h1{margin:0;display:flex;flex-direction:column;align-items:center;font-family:var(--font-identity);font-weight:800;font-size:clamp(36px,4.25vw,82px);line-height:1.02;letter-spacing:-.05em;color:#121A38;text-wrap:balance}
.ag-h1 .b{font-weight:400;letter-spacing:-.045em}
.ag-lead{margin:clamp(12px,.95vw,18px) 0 0;font-size:clamp(16px,1.32vw,25px);line-height:1.38;letter-spacing:-.01em;color:#7A819B;max-width:none;text-wrap:balance}
.ag-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,.9vw,16px);margin-top:clamp(18px,1.6vw,30px)}
.ag-b{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 20px;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--expo),color .3s var(--ease)}
.ag-b.lg{height:clamp(48px,3.2vw,60px);padding:0 clamp(22px,1.65vw,32px);font-size:clamp(15px,1.02vw,19px)}
.ag-b.dark{background:#18213E;color:#FEFEFE;box-shadow:0 14px 28px -16px rgba(24,33,62,.7)}
.ag-b.dark:hover{background:#25305A;transform:translateY(-1px)}
.ag-b.acc{background:var(--acc);color:var(--acc-ink);box-shadow:0 14px 28px -16px color-mix(in oklab,var(--acc) 80%,#000)}
.ag-b.acc:hover{background:color-mix(in oklab,var(--acc) 90%,#000);transform:translateY(-1px)}
.ag-b.ghost{background:#FEFEFE;color:var(--k,#151B33);box-shadow:inset 0 0 0 1px rgba(34,43,67,.12),0 6px 16px -10px rgba(34,43,67,.25)}
.ag-b.ghost:hover{box-shadow:inset 0 0 0 1px rgba(34,43,67,.28),0 8px 18px -10px rgba(34,43,67,.3)}
.ag-b:active{transform:scale(.98)}
.ag-b:focus-visible,.ag-ib:focus-visible,.ag-cb:focus-visible,.ag-sugg button:focus-visible,.ag-ch-sw button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.ag-b .ico{transition:transform .35s var(--expo)}.ag-b.lg.dark:hover .ico{transform:translateY(2px)}
.ag-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px clamp(28px,2.6vw,44px);margin-top:clamp(14px,1.3vw,24px);font-size:clamp(14px,1vw,18px);color:#6B7392}
.ag-modes span{display:inline-flex;align-items:center;gap:12px}.ag-modes .ico{color:var(--k)}

/* hero mock */
.ag-mock-wrap{position:relative;padding:10px 60px 64px;perspective:1800px;text-align:left}
.ag-mock{position:relative;padding:12px;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(235,241,251,.55));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(34,43,67,.06),0 50px 90px -40px rgba(34,63,120,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:rotateX(8deg) rotateZ(1.5deg);transform-style:preserve-3d;animation:agFloat 7s ease-in-out infinite alternate}
@keyframes agFloat{to{translate:0 -10px}}
.ag-mock-in{border-radius:22px;background:#FBFCFE;box-shadow:0 0 0 1px rgba(34,43,67,.05);padding:22px 22px 18px;display:flex;flex-direction:column;gap:18px}
.ag-mock-h{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(34,43,67,.07)}
.ag-mock-h img{height:24px;width:auto}
.ag-mock-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(34,43,67,.12);font-size:12.5px;font-weight:500;color:#3A4766}
.ag-mock-pill i{width:9px;height:9px;border-radius:50%;background:#2F7BF6}
.ag-mock-dots{margin-left:auto;display:flex;gap:4px}.ag-mock-dots i{width:5px;height:5px;border-radius:50%;background:#9AA3BA}
.ag-mock-b{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:230px}
.ag-mb{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;animation:agMsg .8s var(--expo) both}
.ag-mb.u{justify-content:flex-end;animation-delay:.9s}.ag-mb.a{animation-delay:1.9s}
.ag-mb>span{text-wrap:balance}
@media (min-width:561px){.ag-mb>span{white-space:nowrap}}
.ag-mb.u>span:first-child{padding:14px 18px;border-radius:16px;background:#E9ECF2;color:#2A3350;max-width:min(78%,520px)}
.ag-mb.a>span:last-child{padding:16px 20px;border-radius:16px;background:#1C2541;color:#FEFEFE;max-width:72%;font-weight:500;box-shadow:0 14px 26px -16px rgba(24,33,62,.7)}
.ag-mu,.ag-ma{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none}
.ag-mu{background:#E3E7EE;color:#5A6480}.ag-ma{background:#1C2541;color:#FEFEFE}
@keyframes agMsg{from{opacity:0;translate:0 12px}}
.ag-mock-in-f{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px 0 20px;border-radius:14px;background:#FEFEFE;box-shadow:inset 0 0 0 1px rgba(34,43,67,.1);font-size:15px;color:#9AA0B0}
.ag-mock-in-f b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1C2541;color:#fff}
.ag-voice{position:absolute;right:0;bottom:6px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:14px 24px 14px 14px;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(34,43,67,.06),0 30px 50px -26px rgba(34,63,120,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);rotate:4deg;animation:agFloat 6s ease-in-out -2s infinite alternate}
.ag-voice b{grid-row:1/3;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#1C2541;color:#fff}
.ag-voice em{font-style:normal;font-size:14px;font-weight:500;color:#3A4766}
.ag-wave{display:flex;align-items:center;gap:3px;height:30px}
.ag-wave i{width:3px;border-radius:2px;background:#5B8DEF;height:30%;animation:agBar 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -97ms)}
.ag-wave i:nth-child(3n){animation-duration:.8s}.ag-wave i:nth-child(4n+1){animation-duration:1.4s}
@keyframes agBar{to{height:100%}}

/* agents section */
.page>section.ag-sec{position:relative;overflow:hidden;isolation:isolate;background:#FEFEFE;padding-bottom:clamp(72px,8vw,120px)}
.page>section.ag-sec.t-mainsafe{background:linear-gradient(180deg,#FDF6F2,#FBF1EB);border-radius:var(--r-sec);padding-top:var(--sec)}
.ag-sec.t-vigisafe .ag-glow.b i:nth-child(1){background:#DDF5E4}.ag-sec.t-vigisafe .ag-glow.b i:nth-child(2){background:#E6F7EC}
.ag-sec.t-mainsafe .ag-glow.b i:nth-child(1){background:#FCE3D6;opacity:.6}.ag-sec.t-mainsafe .ag-glow.b i:nth-child(2){background:#FDE9DD;opacity:.6}
.ag-team{position:relative;display:inline-flex;align-items:center;gap:12px;height:42px;padding:0 24px 0 18px;margin-bottom:6px;border-radius:999px;background:rgba(254,254,254,.8);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--dot) 55%,transparent);font-family:var(--font-tech);font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#1E2438;white-space:nowrap}
.ag-team::after{content:"";position:absolute;left:50%;bottom:-1px;width:64px;height:2px;border-radius:2px;translate:-50% 0;background:var(--dot)}
.ag-team i{width:10px;height:10px;border-radius:50%;background:var(--dot)}
@media (max-width:400px){.ag-team{letter-spacing:.18em;padding:0 16px 0 12px}}
.ag-sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.ag-sh h2{margin:0;font-family:var(--font-identity);font-weight:800;font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.045em;color:var(--k);text-wrap:balance}
.ag-sh p{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--mu);text-wrap:balance}
.ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:clamp(56px,6vw,84px)}
.ag-card{position:relative;display:flex;flex-direction:column;border-radius:20px;background:#FEFEFE;box-shadow:0 0 0 1px rgba(34,43,67,.07),0 24px 48px -30px rgba(34,43,67,.3);transition:box-shadow .5s var(--ease),translate .6s var(--expo)}
.ag-card:hover{translate:0 -4px;box-shadow:0 0 0 1px rgba(34,43,67,.1),0 34px 60px -30px rgba(34,43,67,.38)}
.ag-media,.ag-headpop{position:relative;aspect-ratio:340/273;border-radius:20px 20px 0 0}
.ag-media{overflow:hidden;background:var(--tint)}
.ag-headpop{position:absolute;left:0;right:0;top:0;pointer-events:none;z-index:1}
.ag-img{position:absolute;left:50%;bottom:0;height:calc(100% * 312 / 273);width:auto;max-width:none;translate:-50% 0;transform-origin:50% 100%;transition:scale .8s var(--expo)}
.ag-headpop .ag-img{clip-path:inset(0 0 calc(87.5% - 3px) 0)}
.ag-card:hover .ag-img{scale:1.025}
.ag-badge{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 4px 10px -6px rgba(34,43,67,.3);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1E2438}
.ag-badge i{width:9px;height:9px;border-radius:50%;background:var(--dot)}
.ag-body{display:flex;flex-direction:column;gap:18px;flex:1;padding:clamp(20px,2vw,26px) clamp(18px,1.8vw,24px) clamp(18px,1.8vw,22px)}
.ag-id h3{margin:0;font-family:var(--font-identity);font-weight:800;font-size:clamp(28px,2.4vw,34px);line-height:1;letter-spacing:-.04em;color:var(--k)}
.ag-role{margin:10px 0 0;font-weight:700;font-size:17px;line-height:1.3;letter-spacing:-.01em;color:var(--k)}
.ag-sub{margin:4px 0 0;font-size:15px;color:var(--mu)}
.ag-skills{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--ln);display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.4;color:#3A4766}
.ag-skills li{display:flex;gap:10px;align-items:flex-start}.ag-skills .ico{margin-top:2px;color:var(--dot)}
.ag-acts{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;margin-top:auto}
.ag-acts .ag-b{padding:0 12px}
@media (max-width:1000px){.ag-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));row-gap:clamp(48px,6vw,64px)}}
@media (max-width:760px){.page>section.ag-hero{padding-top:calc(var(--safe-top) + 120px)}.ag-lead br{display:none}.ag-team-band{margin-top:18px}.ag-team-band img{width:150%;max-width:none;margin-left:-25%}}
@media (max-width:560px){.ag-mock-wrap{padding:6px 10px 58px}.ag-mock{transform:rotateX(5deg) rotateZ(1deg)}.ag-mb{font-size:14px}.ag-mock-b{min-height:150px}.ag-voice{padding:10px 18px 10px 10px}.ag-voice b{width:46px;height:46px}.ag-ctas{width:100%}.ag-ctas .ag-b{flex:1 1 220px}.ag-acts .ag-b{font-size:14.5px;gap:8px}}

/* hero — Sam */
.page>section.ag-hero{--agx:min(3.5vw - 10px,max(var(--gut) - 24px,50vw - 644px));display:flex;align-items:center;min-height:max(640px,100svh);padding:calc(var(--safe-top) + clamp(80px,6.4vw,120px)) 0 clamp(40px,4vw,80px);background:radial-gradient(16% 26% at 100% 30%,#FFFAE0,transparent 72%),radial-gradient(40% 46% at 100% 0%,#EAF2FE,transparent 72%),#FAFBFE}
.ag-hero .ag-hero-g{translate:calc(-1 * var(--agx)) 0;width:100%;align-items:flex-start;text-align:left}
.ag-hero .ag-copy{align-items:flex-start;max-width:min(50%,860px)}
.ag-hero .ag-tag{height:clamp(32px,2.3vw,42px);padding:0 clamp(16px,1.3vw,24px) 0 clamp(14px,1.1vw,20px);gap:clamp(10px,1vw,18px);margin-bottom:clamp(20px,1.9vw,36px);background:#F1F6FE;box-shadow:inset 0 0 0 1.5px #D3E1F8;font-family:var(--font-body);font-size:clamp(11px,.82vw,15px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#18213E}
.ag-hero .ag-tag i{width:clamp(9px,.8vw,14px);height:clamp(9px,.8vw,14px);background:#1170F9;box-shadow:none}
.ag-hero .ag-h1{align-items:flex-start;font-size:clamp(34px,4.6vw,88px);line-height:1.04;letter-spacing:-.045em;color:#0E1633}
.ag-hero .ag-h1 .b{font-size:.8em;font-weight:400;letter-spacing:-.04em}
.ag-hero .ag-h1 span{white-space:nowrap}
.ag-hero .ag-lead{margin-top:clamp(18px,2.2vw,42px);font-size:clamp(16px,1.4vw,26px);line-height:1.36;letter-spacing:-.01em;color:#6E7898;max-width:24em;text-wrap:pretty}
.ag-hero .ag-ctas{flex-wrap:nowrap;justify-content:flex-start;gap:clamp(10px,1.1vw,20px);margin-top:clamp(24px,2.6vw,48px)}
.ag-hero .ag-b.lg{flex:0 0 auto;height:clamp(46px,3.6vw,66px);min-width:0;padding:0 clamp(18px,1.6vw,30px);gap:clamp(10px,.8vw,14px);border-radius:clamp(11px,.75vw,14px);font-size:clamp(15px,1.05vw,19px);font-weight:600;white-space:nowrap}
.ag-hero .ag-b.lg .ico{width:clamp(18px,1.3vw,24px);height:clamp(18px,1.3vw,24px)}
.ag-hero .ag-b.dark{background:#0F1A3D}
.ag-hero .ag-b.ghost{box-shadow:inset 0 0 0 1.5px #DCE3EF}
.ag-hero .ag-b.lg.dark:hover .ico{transform:none}
.ag-copy .ag-note{margin:clamp(22px,2.4vw,40px) 0 0;font-size:clamp(13px,1vw,18px);line-height:normal;text-align:left;color:#7A84A3}
.ag-sam-art{position:absolute;left:calc(50% + min(600px,50% - 14px));translate:calc(-71.6% + 7vw - var(--agx)) 0;bottom:0;z-index:0;height:94%;aspect-ratio:852/941;container-type:inline-size;pointer-events:none}
.ag-sam-art img{display:block;width:100%;height:100%;object-fit:cover}
.ag-sam-art::before,.ag-sam-art::after{content:"";position:absolute;z-index:-1;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.ag-sam-art::before{left:42%;top:50%;width:130%;background:radial-gradient(closest-side,rgba(206,225,253,.95),rgba(222,235,254,.85) 55%,rgba(234,242,254,.4) 80%,rgba(250,251,254,0))}
.ag-sam-art::after{left:88%;top:62%;width:80%;background:radial-gradient(closest-side,rgba(220,234,254,.8),rgba(232,241,254,.4) 65%,rgba(250,251,254,0))}
.ag-sam-art img{position:relative}
.ag-sam-card{position:absolute;left:62.9%;top:70.1%;width:29.8%;height:13.3%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 2.5cqw;border-radius:2.4cqw;background:#FEFEFE;box-shadow:inset 0 0 0 1px #E6ECF6,0 1.5cqw 3cqw -1.5cqw rgba(34,43,67,.12)}
.ag-sam-card span{padding:.35cqw 1.4cqw;border-radius:999px;background:#E3EDFD;color:#1170F9;font-size:1.6cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ag-sam-card b{margin-top:.5cqw;font-family:var(--font-identity);font-size:3.05cqw;font-weight:700;letter-spacing:-.02em;color:#0E1633;line-height:1.2}
.ag-sam-card em{font-style:normal;font-size:1.75cqw;color:#6E7898}
@media (max-width:1080px){.page>section.ag-hero{--agx:0px;flex-direction:column;align-items:stretch;min-height:0;padding:calc(var(--safe-top) + 110px) 0 0}.ag-hero .ag-copy{max-width:none}.ag-hero .ag-h1{font-size:clamp(32px,7.4vw,54px)}.ag-sam-art{order:2;position:relative;height:auto;width:min(78%,460px);margin:28px 0 0 auto;left:auto;translate:none}.ag-sam-art img{height:auto}}
@media (max-width:480px){.ag-hero .ag-ctas{align-self:stretch}.ag-hero .ag-b.lg{flex:1 1 0;padding:0 12px;font-size:14px}}

/* overlays */
.ag-ov{position:fixed;inset:0;z-index:300;background:rgba(17,23,45,.36);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:agFade .35s var(--ease) both;color:#151B33;font-family:var(--font-body)}
@keyframes agFade{from{opacity:0}}
.ag-x,.ag-ib{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:#3A4766;transition:background .25s var(--ease),color .25s var(--ease)}
.ag-x:hover,.ag-ib:hover{background:rgba(34,43,67,.07);color:#151B33}
.ag-ib.call{background:var(--acc,#18213E);color:var(--acc-ink,#fff)}.ag-ib.call:hover{background:color-mix(in oklab,var(--acc,#18213E) 88%,#000);color:var(--acc-ink,#fff)}
.ag-how{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(28px,4vw,44px);border-radius:28px;background:#FBFCFE;box-shadow:0 0 0 1px rgba(34,43,67,.06),0 50px 90px -40px rgba(17,23,45,.5);animation:agPop .5s var(--expo) both}
@keyframes agPop{from{opacity:0;scale:.96}}
.ag-how .ag-x{position:absolute;right:14px;top:14px}
.ag-how h2{margin:0 0 24px;font-family:var(--font-identity);font-weight:800;font-size:clamp(28px,3vw,36px);letter-spacing:-.04em}
.ag-how ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ag-how li{display:flex;gap:20px;padding:18px 0;border-top:1px solid rgba(34,43,67,.08)}
.ag-how li>b{font-family:var(--font-tech);font-weight:700;font-size:15px;color:#6B7186;padding-top:2px;flex:none}
.ag-how h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}
.ag-how li p{margin:4px 0 0;font-size:15px;line-height:1.5;color:#6B7186}
.ag-how-n{margin:12px 0 0;padding-top:18px;border-top:1px solid rgba(34,43,67,.08);font-size:13px;line-height:1.5;color:#6B7186}

/* chat */
.ag-chat{position:absolute;top:12px;right:12px;bottom:12px;width:min(500px,calc(100% - 24px));display:flex;flex-direction:column;border-radius:28px;background:#F7F8FB;box-shadow:0 0 0 1px rgba(34,43,67,.06),0 50px 100px -40px rgba(17,23,45,.55);overflow:hidden;animation:agSlide .55s var(--expo) both}
@keyframes agSlide{from{opacity:0;translate:28px 0}}
.ag-av{display:block;flex:none;border-radius:50%;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(34,43,67,.06)}
.ag-ch-h{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 18px;background:#FEFEFE;border-bottom:1px solid rgba(34,43,67,.07)}
.ag-ch-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ag-ch-id b{font-family:var(--font-identity);font-weight:800;font-size:20px;letter-spacing:-.03em;line-height:1.1}
.ag-ch-id span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#6B7186;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-ch-id span i{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}
.ag-ch-sw{display:flex;gap:6px;padding:10px 14px;background:#FEFEFE;border-bottom:1px solid rgba(34,43,67,.07);overflow-x:auto}
.ag-ch-sw button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:#4A5370;box-shadow:inset 0 0 0 1px rgba(34,43,67,.1);transition:background .25s var(--ease),color .25s var(--ease)}
.ag-ch-sw button i{width:8px;height:8px;border-radius:50%;background:var(--dot)}
.ag-ch-sw button:hover{background:rgba(34,43,67,.04)}
.ag-ch-sw button.on{background:#18213E;color:#fff;box-shadow:none}
.ag-ch-b{flex:1;overflow-y:auto;padding:20px 18px 12px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}
.ag-msg{display:flex;gap:10px;align-items:flex-end;animation:agMsg .5s var(--expo) both}
.ag-msg.u{justify-content:flex-end}
.ag-bub{max-width:84%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.5;text-wrap:pretty}
.ag-bub p{margin:0}.ag-bub p+p,.ag-bub p+ul,.ag-bub ul+p{margin-top:8px}
.ag-bub ul{margin:6px 0 0;padding-left:18px}.ag-bub li+li{margin-top:4px}
.ag-msg.a .ag-bub{background:#FEFEFE;box-shadow:0 0 0 1px rgba(34,43,67,.07);border-bottom-left-radius:6px}
.ag-msg.u .ag-bub{background:#1C2541;color:#FEFEFE;border-bottom-right-radius:6px}
.ag-msg.u .ag-bub em{display:flex;align-items:center;gap:6px;font-style:normal;font-size:11.5px;color:#B6D1F9;margin-bottom:4px}
.ag-msg.e .ag-bub{background:#FDECEC;color:#8A2328;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ag-msg.e button{all:unset;cursor:pointer;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ag-sugg{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:40px}
.ag-sugg button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:8px 16px;border-radius:999px;background:#FEFEFE;box-shadow:inset 0 0 0 1px rgba(34,43,67,.12);font-size:14px;font-weight:500;color:#2A3350;transition:box-shadow .25s var(--ease),background .25s var(--ease)}
.ag-sugg button span{color:#6B7186}
.ag-sugg button:hover{box-shadow:inset 0 0 0 1.5px #18213E}
.ag-typing{display:flex;gap:5px;padding:16px 18px}
.ag-typing i{width:7px;height:7px;border-radius:50%;background:#9AA3BA;animation:agDot 1.2s ease-in-out infinite}
.ag-typing i:nth-child(2){animation-delay:.15s}.ag-typing i:nth-child(3){animation-delay:.3s}
@keyframes agDot{0%,60%,100%{translate:0 0;opacity:.5}30%{translate:0 -4px;opacity:1}}
.ag-ch-f{padding:10px 14px 14px;background:#F7F8FB}
.ag-in{display:flex;align-items:flex-end;gap:4px;padding:6px 6px 6px 16px;border-radius:18px;background:#FEFEFE;box-shadow:inset 0 0 0 1px rgba(34,43,67,.12);transition:box-shadow .25s var(--ease)}
.ag-in:focus-within{box-shadow:inset 0 0 0 1.5px #3A4766,0 0 0 4px rgba(182,209,249,.55)}
.ag-in textarea{flex:1;min-width:0;border:0;outline:0;resize:none;background:transparent;font:400 16px/1.45 var(--font-body);color:#151B33;padding:10px 0;max-height:140px}
.ag-in textarea::placeholder{color:#9AA0B0}
.ag-send{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#18213E;color:#fff;transition:background .25s var(--ease),opacity .25s var(--ease)}
.ag-send:hover{background:#25305A}.ag-send:disabled{opacity:.35;cursor:default}
.ag-note{margin:8px 4px 0;font-size:12px;line-height:1.4;color:#6B7186;text-align:center}
@media (max-width:640px){.ag-chat{inset:0;width:100%;border-radius:0;padding-top:var(--safe-top)}}

/* call */
.ag-call{position:fixed;inset:0;z-index:310;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 18px) 20px 22px;background:#121A33;color:#FEFEFE;font-family:var(--font-body);overflow-y:auto;animation:agFade .45s var(--ease) both}
.ag-call-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 40% at 50% 30%,color-mix(in oklab,var(--dot) 26%,transparent),transparent 70%),radial-gradient(80% 60% at 50% 110%,rgba(182,209,249,.12),transparent 70%)}
.ag-call-top{position:relative;width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:center}
.ag-live{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(254,254,254,.18);font-size:14px;font-variant-numeric:tabular-nums;color:#DCE6F8}
.ag-live i{width:8px;height:8px;border-radius:50%;background:var(--dot);animation:agDot 1.6s ease-in-out infinite}
.ag-ib.dk{color:#DCE6F8}.ag-ib.dk:hover{background:rgba(254,254,254,.1);color:#fff}
.ag-call-c{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:620px;text-align:center;padding:24px 0}
.ag-call-av{position:relative;display:grid;place-items:center;width:172px;height:172px;margin-bottom:22px}
.ag-call-av .ag-av{position:relative;box-shadow:0 0 0 6px rgba(254,254,254,.08)}
.ag-call-av .r{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.5px color-mix(in oklab,var(--dot) 60%,transparent);opacity:0}
.s-speaking .ag-call-av .r{animation:agRing 2.4s var(--ease) infinite}
.s-speaking .ag-call-av .r:nth-child(2){animation-delay:.8s}.s-speaking .ag-call-av .r:nth-child(3){animation-delay:1.6s}
.s-listening .ag-call-av .r:nth-child(1){opacity:1;scale:1.12;box-shadow:0 0 0 1.5px rgba(254,254,254,.35);animation:agBreath 2s ease-in-out infinite alternate}
.s-connecting .ag-call-av .ag-av{animation:agBreath 1.2s ease-in-out infinite alternate}
@keyframes agRing{from{opacity:.9;scale:1}to{opacity:0;scale:1.6}}
@keyframes agBreath{to{scale:1.06}}
.ag-call h2{margin:0;font-family:var(--font-identity);font-weight:800;font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;line-height:1}
.ag-call-role{margin:0;font-size:16px;color:#B6D1F9}
.ag-call-st{display:inline-flex;align-items:center;gap:12px;margin:14px 0 0;height:36px;padding:0 16px;border-radius:999px;background:rgba(254,254,254,.07);font-size:14px;font-weight:500;color:#EEF2FA;white-space:nowrap}
.ag-wave.sm{height:16px;gap:2px}.ag-wave.sm i{width:2.5px;background:var(--dot);height:25%;animation-play-state:paused}
.s-speaking .ag-wave.sm i,.s-listening .ag-wave.sm i{animation-play-state:running}
.s-listening .ag-wave.sm i{background:#FEFEFE}
.ag-cap{min-height:96px;margin-top:20px;display:flex;align-items:flex-start;justify-content:center}
.ag-cap p{margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:#FEFEFE;text-wrap:pretty;animation:agMsg .5s var(--expo) both}
.ag-cap p.you{color:#DCE6F8}.ag-cap p.you b{display:block;font-family:var(--font-tech);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#B6D1F9;margin-bottom:6px;font-weight:500}
.ag-cap p.hint{font-size:16px;color:#B6D1F9}
.ag-call-in{display:flex;gap:6px;width:min(100%,480px);padding:6px;border-radius:16px;background:rgba(254,254,254,.08);box-shadow:inset 0 0 0 1px rgba(254,254,254,.16)}
.ag-call-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 12px;font:400 16px var(--font-body);color:#fff}
.ag-call-in input::placeholder{color:#9AAAC8}
.ag-call-in button{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#FEFEFE;color:#121A33}.ag-call-in button:disabled{opacity:.4;cursor:default}
.ag-call-ctl{position:relative;display:flex;gap:clamp(20px,4vw,40px);align-items:flex-start}
.ag-cb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#DCE6F8;width:84px}
.ag-cb span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(254,254,254,.1);box-shadow:inset 0 0 0 1px rgba(254,254,254,.12);color:#fff;transition:background .25s var(--ease),transform .3s var(--expo)}
.ag-cb:hover span{background:rgba(254,254,254,.18)}.ag-cb:active span{transform:scale(.95)}
.ag-cb.on span{background:#FEFEFE;color:#121A33}
.ag-cb.end span{width:72px;height:72px;background:#E5484D;box-shadow:0 16px 30px -14px rgba(229,72,77,.8)}.ag-cb.end:hover span{background:#D33A3F}
.ag-call-n{position:relative;margin:18px 0 0;font-size:12px;color:#8E9BBA;text-align:center}
@media (prefers-reduced-motion:reduce){.ag-mock,.ag-voice,.ag-wave i,.ag-call *{animation:none!important}}
html.static .ag-mock,html.static .ag-voice,html.static .ag-mb{animation:none}