.dc{position:relative;margin:70px auto 0;max-width:980px;text-align:left}
.dc-vp{overflow:hidden;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg));box-shadow:0 40px 120px -40px color-mix(in srgb,var(--acc2) 45%,transparent);touch-action:pan-y}
.dc-tr{display:flex;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.dc-s{flex:0 0 100%;min-width:0}
.dc-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mu)}
.dc-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.dc-bar span{margin-left:8px}.dc-bar b{margin-left:auto;font-weight:700;color:var(--fg);font-size:12px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--tc) 22%,transparent)}
.dc-g{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;padding:20px}
@media(max-width:760px){.dc-g{grid-template-columns:1fr;padding:14px;gap:12px}}
.dc-p{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:16px;min-height:300px;position:relative;overflow:hidden}
.dc-lab{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-bottom:10px}
.dc-live{color:#22c55e}
.ms{border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.ms-nav{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--tc);color:#fff;font:700 13px "Space Grotesk",sans-serif}
.ms-nav em{margin-left:auto;display:flex;gap:5px}.ms-nav em i{width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.55)}
.ms-hero{padding:16px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 22%,var(--bg)),color-mix(in srgb,var(--tc2) 26%,var(--bg)));position:relative}
.ms-hero h4{margin:0 0 6px;font:800 19px/1.2 "Space Grotesk",sans-serif}
.ms-hero p{margin:0 0 10px;font-size:13.5px;color:var(--mu)}
.ms-ch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ms-ch span{font-size:11.5px;border:1px solid var(--line);border-radius:999px;padding:3px 9px;background:var(--bg)}
.ms-cta{display:inline-block;background:var(--tc);color:#fff;border-radius:10px;padding:8px 13px;font:700 13px Manrope,sans-serif;animation:dcpulse 2.4s infinite}
.ms-ic{position:absolute;right:12px;top:12px;font-size:34px;animation:dcfl 3s ease-in-out infinite}
.ms-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}
.ms-cards i{height:44px;border-radius:9px;background:color-mix(in srgb,var(--tc) 12%,var(--bg2));position:relative;overflow:hidden}
.ms-cards i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-100%);animation:dcsh 2.6s infinite}
.dc-s.on .ms>*{animation:dcup .6s both}.dc-s.on .ms>*:nth-child(2){animation-delay:.12s}.dc-s.on .ms>*:nth-child(3){animation-delay:.24s}
.dc-chat{display:flex;flex-direction:column;gap:8px}
.dc-m{max-width:88%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.4;background:var(--bg2);border:1px solid var(--line);animation:dcin .35s both}
.dc-m.me{align-self:flex-end;background:#111216;color:#fff;border-color:transparent}
.dc-m.ai{border-color:color-mix(in srgb,var(--tc) 40%,var(--line))}
.dc-dots{display:inline-flex;gap:4px;padding:12px 14px}.dc-dots i{width:6px;height:6px;border-radius:50%;background:var(--mu);animation:dcdot 1s infinite}.dc-dots i:nth-child(2){animation-delay:.15s}.dc-dots i:nth-child(3){animation-delay:.3s}
.dc-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.dc-a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--fg);font-size:18px;cursor:pointer}
.dc-d{display:flex;gap:7px}.dc-d button{width:9px;height:9px;border-radius:999px;border:0;background:var(--line);cursor:pointer;padding:0;transition:width .3s}
.dc-d button[aria-current=true]{width:26px;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.dc-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}.dc-tabs button{font:600 12.5px Manrope,sans-serif;border:1px solid var(--line);background:transparent;color:var(--mu);border-radius:999px;padding:5px 11px;cursor:pointer}.dc-tabs button[aria-current=true]{color:var(--fg);border-color:var(--acc2)}
.dc-cta{text-align:center;margin-top:16px}.dc-cta p{margin:0 0 10px;color:var(--mu)}
@keyframes dcin{from{opacity:0;transform:translateY(8px)}}@keyframes dcup{from{opacity:0;transform:translateY(14px)}}@keyframes dcdot{50%{opacity:.25;transform:translateY(-3px)}}@keyframes dcsh{to{transform:translateX(100%)}}@keyframes dcfl{50%{transform:translateY(-6px) rotate(-6deg)}}@keyframes dcpulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--tc) 25%,transparent)}}
/* mini videos */
#action .sv-g{display:grid;gap:18px;margin-top:26px}@media(min-width:860px){#action .sv-g{grid-template-columns:1fr 1fr}}
.sv{border:1px solid var(--line);border-radius:20px;background:var(--bg2);overflow:hidden;text-align:left}
.sv-st{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(160deg,#151a2e,#251433)}
.sv-cap{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:80%;background:rgba(0,0,0,.62);color:#fff;padding:6px 12px;border-radius:9px;font:600 13.5px/1.35 Manrope,sans-serif;text-align:center;z-index:6;transition:opacity .3s}
.sv.nocc .sv-cap{opacity:0}
.sv-bot{position:absolute;left:12px;bottom:12px;width:58px;z-index:7;transition:transform .5s}
.sv-bot svg{width:100%;display:block;animation:dcfl 3s ease-in-out infinite}.sv-bot .eye{animation:svbl 4s infinite;transform-origin:center;transform-box:fill-box}
@keyframes svbl{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.sv-ctl{display:flex;align-items:center;gap:10px;padding:10px 14px}
.sv-ctl button{border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:999px;height:32px;min-width:32px;cursor:pointer;font:700 12px Manrope,sans-serif}
.sv-pr{flex:1;height:5px;border-radius:9px;background:var(--line);overflow:hidden}.sv-pr i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.sv-tx{padding:2px 16px 16px}.sv-tx h3{margin:4px 0;font:700 19px "Space Grotesk",sans-serif}.sv-tx p{margin:0;color:var(--mu);font-size:14px}
.sv-pun{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(20px,3.4vw,30px)/1.15 "Space Grotesk",sans-serif;color:#fff;text-align:center;padding:20px;background:rgba(10,8,25,.72);opacity:0;transition:opacity .5s;z-index:5}
.sv[data-k=end] .sv-pun{opacity:1}
.sv-st *{box-sizing:border-box}
.sv-e{position:absolute;transition:all .6s cubic-bezier(.2,.8,.2,1)}
/* receptionist */
.r-moon{right:24px;top:18px;width:34px;height:34px;border-radius:50%;box-shadow:-9px 4px 0 0 #ffe7a3}
.r-clock{left:16px;top:14px;color:#cfd3ff;font:700 15px "Space Grotesk",monospace}
.r-ph{left:50%;top:50%;width:120px;height:170px;margin:-100px 0 0 -150px;border-radius:18px;background:#0b0d16;border:2px solid #3a3f5c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;gap:6px}
.sv[data-k=ring] .r-ph,.sv[data-k=chat] .r-ph{animation:svring .35s 6;border-color:#22c55e;box-shadow:0 0 30px #22c55e66}
@keyframes svring{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.r-ch{right:6%;top:16%;width:46%;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px)}
.sv[data-k=chat] .r-ch,.sv[data-k=cap] .r-ch{opacity:1;transform:none}
.r-ch span{background:#fff;color:#111;border-radius:10px;padding:6px 9px;font-size:11.5px;opacity:0;transition:opacity .4s}.r-ch span.me{background:#8b5cf6;color:#fff;align-self:flex-end}
.sv[data-k=chat] .r-ch span:nth-child(-n+2),.sv[data-k=cap] .r-ch span{opacity:1}
.r-card{right:6%;top:18%;width:46%;background:#fff;color:#111;border-radius:12px;padding:10px;font-size:11.5px;opacity:0;transform:scale(.8)}
.r-card b{display:block;font-size:12.5px;margin-bottom:4px}
.sv[data-k=morn] .r-card{opacity:1;transform:none}
.sv[data-k=morn] .sv-st,.sv[data-k=end] .sv-st{background:linear-gradient(160deg,#ffd9a8,#ffb3c7)}
.sv[data-k=morn] .r-moon{box-shadow:none;background:#ffcf4d}
.sv[data-k=morn] .r-ph,.sv[data-k=cap] .r-ph{opacity:.3}
.r-cof{left:22%;bottom:22%;font-size:34px;opacity:0}.sv[data-k=morn] .r-cof{opacity:1}
/* website */
.w-ph{left:50%;top:8%;width:150px;height:80%;margin-left:-75px;border-radius:20px;background:#0b0d16;border:3px solid #333a55;padding:8px;overflow:hidden}
.w-old,.w-new{position:absolute;inset:8px;border-radius:12px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.w-old{background:#d9d4c3;color:#555;font:12px "Times New Roman",serif;padding:8px}.w-old i{display:block;height:6px;background:#aaa;margin:6px 0}
.sv[data-k=old] .w-old{animation:svscr 1.6s ease-in-out}@keyframes svscr{50%{transform:translateY(-14px)}}
.w-new{background:#fff;transform:translateX(110%);padding:0;overflow:hidden}
.sv[data-k=new] .w-new,.sv[data-k=book] .w-new,.sv[data-k=done] .w-new{transform:none}
.w-new .h{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:12px 8px;font:800 13px "Space Grotesk",sans-serif}
.w-new .h small{display:block;font:500 9.5px Manrope,sans-serif;opacity:.9;margin-top:3px}
.w-new .bk{display:inline-block;margin:8px;background:#111;color:#fff;border-radius:7px;padding:5px 9px;font:700 10px Manrope,sans-serif}
.sv[data-k=book] .w-new .bk{animation:dcpulse .8s 3;transform:scale(.95)}
.w-new .c{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 8px}.w-new .c i{height:30px;border-radius:6px;background:#f1eefc}
.w-bub{position:absolute;right:6px;bottom:6px;left:6px;background:#111;color:#fff;border-radius:9px;padding:6px;font:10px Manrope,sans-serif;opacity:0;transform:translateY(10px);transition:all .4s}
.sv[data-k=book] .w-bub,.sv[data-k=done] .w-bub{opacity:1;transform:none}
.w-ok{left:50%;top:40%;transform:translate(-50%,-50%) scale(0);background:#22c55e;color:#fff;border-radius:999px;padding:8px 14px;font:800 14px Manrope,sans-serif;z-index:3}
.sv[data-k=done] .w-ok{transform:translate(-50%,-50%) scale(1)}
.w-face{right:10%;top:30%;font-size:38px}
/* google */
.g-map{inset:0;background:#e9efe4;background-image:linear-gradient(#d6dfcf 2px,transparent 2px),linear-gradient(90deg,#d6dfcf 2px,transparent 2px);background-size:40px 40px}
.g-road{left:-10%;top:58%;width:120%;height:14px;background:#fff;transform:rotate(-8deg)}
.g-srch{left:50%;top:10%;width:68%;margin-left:-34%;background:#fff;border-radius:999px;padding:8px 14px;color:#222;font:600 13px Manrope,sans-serif;box-shadow:0 6px 20px #0002;z-index:3}
.g-srch:before{content:"🔎 "}
.g-pin{width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9aa0ab;opacity:.8}
.g-me{left:56%;top:64%;font-size:0;transform:translateY(30px) scale(.3);opacity:0;z-index:4}
.g-me svg{width:46px;height:58px;display:block;filter:drop-shadow(0 8px 10px #0004)}
.sv[data-k=prof] .g-me,.sv[data-k=call] .g-me{opacity:1;transform:translateY(-30px) scale(1)}
.g-card{left:50%;top:26%;width:64%;margin-left:-32%;background:#fff;color:#111;border-radius:12px;padding:10px 12px;font:12px Manrope,sans-serif;box-shadow:0 10px 30px #0003;opacity:0;transform:translateY(20px);z-index:5}
.g-card b{display:block;font:800 14px "Space Grotesk",sans-serif}.g-card .cl{display:inline-block;margin-top:6px;background:#1a73e8;color:#fff;border-radius:999px;padding:4px 12px;font-weight:700}
.sv[data-k=call] .g-card{opacity:1;transform:none}.sv[data-k=call] .g-card .cl{animation:dcpulse .8s 3}
.g-list{left:50%;top:24%;width:64%;margin-left:-32%;display:flex;flex-direction:column;gap:5px;opacity:0;z-index:3}.g-list i{height:18px;background:#fff;border-radius:6px;opacity:.85}
.sv[data-k=list] .g-list{opacity:1}
/* buzz */
.b-ch{right:6%;top:10%;width:58%;bottom:16%;background:#fff;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;overflow:hidden;opacity:0;transform:translateY(20px)}
.sv[data-k]:not([data-k=s0]) .b-ch{opacity:1;transform:none}
.b-ch .t{font:800 12px "Space Grotesk",sans-serif;color:#8b5cf6}
.b-ch span{background:#f1eefc;color:#111;border-radius:10px;padding:6px 9px;font-size:11.5px;max-width:90%;display:none}.b-ch span.me{background:#111;color:#fff;align-self:flex-end}
.b-ch span.vis{display:block;animation:dcin .35s both}
.sv-big .sv-bot{width:110px;left:8%;bottom:20%}
@media (prefers-reduced-motion:reduce){.dc-tr,.sv-e{transition:none!important}.dc *,.sv *{animation:none!important}}
@media(max-width:600px){.dc-bar i{display:none}.dc-bar span{margin-left:0}.dc-bar b{white-space:nowrap}.sv-st{aspect-ratio:4/3.6}.sv-cap{font-size:12px;bottom:8px;max-width:86%}.g-me{top:56%}.sv-bot{width:46px}.dc-p{min-height:0}.dc-chat{min-height:300px}}
#tryai .ta{max-width:720px;margin:22px auto 0;border:1px solid var(--line);border-radius:20px;background:var(--bg2);overflow:hidden;--tc:#0e7fd6}
.ta-log{display:flex;flex-direction:column;gap:8px;padding:16px;height:300px;overflow:auto;background:var(--bg)}
.ta-sug{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 0}.ta-sug button{border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:999px;padding:6px 12px;font:600 12.5px Manrope,sans-serif;cursor:pointer}
.ta-f{display:flex;gap:8px;padding:12px 16px}.ta-f input{flex:1;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit}
.ta-n{margin:0;padding:0 16px 14px;font-size:12.5px;color:var(--mu)}
.sv[data-k=end] .w-new{transform:none}.sv:not([data-k=old]) .w-face{opacity:0}