/* V26 · wider, airier, glass room on painted landscape */
.w{max-width:1560px;margin:0 auto;width:calc(100% - 2*clamp(16px,5vw,96px))}
.nav .w{max-width:1560px;margin:0 auto;width:calc(100% - 2*clamp(16px,5vw,96px))}
.sh{padding:96px 48px 56px}
.gap>.w{height:72px;border-top:1px solid var(--ln);background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(20,20,18,.07) 9px 10px)}
.dkz+.gap>.w,.gap+.dkz .w{border-color:var(--ln)}
.cells .cell .cv{height:440px}
.split .sv{min-height:660px}
.dview .tx{min-height:560px}
.fv{height:420px}
.cta .cv{min-height:560px}
/* painting */
.paint{position:relative;overflow:hidden;isolation:isolate;padding:72px 5%;background:linear-gradient(180deg,#A9B9E6 0%,#C9C2EA 24%,#EDC2D6 48%,#F7D3C6 70%,#EFD9BC 88%,#D9CFA8 100%)}
.paint::before{content:"";position:absolute;inset:-6%;z-index:-3;background:radial-gradient(16% 7% at 20% 12%,rgba(255,240,244,.95),transparent 70%),radial-gradient(24% 9% at 38% 8%,rgba(255,186,200,.9),transparent 70%),radial-gradient(20% 10% at 64% 15%,rgba(255,206,214,.95),transparent 70%),radial-gradient(28% 7% at 82% 7%,rgba(255,255,255,.85),transparent 70%),radial-gradient(26% 9% at 54% 30%,rgba(248,160,178,.6),transparent 70%),radial-gradient(34% 8% at 16% 36%,rgba(255,222,214,.8),transparent 70%),radial-gradient(28% 7% at 86% 40%,rgba(255,196,186,.7),transparent 70%),radial-gradient(40% 10% at 50% 56%,rgba(255,236,226,.6),transparent 70%);filter:blur(5px);animation:cl 50s ease-in-out infinite alternate}
@keyframes cl{to{transform:translateX(3%)}}
.paint::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='.55 .9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>")}
.paint .pc{position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(28deg,rgba(255,255,255,.07) 0 3px,transparent 3px 9px);mix-blend-mode:soft-light}
.paint .tr{position:absolute;z-index:-2;filter:blur(1.2px);pointer-events:none}
.paint .tr.l{left:-5%;bottom:-8%;width:30%;height:66%;background:radial-gradient(30% 22% at 52% 18%,#8A9866,transparent 72%),radial-gradient(38% 26% at 40% 36%,#5F6E46,transparent 72%),radial-gradient(34% 26% at 70% 46%,#6F7E52,transparent 72%),radial-gradient(44% 30% at 30% 62%,#4A5838,transparent 72%),radial-gradient(60% 30% at 55% 88%,#3E4A2F,transparent 72%),radial-gradient(18% 14% at 22% 26%,#A2AE7A,transparent 72%)}
.paint .tr.r{right:-6%;bottom:-6%;width:26%;height:58%;background:radial-gradient(30% 22% at 46% 20%,#93A06C,transparent 72%),radial-gradient(40% 28% at 60% 40%,#62714A,transparent 72%),radial-gradient(36% 26% at 30% 54%,#71805A,transparent 72%),radial-gradient(56% 30% at 50% 86%,#414D31,transparent 72%)}
.paint .tr.f{left:0;right:0;bottom:0;height:22%;filter:blur(3px);background:linear-gradient(180deg,transparent,rgba(196,186,128,.55) 55%,rgba(150,150,96,.7))}
/* glass room */
.glass .rm{max-width:1400px;background:rgba(255,255,255,.26);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);border:1px solid rgba(255,255,255,.6);box-shadow:0 40px 90px -40px rgba(80,50,70,.45),inset 0 1px 0 rgba(255,255,255,.7);color:var(--ink);border-radius:16px}
.glass .rmt{color:rgba(20,20,18,.6);padding:14px 18px}
.glass .rid{color:var(--ink)}
.glass .rtm{color:rgba(20,20,18,.55)}
.glass .rmg{grid-template-columns:minmax(0,1fr) 196px;gap:10px;padding:0 10px}
.glass .rst{border-radius:10px;box-shadow:0 20px 50px -24px rgba(60,30,50,.35)}
.glass .rst .bw{border-radius:10px}
.glass .rst .app{height:540px}
.glass .ptile{background:rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);border-radius:10px}
.glass .ptile.talk,.glass .ptile#lq.on{box-shadow:inset 0 0 0 2px var(--ac)}
.glass .ptile.ai .pv{background:radial-gradient(70% 70% at 50% 45%,rgba(255,255,255,.55),transparent 70%)}
.glass .pb{border-top:1px solid rgba(20,20,18,.07)}
.glass .cc{color:#2A2A27}
.glass .cc:empty::before{color:rgba(20,20,18,.4)}
.glass .pnm .mic{background:rgba(20,20,18,.07);color:var(--ink)}
.glass #lq.on .mic{background:var(--ac);color:#fff}
.glass .rmb{padding:14px 18px}
.glass .rmb .pw{color:rgba(20,20,18,.55)}.glass .rmb .pw img{filter:none;opacity:.8}
.glass .ctl span{background:rgba(255,255,255,.6);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.glass .ctl span.end{background:#E5484D;color:#fff;box-shadow:none}
.glass .tbs{color:rgba(20,20,18,.7)}.glass .tbs span.on{background:var(--ink);color:#fff}
.steps{max-width:none}
/* big feature blocks */
.bf{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-top:1px solid var(--ln)}
.bf.rev .bfv{order:2;border-right:0;border-left:1px solid var(--ln)}
.bfv{min-height:640px;display:grid;place-items:center;padding:64px 56px;border-right:1px solid var(--ln)}
.bft{padding:72px 56px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.bft h3{font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.025em}
.bft p{color:var(--mu);max-width:460px;font-size:15.5px}
/* launch anywhere */
.lx{width:100%;max-width:820px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:center}
.lxl{display:flex;flex-direction:column;gap:8px}
.lxl button{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);transition:background .3s,box-shadow .3s}
.lxl button .ic{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid var(--ln);background:#fff;transition:.3s}
.lxl button .ic svg{width:16px;height:16px}
.lxl b{display:block;font-size:13.5px;font-weight:500}.lxl small{font-size:11.5px;color:var(--mu)}
.lxl button.on{background:#fff;box-shadow:0 14px 34px -18px rgba(40,20,10,.35)}
.lxl button.on .ic{background:var(--ink);color:#fff;border-color:var(--ink)}
.lxb{overflow:hidden;border-radius:6px}
.lxp{position:relative;height:380px;padding:28px;display:flex;flex-direction:column;gap:12px}
.lxp h5{font-size:22px;font-weight:500;letter-spacing:-.02em;max-width:320px;transition:opacity .3s}
.lxp .sk{display:block;height:7px;background:#EEECE6}
.lxc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}.lxc i{height:110px;background:#F6F5F1;border:1px solid #EEECE6}
.lxbtn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;background:var(--ac);color:#fff;font-size:13px;font-weight:500;margin-top:8px;transition:transform .15s}
.lxbtn .live{background:#fff}
.lxbtn.pr{transform:scale(.94)}
.lxj{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:10px 14px;opacity:0;transform:translateY(8px);transition:.4s}
.lxj.on{opacity:1;transform:none}
.lxj b{display:block;font-size:13px;font-weight:500}.lxj small{font:400 10px/1 var(--mono);color:rgba(255,255,255,.6)}
.lxcur{position:absolute;z-index:3;transition:left .8s cubic-bezier(.55,0,.25,1),top .8s cubic-bezier(.55,0,.25,1)}
/* knowledge */
.kn{position:relative;width:100%;max-width:680px;height:500px}
.knq{position:absolute;left:0;top:0;width:300px;padding:14px;animation:kq 10s infinite}
.kqh{display:flex;align-items:center;gap:8px;font-size:12px}.kqh b{font-weight:500}
.kqh .av{width:26px;height:26px;border-radius:50%;background:#E9D7C3;color:#5A3D22;font:500 10px/26px var(--mono);text-align:center}
.knq p{font-size:15px;margin-top:8px}
.knd{position:absolute;right:0;top:70px;width:420px;overflow:hidden;border-radius:6px}
.kdb{padding:20px;display:flex;flex-direction:column;gap:10px}
.kdb .sk{display:block;height:7px;background:#EEECE6}
.kdb .hl{font-size:13px;line-height:1.5;padding:8px 10px;margin:4px -10px;background:linear-gradient(90deg,rgba(240,90,26,.16),rgba(240,90,26,.16)) no-repeat 0 0/0 100%;animation:khl 10s infinite}
@keyframes khl{0%,22%{background-size:0 100%}34%,92%{background-size:100% 100%}100%{background-size:0 100%}}
.scan{position:absolute;left:0;right:0;top:30px;height:40px;background:linear-gradient(180deg,transparent,rgba(110,86,240,.16),transparent);animation:scn 10s infinite}
@keyframes scn{0%,8%{transform:translateY(0);opacity:0}10%{opacity:1}26%{transform:translateY(260px);opacity:1}30%,100%{opacity:0;transform:translateY(260px)}}
.kna{position:absolute;left:30px;bottom:0;width:380px;padding:14px;background:var(--ink);color:#fff;animation:ka 10s infinite}
.kna small{font:400 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.55)}
.kna p{font-size:14px;margin:6px 0 10px}
.kcs{display:flex;gap:6px;flex-wrap:wrap}.kna .chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
@keyframes kq{0%,2%{opacity:0;transform:translateY(8px)}6%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ka{0%,38%{opacity:0;transform:translateY(10px)}44%,94%{opacity:1;transform:none}100%{opacity:0}}
/* analytics */
.anl{width:100%;max-width:860px;padding:20px;border-radius:6px}
.anh{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid #EEECE6}
.anh b{font-size:15px;font-weight:500;margin-right:auto}
.ank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #EEECE6}
.ank div{padding:14px 0 14px 14px;border-right:1px solid #EEECE6}.ank div:first-child{padding-left:0}.ank div:last-child{border-right:0}
.ank small{font-size:11.5px;color:var(--mu)}.ank b{display:block;font-size:24px;font-weight:400;letter-spacing:-.03em;margin-top:4px}
.ang{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;padding-top:14px}
.anr{display:grid;grid-template-columns:minmax(0,1.4fr) 64px 88px 110px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #F3F2EE;font-size:12.5px}
.anr.hd{font:400 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.anr.nw{animation:nw .8s ease}
@keyframes nw{from{background:rgba(240,90,26,.1);opacity:0;transform:translateY(-6px)}}
.anr .sc{height:5px;background:#F1F0EA;position:relative}.anr .sc i{position:absolute;left:0;top:0;bottom:0;background:var(--ink)}
.anr small{color:var(--mu);display:block;font-size:11px}
.ano{display:flex;flex-direction:column;gap:12px;padding-left:20px;border-left:1px solid #EEECE6}
.ano .mo{color:var(--mu)}
.ob2{display:grid;grid-template-columns:84px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:12.5px}
.ob2 i{height:8px;background:#F1F0EA;position:relative}.ob2 i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--ac)}
.ob2 b{font:400 11px/1 var(--mono);text-align:right}
@media (max-width:1100px){.bf{grid-template-columns:1fr}.bf.rev .bfv{order:0;border-left:0}.bfv{border-right:0;border-bottom:1px solid var(--ln);min-height:0;padding:40px 20px}.bft{padding:40px 20px}.lx{grid-template-columns:1fr}.lxl{flex-direction:row;flex-wrap:wrap}.lxl button{flex:1 1 200px}}
@media (max-width:960px){.sh{padding:56px 20px 32px}.gap>.w{height:40px}.paint{padding:20px 12px}.glass .rmg{grid-template-columns:1fr}.glass .rst .app{height:360px}.kn{height:auto;display:flex;flex-direction:column;gap:12px}.knq,.knd,.kna{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%}.ang{grid-template-columns:1fr}.ano{padding-left:0;border-left:0}.ank{grid-template-columns:repeat(2,minmax(0,1fr))}.anr{grid-template-columns:minmax(0,1fr) 54px 60px 90px}.cells .cell .cv{height:360px}}

.srow>div{min-width:0;overflow:hidden;text-overflow:ellipsis}.srow .tg{flex:none}

/* glass everywhere */
.tx .card,.tx .plan,.tx .ob .bb:not(.ai),.tx .crmlog div,.tx .mm.lt,.tx .wdg,.tx .lxb,.tx .anl,.tx .knq,.tx .knd,.tx .ctc,.tx .prf .q,.cta .ctc,.tx .uich,.tx .lanes{background:rgba(255,255,255,.34)!important;-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.65);box-shadow:0 30px 70px -34px rgba(60,30,50,.4),inset 0 1px 0 rgba(255,255,255,.75)!important}
.tx .mm:not(.lt){background:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.65);box-shadow:0 30px 70px -34px rgba(60,30,50,.4),inset 0 1px 0 rgba(255,255,255,.75)}
.tx .mm:not(.lt) .mmt{color:rgba(20,20,18,.65)}
.tx .mms{background:#fff;border-radius:6px}.tx .mt{background:rgba(255,255,255,.45);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.tx .mt.ai{box-shadow:inset 0 0 0 1.5px var(--ac)}.tx .mt small{color:var(--ink)}
.tx .bt,.tx .mini .mb,.tx .mm.lt .mmt,.tx .uich .tb2,.tx .prf .pg .tb2{background:rgba(255,255,255,.35)!important;border-color:rgba(255,255,255,.55)!important}
.tx .srow,.tx .kp div,.tx .spk,.tx .chart,.tx .badges div,.tx .lxc i,.tx .skc i,.tx .uich .mn2 .gr2 i,.tx .qf .qr,.tx .anr,.tx .ank div,.tx .ano,.tx .anh{border-color:rgba(20,20,18,.08)!important}
.tx .srow,.tx .badges div,.tx .lxc i,.tx .skc i,.tx .uich .mn2 .gr2 i{background:rgba(255,255,255,.4)!important}
.tx .sk,.tx .kdb .sk,.tx .lxp .sk,.tx .sd2 i,.tx .uich .mn2 .h,.tx .mini .mb i,.tx .bt .dt i{background:rgba(20,20,18,.1)!important}
.tx .bt .url{background:rgba(255,255,255,.5)}
.tx .chip:not(.o):not(.g){background:rgba(255,255,255,.55)}
.tx .msg:not(.ai),.tx .card .tl span:not(:nth-child(2)){background:rgba(255,255,255,.5)}
.tx .uich .sd2{border-color:rgba(20,20,18,.08)}
.tx .lxl button{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.tx .lxl button.on{background:rgba(255,255,255,.7)}
.tx .ho .tl{background:rgba(20,20,22,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25)}
.tx .tg:not(.on):not(.an){background:rgba(20,20,18,.15)}

/* painted landscape on every mockup background */
.tx{background:linear-gradient(180deg,#A9B9E6 0%,#C9C2EA 24%,#EDC2D6 48%,#F7D3C6 70%,#EFD9BC 88%,#D9CFA8 100%)}
.tx::before{inset:-6%;filter:blur(4px);animation:cl 50s ease-in-out infinite alternate;background:
radial-gradient(9% 16% at 4% 70%,#8A9866,transparent 72%),radial-gradient(12% 20% at 8% 84%,#5F6E46,transparent 72%),radial-gradient(10% 18% at 15% 92%,#4A5838,transparent 72%),radial-gradient(7% 12% at 2% 56%,#A2AE7A,transparent 72%),
radial-gradient(9% 16% at 95% 76%,#93A06C,transparent 72%),radial-gradient(11% 20% at 90% 90%,#5A6942,transparent 72%),radial-gradient(7% 12% at 98% 62%,#71805A,transparent 72%),
radial-gradient(60% 10% at 50% 102%,rgba(150,150,96,.75),transparent 72%),
radial-gradient(16% 7% at 20% 12%,rgba(255,240,244,.95),transparent 70%),radial-gradient(24% 9% at 38% 8%,rgba(255,186,200,.9),transparent 70%),radial-gradient(20% 10% at 64% 15%,rgba(255,206,214,.95),transparent 70%),radial-gradient(28% 7% at 82% 7%,rgba(255,255,255,.85),transparent 70%),radial-gradient(26% 9% at 54% 30%,rgba(248,160,178,.6),transparent 70%),radial-gradient(34% 8% at 16% 36%,rgba(255,222,214,.8),transparent 70%),radial-gradient(28% 7% at 86% 40%,rgba(255,196,186,.7),transparent 70%),radial-gradient(40% 10% at 50% 56%,rgba(255,236,226,.6),transparent 70%)}
.tx::after{opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='.55 .9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>")}
.t1,.t2,.t3,.t4{--c1:0;--c2:0;--c3:0;--c4:0}
/* readable dark-on-glass fixes */
.tx .kna{background:rgba(20,20,18,.86)!important;border-color:rgba(255,255,255,.15)!important;color:#fff}
.tx .kna .chip{background:rgba(255,255,255,.14)!important;color:#fff;border-color:rgba(255,255,255,.25)}
.tx .lxj{background:rgba(20,20,18,.88)}
.tx .jn .chip.g{background:rgba(255,255,255,.75)}
.tx .ho .tl small{color:#fff}

.knq,.knd,.lxb,.kna{max-width:none}

/* call story: one meeting room */
.dview .cr{display:block;position:relative;padding:40px;min-height:600px}
.cr .pn{display:none!important}
.crl{position:absolute;inset:40px;z-index:3;overflow:hidden;border-radius:10px}
.crlb{position:relative;height:100%;padding:36px;display:flex;flex-direction:column;gap:12px}
.crlb h5{font-size:26px;font-weight:500;letter-spacing:-.02em;max-width:360px}
.crlb .lxc{margin-top:auto}.crlb .lxc i{height:140px}
.crjb{position:absolute;left:36px;top:180px;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;background:var(--ac);color:#fff;font-size:14px;font-weight:500}
.crjb .live{background:#fff}
.crc,.crc2{position:absolute;z-index:4;pointer-events:none}
.crm{position:relative;display:flex;flex-direction:column;height:520px;border-radius:16px;background:rgba(255,255,255,.26);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);border:1px solid rgba(255,255,255,.6);box-shadow:0 40px 90px -40px rgba(80,50,70,.45),inset 0 1px 0 rgba(255,255,255,.7);color:var(--ink)}
.crt{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px}.crt b{font-weight:500;margin-right:auto}.crt .mo{font-size:11px;color:rgba(20,20,18,.6)}.crrec{color:#E5484D!important}
.crg{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:10px;padding:0 10px}
.crs{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px -24px rgba(60,30,50,.35)}
.crs .bt{background:#F6F5F1!important;border-bottom:1px solid #EEECE6}.crsh{margin-left:auto}
.crsb{position:relative;flex:1;min-height:0}
.sc{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .4s}
.sc .sk{display:block;height:7px;background:#EEECE6!important}.sc .lxc i{height:90px;background:#F6F5F1!important;border:1px solid #EEECE6}
.cr[data-s="0"] .sc0,.cr[data-s="1"] .sc1,.cr[data-s="2"] .sc2,.cr[data-s="3"] .sc3{opacity:1}
.crj{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:10px 14px}
.crj b{display:block;font-size:13px;font-weight:500}.crj small{font:400 10px/1 var(--mono);color:rgba(255,255,255,.6)}
.sc1 .qf{position:absolute;right:18px;top:18px;width:250px;max-width:none;background:#fff!important;box-shadow:0 20px 50px -20px rgba(0,0,0,.3)!important;border:1px solid #EEECE6!important}
.sc2 .vh{display:flex;align-items:center;justify-content:space-between}.sc2 h4{font-size:15px;font-weight:500}
.crbars{flex:1;display:flex;align-items:flex-end;gap:14px;padding:10px 6px 0;border-bottom:1px solid #EEECE6}
.crbars i{flex:1;height:var(--h);background:#E4E2DA;transform-origin:bottom}.crbars i.hl{background:#E4E2DA}
.sc3{gap:12px}.crof{background:#fff!important;border:1px solid #EEECE6!important;box-shadow:none!important;padding:16px;display:flex;flex-direction:column;gap:4px}
.crsig{align-self:flex-start;margin-top:8px;font:400 11px/1 var(--mono);color:#1A7F4B;background:rgba(26,127,75,.1);padding:7px 10px}
.crlog{display:flex;flex-direction:column;gap:8px}.crlog div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #EEECE6;font-size:13px}.crlog small{font:400 10.5px/1 var(--mono);color:var(--mu)}
.crp{display:flex;flex-direction:column;gap:10px;min-height:0}
.crtile{position:relative;flex:1;min-height:0;border-radius:10px;background:rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);display:flex;flex-direction:column;transition:box-shadow .3s}
.crtile.talk{box-shadow:inset 0 0 0 2px var(--ac)}
.crv{flex:1;display:grid;place-items:center}
.crtile .ai-orb{width:56px;height:56px}
.crtile .av{width:46px;height:46px;border-radius:50%;background:#E9D7C3;color:#5A3D22;font:500 14px/46px var(--mono);text-align:center}
.crn{display:flex;align-items:baseline;gap:6px;padding:8px 10px;font-size:12px}.crn b{font-weight:500}.crn .mo{font-size:9.5px;color:rgba(20,20,18,.55)}
.crcap{flex:none;min-height:112px;padding:10px 12px;border-radius:10px;background:rgba(20,20,18,.84);color:#fff}
.crcap small{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}.crcap p{font-size:12.5px;line-height:1.45;margin-top:5px}
.crb{display:flex;justify-content:center;gap:8px;padding:12px}.crb span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.crb span.end{background:#E5484D;box-shadow:none;width:44px;border-radius:15px}
/* step animations (5s per step) */
.crl{opacity:0;visibility:hidden}
.cr.run[data-s="0"] .crl{animation:crl 5s forwards}
.cr.run[data-s="0"] .crm{animation:crm 5s forwards}
.cr.run[data-s="0"] .crc{animation:crc 5s forwards}
.cr.run[data-s="0"] .crjb{animation:crp 5s forwards}
.cr.run[data-s="0"] .crj{animation:crin 5s forwards}
@keyframes crl{0%,40%{opacity:1;visibility:visible;transform:none}50%,100%{opacity:0;visibility:hidden;transform:scale(.97)}}
@keyframes crm{0%,42%{opacity:0;transform:scale(.94) translateY(12px)}56%,100%{opacity:1;transform:none}}
@keyframes crc{0%{left:78%;top:82%}26%,100%{left:110px;top:232px}}
@keyframes crp{0%,28%{transform:none}31%{transform:scale(.93)}34%,100%{transform:none}}
@keyframes crin{0%,62%{opacity:0;transform:translateY(8px)}70%,100%{opacity:1;transform:none}}
.cr.run[data-s="1"] .qf .qr,.cr.run[data-s="1"] .qf .qs{animation:qrin .4s backwards}
.cr.run[data-s="1"] .qf .qr:nth-child(2){animation-delay:.6s}.cr.run[data-s="1"] .qf .qr:nth-child(3){animation-delay:1.2s}.cr.run[data-s="1"] .qf .qr:nth-child(4){animation-delay:1.8s}.cr.run[data-s="1"] .qf .qr:nth-child(5){animation-delay:2.4s}.cr.run[data-s="1"] .qf .qs{animation-delay:3s}
@keyframes qrin{from{opacity:0;transform:translateX(8px)}}
.cr.run[data-s="2"] .crbars i{animation:bgr .7s backwards}
.cr.run[data-s="2"] .crbars i.hl{animation:bgr .7s backwards,bhl 5s forwards}
@keyframes bgr{from{transform:scaleY(0)}}
@keyframes bhl{0%,44%{background:#E4E2DA}50%,100%{background:var(--ac)}}
.cr.run[data-s="2"] .crc2{animation:crc2 5s forwards}
@keyframes crc2{0%{left:20%;top:30%}40%,100%{left:50%;top:62%}}
.cr.run[data-s="3"] .crsig{animation:qrin .4s 1s backwards}
.cr.run[data-s="3"] .crlog div{animation:qrin .4s backwards}.cr.run[data-s="3"] .crlog div:nth-child(1){animation-delay:1.8s}.cr.run[data-s="3"] .crlog div:nth-child(2){animation-delay:2.6s}.cr.run[data-s="3"] .crlog div:nth-child(3){animation-delay:3.4s}
@media (max-width:960px){.dview .cr{padding:14px;min-height:0}.crl{inset:14px}.crm{height:auto}.crg{grid-template-columns:1fr}.crsb{height:300px;flex:none}.crp{flex-direction:row;flex-wrap:wrap}.crtile{flex:1 1 40%;min-height:110px}.crcap{flex:1 1 100%}.sc1 .qf{width:auto;left:18px}}
/* typography + nav scale */
.hero h1{font-size:clamp(44px,6.2vw,80px);max-width:960px}
.hero .sub{font-size:18.5px;max-width:640px}
h2{font-size:clamp(32px,3.6vw,48px)}
.sh p{font-size:17.5px;max-width:500px}
.bft h3{font-size:clamp(28px,2.7vw,38px)}.bft p{font-size:17px}
.tabs h3{font-size:18px}.tabs p{font-size:15px}
.fbd p,.cell p{font-size:15.5px}
.nav .w{height:72px}.nav img{height:25px}.nav .nl{font-size:15px;gap:26px}.nav .b{height:40px;padding:0 18px;font-size:14.5px}

.crl{max-width:none!important;width:auto;display:flex;flex-direction:column}.crl .crlb{height:auto;flex:1;min-height:0}

.dview .cr{display:flex;flex-direction:column;align-items:stretch}.cr .crm{align-self:stretch;width:100%}
.cr .crm{flex:1;height:auto;min-height:520px}
@media (min-width:961px){.crg{grid-template-columns:minmax(0,1fr) 132px}}
.crtile .ai-orb{width:44px;height:44px}.crtile .av{width:38px;height:38px;font-size:12px;line-height:38px}
.crn{flex-wrap:wrap;gap:2px 6px;padding:6px 8px;font-size:11.5px}
.crcap{min-height:128px;padding:9px 10px}.crcap p{font-size:12px}
@media (max-width:960px){.cr .crm{min-height:0}}

/* mobile: room = screen on top, attendees in a row below (DemoRoom.tsx flex-col / flex-row tiles, aspect-video) */
@media (max-width:960px){
.paint{padding:16px 10px}
.glass .rm{border-radius:12px}
.glass .rmt{padding:10px 12px;font-size:11px}.glass .rid{min-width:0;overflow:hidden;text-overflow:ellipsis}
.glass .rmg{grid-template-columns:1fr;gap:8px;padding:0 8px}
.glass .rst .app{height:auto;aspect-ratio:4/3;max-height:420px}
.rsd,.glass .rsd{flex-direction:row!important;gap:8px}
.rsd .ptile{flex:1 1 0;min-width:0;aspect-ratio:16/10}
.rsd .pv{min-height:0}.rsd .pv .ai-orb{width:40px;height:40px}.rsd .pv .av{width:38px;height:38px;font-size:13px}
.rsd .pb{padding:6px 8px}.rsd .cc{display:none}
.glass .rmb{padding:10px 12px}
.crg{grid-template-columns:1fr!important;gap:8px;padding:0 8px}
.crm{height:auto}.crsb{height:auto;aspect-ratio:4/3;max-height:380px}
.crp{flex-direction:row!important;flex-wrap:wrap;gap:8px}
.crtile{flex:1 1 calc(50% - 4px)!important;min-height:0!important;aspect-ratio:16/10}
.crtile .ai-orb{width:40px;height:40px}.crtile .av{width:38px;height:38px;line-height:38px;font-size:12px}
.crn{padding:6px 8px}
.crcap{flex:1 1 100%!important;min-height:0}
.dview .cr{padding:12px}.crl{inset:12px}.crlb{padding:20px}.crlb h5{font-size:20px}.crjb{left:20px;top:130px}
@keyframes crc{0%{left:78%;top:82%}26%,100%{left:90px;top:160px}}
.sc{padding:14px}.sc1 .qf{left:14px;right:14px;top:14px;width:auto}
.dview .tx,.dview .cr{min-height:0}
.split .sv{min-height:0}
.cells .cell .cv{height:320px}
.fv{height:auto;min-height:300px;padding:20px 12px}
.bfv{padding:28px 12px}
.kn{max-width:100%}.knd{width:100%}
.lxp{height:auto;min-height:300px;padding:20px}.lxc i{height:70px}
.an,.anl{padding:14px}
.cta .cv{min-height:0}
.hero h1{font-size:clamp(36px,10vw,48px)}
}
@media (max-width:560px){.rsd{flex-direction:row!important}.crsb{aspect-ratio:1/1}.glass .rst .app{aspect-ratio:1/1}.mm .mmg,.mm .mg{grid-template-columns:1fr!important}}

@media (max-width:960px){.nav .w{height:60px;gap:12px}.nav a:first-child{min-width:0;flex:0 1 auto}.nav img{height:21px;max-width:100%}.nav .nr{flex:none;gap:6px}.nav .b{height:36px;padding:0 12px;font-size:13px}}
@media (max-width:560px){.nav .b-l{display:none}}