:root{color-scheme:light;--ink:#0c1424;--ink-soft:#425066;--paper:#f7f8fb;--white:#fff;--line:#dce2ec;--blue:#1262d9;--blue-dark:#0b45a1;--orange:#ef7a37;--green:#28a86b;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-shell{overflow:hidden}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 clamp(22px,5.4vw,88px);border-bottom:1px solid rgba(220,226,236,.78);background:rgba(247,248,251,.88);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-name{font-size:17px;letter-spacing:-.03em;font-weight:800}.brand-mark{display:flex;align-items:flex-end;gap:2px;width:27px;height:27px;padding:6px 5px;border-radius:8px;background:var(--blue);box-shadow:0 8px 18px rgba(18,98,217,.22)}.brand-mark i{display:block;width:4px;border-radius:3px 3px 1px 1px;background:#fff}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:7px}.brand-mark.small{width:24px;height:24px;padding:5px 4px;border-radius:7px}.main-nav{display:flex;gap:clamp(18px,3vw,48px);margin-left:8vw;color:#66748a;font-size:13px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:17px}.language-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--white)}.language-toggle button,.site-footer button{border:0;border-radius:99px;padding:5px 8px;background:transparent;color:#7a8798;cursor:pointer;font-size:11px;font-weight:700}.language-toggle button.active,.site-footer button.active{background:var(--ink);color:#fff}.header-cta{border-radius:9px;padding:11px 16px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;box-shadow:0 10px 20px rgba(18,98,217,.18)}main{width:min(1280px,calc(100% - 44px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(580px,1.28fr);gap:clamp(32px,5vw,88px);align-items:center;min-height:calc(100vh - 76px);padding:76px 0 86px}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:26px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.1em}.hero-kicker span:first-child{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(239,122,55,.12)}h1,h2,h3,p{margin-top:0}h1{max-width:600px;margin-bottom:25px;font-size:clamp(52px,6.1vw,88px);line-height:1.02;letter-spacing:-.075em}h1 em{color:var(--blue);font-style:normal}.hero-lead{max-width:480px;margin-bottom:32px;color:var(--ink-soft);font-size:18px;line-height:1.75;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 19px;border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 16px 30px rgba(18,98,217,.22)}.button.light{background:#fff;color:var(--ink);box-shadow:none}.windows-icon{font-size:22px;line-height:0}.arrow{font-size:18px;line-height:0}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;font-weight:800}.text-link span:last-child{color:var(--blue);font-size:18px}.hero-note{display:flex;align-items:center;gap:8px;margin-top:30px;color:#7d8a9a;font-size:11px}.note-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero-visual{position:relative;min-width:0}.visual-glow{position:absolute;inset:15% -10% -10% 3%;background:radial-gradient(circle,rgba(36,104,220,.19),transparent 64%);filter:blur(10px)}.visual-frame{position:relative;overflow:hidden;border:1px solid #c6d0df;border-radius:14px;background:#fff;box-shadow:0 26px 70px rgba(22,49,91,.16);transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}.visual-frame img{display:block;width:100%;height:auto}.visual-caption{display:flex;justify-content:space-between;margin-top:12px;color:#8290a4;font-size:11px;letter-spacing:.03em}.signal-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#7b889a;font-size:12px}.format-list{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:12px;font-weight:800}.format{display:inline-grid;width:23px;height:23px;place-items:center;border-radius:6px;color:#fff;font-size:11px}.format.docx{background:#1769d1}.format.xlsx{background:#20a16a}.format.pptx{background:#dc6b35}.format.pdf{background:#d74d48}.section{padding:150px 0}.section-intro{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;align-items:end;margin-bottom:72px}.overline{margin-bottom:16px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section h2{margin-bottom:0;font-size:clamp(40px,4.9vw,68px);line-height:1.08;letter-spacing:-.07em}.section h2 span{color:#8390a1}.section-intro>p:last-child{max-width:430px;margin:0;color:var(--ink-soft);font-size:15px;line-height:1.8}.workflow-list{border-top:1px solid var(--ink)}.workflow-list article{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.step-number{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}.workflow-list h3{margin-bottom:7px;font-size:22px;letter-spacing:-.04em}.workflow-list p{max-width:650px;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.7}.step-arrow{justify-self:end;color:var(--blue);font-size:24px}.principles{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;padding-top:80px;padding-bottom:150px;background:var(--ink);color:#fff;max-width:none;margin-left:calc((100vw - min(1280px,calc(100% - 44px)))/-2);margin-right:calc((100vw - min(1280px,calc(100% - 44px)))/-2);padding-left:max(22px,calc((100vw - min(1280px,calc(100% - 44px)))/2));padding-right:max(22px,calc((100vw - min(1280px,calc(100% - 44px)))/2))}.principles .overline{color:#67a1ff}.principles .section h2{font-size:clamp(38px,4.5vw,62px)}.principles-head h2{margin:0}.principles-head h2 span{color:#7890b7}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.principles-grid article{min-height:240px;padding:9px 0 30px;border-top:1px solid rgba(255,255,255,.18)}.principle-feature{grid-row:span 2}.principle-mark{display:block;margin:12px 0 72px;color:#61a0ff;font-size:72px;line-height:1}.principle-index{margin-bottom:20px;color:#7890b7;font-size:10px;font-weight:800;letter-spacing:.12em}.principles h3{margin-bottom:12px;font-size:21px;letter-spacing:-.03em}.principles-grid p:last-child{max-width:300px;color:#b2bfd1;font-size:13px;line-height:1.75}.download{padding:110px 0 48px}.download-inner{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:64px 66px;border-radius:var(--radius);background:var(--blue);color:#fff;box-shadow:0 24px 60px rgba(18,98,217,.2)}.download .overline{color:#a8c9ff}.download h2{font-size:clamp(42px,5vw,70px)}.download h2 span{color:#b9d3ff}.download-inner>div>p:last-child{max-width:380px;margin:22px 0 0;color:#d8e7ff;font-size:14px;line-height:1.7}.download-meta{display:flex;justify-content:space-between;padding:18px 4px;color:#8290a4;font-size:11px}.site-footer{display:flex;align-items:center;gap:28px;padding:30px max(22px,calc((100vw - min(1280px,calc(100% - 44px)))/2));border-top:1px solid var(--line);color:#7e8a9b;font-size:11px}.site-footer .brand{color:var(--ink)}.site-footer p{margin:0;flex:1}.site-footer>div{display:flex;align-items:center;gap:10px}.site-footer button{padding:0;color:#7e8a9b}@media(max-width:980px){.main-nav{display:none}.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{max-width:650px}.hero-visual{margin-top:15px}.signal-bar{align-items:flex-start;flex-direction:column}.section-intro{grid-template-columns:1fr;gap:22px}.principles{grid-template-columns:1fr;gap:65px}.download-inner{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.site-header{height:66px;padding:0 18px}.header-cta{display:none}.header-actions{gap:0}main{width:min(100% - 36px,1280px)}.hero{min-height:auto;padding:55px 0 64px}.hero h1{font-size:54px}.hero-lead{font-size:16px}.visual-frame{transform:none}.section{padding:92px 0}.section h2{font-size:43px}.section-intro{margin-bottom:48px}.workflow-list article{grid-template-columns:45px 1fr 24px;gap:10px;padding:23px 0}.workflow-list h3{font-size:18px}.workflow-list p{font-size:13px}.principles{margin-left:-18px;margin-right:-18px;padding:70px 18px 82px}.principles-grid{grid-template-columns:1fr;gap:0}.principle-feature{grid-row:auto}.principle-mark{margin-bottom:35px}.download{padding:70px 0 28px}.download-inner{padding:38px 27px}.download-meta{gap:10px;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column;padding:26px 18px;gap:14px}.site-footer>div{width:100%;justify-content:space-between}}
:root{--hero-ink:#0b1728;--hero-blue:#8bb8ff}.hero{position:relative;min-height:700px;align-items:center;padding-top:70px;padding-bottom:82px;color:#fff}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,#091322 0%,#0d1c33 53%,#102b57 100%);box-shadow:0 0 0 100vmax var(--hero-ink);clip-path:inset(0 -100vmax)}.hero-copy{padding-top:0}.hero-kicker{color:var(--hero-blue)}.hero-kicker span:first-child{background:#ff9a4d;box-shadow:0 0 0 5px rgba(255,154,77,.13)}h1{max-width:580px;margin-bottom:28px;font-size:clamp(54px,6vw,82px);line-height:1.02;color:#fff}h1 em{color:var(--hero-blue)}.hero-lead{max-width:450px;color:#c3d0e2;font-size:17px;line-height:1.7}.button.primary{background:#2b75ed;box-shadow:0 16px 34px rgba(22,101,224,.35)}.text-link{color:#fff}.text-link span:last-child{color:var(--hero-blue)}.hero-note{color:#91a3ba}.note-dot{background:#51d89a}.hero-visual{max-width:760px;justify-self:end}.visual-glow{inset:5% -11% -12% -4%;background:radial-gradient(circle,rgba(52,133,255,.35),transparent 63%);filter:blur(18px)}.visual-frame{border:1px solid rgba(158,193,246,.48);border-radius:12px;background:#f7f8fb;box-shadow:0 35px 90px rgba(0,0,0,.34),0 0 0 7px rgba(115,166,244,.07);transform:perspective(1800px) rotateY(-4deg) rotateX(1deg)}.visual-caption{color:#9bb0c8}.signal-bar{position:relative;background:var(--paper)}
@media(max-width:980px){.hero{min-height:auto;padding-top:76px}.hero-visual{max-width:none;justify-self:stretch}}
@media(max-width:620px){.hero{min-height:auto;padding-top:58px;padding-bottom:62px}.hero h1{font-size:53px}.hero-visual{margin-top:34px}.visual-frame{transform:none}.visual-caption{font-size:10px}}
:root{--hero-ink:#f5f7fb;--hero-blue:#155ed6}.hero{min-height:650px;padding-top:62px;padding-bottom:72px;color:var(--ink)}.hero::before{background:linear-gradient(135deg,#f8faff 0%,#f1f5fb 56%,#e9f0fb 100%);box-shadow:0 0 0 100vmax var(--hero-ink)}.hero-copy{padding-left:14px}.hero-kicker{color:var(--hero-blue)}.hero-kicker span:first-child{background:var(--orange);box-shadow:0 0 0 5px rgba(239,122,55,.12)}h1{max-width:550px;color:var(--ink);font-size:clamp(52px,5.6vw,78px)}h1 em{color:var(--hero-blue)}.hero-lead{color:#526179;font-size:17px}.hero-note{color:#718098}.text-link{color:var(--ink)}.text-link span:last-child{color:var(--hero-blue)}.hero-visual{max-width:790px}.visual-glow{inset:-5% -9% -14% -6%;background:radial-gradient(ellipse at 55% 55%,rgba(42,113,225,.18),transparent 66%);filter:blur(18px)}.visual-frame{border-color:#c1cddd;border-radius:18px;box-shadow:0 24px 60px rgba(37,69,119,.18),0 0 0 8px rgba(255,255,255,.72);transform:perspective(1800px) rotateY(-2deg) rotateX(.7deg)}.visual-caption{color:#718098}.signal-bar{background:var(--paper)}
@media(max-width:980px){.hero{min-height:auto;padding-top:70px}.hero-copy{padding-left:0}}
@media(max-width:620px){.hero{padding-top:54px}.hero h1{font-size:52px}.visual-frame{transform:none}}
.hero h1{max-width:590px;font-size:clamp(48px,4.7vw,68px);letter-spacing:-.065em}
@media(max-width:620px){.hero h1{font-size:48px}}
.hero{isolation:isolate}.hero::before{left:50%;right:auto;width:100vw;transform:translateX(-50%);box-shadow:none;clip-path:none}

/* Editorial rhythm: compact capability panel instead of a decorative empty block. */
.principles{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(50px,7vw,112px);padding-top:112px;padding-bottom:118px;background:#0e1a30}
.principles-head{align-self:start;position:sticky;top:120px}
.principles-head h2{max-width:470px}
.principles-summary{max-width:350px;margin:28px 0 0;color:#aebed4;font-size:14px;line-height:1.8}
.principles-grid{gap:0 44px}
.principles-grid article,.principle-feature{min-height:0;padding:24px 0 30px;border-top:1px solid rgba(255,255,255,.2)}
.principle-index{margin-bottom:22px}
.principles h3{font-size:22px}
.principles-grid p:last-child{max-width:320px}
.principle-mark{display:none}
.download{padding-top:112px}
.download-inner{min-height:300px;padding:58px 66px}
.download h2{max-width:760px;font-size:clamp(38px,4.5vw,62px);line-height:1.08}
.download-inner>div>p:last-child{max-width:520px}
.footer-links{display:flex;gap:20px;color:var(--ink);font-weight:700}
.footer-links a:hover{color:var(--blue)}
@media(max-width:980px){.principles{grid-template-columns:1fr;gap:48px}.principles-head{position:static}.principles-summary{max-width:520px}.download-inner{min-height:0}}
@media(max-width:620px){.principles{padding-top:72px;padding-bottom:74px}.principles-grid{grid-template-columns:1fr}.principles-grid article{padding:22px 0 28px}.footer-links{width:100%;justify-content:space-between;gap:12px}.download{padding-top:74px}.download-inner{padding:38px 27px}.download h2{font-size:40px}}

/* Product voice: restrained scale, denser evidence, less campaign-like. */
.hero{min-height:590px;padding-top:58px;padding-bottom:64px}
.hero h1{max-width:560px;font-size:clamp(42px,4.15vw,60px);line-height:1.08;letter-spacing:-.06em}
.hero-lead{max-width:500px;font-size:16px;line-height:1.75}
.section{padding-top:118px;padding-bottom:118px}
.section h2{font-size:clamp(34px,3.65vw,52px);letter-spacing:-.06em}
.section-intro{margin-bottom:58px}
.workflow-list h3{font-size:20px}
.principles .section h2,.principles h2{font-size:clamp(34px,3.65vw,52px)}
.download{padding-top:96px;padding-bottom:42px}
.download-inner{min-height:270px;padding:50px 58px}
.download h2{font-size:clamp(34px,3.65vw,52px)}
@media(max-width:620px){.hero{min-height:auto;padding-top:48px;padding-bottom:58px}.hero h1{font-size:43px}.hero-lead{font-size:15px}.section{padding-top:82px;padding-bottom:82px}.section h2,.principles h2,.download h2{font-size:37px}.download-inner{padding:34px 25px}}