:root{--bg:#f6f7fb;--paper:#fff;--ink:#111318;--muted:#636b78;--line:#e5e8ef;--blue:#0a84ff;--shadow:0 24px 80px rgba(29,36,55,.10);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10;width:min(calc(100% - 32px),1120px);height:58px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 18px 48px rgba(29,36,55,.10);display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:760}.brand img{width:30px;height:30px;border-radius:9px}.nav nav{display:flex;gap:26px;color:#596171;font-size:14px}.nav a:hover{color:#111}.nav-cta{background:var(--blue);color:white;padding:10px 18px;border-radius:999px;font-weight:760;box-shadow:0 10px 28px rgba(10,132,255,.24)}.hero{max-width:var(--max);margin:0 auto;padding:140px 24px 78px;display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center}.badge,.eyebrow{display:inline-flex;margin:0 0 18px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#5d6574;font-size:13px;font-weight:700}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.06em;margin:0 0 24px}.lead{font-size:21px;line-height:1.58;color:var(--muted);margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:780}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 18px 38px rgba(10,132,255,.24)}.btn.secondary{background:#fff;color:#111;box-shadow:inset 0 0 0 1px var(--line)}.meta{color:#7b8391;font-size:14px}.real-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:28px;padding:12px;box-shadow:var(--shadow)}.real-shot img{border-radius:18px;width:100%;height:auto}.real-shot figcaption{padding:12px 6px 2px;color:#737b88;font-size:13px}.section{max-width:var(--max);margin:0 auto;padding:82px 24px}.section-title{max-width:790px;margin-bottom:36px}.section-title.narrow{max-width:830px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}h2{font-size:clamp(34px,4.8vw,62px);line-height:1.05;letter-spacing:-.052em;margin:0 0 16px}h3{font-size:25px;letter-spacing:-.025em;margin:0 0 8px}.section-title p:not(.eyebrow){font-size:20px;color:var(--muted);line-height:1.6}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-grid article,.feature-row{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 52px rgba(29,36,55,.06)}.value-grid article{padding:30px}.value-grid strong{font-size:26px;letter-spacing:-.03em}.value-grid p,.feature-row p{color:var(--muted);line-height:1.6}.features{padding-top:58px}.feature-list{display:grid;gap:14px}.feature-row{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:26px}.feature-row span{width:48px;height:48px;border-radius:16px;background:#eef5ff;color:var(--blue);font-weight:850;display:grid;place-items:center}.proof{background:#fff;border-radius:36px;box-shadow:inset 0 0 0 1px var(--line);max-width:calc(var(--max) - 48px);padding:58px;margin-top:40px}.proof-grid{display:grid;grid-template-columns:.52fr 1fr;gap:18px}.scenario-card{background:#111318;color:#fff;border-radius:34px;padding:48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;box-shadow:0 24px 80px rgba(0,0,0,.18)}.scenario-card .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#d7dbe3}.scenario-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.scenario-card li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px}.scenario-card b{display:block;margin-bottom:6px}.scenario-card span{color:#c9ced8;line-height:1.5}.download{padding:80px 24px 112px}.download-card{max-width:760px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:36px;padding:54px 32px;box-shadow:var(--shadow)}.download-card img{width:86px;height:86px;border-radius:22px;margin:0 auto 20px}.download-card p{color:var(--muted);line-height:1.6}.facts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0}.facts span{padding:8px 12px;border-radius:999px;background:#f1f5fb;color:#596171;font-size:13px}.sha{font-size:12px!important;word-break:break-all}.sha code{background:#f1f5fb;border-radius:8px;padding:4px 6px;color:#333}.note{font-size:13px!important}footer{display:flex;justify-content:space-between;padding:30px max(24px,calc((100vw - var(--max))/2));background:#fff;border-top:1px solid var(--line);color:#7b8391}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.value-grid,.proof-grid,.scenario-card{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,12vw,64px)}footer{flex-direction:column;gap:8px}.proof{margin-left:24px;margin-right:24px}}
.how-grid,.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-grid article,.permission-grid div{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 16px 52px rgba(29,36,55,.06)}.how-grid span{width:42px;height:42px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:850;margin-bottom:22px}.permission-grid b{display:block;font-size:22px;margin-bottom:8px}.permission-grid span{color:var(--muted);line-height:1.55}.hero-shot img{max-height:660px;object-fit:contain;background:#f7f8fb}@media(max-width:900px){.how-grid,.permission-grid{grid-template-columns:1fr}}

/* Light desktop presentation stage for hero screenshot */
.hero-shot.light-stage{background:linear-gradient(180deg,#ffffff,#f6f8fc);padding:14px}.shot-stage{position:relative;border-radius:22px;background:linear-gradient(135deg,#f9fbff 0%,#eef4ff 55%,#f7f7f8 100%);padding:54px 26px 28px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.shot-stage:before{content:"";position:absolute;inset:auto -8% -30% -8%;height:46%;background:radial-gradient(ellipse at center,rgba(10,132,255,.10),transparent 62%)}.stage-menu{position:absolute;top:0;left:0;right:0;height:38px;background:rgba(255,255,255,.76);border-bottom:1px solid #e8ecf3;display:flex;align-items:center;gap:8px;padding:0 14px;color:#677080;font-size:12px}.stage-menu span{width:9px;height:9px;border-radius:50%;background:#ff5f57}.stage-menu span:nth-child(2){background:#febc2e}.stage-menu span:nth-child(3){background:#28c840}.stage-menu i{margin-left:auto;width:22px;height:14px;border-radius:9px;background:#dfe6f2}.stage-menu b{font-weight:700;color:#3c4452}.shot-stage img{position:relative;border-radius:18px;box-shadow:0 22px 70px rgba(28,36,58,.16);background:#fff;max-height:620px;object-fit:contain;margin:0 auto}.hero-shot.light-stage figcaption{padding-top:12px}

/* One Switch reference pass: centered hero + large product proof + FAQ */
.hero.one-switch-inspired{display:block;text-align:center;padding-top:132px;max-width:1180px}.hero.one-switch-inspired .hero-copy{max-width:850px;margin:0 auto}.hero-icon{width:82px;height:82px;border-radius:22px;margin:0 auto 18px;box-shadow:0 18px 44px rgba(10,132,255,.18)}.hero.one-switch-inspired h1{max-width:900px;margin-left:auto;margin-right:auto;font-size:clamp(56px,7.2vw,104px);line-height:.94}.hero.one-switch-inspired .lead{max-width:730px;margin-left:auto;margin-right:auto}.hero.one-switch-inspired .actions{justify-content:center}.hero.one-switch-inspired .hero-shot{max-width:940px;margin:52px auto 0}.designed-grid{display:grid;grid-template-columns:.52fr 1fr;gap:18px}.faq{display:grid;grid-template-columns:.58fr 1fr;gap:42px;align-items:start}.faq .section-title{margin-bottom:0}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:0 14px 42px rgba(29,36,55,.05)}.faq-list summary{cursor:pointer;font-weight:800;font-size:18px;letter-spacing:-.02em}.faq-list p{color:var(--muted);line-height:1.6;margin:12px 0 0}.final-cta .download-card{background:linear-gradient(180deg,#111318,#1b1f29);color:#fff}.final-cta .download-card p,.final-cta .sha,.final-cta .note{color:#c8ced8}.final-cta .facts span{background:rgba(255,255,255,.10);color:#d9dde5}.final-cta .sha code{background:rgba(255,255,255,.12);color:#fff}@media(max-width:900px){.hero.one-switch-inspired h1{font-size:clamp(46px,13vw,72px)}.designed-grid,.faq{grid-template-columns:1fr}}

/* Jim reference image pass: macOS Control Center-like soft glass stage */
.hero-shot.light-stage{background:linear-gradient(180deg,#ffffff,#f7f9fd);}
.shot-stage{background:
  radial-gradient(circle at 22% 18%, rgba(66,142,255,.42), transparent 32%),
  radial-gradient(circle at 72% 20%, rgba(151,92,255,.34), transparent 30%),
  radial-gradient(circle at 68% 82%, rgba(78,214,142,.38), transparent 34%),
  linear-gradient(135deg,#eef6ff 0%,#f5f0ff 46%,#f3fff7 100%) !important;
  padding:58px 30px 34px;
}
.shot-stage:after{content:"";position:absolute;inset:54px 24px 28px 24px;border-radius:24px;background:rgba(255,255,255,.24);backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 24px 70px rgba(52,68,110,.14);pointer-events:none;}
.stage-menu{background:rgba(255,255,255,.50) !important;backdrop-filter:blur(18px) saturate(180%);}
.shot-stage img{z-index:2;position:relative;box-shadow:0 26px 80px rgba(22,32,56,.22),0 0 0 1px rgba(255,255,255,.65);}
.shot-stage:before{content:"";position:absolute;inset:38px 20px 24px 20px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.05));filter:blur(.2px);pointer-events:none;}

/* Clean hero environment pass: remove desktop clutter, isolate the real panel */
.hero-shot.light-stage{max-width:760px !important;}
.shot-stage{min-height:600px;display:grid;place-items:center;background:
  radial-gradient(circle at 28% 20%, rgba(10,132,255,.22), transparent 31%),
  radial-gradient(circle at 74% 78%, rgba(103,220,154,.18), transparent 34%),
  linear-gradient(145deg,#fbfcff 0%,#eef4ff 55%,#f8fafc 100%) !important;}
.shot-stage:after{inset:68px 56px 48px 56px;background:rgba(255,255,255,.32);}
.clean-panel-img{width:min(430px,86%) !important;max-height:540px !important;object-fit:contain !important;border-radius:22px !important;box-shadow:0 32px 88px rgba(19,28,48,.24),0 0 0 1px rgba(255,255,255,.75) !important;}
.stage-menu b:after{content:""}.stage-menu i{display:none}

/* Rational layout pass: avoid duplicated left/right screenshots */
.proof-layout{display:grid;grid-template-columns:.48fr 1fr;gap:22px;align-items:stretch}.main-product-shot{height:100%;display:flex;flex-direction:column;justify-content:center}.flow-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 18px 56px rgba(29,36,55,.07)}.flow-card h3{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin-bottom:26px}.flow-card ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}.flow-card li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:18px;border-radius:18px;background:#f5f7fb}.flow-card b{color:#111318}.flow-card span{color:var(--muted);line-height:1.5}.designed-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.designed-points article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 16px 52px rgba(29,36,55,.06)}.designed-points strong{display:block;font-size:24px;margin-bottom:10px}.designed-points span{color:var(--muted);line-height:1.55}@media(max-width:900px){.proof-layout,.designed-points{grid-template-columns:1fr}.flow-card li{grid-template-columns:1fr}}

/* Language menu + landing-page nav */
.nav-actions{display:flex;align-items:center;gap:30px;margin-left:auto}.language-menu{position:relative;margin-right:2px}.language-menu summary{list-style:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.72);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(29,36,55,.07)}.language-menu summary::-webkit-details-marker{display:none}.globe{font-size:18px;line-height:1}.language-panel{position:absolute;right:50%;transform:translateX(50%);top:50px;min-width:132px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(22px) saturate(180%);box-shadow:0 18px 48px rgba(29,36,55,.14);display:grid;gap:4px}.language-panel a{display:block;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:760;color:#5f6877}.language-panel a.active,.language-panel a:hover{background:#eef5ff;color:#0a65c8}.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:40px;min-height:40px;padding:0 24px;font-size:15px;line-height:1}.single-action{justify-content:center}.single-action .btn.primary{padding-left:28px;padding-right:28px}@media(max-width:640px){.nav{height:56px;padding-left:12px}.brand span{display:none}.nav-actions{gap:18px}.nav-cta{min-width:86px;height:38px;min-height:38px;padding:0 18px}.language-menu summary{width:38px;height:38px}.language-panel{right:0;transform:none}}

/* Copy restraint + bilingual line-break hygiene */
.hero h1,.section-title h2,.flow-card h3,.download-card h2{text-wrap:balance}.hero h1{overflow-wrap:normal}.download-card{max-width:760px;margin-left:auto;margin-right:auto}.download-card .btn{margin-top:10px}html[lang="en"] .hero h1{letter-spacing:-.02em}
html[lang="zh-CN"] .section-title h2,
html[lang="zh-CN"] .scenario-card h2,
html[lang="zh-CN"] .download-card h2{word-break:keep-all;overflow-wrap:normal;line-break:strict}
@media(max-width:640px){html[lang="zh-CN"] .section-title h2,html[lang="zh-CN"] .scenario-card h2,html[lang="zh-CN"] .download-card h2{word-break:normal;overflow-wrap:anywhere}}
/* SEO landing pages */
.seo-links .section-title p{max-width:720px;margin-left:auto;margin-right:auto;color:var(--muted);line-height:1.6}.seo-link-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.seo-link-grid a{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 44px rgba(29,36,55,.06);transition:transform .18s ease,box-shadow .18s ease}.seo-link-grid a:hover{transform:translateY(-2px);box-shadow:0 18px 52px rgba(29,36,55,.10)}.seo-link-grid strong{display:block;font-size:18px;line-height:1.25;letter-spacing:-.03em;margin-bottom:9px}.seo-link-grid span{display:block;color:var(--muted);font-size:14px;line-height:1.5}.seo-page{padding:124px 24px 72px}.seo-hero{max-width:920px;margin:0 auto 48px;text-align:center}.seo-hero h1{font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:0 0 22px;text-wrap:balance}.seo-proof-card{max-width:980px;margin:0 auto 34px;display:grid;grid-template-columns:.44fr 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 18px 56px rgba(29,36,55,.07)}.seo-proof-card img{width:min(280px,100%);border-radius:20px;box-shadow:0 24px 70px rgba(24,34,58,.18);margin:0 auto}.seo-proof-card h2,.seo-block h2{font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.045em;margin:0 0 14px;text-wrap:balance}.seo-proof-card p,.seo-block p{color:var(--muted);font-size:18px;line-height:1.65;margin:0}.seo-block{max-width:900px;margin:0 auto 18px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 14px 44px rgba(29,36,55,.055)}.seo-block .faq-list{margin-top:16px}.seo-related{display:flex;flex-wrap:wrap;gap:10px}.seo-related a{display:inline-flex;padding:11px 14px;border-radius:999px;background:#eef5ff;color:#0a65c8;font-weight:760;font-size:14px}@media(max-width:1000px){.seo-link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.seo-link-grid,.seo-proof-card{grid-template-columns:1fr}.seo-page{padding-top:104px}.seo-block{padding:26px}.seo-hero h1{font-size:clamp(42px,12vw,64px)}}