/* Homepage visual tokens and surfaces. Shared by every locale; content stays in HTML. */
html body.home-refined{
 --home-blue:#1467e5;--home-ink:#122744;--home-copy:#526580;--home-line:#dfe8f4;
 --home-soft:#f4f8ff;--home-radius:20px;--home-gap:24px;
 --home-shadow:0 2px 4px #15376a04,0 12px 30px -16px #15376a24,inset 0 1px 0 #fff;
 --home-shadow-raised:0 4px 8px #15376a06,0 22px 44px -20px #15376a32,inset 0 1px 0 #fff;
 --blue:var(--home-blue);--blue-dark:#1057c8;--ink:var(--home-ink);--muted:var(--home-copy);
 --text-heading:var(--home-ink);--text-body:var(--home-copy);--text-supporting:#60738d;
 --font:Inter,"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 background:#fff;color:var(--home-ink);
}
/* A single alignment line from navigation to content and footer. */
html .home-refined .header-inner{max-width:1200px;padding-inline:24px}
html .home-refined .site-header{background:#ffffffed;border-bottom-color:#e4ecf8;box-shadow:0 4px 24px #173b7005;backdrop-filter:blur(16px)}
html .home-refined .site-header .button{border-radius:10px}
html .home-refined .support-widget .support-launcher{background:var(--home-blue);box-shadow:0 5px 18px #1467e52b,inset 0 1px #ffffff24}
html .home-refined .support-widget .support-launcher:hover{background:#1057c8}
html .home-refined .dropdown{border-color:var(--home-line);box-shadow:0 12px 36px -12px #16396726}
html .home-refined #main .section{max-width:1200px;padding:72px 24px}
html .home-refined #main .section-heading{margin-bottom:36px}
html .home-refined #main :is(h1,h2,h3,h4){color:var(--home-ink)}
html .home-refined #main p{color:var(--home-copy);text-wrap:pretty}
html .home-refined #main .section-heading>.eyebrow{color:var(--home-blue);font-size:13px;letter-spacing:.09em;font-weight:650;margin-bottom:14px}
html .home-refined #main .section-heading>p:not(.eyebrow){max-width:680px;margin-top:16px;line-height:1.8}
html .home-refined #main .text-link{color:var(--home-blue);text-underline-offset:4px}
html .home-refined #main .button{border-radius:11px;min-height:48px;padding:13px 24px;font-weight:600}
html .home-refined #main .button.primary{background:linear-gradient(180deg,#2478f3,#1467e5);border-color:#1767dc;box-shadow:0 4px 10px #1467e51c,0 1px 2px #123f8d18,inset 0 1px 0 #ffffff38}
html .home-refined #main .button.secondary{background:#fff;border-color:#d4e1f2;color:#24456c;box-shadow:0 2px 4px #143b6a06,inset 0 1px #fff}
html .home-refined :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #3184f5;outline-offset:4px}

/* Hero: crisp type over a restrained blue glow, with a single product frame. */
html .home-refined #main #hero{padding:64px 24px 44px;background:radial-gradient(ellipse 75% 48% at 50% 66%,#e9f2ff 0%,#f6faff 60%,transparent 100%),#fff}
html .home-refined #main #hero .hero-eyebrow{padding:7px 15px;margin-bottom:24px;border-color:#dbe8fb;background:#f6faff;box-shadow:inset 0 1px #fff,0 2px 6px #164b8a04;color:var(--home-blue)}
html .home-refined #main #hero h1{font-size:clamp(36px,3.8vw,54px)}
/* Give non-Chinese desktop titles room for two natural lines without changing copy. */
@media(min-width:1024px){
 html:not([data-locale="zh-cn"]):not([data-locale="zh-hk"]) .home-refined #main #hero .hero-copy{max-width:1280px}
 html:not([data-locale="zh-cn"]):not([data-locale="zh-hk"]) .home-refined #main #hero h1{max-width:1280px;width:100%;margin-inline:auto}
}
html .home-refined #main #hero .hero-highlight{color:#315681;margin-block:22px 12px}
html .home-refined #main #hero .hero-description{color:var(--home-copy);line-height:1.85}
html .home-refined #main #hero .hero-actions{margin-top:26px}
html .home-refined #main #hero .supporting{color:#60738d;font-size:12px;margin-top:18px}
html .home-refined #main .home-client-shot{max-width:1152px;margin-top:40px;padding:10px;background:linear-gradient(150deg,#fff,#f0f6ff);border:1px solid #cfdef2;border-radius:22px;box-shadow:0 0 0 6px #ffffff80,0 6px 12px #1a4c8906,0 30px 70px -34px #1a4c893b}
html .home-refined #main .home-client-shot::before{content:none}
html .home-refined #main .home-product-tools{padding:4px 10px 14px}
html .home-refined #main .home-product-tools>div{background:#eaf1fb;border-color:#dce6f4;border-radius:10px;padding:3px}
html .home-refined #main .home-product-tools button{border-radius:8px;color:#60718b}
html .home-refined #main .home-product-tools button[aria-pressed=true]{color:var(--home-blue);border-color:#d3e1f5;box-shadow:0 2px 5px #173b7010}
html .home-refined #main .home-client-shot>a{border-radius:13px;border-color:#dce7f5;box-shadow:0 1px 4px #173b7008}
html .home-refined #main .home-intro{max-width:1152px;margin-top:26px}

/* Shared white card material: fine blue edge, inner highlight, soft ambient shadow. */
html .home-refined #main :is(.home-pain-grid>article,.home-smart-overview>article,.use-cases>article,.principles>article,.benefit-card,.why-grid>article){
 border:1px solid var(--home-line);border-radius:var(--home-radius);
 background:linear-gradient(155deg,#fff 65%,#f8fbff);box-shadow:var(--home-shadow);
 transition:border-color 200ms,box-shadow 240ms,translate 240ms;
}
html .home-refined #main :is(.home-pain-grid,.home-smart-overview,.use-cases,.benefit-grid){gap:24px}
html .home-refined #main :is(.home-pain-grid>article,.home-smart-overview>article,.use-cases>article){padding:28px}
html .home-refined #main :is(.home-pain-grid,.home-smart-overview,.use-cases) h3{font-size:19px;line-height:1.5;letter-spacing:-.015em;margin-bottom:12px}
html .home-refined #main :is(.home-pain-grid,.home-smart-overview,.use-cases) p{font-size:15px;line-height:1.85}
html .home-refined #main .home-pain-grid .icon{box-sizing:content-box;padding:11px;border-radius:13px;background:linear-gradient(145deg,#f5f9ff,#eaf2ff);border:1px solid #dce8fa;color:var(--home-blue);margin-bottom:22px;box-shadow:inset 0 1px #fff}
html .home-refined #main .home-pain-grid article::after{color:#7188a5;top:28px;right:28px;letter-spacing:.08em}
html .home-refined #main #pain-points{padding-block:24px 72px}
html .home-refined #main .home-smart-overview article:nth-child(2){background:linear-gradient(155deg,#fff 40%,#eef5ff);border-color:#cfdef4}
html .home-refined #main .home-smart-overview article::before{border:1px solid #dce7f9;background:linear-gradient(145deg,#f4f8ff,#e9f1ff);box-shadow:inset 0 1px #fff;color:var(--home-blue);margin-bottom:22px}
html .home-refined #main .use-cases>article:nth-child(-n+2){background:linear-gradient(145deg,#fff 50%,#f2f7ff)}
html .home-refined #main .use-cases>article>span{background:#edf4ff;color:#35689f;border:1px solid #dfebfc;font-size:11px;letter-spacing:.06em}

/* Alternating white and ice-blue sections define the reading rhythm. */
html .home-refined #main .home-account-overview{padding:56px 24px;background:linear-gradient(180deg,#f5f9ff,#f9fbff);border-color:#e4edf9}
html .home-refined #main .account-overview-inner{max-width:1152px}
html .home-refined #main .account-overview-layout{gap:72px;margin-top:32px}
html .home-refined #main .account-overview-benefits{gap:26px}
html .home-refined #main .account-overview-icon{border-radius:13px;border-color:#dce7f7;background:linear-gradient(145deg,#fff,#f3f8ff);box-shadow:0 3px 8px #1b4a8908,inset 0 1px #fff;color:var(--home-blue)}
html .home-refined #main .account-overview-fingerprint{border-color:#c9dcfa;box-shadow:0 8px 20px #1c54a51a,0 0 0 14px #eaf2ff80,inset 0 2px #fff}
html .home-refined #main .account-overview-signal{border-color:#d8e5f7;box-shadow:0 3px 10px #174b8c0a}
html .home-refined #main .account-overview-action{margin-top:24px}
html .home-refined #main .account-overview-action .button{border-radius:11px}
html .home-refined #main #supported-platforms{padding-block:56px}
html .home-refined #main .platform-marquee-item{border-color:#e0e9f5;border-radius:12px;background:linear-gradient(155deg,#fff,#fafcff);box-shadow:0 3px 8px #173b7005}
html .home-refined #main .home-safer{background:#f4f8fe;border-color:#e4edf8}
html .home-refined #main .home-smarter{background:linear-gradient(180deg,#f3f8ff,#f9fbff);border-block:1px solid #e4edf8}
html .home-refined #main .home-value>.section.home-value-heading{padding-top:64px;padding-bottom:12px}
html .home-refined #main .home-value .section{padding-block:32px}
html .home-refined #main .home-safer>#technology{padding-bottom:56px}
html .home-refined #main .home-details{padding-bottom:56px}
html .home-refined #main :is(#efficiency,#use-cases,#why){padding-block:72px}

/* Browser illustrations keep semantic states, while their chrome shares one palette. */
html .home-refined #main :is(.shared-panel,.isolated-panel,.consistency-panel,.operation-panel,.ai-panel,.setup-panel,.health-panel,.plan-visual){border:1px solid var(--home-line);border-radius:20px;box-shadow:var(--home-shadow)}
html .home-refined #main .shared-panel{background:#f8fafd}
html .home-refined #main .isolated-panel{border-color:#c8dcf8;background:linear-gradient(145deg,#f5f9ff,#fff 75%);box-shadow:var(--home-shadow-raised)}
html .home-refined #main .panel-top{padding:15px 22px;background:#f7faff;border-color:#e2ebf7;color:#506b8d}
html .home-refined #main .isolated-panel .panel-top{background:#edf4ff;color:#235caa}
html .home-refined #main .isolated-box{border-color:#d4e3f8;box-shadow:0 5px 14px -7px #1d4a8a1f}
html .home-refined #main .isolated-lock{background:#edf5ff;color:#2966b4}
html .home-refined #main .consistency-panel{background:#fff;gap:36px}
html .home-refined #main #technology .principles article{box-shadow:var(--home-shadow);border-color:var(--home-line)}
html .home-refined #main #technology .principles .icon{background:#edf4ff;color:var(--home-blue);border:1px solid #dce8fa}
html .home-refined #main .operations-tabs{padding:7px;background:#edf3fc;border:1px solid #dce6f5;border-radius:14px;margin-bottom:18px;gap:7px}
html .home-refined #main .operations-tabs button{color:#5d728f;border-radius:9px;min-height:48px}
html .home-refined #main .operations-tabs button[aria-selected=true]{background:#fff;color:#145dc9;border-color:#d1e0f6;box-shadow:0 2px 4px #204a8608,0 4px 12px #204a8608}
html .home-refined #main .operation-panel{padding:36px;gap:40px;background:linear-gradient(115deg,#fff 35%,#f2f7ff);box-shadow:var(--home-shadow-raised)}
html .home-refined #main .operation-visual{border-color:#d7e5f8;box-shadow:0 8px 24px -12px #194c8f1f;border-radius:14px}
html .home-refined #main .visual-toolbar{background:#f5f9ff;border-color:#e0eaf8;color:#537093}
html .home-refined #main :is(.home-disclosure,.faq-list details){border:1px solid var(--home-line);border-radius:15px;background:#fff;box-shadow:0 2px 5px #173b7004}
html .home-refined #main .home-disclosure>summary{padding:21px 24px;background:linear-gradient(105deg,#fff,#f8fbff);color:#25466e}
html .home-refined #main .home-disclosure[open]>summary{background:#f3f8ff;border-color:#e1eaf7}
html .home-refined #main .home-disclosure .section{max-width:none}
html .home-refined #main .faq-list details[open]{background:#f6faff;border-color:#c9dcf8;box-shadow:var(--home-shadow)}
html .home-refined #main .faq-list summary>span{background:#edf4ff;color:#3976c7;border:1px solid #e0eaf9}
html .home-refined #main #faq{max-width:1200px;padding-block:72px;gap:64px}

/* Feature cards: stronger hierarchy between outer cards and miniature product UI. */
html .home-refined #why .benefit-card{padding:28px;border-radius:20px;background:linear-gradient(155deg,#fff 65%,#f8fbff);border-color:var(--home-line);box-shadow:var(--home-shadow)}
html .home-refined #why .benefit-isolation-card{border-color:#c8dcf9;background:linear-gradient(145deg,#fff 45%,#eef5ff);box-shadow:var(--home-shadow-raised)}
html .home-refined #why .benefit-card h3{font-size:18px}
html .home-refined #why .benefit-icon{width:38px;height:38px;border:1px solid #dfebfb;border-radius:11px;background:linear-gradient(140deg,#f7faff,#eaf2ff);box-shadow:inset 0 1px #fff}
html .home-refined #why .benefit-icon .icon{width:21px;height:21px}
html .home-refined #why .benefit-arrow{width:24px;height:24px;display:grid;place-items:center;color:#6c91c3}
html .home-refined #why .benefit-card>p{margin:14px 0 24px;font-size:14px;line-height:1.85}
html .home-refined #why .benefit-art{padding:18px;background:linear-gradient(145deg,#f1f6ff,#f7faff);border-color:#e1eaf7;border-radius:14px;box-shadow:inset 0 1px 3px #1d4a8904}
html .home-refined #why :is(.benefit-settings>div,.benefit-window,.benefit-profiles>div,.benefit-mini-window){border-color:#d8e5f7;box-shadow:0 3px 8px #1d4a8906}
html .home-refined #why .benefit-profiles small{background:#edf4ff;color:#2966b4;border:1px solid #dfebfc}
html .home-refined #why .benefit-toolbar{background:#eaf2ff;color:#506b8d}
html .home-refined #why .benefit-health-ring{box-shadow:0 4px 12px #1d4a8908}

/* Brand, FAQ and conversion close use the same margins and blue hue. */
html .home-refined #main #brand-story{background:linear-gradient(120deg,#f0f6ff,#f8fbff 65%,#fff);border-color:#e4edf8}
html .home-refined #main #brand-story>.section{max-width:1200px;padding-block:64px;gap:20px 64px}
html .home-refined #main #get-started{max-width:1152px;margin:0 auto 72px;padding:60px 32px;background:radial-gradient(ellipse at 0 0,#4595ff70,transparent 65%),linear-gradient(110deg,#176ee8,#1458c6);border:1px solid #1763d3;border-radius:24px;box-shadow:0 12px 32px -16px #174f9f45,inset 0 1px #ffffff29}
html .home-refined #main #get-started h2{color:#fff}
html .home-refined #main #get-started p{color:#e4efff}
html .home-refined #main #get-started>span{color:#d7e7ff}
html .home-refined #main #get-started .button.primary{color:#155fc9;background:#fff;border-color:#fff;box-shadow:0 3px 8px #0a337c20}
html .home-refined #main #get-started .button.secondary{color:#fff;background:#ffffff0d;border-color:#ffffff70;box-shadow:inset 0 1px #ffffff0d}
html .home-refined .site-footer{max-width:1200px;padding-inline:24px;border-color:#e1eaf7}
html .home-refined .footer-grid>div>a:not(.brand){color:#60738d}

@media(hover:hover) and (pointer:fine){
 html .home-refined #main :is(.home-pain-grid>article,.home-smart-overview>article,.use-cases>article,.principles>article,.benefit-card):hover{translate:0 -3px;border-color:#b8d0f2;box-shadow:var(--home-shadow-raised)}
 html .home-refined #main .button.primary:hover{background:linear-gradient(180deg,#1c6ee8,#105bcf);border-color:#105bcf}
 html .home-refined #main .button.secondary:hover{background:#f5f9ff;border-color:#b9d1f3}
 html .home-refined #main #get-started .button.primary:hover{background:#f0f6ff}
 html .home-refined #main #get-started .button.secondary:hover{background:#ffffff20}
 html .home-refined #main :is(.home-disclosure>summary,.faq-list summary):hover{color:#145dc9}
}
@media(max-width:1200px){html .home-refined #main #get-started{margin-inline:24px}}
@media(max-width:1100px){
 html .home-refined #main .operation-panel{padding:30px;gap:28px}
 html .home-refined #main #faq{gap:28px;max-width:900px}
}
@media(max-width:800px){
 html .home-refined #main .section,html .home-refined #main :is(#efficiency,#use-cases,#why,#faq){padding-block:52px}
 html .home-refined #main #hero{padding:44px 24px 36px}
 html .home-refined #main #supported-platforms{padding-block:44px}
 html .home-refined #main #pain-points{padding-block:16px 52px}
 html .home-refined #main .home-value>.section.home-value-heading{padding-top:48px;padding-bottom:8px}
 html .home-refined #main .home-value .section{padding-block:24px}
 html .home-refined #main .home-details,html .home-refined #main .home-safer>#technology{padding-bottom:44px}
 html .home-refined #main .home-account-overview{padding:44px 24px}
 html .home-refined #main .account-overview-layout{gap:24px;margin-top:24px}
 html .home-refined #main #brand-story>.section{padding-block:52px;gap:24px}
 html .home-refined #main #get-started{padding:48px 28px;margin-bottom:52px}
}
@media(max-width:560px){
 html .home-refined .header-inner{padding-inline:20px}
 html .home-refined #main .section{padding-inline:20px}
 html .home-refined #main #hero{padding:36px 20px 32px}
 html .home-refined #main #hero h1{font-size:34px}
 html .home-refined #main #hero .hero-description{font-size:15px}
 html .home-refined #main #hero .hero-eyebrow{margin-bottom:22px}
 html .home-refined #main .home-client-shot{margin-top:32px;padding:7px;border-radius:17px;box-shadow:0 0 0 4px #ffffff80,0 14px 34px -20px #174b8a36}
 html .home-refined #main .home-product-tools{padding:4px 4px 10px}
 html .home-refined #main .home-client-shot>a{border-radius:10px}
 html .home-refined #main :is(.home-pain-grid,.home-smart-overview,.use-cases,.benefit-grid){gap:16px}
 html .home-refined #main :is(.home-pain-grid>article,.home-smart-overview>article,.use-cases>article,.benefit-card){padding:22px;border-radius:17px}
 html .home-refined #main .benefit-icon{width:34px;height:34px}
 html .home-refined #main .benefit-art{padding:14px}
 html .home-refined #main .operation-panel{padding:24px 18px;gap:24px}
 html .home-refined #main .home-disclosure>summary{padding:18px;font-size:15px}
 html .home-refined #main .home-account-overview{padding:40px 20px}
 html .home-refined #main #get-started{margin-inline:20px;padding:40px 24px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){html .home-refined #main :is(.benefit-card,.button){transition:none;translate:none}}