:root{--navy:#082c5b;--teal:#078c88;--ink:#102746;--muted:#5f6f82;--line:#d8e3eb;--soft:#f3f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.7;background:#fff}a{color:inherit}header{height:76px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;color:var(--navy)}.brand strong{font-size:25px;color:var(--teal)}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-weight:700}.consult-link{background:var(--navy);color:#fff;padding:11px 19px}.product-hero{min-height:520px;padding:78px max(6vw,36px);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;background:#fff}.product-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.06;margin:0 0 22px;color:var(--navy);letter-spacing:-1.5px}.product-hero h1 small{display:block;font-size:22px;color:var(--teal);margin-top:16px;letter-spacing:0}.lead{font-size:20px;max-width:680px;color:var(--muted)}.hero-mark{height:310px;border:2px solid var(--navy);display:grid;place-items:center;position:relative;background:var(--soft)}.hero-mark .symbol{font-size:76px;font-weight:950;color:#fff;background:var(--teal);padding:28px 34px;box-shadow:18px 18px 0 var(--navy)}.intro{padding:76px max(6vw,36px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.intro h2,.band h2,.plans h2,.platform h2{font-size:34px;line-height:1.25;margin:0;color:var(--navy)}.intro p{font-size:18px;color:var(--muted);margin-top:20px}.features{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--navy)}.feature{padding:25px 24px 25px 0;border-bottom:1px solid var(--line)}.feature:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.feature:nth-child(even){padding-left:28px}.feature b{display:block;font-size:19px;color:var(--navy);margin-bottom:6px}.feature span{color:var(--muted)}.band{padding:70px max(6vw,36px);background:var(--navy);color:#fff}.band h2{color:#fff}.band-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid #315173}.step{padding:28px;border-right:1px solid #315173}.step:last-child{border:0}.step strong{display:block;color:#66d7d1;font-size:27px}.step b{font-size:18px}.step p{color:#c5d4e3;font-size:14px}.plans{padding:76px max(6vw,36px);background:var(--soft)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;background:#fff;border-top:3px solid var(--teal)}.plan{padding:35px}.plan+ .plan{border-left:1px solid var(--line)}.plan h3{font-size:25px;color:var(--navy);margin-top:0}.plan li{margin:9px 0}.platform{padding:68px max(6vw,36px);display:flex;justify-content:space-between;align-items:center;gap:50px}.os-list{display:flex;gap:16px}.os{padding:18px 28px;border:1px solid var(--line);font-weight:900;font-size:20px;color:var(--navy)}.cta{padding:64px max(6vw,36px);background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:33px}.cta p{color:#c5d4e3}.cta a{background:#fff;color:var(--navy);padding:14px 24px;text-decoration:none;font-weight:900}footer{padding:28px max(6vw,36px);font-size:14px;color:var(--muted);display:flex;justify-content:space-between}@media(max-width:850px){nav a:not(.consult-link){display:none}.product-hero,.intro{grid-template-columns:1fr}.hero-mark{height:230px}.features,.plan-grid{grid-template-columns:1fr}.feature:nth-child(odd){border-right:0}.feature:nth-child(even){padding-left:0}.band-grid{grid-template-columns:1fr 1fr}.platform,.cta{align-items:flex-start;flex-direction:column}.product-hero h1{font-size:40px}}@media(max-width:520px){header{padding:0 18px}.brand span{display:none}.product-hero,.intro,.band,.plans,.platform,.cta{padding-left:22px;padding-right:22px}.band-grid{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid #315173}.os-list{flex-direction:column;width:100%}.os{text-align:center}.product-hero h1{font-size:34px}}
