*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17191f;background:#fff;margin:0;font-family:Arial,Microsoft JhengHei,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}.header{z-index:5;background:#fff;border-bottom:1px solid #f1f1f3;align-items:center;gap:34px;height:76px;padding:0 max(50vw - 700px,4%);display:flex;position:relative}.brand{white-space:nowrap;align-items:center;gap:9px;font-size:21px;display:flex}.logoMark{color:#fff;background:linear-gradient(140deg,#ff6848,#ed293c);border-radius:9px;place-items:center;width:37px;height:34px;font-size:23px;font-style:italic;font-weight:900;display:grid}.header nav{white-space:nowrap;gap:24px;margin:auto;font-size:13px;font-weight:600;display:flex}.header nav a:hover{color:#f04437}.actions{white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.login,.vip{border:1px solid #e1e2e5;border-radius:22px;padding:11px 17px}.vip{color:#fff;background:linear-gradient(100deg,#ff7046,#f33138);border-color:#0000;font-weight:700}.hero{background:radial-gradient(at 83% 45%,#fff0fa 0%,#fff8fc 30%,#0000 58%),linear-gradient(110deg,#fff,#fff9fc);min-height:630px;position:relative;overflow:hidden}.heroInner{z-index:1;grid-template-columns:.88fr 1.12fr;align-items:center;gap:20px;max-width:1400px;min-height:630px;margin:auto;padding:45px 35px;display:grid;position:relative}.glow{pointer-events:none;border-radius:50%;position:absolute}.g1{background:linear-gradient(140deg,#f8d8ff88,#ffb4a044);border:3px solid #f4b1ef;width:620px;height:620px;top:-240px;right:-100px;transform:rotate(-25deg)}.g2{background:linear-gradient(120deg,#ffb49b99,#e9b6f4aa);width:570px;height:400px;bottom:-250px;right:2%;transform:rotate(-25deg)}.copy{z-index:2;position:relative}.eyebrow{letter-spacing:2.4px;color:#b09ba4;margin:0 0 17px;font-size:10px;font-weight:800}.hero h1{letter-spacing:-2px;margin:0 0 20px;font-size:clamp(42px,4.5vw,65px);font-weight:800;line-height:1.18}.hero h1 span{color:#0000;background:linear-gradient(90deg,#ed3d9b,#ff5939);-webkit-background-clip:text;background-clip:text}.intro{color:#656b76;margin:0 0 27px;font-size:16px;line-height:1.9}.buttons{align-items:center;gap:16px;display:flex}.download{color:#fff;background:linear-gradient(105deg,#ff6540,#f33438);border-radius:12px;align-items:center;gap:12px;padding:14px 23px;transition:all .2s;display:inline-flex;box-shadow:0 12px 25px #f34b3b25}.download:hover,.vip:hover{filter:brightness(.97);transform:translateY(-2px)}.download span{flex-direction:column;gap:3px;display:flex}.download b{font-size:18px}.download small{font-size:11px}.membership{background:#ffffffc9;border:1.5px solid #cfd0d5;border-radius:12px;padding:16px 23px;font-size:18px;font-weight:700}.systems{color:#68717e;gap:25px;margin-top:37px;display:flex}.systems span{flex-direction:column;align-items:center;gap:5px;font-size:21px;display:flex}.systems small{font-size:11px}.visual{place-items:center;height:455px;display:grid;position:relative}.ribbon{background:linear-gradient(90deg,#f8b7f2a8,#ff8d7777);border-radius:50%;width:650px;height:270px;position:absolute;top:55px;right:-100px;transform:rotate(-28deg)}.laptop{z-index:2;filter:drop-shadow(0 22px 25px #7c52631c);width:min(690px,100%);position:relative}.screen{background:#20232b;border:7px solid #20232b;border-radius:17px 17px 7px 7px;height:350px;padding:7px;box-shadow:inset 0 0 0 1px #737780}.appTop{color:#5d6571;background:#f8f9fc;border-radius:7px 7px 0 0;align-items:center;gap:14px;height:45px;padding:0 15px;font-size:11px;display:flex}.appTop>b{color:#20232b;white-space:nowrap;align-items:center;gap:5px;display:flex}.appTop b i{color:#fff;background:#f04437;border-radius:5px;padding:4px;font-size:12px;font-style:normal}.appTop span{white-space:nowrap;background:#fff;border-radius:6px;padding:7px 8px}.appBody{background:#f6f7fc;border-radius:0 0 5px 5px;grid-template-columns:24% 76%;height:calc(100% - 45px);display:grid;overflow:hidden}.appBody aside{color:#555e70;background:#f0f2fa;flex-direction:column;gap:7px;padding:18px 12px;font-size:11px;display:flex}.appBody aside b,.appBody aside span{border-radius:7px;padding:9px 8px}.appBody aside .active{color:#347af4;background:#e0eaff}.appBody article{padding:27px 28px}.appBody h2{margin:0 0 23px;font-size:19px;line-height:1.6}.tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tiles>div{background:#ffffffc9;border:1px solid #edf0f7;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:116px;display:flex}.tiles i{color:#fff;border-radius:9px;place-items:center;width:49px;height:49px;font-size:24px;font-style:normal;display:grid}.tiles b{font-size:12px}.word{background:linear-gradient(140deg,#65baff,#2473f3)}.sheet{background:linear-gradient(140deg,#5ce2a4,#0bab6a)}.slide{background:linear-gradient(140deg,#ffc071,#ff762f)}.pdf{background:linear-gradient(140deg,#ff8b9d,#ef3e5b)}.base{clip-path:polygon(0 0,100% 0,96% 80%,4% 80%);background:linear-gradient(#dce0e5,#aab0b8 45%,#f4f5f6 55%,#aeb4bb);border-radius:0 0 25px 25px;height:18px;margin:0 -33px}.base span{background:#b7bdc5;border-radius:0 0 8px 8px;width:17%;height:7px;margin:auto;display:block}.float{color:#ed6958;background:#fff;border-radius:25px;padding:11px 16px;font-size:11px;position:absolute;bottom:25px;right:0;box-shadow:0 8px 25px #9b70851c}.products{grid-template-columns:repeat(5,1fr);max-width:1350px;margin:auto;padding:48px 30px 55px;display:grid}.products article{border-right:1px solid #f0f1f4;padding:5px 22px}.products article:last-child{border:0}.products article>i{color:#fff;border-radius:10px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:22px;font-style:normal;font-weight:700;display:grid}.products h2{margin:0 0 7px;font-size:17px}.products p{color:#7a808c;margin:0;font-size:12px}.products .word{background:linear-gradient(140deg,#65baff,#2473f3)}.products .sheet{background:linear-gradient(140deg,#5ce2a4,#0bab6a)}.products .slide{background:linear-gradient(140deg,#ffc071,#ff762f)}.products .pdf{background:linear-gradient(140deg,#ff8b9d,#ef3e5b)}.products .cloud{background:linear-gradient(140deg,#c7a0ff,#8c59ef)}.why{background:#fafbfe;padding:70px 22px 80px}.sectionHead{text-align:center}.sectionHead h2{margin:0 0 12px;font-size:32px}.sectionHead>span{color:#818793;font-size:13px}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:38px auto 0;display:grid}.featureGrid article{background:#fff;border:1px solid #f0f1f5;border-radius:12px;padding:23px}.featureGrid i{color:#f04a43;background:#fff0ed;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-style:normal;display:grid}.featureGrid h3{margin:16px 0 8px;font-size:16px}.featureGrid p{color:#818793;margin:0;font-size:12px;line-height:1.8}.downloadBand{background:linear-gradient(100deg,#fff6f4,#fff8fd);justify-content:space-between;align-items:center;gap:25px;padding:48px max(50vw - 525px,6%);display:flex}.downloadBand h2{margin:0 0 9px;font-size:28px}.downloadBand p:not(.eyebrow){color:#7d8490;margin:0;font-size:13px}.downloadBand .download{flex-shrink:0}footer{color:#9aa0aa;border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:18px max(50vw - 625px,4%);font-size:10px;display:flex}footer .brand{font-size:17px}footer>a:last-child{color:#ed4c42;font-weight:700}@media (max-width:1050px){.header{gap:16px}.header nav{gap:12px;font-size:11px}.actions>span{display:none}.heroInner{grid-template-columns:.9fr 1.1fr;padding-left:25px;padding-right:25px}.hero h1{font-size:48px}.visual{transform:scale(.93)}}@media (max-width:740px){.header{justify-content:space-between;height:64px;padding:0 15px}.header nav{display:none}.actions{margin-left:auto}.actions .login{display:none}.brand{font-size:18px}.heroInner{flex-direction:column;align-items:stretch;gap:8px;padding:37px 20px 12px;display:flex}.hero h1{font-size:42px}.intro{font-size:13px}.buttons{gap:9px}.download{padding:12px 16px}.download b{font-size:15px}.membership{padding:13px 15px;font-size:14px}.systems{gap:17px;margin-top:25px}.systems span{font-size:18px}.systems small{font-size:9px}.visual{height:270px;margin-top:10px;transform:none}.laptop{width:100%}.screen{border-width:5px;height:235px;padding:5px}.appTop{gap:4px;height:32px;padding:0 6px;font-size:7px}.appTop>b,.appTop b i{font-size:8px}.appTop span{padding:5px 4px}.appBody{grid-template-columns:23% 77%;height:calc(100% - 32px)}.appBody aside{gap:2px;padding:7px 4px;font-size:7px}.appBody aside b,.appBody aside span{padding:7px 3px}.appBody article{padding:15px 10px}.appBody h2{margin-bottom:13px;font-size:13px}.tiles{gap:5px}.tiles>div{gap:7px;min-height:77px}.tiles i{width:32px;height:32px;font-size:16px}.tiles b{font-size:9px}.base{height:13px;margin:0 -16px}.float{padding:8px 10px;font-size:8px;bottom:0}.products{grid-template-columns:repeat(2,1fr);gap:20px 0;padding:30px 12px}.products article{border:0;padding:4px 12px}.products article:last-child{grid-column:1/-1}.products h2{font-size:15px}.products p{font-size:11px}.products article>i{width:40px;height:40px;font-size:19px}.why{padding:52px 16px}.sectionHead h2{font-size:25px}.sectionHead>span{font-size:11px}.featureGrid{grid-template-columns:1fr;gap:10px;margin-top:25px}.featureGrid article{padding:18px}.downloadBand{flex-direction:column;align-items:flex-start;padding:35px 20px}.downloadBand h2{font-size:24px}footer{flex-wrap:wrap;padding:18px}footer>span{order:3;width:100%}}