:root{--primary:#2b5ce6;--primary-hover:#2149c9;--tint:#eaf0ff;--tint-2:#f0f4ff;--text:#0f172a;--text-2:#475066;--caption:#667085;--line:#e6eaf0;--line-2:#eef1f6;--alt:#f7f9fc;--control:#d0d5dd;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Segoe UI",system-ui,sans-serif;color:var(--text);background:#fff;font-size:15px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9bb7ff;outline-offset:3px;border-radius:6px}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}svg{flex-shrink:0}
.shell{width:min(1152px,calc(100% - 48px));margin-inline:auto}.shell.narrow{width:min(880px,calc(100% - 48px))}.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.button svg{width:18px;height:18px}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-hover)}.outline{border:1px solid var(--control);background:#fff;color:var(--text)}.outline:hover{border-color:var(--primary);color:var(--primary)}.large{height:48px;padding:0 28px;font-size:16px}
.pill{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #d6e0fb;font-size:13px;font-weight:600;color:var(--primary-hover)}
.tag{display:inline-flex;align-items:center;font-style:normal;font-size:12px;color:var(--text-2);background:#f2f4f7;padding:3px 8px;border-radius:4px;white-space:nowrap}.tag.blue{color:var(--primary-hover);background:var(--tint)}
.ava{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-style:normal;font-weight:800;font-size:14px;flex-shrink:0}.ava.big{width:44px;height:44px;font-size:17px}
/* 平台标志：品牌色圆底 + 白色标志；Telegram/Facebook/Messenger 自带圆形，直接用品牌色 */
.pf{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#fff;box-shadow:0 4px 10px rgba(15,23,42,.12);font-style:normal}.pf svg{width:18px;height:18px}.pf.tg,.pf.fb,.pf.ms{color:var(--c)}.pf.tg svg,.pf.fb svg,.pf.ms svg{width:34px;height:34px}
.pf.wa{background:#25d366}.pf.tg{--c:#26a5e4}.pf.sg{background:#3a76f0}.pf.fb{--c:#0866ff}.pf.ms{--c:#0084ff}.pf.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.pf.tt,.pf.xx{background:#000}.pf.ln{background:#06c755}.pf.dc{background:#5865f2}.pf.sc{background:#fffc00;color:#111}
.pf.big{width:68px;height:68px;box-shadow:0 10px 22px rgba(15,23,42,.12)}.pf.big svg{width:34px;height:34px}.pf.big.tg svg,.pf.big.fb svg,.pf.big.ms svg{width:62px;height:62px}
.pf.sm{width:26px;height:26px;box-shadow:none}.pf.sm svg{width:14px;height:14px}.pf.sm.tg svg{width:26px;height:26px}
/* 顶栏 */
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}.nav{height:68px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.brand img{border-radius:9px}
.nav-menu{display:flex;align-items:center;gap:30px;flex:1;height:100%;font-size:15px;color:#344054}.nav-menu>a:not(.button){display:flex;align-items:center;height:100%}.nav-menu>a:not(.button):hover{color:var(--primary)}.nav-gap{flex:1}.nav-btn{height:38px;padding:0 16px;font-size:14px;border-radius:8px}.nav-btn+.nav-btn{margin-left:-18px}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px;align-items:center}.nav-toggle span{width:20px;height:2px;background:var(--text);border-radius:2px}
/* 首屏 */
.hero{background:linear-gradient(180deg,#eef3ff 0%,#f7f9ff 45%,#fff 100%);padding-top:72px;overflow:hidden}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;max-width:960px}.hero h1{font-size:56px;line-height:1.22;font-weight:900;letter-spacing:-.01em}.accent{color:var(--primary)}.lead{font-size:17px;line-height:1.85;color:var(--text-2);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.checks{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:14px;color:var(--text-2)}.checks li{display:flex;align-items:center;gap:6px}.checks svg{width:16px;height:16px;color:#12805c}
/* 产品演示 */
.demo-wrap{position:relative;margin-top:48px}.demo{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #dde3ee;box-shadow:0 30px 70px rgba(30,60,140,.14);text-align:left;font-size:13px;animation:demo-up .8s ease-out both}
.demo-bar{height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#f7f8fa;border-bottom:1px solid var(--line);color:var(--text-2)}.demo-bar img{border-radius:5px}.demo-win{margin-left:auto;display:flex;gap:22px}.demo-win i{width:10px;height:10px;border:1.3px solid #98a2b3;border-radius:2px}.demo-win i:first-child{height:0;border-width:0 0 1.3px;align-self:center}
.demo-body{display:grid;grid-template-columns:196px 250px minmax(0,1fr) 236px;grid-template-rows:minmax(0,1fr);height:560px}.demo-body>*{min-height:0;overflow:hidden}
.demo-rail{background:#f7f8fa;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;padding:12px 10px}.demo-rail-title{font-size:12px;font-weight:700;color:var(--caption);padding:4px 8px 8px}.acct{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.acct.is-on{background:#e8eeff}.acct>span:nth-child(2){display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.acct b{font-size:13px}.acct em{font-style:normal;font-size:11px;color:#12805c}
.acct-logo{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 0 1px var(--line);flex-shrink:0}.acct-logo svg{width:22px;height:22px}.acct-logo.wa{color:#25d366}.acct-logo.tg{color:#26a5e4}.acct-logo.tg svg{width:26px;height:26px}.acct-logo.sg{color:#3a76f0}
.badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f04438;color:#fff;font-size:11px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}.badge.pop{animation:pop .5s ease both}.demo-add{margin-top:auto;display:flex;align-items:center;justify-content:center;height:34px;border:1px dashed #c9cfdb;border-radius:8px;font-size:12px;color:var(--caption)}
.demo-list{border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.demo-search{margin:12px;height:32px;border-radius:8px;background:#f2f4f7;display:flex;align-items:center;padding:0 10px;color:var(--caption)}.contact{display:flex;gap:10px;padding:10px 12px;border-top:1px solid #f2f4f7}.contact.is-on{background:var(--tint-2);border-top-color:transparent}.contact>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.contact b{display:flex;justify-content:space-between;font-size:13px}.contact small{font-weight:400;font-size:11px;color:var(--caption)}.contact em{font-style:normal;font-size:12px;color:var(--caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact.is-on em{color:var(--text-2)}
.demo-chat{display:flex;flex-direction:column;background:#f2f4f8;min-width:0}.chat-head{height:58px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px}.chat-head .ava{width:34px;height:34px}.chat-head>span{display:flex;flex-direction:column;gap:2px}.chat-head b{font-size:14px}.chat-head em{font-style:normal;font-size:12px;color:var(--caption)}
.chat-log{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:16px 18px}.chat-dyn{display:flex;flex-direction:column;gap:12px;transition:opacity .6s}.chat-dyn.fade{opacity:0}
.bubble{max-width:80%;padding:9px 13px;display:flex;flex-direction:column;gap:7px;line-height:1.55}.bubble p{font-size:13px}.bubble .tr{display:flex;align-items:center;gap:2px;min-height:18px;padding-top:7px;border-top:1px dashed #e4e7ee;font-size:12px;color:var(--primary-hover)}
.bubble.in{align-self:flex-start;background:#fff;border-radius:4px 12px 12px 12px;box-shadow:0 1px 1px rgba(15,23,42,.06)}.bubble.out{align-self:flex-end;background:#d9fdd3;border-radius:12px 4px 12px 12px}.bubble.out .tr{border-top-color:#a8d9a0;color:#3b5b37}
.bubble:not([hidden]){animation:rise .4s ease-out both}.bubble.typing{flex-direction:row;gap:4px;padding:12px 14px}.bubble.typing i{width:7px;height:7px;border-radius:50%;background:#98a2b3;animation:dot 1s infinite}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}
#demo-in2{min-width:260px}.ticks{align-self:flex-end;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--caption)}.ticks svg{width:16px;height:12px;fill:none;stroke:#98a2b3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.ticks svg.read{stroke:#2b8ef0}
.shimmer{display:block;flex:1;height:10px;border-radius:5px;background:linear-gradient(90deg,#eef2fe 0%,#c7d5fc 50%,#eef2fe 100%);background-size:240px 10px;animation:shimmer 1s linear infinite}.shimmer.wide{flex:none;width:70%;height:12px}.shimmer[hidden]{display:none}
.caret{display:inline-block;width:2px;height:14px;background:var(--primary);animation:blink .8s steps(1) infinite}.caret[hidden]{display:none}
.composer{flex-shrink:0;background:#fff;border-top:1px solid var(--line);padding:12px 16px;display:flex;flex-direction:column;gap:10px}
.preview{position:relative;background:var(--tint-2);border:1px solid #c7d5fc;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.preview:not([hidden]){animation:rise .3s ease-out both}.preview-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}.preview-head b{font-size:12px;line-height:1.5;color:var(--primary-hover)}.preview-head>span{position:relative;display:flex;flex:0 0 auto;gap:6px;margin-left:auto}.preview-text{font-size:14px;min-height:20px}
.btn-ghost,.btn-primary{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:6px;font-style:normal;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.btn-ghost{border:1px solid var(--control);background:#fff;color:var(--text-2)}.btn-primary{background:var(--primary);color:#fff;font-weight:700;padding:0 12px;transition:transform .15s}.btn-primary.ring{animation:ring .9s ease-out infinite}.btn-primary.press{transform:scale(.9)}
.cursor{position:absolute;width:22px;height:22px;right:88px;top:54px;fill:#fff;stroke:#0f172a;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(15,23,42,.3));transition:right .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1)}.cursor.at{right:18px;top:16px}.cursor[hidden]{display:none}
.input-row{display:flex;align-items:center;gap:10px}.input{flex:1;min-height:38px;display:flex;align-items:center;border:1px solid #e4e7ee;border-radius:8px;padding:0 12px;font-size:14px;transition:border-color .3s}.input.active{border-color:var(--primary)}.input .ph{color:#98a2b3}.input .ph[hidden]{display:none}.send{display:flex;align-items:center;height:38px;padding:0 14px;border-radius:8px;background:var(--primary);color:#fff;font-style:normal;font-size:13px;font-weight:700}
.demo-panel{border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;padding:0 16px 14px}.tabs{display:flex;gap:16px;margin:0 -16px 6px;padding:0 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--caption)}.tabs>*{padding:13px 0 11px}.tabs b{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}
.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f2f4f7;font-size:13px}.row>span{color:var(--caption)}.row b{font-weight:600}.row.toggle{margin:0 -8px;padding:9px 8px;border-radius:8px;border-bottom:0;transition:background .3s}.row.toggle>span{color:var(--text)}.row.toggle.hl{background:#e8eeff}
.switch{width:32px;height:18px;border-radius:9px;background:#d0d5dd;position:relative}.switch::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff}.switch.on{background:var(--primary)}.switch.on::after{left:16px}
.demo-panel .tags{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px}.demo-panel .tags small{width:100%;font-size:12px;font-weight:700;color:var(--caption)}
.notif{position:absolute;top:50px;right:14px;width:290px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 16px 36px rgba(15,23,42,.16);display:flex;flex-direction:column;gap:6px;transition:opacity .4s}.notif:not([hidden]){animation:slide .45s ease-out both}.notif.out{opacity:0}.notif-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--caption)}.notif-head svg{width:16px;height:16px;color:#26a5e4}.notif-head small{margin-left:auto}.notif .tr{font-size:12px;color:var(--primary-hover)}
.callout{position:absolute;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #e0e7fa;box-shadow:0 10px 24px rgba(30,60,140,.12);font-size:13px;font-weight:700;animation:float 5s ease-in-out infinite}.c1{left:-84px;top:150px}.c2{right:-84px;top:320px;animation-duration:6s;animation-delay:1s}.c3{left:-84px;bottom:110px;animation-duration:5.5s;animation-delay:.5s}
.ci{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:12px;font-weight:800;flex-shrink:0}.ci svg{width:13px;height:13px}.ci.blue{background:var(--primary)}.ci.green{background:#12805c}.ci.orange{background:#f79009}
.demo-controls{display:flex;justify-content:center;gap:8px;margin-top:18px}.demo-controls button{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--control);background:#fff;color:var(--text-2);font-size:13px}.demo-controls button:hover{border-color:var(--primary);color:var(--primary)}
.strip{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 0 64px;font-size:14px;color:var(--caption)}.strip-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
/* 分节 */
.section{padding:96px 0}.section.alt{background:var(--alt)}.section-head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:64px}.section-head .bar{width:40px;height:4px;border-radius:2px;background:var(--primary)}.section-head h2,.platforms h2{font-size:38px;line-height:1.3;font-weight:800}.section-head p,.section-lead{font-size:16px;line-height:1.8;color:var(--caption)}
.platforms{border-top:1px solid var(--line-2)}.platforms .narrow{gap:20px}.platforms h2{font-size:44px;font-weight:900}.section-lead{max-width:680px;color:var(--text-2)}
.wall{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 36px;max-width:900px;margin-top:24px}.wall li{width:84px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#344054;white-space:nowrap}
.langs{width:100%;margin-top:48px;padding-top:40px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;align-items:center;gap:16px}.langs h3{font-size:24px;font-weight:800}.langs p{font-size:15px;line-height:1.7;color:var(--caption);max-width:640px}.lang-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:960px}.lang-list li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:var(--alt);border:1px solid var(--line);font-size:14px;font-weight:600}.lang-list small{font-size:12px;font-weight:400;color:var(--caption)}.lang-list .more{border-style:dashed;color:var(--text-2)}.lang-list .auto{background:var(--tint);border-color:#c7d7fe;color:var(--primary-hover)}
.feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}.feature+.feature{margin-top:72px}.feature.reverse .feature-visual{order:2}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 32px rgba(30,60,140,.06);display:flex;flex-direction:column;gap:12px}.feature-visual .bubble{max-width:82%}.feature-visual .bubble p{font-size:14px}.feature-visual .bubble .tr{font-size:13px}.feature-visual .bubble.in{background:#f2f4f8;box-shadow:none}
.feature-copy{display:flex;flex-direction:column;gap:18px}.kicker{font-size:14px;font-weight:700;color:var(--primary)}.feature-copy h3{font-size:28px;line-height:1.35;font-weight:800}.feature-copy p{font-size:16px;line-height:1.8;color:var(--text-2)}
.ticks-list{display:flex;flex-direction:column;gap:12px}.ticks-list li{position:relative;padding-left:30px;font-size:15px;color:#344054;line-height:1.6}.ticks-list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b5ce6' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 6'/%3E%3C/svg%3E") center/12px no-repeat}
.preview.static{animation:none}.input.static{flex:none;min-height:44px;color:#344054}.blocked{display:flex;align-items:center;gap:10px;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;padding:10px 12px;font-size:13px;color:#93370d}.blocked .ci{width:20px;height:20px}
.card.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.acct-card{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}.acct-card>span{display:flex;align-items:center;gap:8px;font-size:14px}.acct-card em{font-style:normal;font-size:12px;color:var(--caption)}
.crm-head{display:flex;align-items:center;gap:12px}.crm-head>span{display:flex;flex-direction:column;gap:4px}.crm-head>span>span{display:flex;gap:6px;flex-wrap:wrap}.crm-head b{font-size:16px}.crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crm-grid>span{background:var(--alt);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:13px}.crm-grid small{color:var(--caption)}.crm-grid b{font-weight:600}.todo{display:flex;justify-content:space-between;font-size:13px;background:#fffaeb;color:#93370d;padding:10px 12px;border-radius:8px}
.card.table{padding:0;gap:0;overflow:hidden}.table-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.table-head small{font-size:12px;color:var(--caption)}.quota{display:grid;grid-template-columns:1.2fr 2fr .7fr;gap:16px;align-items:center;padding:14px 20px;font-size:14px}.quota+.quota{border-top:1px solid #f2f4f7}.quota>span{display:flex;flex-direction:column;gap:6px}.quota small{font-size:12px;color:var(--caption)}
.bar-track{display:block;height:6px;border-radius:3px;background:#eef0f4}.bar-track i{display:block;height:6px;border-radius:3px;background:var(--primary)}.bar-track i.warn{background:#f79009}.state{justify-self:start;font-style:normal;font-size:12px;padding:3px 8px;border-radius:4px;background:#f2f4f7;color:var(--text-2)}.state.on{background:#ecfdf3;color:#067647}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1000px;margin:0 auto}.steps::before{content:"";position:absolute;left:16%;right:16%;top:28px;border-top:2px dashed #c7d5fc}.steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.steps span{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--primary);color:var(--primary);font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}.steps li.last span{background:var(--primary);color:#fff}.steps b{font-size:19px}.steps p{font-size:15px;line-height:1.75;color:var(--caption);max-width:280px}
.scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scene{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px}.scene small{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.04em}.scene b{font-size:21px}.scene p{font-size:15px;line-height:1.75;color:var(--text-2)}.scene>span{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.scene .tag{font-size:13px;color:#344054;padding:4px 10px}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 4px}.faq summary{font-size:17px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--caption);font-weight:400}.faq details[open] summary::after{content:"−"}.faq p{margin-top:12px;font-size:15px;line-height:1.8;color:var(--text-2)}
.cta-wrap{padding:0 0 96px}.cta{border-radius:20px;background:var(--primary);color:#fff;padding:56px 48px;display:flex;flex-wrap:wrap;gap:32px;align-items:center}.cta>div:first-child{flex:1 1 420px;display:flex;flex-direction:column;gap:12px}.cta h2{font-size:34px;line-height:1.3;font-weight:800}.cta p{font-size:16px;line-height:1.8;color:#eef2ff}
.cta-links{flex:1 1 420px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cta-links a{display:flex;flex-direction:column;gap:4px;background:#fff;color:var(--text);border-radius:12px;padding:14px 16px}.cta-links small{font-size:12px;color:var(--caption)}.cta-links span{margin-top:6px;font-size:13px;font-weight:700;color:var(--primary)}.cta-links a:hover{box-shadow:0 8px 20px rgba(0,0,0,.18)}
.footer{background:var(--alt);border-top:1px solid var(--line);padding:56px 0 28px;color:var(--text-2)}.footer-inner{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:40px}.footer-brand p{margin-top:12px;font-size:14px}.footer-col{display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-col h4{font-size:14px;color:var(--text)}.footer-col a:hover{color:var(--primary)}.footer-bottom{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--caption)}
@keyframes demo-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes blink{50%{opacity:0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-240px 0}100%{background-position:240px 0}}@keyframes dot{0%,80%,100%{opacity:.25}40%{opacity:1}}@keyframes ring{0%{box-shadow:0 0 0 0 rgba(43,92,230,.45)}100%{box-shadow:0 0 0 10px rgba(43,92,230,0)}}
@media(max-width:1320px){.callout{display:none}}
@media(max-width:1100px){.demo-body{grid-template-columns:196px minmax(0,1fr) 236px}.demo-list{display:none}}
@media(max-width:1000px){.hero h1{font-size:44px}.demo-body{grid-template-columns:180px minmax(0,1fr)}.demo-panel{display:none}.feature,.feature.reverse{grid-template-columns:1fr;gap:32px}.feature.reverse .feature-visual{order:0}.scenes{grid-template-columns:1fr}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{padding:40px 32px}}
@media(max-width:700px){.shell,.shell.narrow{width:calc(100% - 32px)}.nav{gap:12px}.nav-toggle{display:flex}.nav-menu{display:none;position:absolute;left:0;right:0;top:68px;height:auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 16px}.nav-menu.is-open{display:flex}.nav-menu>a:not(.button){height:auto;padding:12px 4px;border-bottom:1px solid var(--line-2)}.nav-gap{display:none}.nav-btn{margin-top:12px;height:44px}.nav-btn+.nav-btn{margin-left:0;margin-top:8px}
.hero{padding-top:40px}.hero h1{font-size:30px;line-height:1.3}.lead{font-size:15px}.actions{flex-direction:column;width:100%}.actions .button{width:100%}.checks{flex-direction:column;align-items:center;gap:8px}.demo-wrap{margin-top:28px}.demo-body{grid-template-columns:minmax(0,1fr);height:430px}.demo-rail{display:none}.notif{width:auto;left:14px}.bubble{max-width:90%}#demo-in2{min-width:0}
.section{padding:64px 0}.section-head{margin-bottom:40px}.section-head h2,.platforms h2{font-size:26px}.wall{gap:18px 10px}.wall li{width:72px}.pf.big{width:52px;height:52px}.pf.big svg{width:26px;height:26px}.pf.big.tg svg,.pf.big.fb svg,.pf.big.ms svg{width:48px;height:48px}.langs h3{font-size:20px}.lang-list li{height:34px;padding:0 12px;font-size:13px}
.feature+.feature{margin-top:48px}.card{padding:18px}.card.grid2{grid-template-columns:1fr}.feature-copy h3{font-size:22px}.quota{grid-template-columns:1fr;gap:8px}.steps{grid-template-columns:1fr;gap:28px}.steps::before{display:none}.cta-wrap{padding-bottom:64px}.cta{padding:28px 20px}.cta h2{font-size:24px}.cta-links{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* ─── 软件下载（官网内的下载区，参考 dujiaoshouai.com：一个面板、两张系统卡片；数据来自 /downloads/*.json） ─── */
.dl{scroll-margin-top:68px}.dl .section-head{margin-bottom:40px}
.dl-panel{max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 50px rgba(30,60,140,.08)}
.dl-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.dl-panel-head>span:first-child{display:flex;flex-direction:column;gap:4px}.dl-panel-head>span:first-child b{font-size:18px}.dl-panel-head small{font-size:13px;color:var(--caption)}
.dl-detected{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--tint-2);font-size:13px;color:var(--text-2);white-space:nowrap}.dl-detected::before{content:"";width:7px;height:7px;border-radius:50%;background:#12b76a}.dl-detected b{color:var(--primary);font-size:13px}
.dl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dl-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:18px;min-width:0;transition:border-color .15s,box-shadow .15s}
html[data-platform="windows"] .dl-card[data-card="windows"],html[data-platform="mac"] .dl-card[data-card="mac"]{border-color:#9db5f5;box-shadow:0 12px 28px rgba(43,92,230,.1)}
.dl-card-head{display:flex;align-items:center;gap:14px}.dl-card-head>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.dl-card-head b{font-size:20px}.dl-card-head small{font-size:13px;font-weight:700;color:var(--primary)}
.dl-badge{display:none;align-self:flex-start;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--primary);padding:3px 10px;border-radius:999px;white-space:nowrap}html[data-platform="windows"] .dl-card[data-card="windows"] .dl-badge,html[data-platform="mac"] .dl-card[data-card="mac"] .dl-badge{display:inline-block}
.dl-os{width:48px;height:48px;border-radius:12px;background:#f5f7fa;color:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-os svg{width:26px;height:26px}.dl-os.win{color:#0078d4}
.dl-chips{display:flex;flex-wrap:wrap;gap:8px}.dl-chips span{height:26px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}
.dl-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dl-btn{height:46px;font-size:15px;background:#fff;color:var(--primary);border:1px solid var(--primary)}.dl-btn svg{width:18px;height:18px}.dl-btn:hover{background:var(--tint-2)}
html[data-platform="windows"] .dl-card[data-card="windows"] .dl-btn,html[data-platform="mac"] .dl-card[data-card="mac"] .dl-btn{background:var(--primary);color:#fff}html[data-platform="windows"] .dl-card[data-card="windows"] .dl-btn:hover,html[data-platform="mac"] .dl-card[data-card="mac"] .dl-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.dl-foot{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;font-size:13px;color:var(--caption)}
.dl-hashes summary{cursor:pointer;color:var(--primary);font-weight:600;list-style:none}.dl-hashes summary::-webkit-details-marker{display:none}.dl-hashes summary::after{content:" ▾"}.dl-hashes[open] summary::after{content:" ▴"}
.dl-hashes dl{margin:10px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center}.dl-hashes dt{color:var(--caption)}.dl-hashes dd{margin:0;display:flex;align-items:center;gap:8px;min-width:0}
.dl-hashes code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-2);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.dl-hashes[open]{flex-basis:100%}
.dl-copy{flex-shrink:0;height:24px;padding:0 8px;border-radius:6px;border:1px solid var(--control);background:#fff;font-size:12px;color:#344054}.dl-copy:hover{border-color:var(--primary);color:var(--primary)}.dl-copy:disabled{opacity:.5;cursor:default}
.dl-copy-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);margin:0;background:#0f172a;color:#fff;font-size:13px;padding:8px 14px;border-radius:8px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:40}.dl-copy-status:not(:empty){opacity:1}
@media(max-width:760px){.dl-panel{padding:16px;border-radius:16px}.dl-cards{grid-template-columns:minmax(0,1fr)}.dl-card{padding:18px}.dl-panel-head{flex-direction:column}}
/* 窄屏上下排列；桌面给演示更多宽度，并按视口高度保留完整画面和控制栏。 */
.hero{padding-top:40px}
.hero-main{display:flex;flex-direction:column;align-items:center;gap:32px}
.hero-main .hero-inner{width:100%;max-width:1120px;margin-inline:auto;gap:18px;text-align:center;align-items:center}
.hero h1{font-size:clamp(36px,3.2vw,52px);line-height:1.2;text-wrap:balance}
.hero-title-break{display:none}
.hero-main .lead{max-width:920px;font-size:16px;line-height:1.75;text-wrap:balance}
.hero-main .actions,.hero-main .checks{justify-content:center}
.hero-main .demo-wrap{width:100%;margin-top:0}
.hero .strip{padding-top:32px}
@media(min-width:1280px){.shell{width:min(1440px,calc(100% - 96px))}}
@media(min-width:1101px){
.site-header .shell,.hero-main.shell{width:min(1440px,calc(100% - 80px))}
.hero{--hero-top-space:clamp(48px,7svh,80px);padding-top:var(--hero-top-space)}
.hero-main{display:grid;grid-template-columns:clamp(360px,30vw,460px) minmax(0,1fr);gap:clamp(28px,2.4vw,40px);align-items:start}
.hero-main .hero-inner{min-width:0;max-width:none;padding-top:16px;align-items:flex-start;text-align:left}
.hero h1{font-size:clamp(34px,2.5vw,42px);line-height:1.22}
.hero-title-break{display:initial}
.hero-main .lead{font-size:15px;line-height:1.75;text-wrap:pretty}
.hero-main .actions{justify-content:flex-start;gap:10px}
.hero-main .actions .button{height:44px;padding-inline:20px;font-size:14px}
.hero-main .checks{flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}
/* 同时预留导航、顶部留白和播放控制栏，较矮屏幕仍完整展示演示。 */
.hero-main .demo-wrap{width:min(100%,calc(150svh - 234px - var(--hero-top-space) * 1.5));justify-self:end;min-width:0}
.hero-main .demo-controls{margin-top:12px}
.hero .strip{padding:28px 0 40px}
}
@media(max-width:700px){
.hero{padding-top:32px}.hero-main{gap:24px}.hero-main .hero-inner{gap:16px}
.hero h1{font-size:clamp(26px,7vw,36px)}.hero-title-break{display:initial}
.hero-main .lead{font-size:15px}.hero-main .actions{width:auto;flex-direction:row;gap:10px}
.hero-main .actions .button{width:auto;padding-inline:18px;font-size:14px}
}
@media(min-width:1500px){.section-head h2,.platforms h2{font-size:40px}}
/* 顶栏：文字不换行；中等宽度收紧间距，平板宽度隐藏次要锚点 */
.nav-menu>a{white-space:nowrap}
@media(max-width:1100px) and (min-width:701px){.nav{gap:24px}.nav-menu{gap:18px;font-size:14px}.nav-btn{padding:0 12px}.nav-btn+.nav-btn{margin-left:-10px}}
@media(max-width:860px) and (min-width:701px){.nav-menu>a[href="#steps"],.nav-menu>a[href="#scenes"]{display:none}}
/* ─── 关于我们 / 联系我们 ─── */
#about,#contact{scroll-margin-top:68px}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.about-copy{display:flex;flex-direction:column;gap:18px}.eyebrow{font-size:14px;font-weight:700;color:var(--primary)}
.about-copy h2{margin:0;font-size:36px;line-height:1.3;font-weight:800}.about-copy p{margin:0;font-size:16px;line-height:1.85;color:var(--text-2)}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.about-actions .button{height:46px;padding:0 22px;font-size:15px}
.about-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.value{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}.value b{font-size:17px}.value p{margin:0;font-size:14px;line-height:1.75;color:var(--text-2)}
.value-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.value-icon svg{width:24px;height:24px}
.value-icon.blue{background:#eaf0ff;color:#2b5ce6}.value-icon.green{background:#e7f8ef;color:#12805c}.value-icon.purple{background:#f2eeff;color:#6941c6}.value-icon.orange{background:#fff4e5;color:#dc6803}
.contact-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;background:linear-gradient(135deg,#f3f6ff 0%,#fbfcff 60%,#fff 100%);border:1px solid var(--line-2);border-radius:24px;padding:48px}
.contact-intro{display:flex;flex-direction:column;gap:16px}.contact-intro h2{margin:0;font-size:34px;line-height:1.3;font-weight:800}.contact-intro>p{margin:0;font-size:16px;line-height:1.8;color:var(--text-2)}
.contact-topics{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--text-2)}.contact-topics li{display:flex;align-items:center;gap:8px}.contact-topics svg{width:18px;height:18px;color:#12805c;flex-shrink:0}
.contact-note{margin:8px 0 0!important;font-size:14px!important;color:var(--caption)!important}.contact-note a{color:var(--primary);font-weight:600}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card{--brand:var(--primary);--brand-tint:var(--tint);background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}
.contact-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 40%,#fff);box-shadow:0 14px 30px rgba(30,60,140,.1)}
.contact-card[data-platform="Telegram"]{--brand:#229ed9;--brand-tint:#e8f6fd}.contact-card[data-platform="WhatsApp"]{--brand:#1fa855;--brand-tint:#e7f8ee}.contact-card[data-platform="Website"]{--brand:#344054;--brand-tint:#f2f4f7}
.contact-head{display:flex;align-items:center;gap:12px;min-width:0}.contact-head>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.contact-head small{font-size:13px;color:var(--caption)}.contact-head b{font-size:16px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.contact-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand-tint);color:var(--brand)}.contact-icon svg{width:24px;height:24px}
.contact-card[data-platform="Telegram"] .contact-icon svg,.contact-card[data-platform="WhatsApp"] .contact-icon svg{width:28px;height:28px}
.contact-copy{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--caption);display:flex;align-items:center;justify-content:center;position:relative}.contact-copy svg{width:16px;height:16px}.contact-copy:hover{border-color:var(--brand);color:var(--brand)}
.contact-copy.is-done{border-color:#12b76a;color:#12805c}
.contact-go{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--brand-tint);color:var(--brand);font-size:14px;font-weight:700;transition:background .15s,color .15s}.contact-go svg{width:16px;height:16px;transition:transform .15s}.contact-go:hover{background:var(--brand);color:#fff}.contact-go:hover svg{transform:translateX(3px)}
.contact-empty{grid-column:1/-1;margin:0;text-align:center;color:var(--caption);font-size:14px;padding:32px 0;background:#fff;border:1px dashed var(--line);border-radius:16px}@media(max-width:1000px){.about{grid-template-columns:minmax(0,1fr);gap:36px}.contact-wrap{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-copy h2{font-size:26px}.about-values{grid-template-columns:minmax(0,1fr)}.contact-grid{grid-template-columns:minmax(0,1fr)}.value,.contact-card{padding:20px}.contact-wrap{padding:20px;border-radius:18px}.contact-intro h2{font-size:26px}.footer-inner{grid-template-columns:1fr}}
@media(max-width:1100px) and (min-width:701px){.nav-menu>a[href="#about"]{display:none}}

/* 价格方案沿用官网色彩，卡片保持单排，窄屏通过浏览按钮或滑动查看。 */
#pricing{scroll-margin-top:68px}
.pricing .section-head{margin-bottom:28px}
.price-tabs{display:flex;width:max-content;max-width:100%;gap:4px;padding:4px;margin:0 auto 32px;background:var(--alt);border:1px solid var(--line);border-radius:12px}
.price-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 24px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-size:15px;font-weight:600;transition:background .15s,color .15s}
.price-tabs svg{width:18px;height:18px}
.price-tabs button[aria-selected="true"]{background:var(--primary);color:#fff;box-shadow:0 2px 4px rgba(43,92,230,.15)}
.price-tabs button[aria-selected="false"]:hover{color:var(--primary);background:var(--tint)}
.price-list{display:flex;align-items:stretch;gap:20px;overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.price-list::-webkit-scrollbar{display:none}.price-list.is-contained{justify-content:center}
.price-card{flex:0 0 clamp(280px,calc((100% - 60px)/4),340px);min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}
.price-card:hover,.price-card:focus-within{border-color:#aac0fa;box-shadow:0 6px 18px rgba(43,92,230,.06)}
.price-heading{min-height:98px}.price-name{font-size:14px;line-height:1.6;color:var(--text-2);font-weight:500;overflow-wrap:anywhere}
.price-quantity{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:14px}.price-quantity strong{font-size:30px;font-weight:650;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.price-quantity>span{color:var(--caption);font-size:14px}
.price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-top:20px;font-variant-numeric:tabular-nums}.price-amount strong{font-size:44px;font-weight:650;letter-spacing:-.035em;line-height:1.2}.price-currency{font-size:23px}.price-period{margin-left:5px;font-size:13px;color:var(--caption)}
.price-rate{font-size:13px;line-height:1.6;color:var(--caption);margin-top:12px;margin-bottom:26px;font-variant-numeric:tabular-nums}
.price-buy{min-height:44px;font-size:14px;width:100%;margin-top:0}.price-buy:active{transform:scale(.96)}
.price-payment{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:12px;color:var(--caption)}
.price-benefits{display:flex;flex-direction:column;gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--text-2)}
.price-benefits li{display:flex;align-items:flex-start;gap:9px;line-height:1.5}.price-benefits svg{width:15px;height:15px;margin-top:3px;color:var(--primary)}
.price-channels{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:auto;padding-top:26px;font-size:12px;color:var(--caption)}
.price-channels>span{white-space:nowrap;padding-top:3px}.price-channel-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}.price-channel-list .tag{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.price-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:250px;padding:30px;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--alt);color:var(--caption)}
.price-state .button{min-height:44px;padding:0 20px;font-size:14px}.price-state>a{color:var(--primary)}
.price-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}.price-navigation button{width:44px;height:44px;padding:0}.price-navigation button svg{width:18px;height:18px}.price-navigation button:first-child svg{transform:rotate(180deg)}.price-navigation button:disabled{color:#b5bdcb;border-color:var(--line);background:var(--alt);cursor:default}.price-navigation>span{min-width:66px;text-align:center;color:var(--caption);font-size:13px;font-variant-numeric:tabular-nums}
.price-help{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:14px;color:var(--caption)}.price-help a{display:inline-flex;align-items:center;gap:6px;min-height:44px}.price-help>span{display:flex;align-items:center;gap:8px}.price-help>span a{color:var(--primary)}.price-help a:hover{color:var(--primary-hover)}.price-help svg{width:16px;height:16px}
@media(max-width:1359px) and (min-width:701px){.nav{gap:22px}.nav-menu{gap:18px;font-size:14px}.nav-menu>a[href="#scenes"]{display:none}}
@media(max-width:1150px) and (min-width:701px){.nav-menu>a[href="#steps"]{display:none}}
@media(max-width:1000px) and (min-width:701px){.nav-menu>a[href="#faq"]{display:none}.nav{gap:16px}.nav-menu{gap:14px}}
@media(max-width:700px){.price-tabs{margin-bottom:24px}.price-tabs button{padding-inline:20px;font-size:14px}.price-card{padding:24px;flex-basis:min(320px,100%)}.price-amount strong{font-size:40px}.price-quantity strong{font-size:28px}.price-help{gap:4px;justify-content:center}.price-help>span{font-size:13px}.price-state{min-height:220px;padding:24px}}
/* Client recording: keep the original frame intact at every screen width. */
.client-demo{aspect-ratio:3/2;background:#edf4ff;animation:none}
.client-demo video{display:block;width:100%;height:100%;object-fit:contain}
.demo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px}
.demo-controls button svg,.demo-dialog-header button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.demo-description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.demo-status{margin-top:10px;text-align:center;font-size:13px;color:var(--caption)}
.demo-dialog{width:min(1440px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);box-shadow:0 24px 80px #0f172a33;overflow:auto}
.demo-dialog::backdrop{background:rgba(15,23,42,.6)}
.demo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}
.demo-dialog-header button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--caption)}
.demo-dialog-header button:hover{background:var(--alt);color:var(--text)}
.demo-dialog video{display:block;width:100%;max-height:calc(100dvh - 112px);height:auto;object-fit:contain;background:#edf4ff}
@media(max-width:700px){.demo-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.demo-dialog video{max-height:calc(100dvh - 80px)}.demo-controls{gap:6px}.demo-controls button{padding:0 10px;min-height:44px}}