:root{--ink:#203a4d;--muted:#617989;--orange:#c94d1b;--blue:#e8f3fb;--paper:#f8fbfd;--border:#e0e9ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #4786b3;outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1280px;margin:auto}
.offer{padding:12px 20px;background:#dceefa;color:#294f6a;text-align:center;border-bottom:1px solid #d4e6f3}.offer-main{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}.offer-tag{font-size:12px;letter-spacing:.4px}.offer strong{font-size:16px;font-weight:500}.offer strong b{font-size:21px;font-weight:750;color:#b9471d}.offer a{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.header{height:100px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;font-size:28px;font-weight:800;letter-spacing:-1.1px}.brand>span:not(.brand-face){color:var(--orange)}.brand-face{display:flex;align-items:center;justify-content:center;gap:5px;width:35px;height:33px;border-radius:13px;background:#ed8a4e;margin-right:10px;transform:rotate(-7deg)}.brand-face i{position:relative;width:9px;height:13px;border-radius:50%;background:white}.brand-face i:after{content:"";position:absolute;width:4px;height:7px;right:1px;top:4px;border-radius:50%;background:#20313f}.nav-download{padding:11px 22px;border:1px solid #ccdce7;border-radius:25px;font-size:14px;background:#ffffff70;transition:background .2s}.nav-download:hover{background:#e7f2fa}
.office-hero{height:660px;position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:#e9f2f8;box-shadow:0 15px 45px #385a700a}.office-visual{position:absolute;inset:0;z-index:-1}.office-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.office-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f4f9fde8 0%,#f4f9fdb0 23%,#f4f9fd24 46%,transparent 62%)}.hero-copy{position:absolute;top:19%;left:6%;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:8px;font-size:15px;color:#4f738b;margin:0 0 23px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#77a6c6}h1{font-size:clamp(42px,4.65vw,64px);line-height:1.25;letter-spacing:-2.1px;white-space:nowrap;margin:0 0 25px}h1>span{color:var(--orange)}.intro{font-size:20px;line-height:1.85;color:#506e81;margin:0 0 31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:59px;padding:16px 27px;border-radius:32px;font-size:18px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s}.primary{color:#fff;background:var(--orange);box-shadow:0 9px 22px #ba561522}.primary:hover{background:#b64315;transform:translateY(-2px);box-shadow:0 12px 26px #ba56152c}.version-note{margin:15px 0 0;font-size:12px;color:#657e8f}.office-caption{position:absolute;bottom:24px;left:6%;font-size:12px;color:#577286;letter-spacing:1px}.office-mascot-hotspot{position:absolute;top:14%;left:55%;width:42%;height:77%;z-index:2;border:0;background:none;border-radius:43%}.pet-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;padding:11px 18px;border:1px solid #ffffffaa;border-radius:24px;background:#ffffffde;backdrop-filter:blur(12px);box-shadow:0 6px 23px #264c6610;font-size:13px;color:#385d77;transition:transform .2s}.office-mascot-hotspot:hover .pet-hint{transform:translateX(-50%) translateY(-4px)}.pet-hint.greeting{animation:greet .5s ease-out}@keyframes greet{0%{transform:translateX(-50%) scale(.9)}60%{transform:translateX(-50%) scale(1.05)}100%{transform:translateX(-50%) scale(1)}}
.work-dock{display:grid;grid-template-columns:auto 1fr 1.05fr;gap:28px;align-items:center;margin-top:19px;padding:23px 29px;border:1px solid var(--border);border-radius:19px;background:#fff}.dock-title{font-size:17px;font-weight:650;letter-spacing:-.3px}.task-tabs{display:flex;gap:7px;min-width:260px}.task-tabs button{flex:1;padding:11px 12px;border:0;border-radius:11px;color:#577286;background:#f0f6fa;font-size:15px;transition:background .2s,color .2s}.task-tabs button[aria-selected=true]{background:#ddecf7;color:#245270;font-weight:600}.task-tabs button:hover{background:#e5eff6}.task-preview{padding-left:5px}.task-preview p{font-size:14px;line-height:1.7;color:#627d8e;margin:0}
.features{padding:58px 0 44px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-heading h2{font-size:31px;letter-spacing:-1px;margin:0}.section-heading>span{color:#8cb2ce;font-size:35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:29px 28px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-4px);box-shadow:0 12px 28px #456c8010}.feature-icon{display:grid;place-items:center;width:50px;height:50px;background:#fff0e5;border-radius:15px;color:#bd6731;margin-bottom:25px}.mint .feature-icon{background:#e9f3fc;color:#467da6}.lilac .feature-icon{background:#ecf0fb;color:#7188b6}.feature-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-size:22px;letter-spacing:-.5px;margin:0 0 12px}.feature p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.capability-note{font-size:12px;color:#708999;text-align:center;margin:22px 0 0}.capability-note a{margin-left:7px;text-decoration:underline;text-underline-offset:3px}
.download-section{padding:5px 0 45px}.download-box{display:grid;grid-template-columns:1fr auto;gap:24px 30px;align-items:center;padding:39px 43px;border:1px solid #d6e7f3;border-radius:23px;background:#e8f3fb}.download-box h2{font-size:31px;letter-spacing:-.7px;margin:0 0 11px}.download-box p{font-size:15px;color:#5e7d92;margin:0}.download-action{text-align:center}.download-box .download-meta{font-size:12px;margin-top:12px}.button[aria-disabled=true]{opacity:.65;cursor:default}.button[aria-disabled=true]:hover{transform:none}.download-box .browser-help{grid-column:1/-1;font-size:14px;line-height:1.7;border-radius:11px;padding:12px 16px;background:#ffffffb0}.footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0 33px;border-top:1px solid var(--border)}.footer .brand{font-size:23px}.footer>span{font-size:13px;color:#728b9a}
@media(max-width:1050px) and (min-width:761px){.wrap{width:calc(100% - 60px)}.office-hero{height:585px}.hero-copy{top:23%;left:5%}h1{font-size:45px}.intro{font-size:18px}.work-dock{gap:17px;padding:22px}.dock-title{font-size:15px}.task-tabs{min-width:220px}.task-preview p{font-size:13px}.feature{padding:24px}.feature h3{font-size:20px}}
@media(max-width:1000px){.wrap{width:calc(100% - 32px)}.offer{padding:10px 15px}.offer-main{gap:10px 14px}.offer-tag{display:none}.offer strong{font-size:14px}.offer strong b{font-size:19px}.offer a{font-size:11px}.header{height:77px;padding:0 4px}.brand{font-size:24px}.brand-face{width:30px;height:29px;margin-right:8px}.nav-download{font-size:13px;padding:9px 16px}.office-hero{height:auto;padding:27px 0 0;display:flex;flex-direction:column;border-radius:23px;background:#eef5fa}.hero-copy{position:relative;top:auto;left:auto;order:0;text-align:center;padding:0 14px}.eyebrow{justify-content:center;font-size:13px;margin-bottom:16px}h1{font-size:clamp(35px,9.8vw,51px);letter-spacing:-1.5px;line-height:1.24;margin-bottom:15px}.intro{font-size:16px;line-height:1.8;margin-bottom:20px}.intro br{display:none}.button{min-height:55px;padding:14px 24px;font-size:17px}.version-note{font-size:11px;margin-top:11px;margin-bottom:0}.office-visual{position:relative;inset:auto;order:1;z-index:0;height:clamp(300px,55vw,500px);margin-top:1px}.office-visual>img{object-position:90% 50%}.office-visual:after{background:linear-gradient(180deg,#eef5fa 0%,#eef5fa00 19%)}.office-mascot-hotspot{left:30%;top:10%;height:81%;width:66%}.pet-hint{font-size:12px;padding:8px 13px}.office-caption{bottom:12px;left:16px;z-index:2;font-size:9px;letter-spacing:.5px}.work-dock{display:block;padding:23px 21px;margin-top:14px;border-radius:19px}.dock-title{font-size:19px;margin-bottom:16px}.task-tabs{min-width:0}.task-tabs button{font-size:15px;padding:11px 8px}.task-preview{padding:0;margin-top:14px}.task-preview p{font-size:14px}.features{padding:36px 0 30px}.section-heading{margin-bottom:20px;padding:0 3px}.section-heading h2{font-size:26px}.section-heading>span{font-size:28px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{display:grid;grid-template-columns:47px 1fr;column-gap:17px;align-items:center;padding:23px 21px;border-radius:19px}.feature-icon{grid-row:1/3;width:47px;height:47px;margin:0;border-radius:14px}.feature h3{font-size:21px;margin:0 0 8px}.feature p{font-size:15px;line-height:1.75}.capability-note{font-size:11px;margin-top:17px}.download-section{padding-bottom:31px}.download-box{grid-template-columns:1fr;text-align:center;padding:29px 18px;gap:22px;border-radius:21px}.download-box h2{font-size:27px}.download-box p{font-size:14px}.download-box .download-meta{font-size:11px}.footer{padding:22px 4px 28px}.footer .brand{font-size:21px}.footer>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}