.systems{background:#fff;color:#152e4a}.systems .brand-header{background:#fff;border-bottom:1px solid #e4e8eb}.systems .brand-logo>span{font-size:22px;letter-spacing:.08em}.systems .brand-logo small{font-size:9px;letter-spacing:.15em}.systems .brand-symbol{color:#3d65ad}.systems .nav-cta{color:#315a9d}.systems-hero{background:#edf1f5;display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding-top:74px;padding-bottom:74px}.systems-hero h1{font-size:clamp(44px,4.6vw,68px);line-height:1.35;font-weight:600;letter-spacing:-.03em}.systems-hero h1 span{color:#3764aa}.systems-hero-copy>p{font-size:15px;color:#607181;margin:26px 0 32px}.systems-button{background:#244e87;color:#fff;font-size:14px}.systems-button:hover{background:#173b6c}.architecture-panel{background:#fff;border:1px solid #d8e0e7;padding:24px 24px 20px;position:relative;box-shadow:0 18px 40px #2c4a6810}.diagram-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#667c90;padding-bottom:18px;border-bottom:1px solid #e1e7ee}.diagram-label>span:first-child{color:#27496c;font-weight:600}.architecture{width:100%;height:auto;display:block;margin:10px 0 4px}.arch-lines{fill:none;stroke:#91a8be;stroke-width:2}.architecture text{text-anchor:middle;font-family:'Noto Sans TC',sans-serif;font-size:18px;fill:#284a6e;stroke:none}.arch-top rect,.arch-bottom rect{fill:#f1f5f8;stroke:#c8d6e3;stroke-width:1.5}.arch-core rect{fill:#2b548e;stroke:none}.arch-core text{fill:white;font-size:18px}.arch-pulse{fill:#5284c9;stroke:#fff;stroke-width:2;animation:pulse 4s ease-in-out infinite}.architecture-panel>p{text-align:center;font-size:11px;color:#708293;margin-top:8px}.systems-solutions .section-heading h2{font-weight:600;line-height:1.4}.systems-solutions .section-heading p{font-size:14px;color:#677986}.solution-rows article{display:grid;grid-template-columns:60px 1fr 160px;align-items:center;gap:30px;padding:34px 0;border-top:1px solid #d5dfe7}.solution-rows article:last-child{border-bottom:1px solid #d5dfe7}.solution-icon svg{width:46px;height:46px;stroke:#416ca6;stroke-width:1.4}.solution-rows h3{font-size:26px;font-weight:500;margin-bottom:10px}.solution-rows p{font-size:14px;color:#677986;max-width:670px}.solution-rows article>span{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.06em;color:#6081a3;text-align:right}.systems-approach{background:#163351;color:#f4f7f9}.systems-approach>div{display:flex;justify-content:space-between;gap:40px;align-items:center}.systems-approach h2{font-size:40px;font-weight:500}.systems-approach>div>p{font-size:14px;color:#bccbda}.systems-approach ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:58px 0 0}.systems-approach li{border-top:1px solid #5a728a;padding-top:25px}.systems-approach b{font-family:'DM Sans',sans-serif;font-size:14px;color:#a8bedb;font-weight:400}.systems-approach h3{font-size:25px;font-weight:500;margin:30px 0 14px}.systems-approach li p{font-size:13px;color:#bccbda}.systems-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.systems-about img{width:100%;aspect-ratio:1.1;object-fit:cover}.systems-about h2{font-size:34px;line-height:1.5;font-weight:500}.systems-about p{font-size:14px;color:#677986;margin-top:26px}.systems-about .text-action{margin-top:22px;font-size:13px;color:#355e91}.systems .brand-footer{background:#edf1f4}.systems .footer-bottom{border-color:#b7c4cf}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:900px){.systems-hero{gap:30px}.systems-hero h1{font-size:42px}.systems-hero-copy>p{font-size:13px}.architecture-panel{padding:18px 14px}.diagram-label{font-size:9px}.systems-about{gap:36px}.systems-about h2{font-size:30px}.solution-rows article{grid-template-columns:44px 1fr 120px;gap:24px}.solution-rows h3{font-size:24px}.systems-approach>div{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:640px){.systems-hero{grid-template-columns:1fr;gap:40px;padding-top:42px;padding-bottom:46px}.systems-hero h1{font-size:clamp(40px,11vw,56px)}.systems-hero-copy>p{font-size:13px;margin:22px 0 26px}.architecture-panel{padding:18px 12px 16px}.diagram-label{font-size:10px;padding-bottom:14px;gap:6px}.architecture-panel>p{font-size:10px}.systems-solutions .section-heading h2{font-size:32px}.systems-solutions .section-heading p{font-size:13px}.solution-rows article{grid-template-columns:36px 1fr;gap:20px;padding:28px 0;align-items:start}.solution-icon svg{width:36px;height:36px}.solution-rows article>span{grid-column:2;text-align:left;font-size:9px;margin-top:-8px}.solution-rows h3{font-size:22px;margin-bottom:12px}.solution-rows p{font-size:12px}.systems-approach h2{font-size:32px}.systems-approach>div>p{font-size:13px}.systems-approach ol{grid-template-columns:1fr;margin-top:36px;gap:28px}.systems-approach li{display:grid;grid-template-columns:32px 1fr;column-gap:20px;align-items:center;padding-top:22px}.systems-approach h3{font-size:23px;margin:0}.systems-approach li p{grid-column:2;margin-top:12px;font-size:12px}.systems-about{grid-template-columns:1fr;gap:32px}.systems-about img{aspect-ratio:1.35}.systems-about h2{font-size:30px}.systems-about p{font-size:13px}.systems .footer-wordmark{font-size:26px}}

.architecture-mobile{display:none}
@media(max-width:640px){.architecture-panel>.architecture{display:none}.architecture-mobile{display:block;padding-top:24px}.arch-mobile-users,.arch-mobile-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arch-mobile-apps{grid-template-columns:1fr 1fr;gap:12px}.architecture-mobile span,.arch-mobile-backup{background:#f1f5f8;border:1px solid #c8d6e3;border-radius:5px;text-align:center;font-size:14px;padding:14px 0;line-height:1.5;white-space:nowrap}.architecture-mobile>svg{display:block;width:100%;height:34px;stroke:#91a8be;stroke-width:1.5}.arch-mobile-core{padding:15px 8px;background:#2b548e;color:#fff;font-size:14px;line-height:1.5;text-align:center;border-radius:5px}.arch-mobile-backup{margin:0 20px}.architecture-panel>p{margin-top:20px;font-size:11px}}