:root{
 --ink:#0f172a;--text:#334155;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--white:#fff;
 --blue:#2563eb;--blue-dark:#1e3a8a;--blue-light:#dbeafe;--orange:#f97316;--green:#16a34a;
 --shadow:0 18px 55px rgba(15,23,42,.09);--shadow2:0 28px 90px rgba(15,23,42,.14);
 --brand:#2563eb;--brand-dark:#1e3a8a;--brand-soft:#eff6ff;--brand-line:#bfdbfe;--brand-gradient:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);
 --accent:#f97316;--accent-soft:#fff7ed;
}
body.theme-cloud{--brand:#0891b2;--brand-dark:#164e63;--brand-soft:#ecfeff;--brand-line:#a5f3fc;--brand-gradient:linear-gradient(135deg,#123b55 0%,#0e7490 58%,#06b6d4 100%);--accent:#f97316;--accent-soft:#fff7ed}
body.theme-commission{--brand:#6d28d9;--brand-dark:#312e81;--brand-soft:#f5f3ff;--brand-line:#ddd6fe;--brand-gradient:linear-gradient(135deg,#312e81 0%,#5b21b6 56%,#7c3aed 100%);--accent:#10b981;--accent-soft:#ecfdf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1190px,calc(100% - 36px));margin:auto}.svg-icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:currentColor;overflow:visible;flex:0 0 auto}
/* header */
.topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(226,232,240,.88);box-shadow:0 6px 24px rgba(15,23,42,.045);backdrop-filter:blur(14px)}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-ship{font-size:31px;color:#1e40af;display:grid;place-items:center;width:34px}.brand-text{font-size:22px;font-weight:950;letter-spacing:-.02em}.brand-suffix{font-size:12px;color:#2563eb;margin-left:-3px;align-self:center}.brand-context{font-size:14px;color:#94a3b8;margin-left:1px;font-weight:500}.navlinks{display:flex;align-items:center;gap:15px}.product-tabs{display:flex;align-items:center;gap:7px}.nav-product{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:800;color:#475569;border:1px solid transparent;transition:.18s}.nav-product>.svg-icon{font-size:14px}.nav-product:hover{background:#f8fafc;color:#0f172a}.nav-product.assistant.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.nav-product.cloud.active{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.nav-product.commission.active{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.context-nav{display:flex;align-items:center;gap:15px}.context-nav a{font-size:13px;color:#64748b;transition:.18s}.context-nav a:hover,.context-nav a.active{color:var(--brand);font-weight:800}.mobile-menu{display:none;border:0;background:#f8fafc;color:#334155;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:11px;border:1px solid transparent;font-weight:900;cursor:pointer;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--brand) 25%,transparent)}.btn-primary:hover{filter:brightness(.94)}.btn-orange{background:#f97316;color:#fff;box-shadow:0 14px 30px rgba(249,115,22,.24)}.btn-orange:hover{background:#ea580c}.theme-commission .btn-orange{background:#10b981;box-shadow:0 14px 30px rgba(16,185,129,.24)}.theme-commission .btn-orange:hover{background:#059669}.btn-light{background:#fff;color:var(--brand-dark);border-color:rgba(255,255,255,.75);box-shadow:0 10px 26px rgba(15,23,42,.08)}.btn-ghost{background:#fff;border-color:#cbd5e1;color:#334155}.nav-cta{min-height:40px;padding:0 19px;border-radius:999px;font-size:13px}
/* hero */
.hero{background:var(--brand-gradient);color:#fff;position:relative;overflow:hidden;padding:74px 0 82px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}.hero:before{width:350px;height:350px;left:-190px;top:-220px}.hero:after{width:520px;height:520px;right:-280px;bottom:-340px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:62px;align-items:center}.hero-copy{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(0,0,0,.12);font-size:12px;font-weight:900;letter-spacing:.02em}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-.045em;margin:26px 0 22px;font-weight:1000}.hero h1>span{display:block;color:#bfdbfe;font-size:.74em;margin-top:3px}.theme-cloud .hero h1>span{color:#a5f3fc}.theme-commission .hero h1>span{color:#ddd6fe}.hero-lead{font-size:17px;line-height:1.88;color:rgba(255,255,255,.84);max-width:710px;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions.centered{justify-content:center}.hero-visual{min-height:420px;position:relative}
/* assistant visual */
.assistant-visual,.cloud-visual,.commission-visual{position:relative;height:430px}.desktop-card{position:absolute;left:4%;top:40px;width:82%;background:#fff;border-radius:18px;border:5px solid rgba(226,232,240,.92);box-shadow:0 30px 80px rgba(5,20,60,.28);overflow:hidden;transform:rotate(1.7deg)}.screen-top{height:42px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:7px;padding:0 13px;color:#64748b}.screen-top i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.screen-top b{font-size:11px;margin-left:6px}.screen-body{height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;background:#f8fbff}.screen-body>.svg-icon{font-size:64px;color:#3b82f6;margin-bottom:12px}.screen-body strong{font-size:18px;color:#475569}.screen-body>span{font-size:12px;margin-top:4px}.run-pill{margin-top:16px;display:inline-flex;align-items:center;gap:6px;color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.phone-card{position:absolute;right:0;bottom:4px;width:150px;height:275px;border:7px solid #e2e8f0;border-radius:30px;background:#fff;box-shadow:0 28px 70px rgba(5,20,60,.25);display:flex;flex-direction:column;align-items:center;text-align:center;color:#475569;padding:32px 14px 15px}.phone-notch{position:absolute;top:9px;width:46px;height:5px;background:#cbd5e1;border-radius:999px}.phone-card>.svg-icon{font-size:48px;color:#16a34a;margin:25px 0 9px}.phone-card strong{font-size:17px}.phone-card span{font-size:11px;color:#94a3b8}.phone-card em{font-style:normal;margin-top:auto;width:100%;padding:8px;border-radius:10px;background:#ecfdf5;color:#15803d;font-size:10px;font-weight:900}.visual-float{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;color:#334155;border-radius:12px;padding:11px 13px;box-shadow:0 16px 40px rgba(15,23,42,.2);font-size:11px;font-weight:900}.visual-float>.svg-icon{font-size:18px;color:var(--brand)}.assistant-visual .vf1{right:1%;top:16px}.assistant-visual .vf2{left:0;bottom:17px}
/* cloud visual */
.cloud-visual{display:grid;place-items:center}.robot-orb{position:absolute;top:3px;right:6%;width:155px;height:80px;border-radius:18px;background:#fff;color:#0e7490;box-shadow:0 22px 54px rgba(2,35,52,.28);display:flex;align-items:center;gap:12px;padding:15px;font-weight:950}.robot-orb>.svg-icon{font-size:38px}.robot-orb span{font-size:12px}.cloud-chat{position:absolute;left:5%;top:75px;width:78%;background:#fff;border:4px solid #dbeafe;border-radius:22px;box-shadow:0 32px 82px rgba(2,35,52,.28);color:#334155;padding:0 20px 22px}.chat-head{height:56px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:9px;font-weight:950}.chat-head>.svg-icon{color:#0e7490}.chat-head small{margin-left:auto;color:#94a3b8}.chat-line{margin-top:17px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#f8fafc}.chat-line.success{background:#ecfdf5}.avatar{width:42px;height:42px;border-radius:12px;background:#cffafe;color:#0e7490;display:grid;place-items:center;font-size:18px}.success .avatar{background:#bbf7d0;color:#15803d}.chat-line b{font-size:13px}.chat-line p{font-size:11px;color:#64748b;margin:2px 0 0}.cloud-visual .vf1{left:0;bottom:14px}.cloud-visual .vf2{right:2%;bottom:54px}
/* commission visual */
.commission-visual{display:grid;place-items:center}.dashboard-card{position:absolute;left:2%;top:45px;width:82%;height:280px;background:#fff;color:#334155;border-radius:19px;border:4px solid #ede9fe;box-shadow:0 32px 82px rgba(27,17,74,.30);padding:20px}.dash-head{display:flex;justify-content:space-between;align-items:center;font-weight:950;border-bottom:1px solid #ede9fe;padding-bottom:14px}.dash-head span{display:flex;align-items:center;gap:8px}.dash-head>.svg-icon,.dash-head span>.svg-icon{color:#7c3aed}.dash-head b{font-size:11px;background:#f5f3ff;color:#6d28d9;padding:5px 8px;border-radius:8px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.dash-metrics span{padding:12px;border-radius:12px;background:#f8fafc}.dash-metrics b{display:block;font-size:22px;color:#312e81}.dash-metrics small{color:#94a3b8}.dash-bars{height:95px;display:flex;align-items:flex-end;gap:10px;padding:15px 10px 0}.dash-bars i{display:block;flex:1;background:linear-gradient(#a78bfa,#6d28d9);border-radius:5px 5px 0 0}.commission-card{position:absolute;background:#fff;color:#334155;border-radius:14px;padding:13px 14px;box-shadow:0 18px 48px rgba(27,17,74,.25);display:flex;align-items:center;gap:11px}.commission-card>.svg-icon{font-size:26px;color:#7c3aed}.commission-card span b{display:block;font-size:12px}.commission-card span small{display:block;font-size:9px;color:#94a3b8}.cc1{right:0;top:22px}.cc2{right:2%;bottom:22px}
/* generic sections */
.stat-strip{background:#fff;border-bottom:1px solid #eef2f7}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{display:grid;grid-template-columns:43px 1fr;gap:11px;align-items:center;padding:22px 20px;border-right:1px solid #eef2f7}.stat-item:last-child{border-right:0}.stat-icon{width:43px;height:43px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:20px}.stat-item b{display:block;font-size:13px}.stat-item small{display:block;color:#94a3b8;font-size:10px;margin-top:1px}.cms-section{padding:78px 0}.cms-section.space-compact{padding:52px 0}.cms-section.space-wide{padding:98px 0}.module-variant-outlined>.wrap{border:1px solid var(--brand-line);border-radius:24px;padding:36px;background:rgba(255,255,255,.72)}.module-variant-elevated>.wrap{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px;box-shadow:var(--shadow)}.bg-dark.module-variant-outlined>.wrap,.bg-brandblue.module-variant-outlined>.wrap{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}.bg-dark.module-variant-elevated>.wrap,.bg-brandblue.module-variant-elevated>.wrap{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.bg-white{background:#fff}.bg-soft{background:#f8fafc}.bg-softblue{background:var(--brand-soft)}.bg-dark{background:#0f172a;color:#fff}.bg-brandblue{background:var(--brand-gradient);color:#fff}.section-head{max-width:850px;margin:0 auto 41px;text-align:center}.align-left .section-head{text-align:left;margin-left:0}.kicker{font-size:12px;font-weight:950;letter-spacing:.11em;color:var(--brand);text-transform:none}.bg-dark .kicker,.bg-brandblue .kicker{color:#bfdbfe}.section-head h2{font-size:38px;line-height:1.22;margin:8px 0 10px;letter-spacing:-.02em}.section-subtitle{font-size:18px;margin:0 0 8px;color:#475569}.section-head p{margin:0;color:#64748b;font-size:15px}.bg-dark .section-head p,.bg-brandblue .section-head p,.bg-dark .section-subtitle,.bg-brandblue .section-subtitle{color:#cbd5e1}.card-grid{display:grid;gap:18px}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.feature-card,.device-card,.product-card,.compare-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:19px;padding:23px;box-shadow:0 8px 24px rgba(15,23,42,.035);transition:.18s;overflow:hidden}.feature-card:hover,.device-card:hover,.product-card:hover{transform:translateY(-3px);border-color:var(--brand-line);box-shadow:var(--shadow)}.feature-card.variant-accent,.product-card.variant-accent{border-top:3px solid var(--brand)}.feature-card.variant-success{border-top:3px solid #16a34a}.feature-card.variant-warm{border-top:3px solid #f97316}.iconbox,.device-icon,.product-icon{width:49px;height:49px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:21px;margin-bottom:16px}.feature-card h3,.device-card h3,.product-card h3,.compare-card h3{font-size:18px;margin:0 0 7px}.feature-card p,.device-card p,.product-card p,.compare-card p{font-size:13px;color:#64748b;margin:0}.card-sub,.device-label,.compare-sub{font-size:11px;color:var(--brand);font-weight:900;margin-bottom:6px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-size:10px;font-weight:900;margin-bottom:9px}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-weight:900;font-size:12px;margin-top:15px}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;margin-bottom:15px;border:1px solid #eef2f7}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.device-card{padding:28px}.device-card.variant-green .device-icon{background:#ecfdf5;color:#16a34a}.device-card .btn{margin-top:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-top{display:flex;align-items:flex-start;justify-content:space-between}.product-card.variant-cloud .product-icon{background:#ecfeff;color:#0891b2}.product-card.variant-commission .product-icon{background:#f5f3ff;color:#6d28d9}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.compare-card.variant-recommended{border:2px solid var(--brand-line);background:var(--brand-soft)}.compare-card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.compare-card li{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#475569}.compare-card li>.svg-icon{color:#16a34a;margin-top:3px}.timeline{max-width:880px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:64px 1fr;gap:17px;position:relative;padding-bottom:20px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:31px;top:54px;bottom:0;width:2px;background:linear-gradient(var(--brand-line),#e2e8f0)}.timeline-no{width:54px;height:54px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:950;position:relative;z-index:1;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 24%,transparent)}.timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.035)}.timeline-title-row{display:flex;align-items:center;gap:9px}.timeline-card h3{margin:0;font-size:17px}.timeline-card p{margin:6px 0 0;color:#64748b;font-size:13px}.step-mini-icon{width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:13px}.location-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:900;margin-bottom:10px}.resource-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:12px;font-weight:900;margin-top:11px}.cta-section{padding:82px 0;background:var(--brand-gradient);color:#fff}.cta-box{text-align:center;max-width:870px;margin:auto}.cta-kicker{font-size:12px;font-weight:900;color:rgba(255,255,255,.72);letter-spacing:.08em}.cta-box h2{font-size:38px;line-height:1.2;margin:8px 0 12px}.cta-box p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.78)}
/* accordion / guide */
.accordion-list{max-width:980px;margin:auto;display:grid;gap:11px}.accordion-item{background:#fff;border:1px solid #e2e8f0;border-radius:15px;overflow:hidden}.accordion-item summary{list-style:none;display:grid;grid-template-columns:42px 1fr 22px;gap:12px;align-items:center;padding:16px 18px;font-weight:900;cursor:pointer}.accordion-item summary::-webkit-details-marker{display:none}.accordion-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.accordion-item summary>b{color:#94a3b8}.accordion-item[open] summary>b{transform:rotate(180deg)}.accordion-body{padding:0 18px 20px 72px}.accordion-text{color:#64748b;font-size:13px;white-space:normal}.accordion-image{margin-top:16px;border:1px solid #e2e8f0;border-radius:14px;box-shadow:var(--shadow);max-height:560px;object-fit:contain;background:#fff}.guide-hero{background:linear-gradient(180deg,var(--brand-soft),#f8fafc);padding:38px 0 26px;border-bottom:1px solid #e2e8f0}.guide-badge{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:11px;font-weight:950}.guide-hero h1{font-size:34px;margin:7px 0 6px}.guide-hero p{margin:0;color:#64748b;max-width:820px}
/* wizard */
.wizard{display:grid;grid-template-columns:1fr;gap:18px;padding:22px 0 68px;max-width:1000px}.route-nav{display:flex;align-items:center;background:transparent;padding:0 0 8px;overflow:auto}.route-nav h3{display:none}.rstep{display:grid;grid-template-columns:32px max-content;gap:8px;align-items:center;position:relative;color:#94a3b8;font-size:12px;font-weight:900;padding-right:72px;min-width:max-content}.rstep:not(:last-child):after{content:"";position:absolute;left:calc(100% - 62px);right:10px;top:15px;height:1px;background:#cbd5e1}.rstep .num{width:30px;height:30px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;display:grid;place-items:center}.rstep.active{color:var(--brand)}.rstep.active .num{background:var(--brand);border-color:var(--brand);color:#fff}.rstep.done{color:#475569}.rstep.done .num{background:#ecfdf5;border-color:#86efac;color:#15803d}.panel{display:none}.panel.active{display:block}.s-card{background:#fff;border:1px solid #e2e8f0;border-radius:19px;padding:28px;box-shadow:var(--shadow);margin-bottom:20px}.s-kicker{color:var(--brand);font-size:11px;font-weight:950;letter-spacing:.04em}.s-card h2{font-size:25px;margin:6px 0 8px}.s-card>.desc{color:#64748b;margin:0 0 22px;font-size:14px}.flow3{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:stretch}.fbox{border:1px solid #e2e8f0;border-radius:15px;padding:17px;text-align:center;background:#fbfdff}.fbox:nth-of-type(3){background:var(--brand-soft);border-color:var(--brand-line)}.ficon{width:39px;height:39px;margin:0 auto 8px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:18px}.fbox strong{display:block;font-size:14px}.fbox small{display:block;color:#64748b;margin-top:5px;font-size:11px}.farrow{display:grid;place-items:center;color:#94a3b8}.important{margin-top:17px;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:12px;padding:14px;color:var(--brand-dark);font-size:13px}.important .watch{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:7px 10px;border-radius:8px;background:#fff;border:1px solid var(--brand-line);font-weight:900;color:var(--brand)}.disabled{opacity:.55;pointer-events:none}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choices.three{grid-template-columns:repeat(3,1fr)}.choice{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:20px;text-align:left;cursor:pointer;transition:.18s;color:#0f172a}.choice:hover{border-color:var(--brand-line);transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 10%,transparent)}.choice .ci{width:48px;height:48px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:22px}.choice.variant-green .ci{background:#ecfdf5;color:#16a34a}.choice h3{font-size:18px;margin:12px 0 6px}.choice p{font-size:12px;color:#64748b;margin:0}.choice .go{display:flex;gap:5px;align-items:center;color:var(--brand);font-weight:900;font-size:11px;margin-top:13px}.s-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.route-chip{display:flex;gap:7px;flex-wrap:wrap;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:16px}.route-chip span{padding:5px 8px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;font-size:11px;font-weight:900}.recommend{padding:15px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin-bottom:20px}.result-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.result-tabs button{border:1px solid #cbd5e1;background:#fff;padding:8px 11px;border-radius:8px 8px 0 0;font-weight:900;color:#475569;cursor:pointer;white-space:nowrap}.result-tabs button.active{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.sub{display:none}.sub.active{display:block}.lesson-timeline{max-width:840px}.lesson{display:grid;grid-template-columns:58px 1fr;gap:14px;position:relative;padding-bottom:20px}.lesson:not(:last-child):before{content:"";position:absolute;left:27px;top:50px;bottom:-1px;width:2px;background:linear-gradient(var(--brand),var(--brand-line))}.lesson-no{width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:950;position:relative;z-index:1;box-shadow:0 9px 22px color-mix(in srgb,var(--brand) 22%,transparent)}.lesson-card{border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:18px}.lesson-card h3{margin:0 0 5px;font-size:17px}.lesson-card p{margin:0;color:#64748b;font-size:12px}.version-box{border:1px solid var(--brand-line);border-radius:14px;background:var(--brand-soft);padding:18px}.version-box h3{margin:0 0 7px}.version-box p{margin:0;color:#64748b;font-size:13px}.faq-group{display:grid;grid-template-columns:195px 1fr;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:14px;background:#fff}.faq-cat{background:#f8fafc;padding:21px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.faq-icon{width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:20px;margin-bottom:8px}.faq-cat strong{font-size:15px}.faq-cat small{font-size:10px;color:#94a3b8;margin-top:4px;line-height:1.45}.faq-list{padding:0 18px}.faq-list details{border-bottom:1px solid #eef2f7}.faq-list details:last-child{border-bottom:0}.faq-list summary{cursor:pointer;padding:15px 2px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .svg-icon{color:#94a3b8;font-size:11px}.faq-list details[open] summary .svg-icon{transform:rotate(180deg)}.faq-list p{color:#64748b;font-size:12px;margin:0;padding:0 0 15px}.more-title{display:flex;align-items:center;gap:12px;margin-bottom:11px}.more-title .faq-icon{margin:0}.more-title h3{margin:0;font-size:16px}.more-title p{margin:2px 0 0;color:#64748b;font-size:11px}.resource-row{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;border:1px solid #e2e8f0;border-radius:11px;padding:11px;margin-bottom:8px;color:#334155}.resource-row>.svg-icon{color:var(--brand)}.resource-row b{color:var(--brand);font-size:11px}.back{margin-top:15px}
/* content stack */
.content-stack-wrap{max-width:980px}.content-stack{display:flex;flex-direction:column;gap:14px}.content-heading h3{font-size:25px;margin:0 0 4px}.content-heading p{margin:0;color:#64748b}.content-text{margin:0;color:#475569;font-size:14px}.inline-content-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:900;width:max-content;max-width:100%}.video-content-link{display:flex;align-items:center;gap:13px;border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-dark);border-radius:13px;padding:13px 15px;width:min(620px,100%)}.video-content-link>.svg-icon{font-size:25px}.video-content-link b{display:block}.video-content-link small{display:block;color:#64748b;margin-top:2px}.content-image img{max-width:100%;border-radius:15px;border:1px solid #e2e8f0;box-shadow:var(--shadow)}.content-image figcaption{font-size:11px;color:#64748b;margin-top:6px}.content-notice{display:flex;gap:11px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:13px;padding:13px;color:#9a3412}.content-notice>span{width:35px;height:35px;border-radius:9px;background:#ffedd5;display:grid;place-items:center}.content-notice b{display:block}.content-notice p{margin:3px 0 0;color:#9a3412;font-size:12px}
/* footer/preview */
.footer{padding:31px 0;background:#071226;color:#94a3b8}.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px}.footbrand{font-size:17px;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px}.foot-icon{color:#60a5fa;font-size:20px}.footlinks{display:flex;flex-wrap:wrap;gap:17px}.footlinks a:hover{color:#fff}.cms-preview [data-cms-key]{cursor:crosshair}.cms-preview [data-cms-key]:hover{outline:2px solid #60a5fa!important;outline-offset:3px;border-radius:4px}.cms-preview .cms-picked{outline:3px solid #f97316!important;outline-offset:4px}
/* Floating hero callouts and an explicit mobile navigation trigger. */
.visual-flag{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;max-width:190px;background:#fff;color:#334155;border:1px solid rgba(226,232,240,.92);border-radius:12px;padding:11px 13px;box-shadow:0 16px 40px rgba(15,23,42,.2);font-size:11px;font-weight:900}.visual-flag>.svg-icon{font-size:18px;color:var(--brand)}.visual-flag b,.visual-flag small{display:block}.visual-flag small{color:#94a3b8;font-size:9px;font-weight:700}
@media(max-width:1120px){.context-nav{display:none}.hero-grid{grid-template-columns:1fr 430px}.product-tabs{gap:3px}.nav-product{padding:8px 9px}}
@media(max-width:920px){.nav{min-height:68px}.navlinks{position:absolute;display:none;top:69px;left:15px;right:15px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:13px;box-shadow:var(--shadow2);flex-direction:column;align-items:stretch}.navlinks.show{display:flex}.product-tabs{display:grid;grid-template-columns:1fr}.nav-product{border-radius:10px;padding:10px}.context-nav{display:grid;gap:4px}.context-nav a{padding:8px 10px}.navlinks .btn{width:100%}.mobile-menu{display:flex;width:auto;min-width:76px;padding:0 12px;gap:7px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:900;box-shadow:0 6px 18px rgba(37,99,235,.12)}.mobile-menu>.svg-icon{font-size:16px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-tags{justify-content:center}.hero-visual{max-width:650px;width:100%;margin:10px auto 0}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:0}.grid-4{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.section-head h2{font-size:33px}}
@media(max-width:680px){.module-variant-outlined>.wrap,.module-variant-elevated>.wrap{padding:22px}.wrap{width:calc(100% - 24px)}.brand-text{font-size:17px}.brand-ship{font-size:25px;width:28px}.brand-suffix{font-size:10px}.brand-context{display:none}.hero{padding:55px 0 62px}.hero h1{font-size:42px}.hero h1>span{font-size:.67em}.hero-lead{font-size:14px}.hero-visual{min-height:350px}.assistant-visual,.cloud-visual,.commission-visual{height:350px}.desktop-card{width:90%;left:0}.screen-body{height:205px}.phone-card{height:235px;width:128px}.phone-card>.svg-icon{font-size:38px;margin-top:15px}.assistant-visual .vf2{display:none}.cloud-chat{width:91%;left:0}.cloud-visual .vf2{display:none}.dashboard-card{width:92%;left:0}.commission-card.cc2{display:none}.stat-grid{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid #eef2f7}.cms-section{padding:52px 0}.cms-section.space-wide{padding:65px 0}.section-head{text-align:left;margin-bottom:28px}.section-head h2{font-size:28px}.grid-2,.grid-3,.grid-4,.device-grid,.compare-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:48px 1fr;gap:10px}.timeline-no{width:42px;height:42px;font-size:13px}.timeline-item:not(:last-child):before{left:20px;top:42px}.cta-box h2{font-size:29px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.guide-hero h1{font-size:28px}.s-card{padding:20px}.route-nav{padding-bottom:10px}.rstep{padding-right:50px}.rstep:not(:last-child):after{left:calc(100% - 43px);right:7px}.choices,.choices.three{grid-template-columns:1fr}.flow3{grid-template-columns:1fr}.farrow{transform:rotate(90deg);padding:5px}.lesson{grid-template-columns:46px 1fr;gap:9px}.lesson-no{width:40px;height:40px;font-size:12px}.lesson:not(:last-child):before{left:19px;top:40px}.faq-group{grid-template-columns:1fr}.faq-cat{align-items:flex-start;text-align:left;display:grid;grid-template-columns:44px 1fr;column-gap:10px}.faq-cat .faq-icon{grid-row:1/3;margin:0}.faq-cat small{margin:0}.faq-list{padding:0 12px}.accordion-body{padding-left:18px}.foot{flex-direction:column;align-items:flex-start}.product-tabs{grid-template-columns:1fr}}

/* Guide FAQ hub 3.2: one public entry, readable long answers, safe formatted content. */
.guide-hero-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px}.guide-hero-copy{min-width:0}.guide-faq-entry{flex:0 0 202px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;text-align:left;border:1px solid #93c5fd;border-radius:15px;padding:12px 15px;background:linear-gradient(135deg,#fff,#eff6ff);color:#1d4ed8;box-shadow:0 10px 30px rgba(37,99,235,.2);cursor:pointer;animation:captain-faq-pulse 2.5s ease-in-out infinite}.guide-faq-entry>.svg-icon{grid-row:1/3;width:38px;height:38px;padding:9px;border-radius:11px;background:#2563eb;color:#fff}.guide-faq-entry span{font-size:16px;font-weight:950;line-height:1.25}.guide-faq-entry small{font-size:10px;color:#64748b;line-height:1.35}.guide-faq-entry:hover{transform:translateY(-2px);border-color:#2563eb}.guide-faq-entry:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}@keyframes captain-faq-pulse{0%,100%{box-shadow:0 10px 28px rgba(37,99,235,.18)}50%{box-shadow:0 10px 34px rgba(37,99,235,.38),0 0 0 7px rgba(59,130,246,.1)}}
.wizard.faq-is-open .route-nav{display:none}.faq-hub{max-width:1000px}.faq-hub-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.faq-hub-head h2{margin:4px 0 2px}.faq-hub-head p{margin:0;color:#64748b;font-size:14px}.faq-hub-head .btn{white-space:nowrap}.faq-hub .faq-list summary{font-size:15px;line-height:1.55;padding:17px 5px;color:#0f172a}.faq-hub .faq-list details[open]{padding-bottom:14px}.faq-hub .faq-list details[open] summary{color:var(--brand)}.faq-answer{margin:0 0 3px;padding:17px 18px;border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#eff6ff);color:#334155;font-size:17px;line-height:1.95;overflow-wrap:anywhere}.faq-answer p{margin:0 0 12px;padding:0;color:#334155;font-size:inherit;line-height:inherit}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol,.faq-answer ul{margin:3px 0;padding-left:29px}.faq-answer li{padding-left:3px;margin:6px 0}.faq-answer a{color:#1d4ed8;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.faq-answer-link{display:inline-flex;align-items:center;gap:7px;margin:10px 0 2px;padding:9px 12px;border:1px solid #93c5fd;border-radius:9px;background:#fff;color:#1d4ed8;font-size:14px;font-weight:900}.faq-resource .faq-answer-link{margin:4px 0 0}.faq-empty{padding:30px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}
@media(max-width:680px){.guide-hero-inner{display:block}.guide-faq-entry{width:100%;max-width:260px;margin-top:18px}.faq-hub-head{display:block}.faq-hub-head .btn{margin-top:13px;width:100%}.faq-answer{padding:15px 14px;font-size:16px;line-height:1.9}.faq-hub .faq-list summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.guide-faq-entry{animation:none}}

/* Nested tutorial chapters 3.3. */
.lesson-substeps{display:grid;gap:0;margin-top:18px;padding-top:16px;border-top:1px dashed #bfdbfe}.lesson-substep{display:grid;grid-template-columns:52px 1fr;gap:12px;position:relative;padding-bottom:14px}.lesson-substep:last-child{padding-bottom:0}.lesson-substep:not(:last-child)::before{content:"";position:absolute;left:23px;top:42px;bottom:0;width:2px;background:#bfdbfe}.lesson-substep-no{width:46px;height:34px;border-radius:999px;border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-size:12px;font-weight:950;position:relative;z-index:1}.lesson-substep-card{border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;padding:13px 15px}.lesson-substep-card h4{margin:0 0 5px;font-size:15px}.lesson-substep-card p{margin:0;color:#475569;font-size:13px;line-height:1.8;white-space:pre-line}.lesson-substep-card .resource-link{margin-top:8px}
@media(max-width:680px){.lesson-substeps{margin-left:-4px}.lesson-substep{grid-template-columns:45px 1fr;gap:8px}.lesson-substep-no{width:41px;height:31px;font-size:11px}.lesson-substep:not(:last-child)::before{left:20px;top:38px}.lesson-substep-card{padding:12px}}

/* Homepage contact QR card 3.4; absent image keeps the existing CTA unchanged. */
.cta-layout.has-contact-qr{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:54px;align-items:center}.has-contact-qr .cta-box{max-width:none;margin:0;text-align:left}.has-contact-qr .cta-box>p{margin-left:0;margin-right:0}.has-contact-qr .hero-actions.centered{justify-content:flex-start}.contact-qr-card{background:#fff;color:#0f172a;border:1px solid rgba(255,255,255,.82);border-radius:20px;padding:15px;text-align:center;box-shadow:0 24px 60px rgba(5,20,60,.3)}.contact-qr-image{display:block;border-radius:14px;background:#f8fafc;padding:8px;border:1px solid #e2e8f0}.contact-qr-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px}.contact-qr-card strong{display:block;margin-top:12px;font-size:17px;color:#0f172a}.contact-qr-card>p{margin:5px 2px 1px;color:#64748b;font-size:12px;line-height:1.6}
@media(max-width:760px){.cta-layout.has-contact-qr{grid-template-columns:1fr;gap:30px}.has-contact-qr .cta-box{text-align:center}.has-contact-qr .cta-box>p{margin-left:auto;margin-right:auto}.has-contact-qr .hero-actions.centered{justify-content:center}.contact-qr-card{width:min(248px,100%);margin:0 auto}}