*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#152034;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.72}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.header{height:72px;background:#061426;color:#fff;position:sticky;top:0;z-index:30}.header-inner{width:min(1200px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;font-weight:900}.brand img{width:38px;height:38px;object-fit:contain}.header nav{display:flex;gap:23px;margin-left:auto;font-size:14px;color:#b6c2d2}.cta{background:#e3312c;padding:10px 18px;border-radius:999px;font-weight:900}.header button,.mobile-nav{display:none}.hero{min-height:640px;position:relative;background:#061426;color:#fff;display:flex;align-items:end;padding:0 max(20px,calc((100vw - 1200px)/2)) 76px;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(3,13,27,.95) 0%,rgba(3,13,27,.78) 48%,rgba(3,13,27,.35) 100%),linear-gradient(0deg,rgba(3,13,27,.85),transparent 55%)}.hero-content{position:relative;z-index:2;max-width:820px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:900;color:#e3312c;margin:0 0 10px}.hero h1,.online h2,.client h2,.download h2,.path h2,.context h2,.faq h2,.final h2{font-size:clamp(34px,4.8vw,62px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 18px}.hero h1{font-size:clamp(52px,7vw,88px)}.hero-content>p:last-of-type{font-size:18px;color:#cad4e2;max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{padding:13px 21px;border-radius:8px;font-weight:900}.primary{background:#e3312c}.secondary{border:1px solid rgba(255,255,255,.35)}.hero-index{position:absolute;right:max(20px,calc((100vw - 1200px)/2));bottom:74px;z-index:2;display:grid;text-align:right}.hero-index span{font-size:82px;line-height:.9;font-weight:900;color:rgba(255,255,255,.16)}.hero-index small{letter-spacing:.15em;color:#aeb9c8}.online,.client,.download,.faq{width:min(1180px,calc(100% - 40px));margin:auto;padding:86px 0}.online header{max-width:800px}.online header>p:last-child,.client-copy p,.download-head p,.context p,.faq-list p{color:#626f82}.online-layout{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:280px 260px;gap:16px;margin-top:34px}.online-layout figure{margin:0;background:#e5e9ef;position:relative;overflow:hidden}.online-layout figure img{width:100%;height:100%;object-fit:contain;padding:12px}.online-layout .banner{grid-row:1/3}.online-layout figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);padding:6px 9px;font-size:11px;font-weight:900}.online-note{background:#07192f;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:end}.online-note>span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#e65d58}.online-note h3{font-size:27px;line-height:1.1;margin:10px 0}.online-note p{color:#b8c4d4;margin-bottom:0}.client{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.client-copy{position:sticky;top:110px;align-self:start}.client-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.client-gallery figure{margin:0;background:#e8ecf2;border-radius:14px;overflow:hidden}.client-gallery figure.wide{grid-column:1/3}.client-gallery img{width:100%;height:290px;object-fit:contain;padding:10px}.client-gallery .wide img{height:330px}.client-gallery figcaption{padding:13px 16px;font-size:12px;font-weight:900}.download{padding-top:30px}.download-head{max-width:760px}.download-head>span,.path-copy>span,.final span{font-size:10px;letter-spacing:.2em;font-weight:900;color:#e3312c}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.download-grid article{background:#fff;border:1px solid #dfe4eb;border-radius:18px;padding:28px;min-height:260px;display:flex;flex-direction:column}.num{font-size:12px;color:#e3312c;font-weight:900}.download-grid h3{font-size:24px;margin:14px 0 8px}.download-grid p{color:#657185}.download-grid a{margin-top:auto;font-weight:900;color:#0b315f}.path{display:grid;grid-template-columns:1.08fr .92fr;background:#07192f;color:#fff}.path-image{background:#051426;display:flex;align-items:center}.path-image img{width:100%;height:100%;max-height:620px;object-fit:contain;padding:26px}.path-copy{padding:74px clamp(26px,6vw,90px);align-self:center}.path-copy>span{color:#ec7772}.path-copy ol{list-style:none;padding:0;margin:28px 0}.path-copy li{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #2b3b50}.path-copy li b{color:#ec7772}.path-copy li span{color:#c0cad8}.path-copy a{display:inline-block;margin-top:8px;font-weight:900;border-bottom:2px solid #e3312c;padding-bottom:3px}.context{width:min(1080px,calc(100% - 40px));margin:84px auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}.context img{width:100%;max-height:300px;object-fit:contain;background:#e5e9ef;padding:12px;border-radius:14px}.faq{display:grid;grid-template-columns:.68fr 1.32fr;gap:60px;padding-top:10px}.faq-list{border-top:1px solid #d2d9e3}.faq details{border-bottom:1px solid #d2d9e3}.faq summary{padding:19px 38px 19px 0;font-weight:900;cursor:pointer;position:relative}.faq summary:after{content:"+";position:absolute;right:3px;color:#e3312c}.faq details[open] summary:after{content:"−"}.faq-list p{margin:0 0 20px}.final{width:min(1180px,calc(100% - 40px));margin:0 auto 80px;background:#e3312c;color:#fff;border-radius:20px;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final span{color:#ffd1cf}.final p{margin:0;color:#ffe5e3}.final a{background:#fff;color:#112038;padding:13px 20px;border-radius:8px;font-weight:900;white-space:nowrap}footer{background:#061426;color:#aeb9c7;padding:48px max(20px,calc((100vw - 1180px)/2)) 94px}footer strong{color:#fff;font-size:18px}footer p{max-width:760px}.sticky{display:none}
@media(max-width:820px){body{padding-bottom:62px}.header{height:64px}.header-inner{width:calc(100% - 28px)}.header nav,.cta{display:none}.header button{display:block;margin-left:auto;border:0;background:none;color:#fff;font-size:23px}.mobile-nav{position:absolute;z-index:40;top:64px;left:0;right:0;background:#061426;color:#fff;padding:10px 18px 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:9px 0}.hero{min-height:590px;padding:0 14px 52px}.hero-bg img{object-fit:contain;background:#061426}.hero h1{font-size:42px}.hero-content>p:last-of-type{font-size:16px}.hero-index{display:none}.online,.client,.download,.faq{width:calc(100% - 28px);padding:58px 0}.online-layout{grid-template-columns:1fr;grid-template-rows:auto}.online-layout .banner{grid-row:auto}.online-layout figure{min-height:280px}.online-note{min-height:250px}.client{grid-template-columns:1fr;gap:25px}.client-copy{position:static}.client-gallery{grid-template-columns:1fr}.client-gallery figure.wide{grid-column:auto}.client-gallery img,.client-gallery .wide img{height:auto;max-height:430px}.download-grid{grid-template-columns:1fr}.path{grid-template-columns:1fr}.path-image img{max-height:430px}.path-copy{padding:46px 22px}.context{width:calc(100% - 28px);grid-template-columns:1fr;margin:58px auto}.faq{grid-template-columns:1fr;gap:20px}.final{width:calc(100% - 28px);display:block;padding:32px 24px}.final a{display:flex;justify-content:center;margin-top:20px}footer{padding:42px 14px 88px}.sticky{position:fixed;z-index:50;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid #d7dde6;display:flex;align-items:center;justify-content:space-between;padding:7px 14px}.sticky span{display:grid;line-height:1.05}.sticky small{color:#697588}.sticky a{background:#e3312c;color:#fff;padding:10px 15px;border-radius:8px;font-weight:900}}
@media(max-width:420px){.hero h1,.online h2,.client h2,.download h2,.path h2,.context h2,.faq h2,.final h2{font-size:29px}.actions a{width:100%;text-align:center}.hero{min-height:560px}}