:root{--navy:#101d42;--navy-2:#16295c;--teal:#0e7490;--cyan:#22d3ee;--amber:#f59e0b;--amber-dark:#d97706;--ink:#141a22;--ink-2:#3c4757;--ink-3:#6b7787;--bg:#f5f8fc;--card:#fff;--line:#dfe5ee;--line-2:#eef2f7;--radius:12px;--maxw:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.75}img{max-width:100%}a{color:var(--teal);text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.topbar{background:var(--navy);color:#fff}.topbar .container{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{border-radius:8px;width:auto;height:40px;display:block}.brand .name{letter-spacing:1px;white-space:nowrap;color:#fff;font-size:16px;font-weight:800}.brand .slogan{color:#c3d2ee;white-space:nowrap;border-left:1px solid #ffffff38;margin-left:2px;padding-left:12px;font-size:18px;font-weight:700}.topbar .tel{color:#fff;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.topbar .tel svg{flex:none}.topbar .tel small{color:#9fb4dd;letter-spacing:0;font-size:11px;font-weight:400;line-height:1.2;display:block}.mainnav{border-bottom:1px solid var(--line);z-index:50;background:#fff;position:sticky;top:0}.mainnav .container{align-items:center;gap:6px;display:flex}.mainnav a{color:var(--ink-2);border-bottom:3px solid #0000;padding:14px 18px;font-size:15px;font-weight:600;transition:color .15s,border-color .15s;display:block}.mainnav a:hover{color:var(--teal)}.mainnav a.active{color:var(--teal);border-bottom-color:var(--teal)}.mainnav a.login-link{color:var(--ink-3,#8a94a8);border-bottom-color:#0000;margin-left:auto;font-size:14px;font-weight:500}.mainnav a.login-link:hover{color:var(--teal)}.nav-toggle{display:none}.hero{background:radial-gradient(900px 420px at 85% -10%,#22d3ee2e,transparent 60%), radial-gradient(700px 380px at -5% 110%,#7e57c229,transparent 55%), linear-gradient(118deg,var(--navy) 52%,#0c4a5e 88%,var(--teal));color:#fff;padding:74px 0 66px}.hero .kicker{color:var(--cyan);letter-spacing:1px;border:1px solid #22d3ee73;border-radius:20px;margin-bottom:20px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:.5px;margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.3}.hero h1 .hl{color:var(--cyan)}.hero p.sub{color:#c3d2ee;max-width:640px;margin:0 0 10px;font-size:17px}.hero p.price{color:#8fa6d4;margin:0 0 30px;font-size:15px}.hero p.price b{color:#fff}.cta-row{flex-wrap:wrap;gap:16px;display:flex}.btn{border-radius:9px;align-items:center;gap:8px;padding:14px 30px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--amber);color:#231a00;box-shadow:0 6px 18px #f59e0b59}.btn-primary:hover{background:var(--amber-dark);color:#fff}.btn-ghost{color:#aef4ff;border:1.5px solid #22d3ee99}.btn-ghost:hover{background:#22d3ee1f}.stats{border-bottom:1px solid var(--line);background:#fff}.stats .container{grid-template-columns:repeat(4,1fr);display:grid}.stats .item{text-align:center;border-left:1px solid var(--line-2);padding:28px 12px}.stats .item:first-child{border-left:none}.stats .num{color:var(--teal);font-size:30px;font-weight:800;line-height:1.2}.stats .num small{font-size:15px;font-weight:700}.stats .label{color:var(--ink-3);margin-top:4px;font-size:13px}.section{padding:64px 0}.section.alt{background:#fff}.sec-head{text-align:center;max-width:720px;margin:0 auto 44px}.sec-head .eyebrow{color:var(--teal);letter-spacing:2px;margin-bottom:8px;font-size:13px;font-weight:800}.sec-head h2{margin:0 0 12px;font-size:28px;font-weight:800}.sec-head p{color:var(--ink-3);margin:0;font-size:15px}.grid-features{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.fcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:box-shadow .15s,transform .15s}.fcard:hover{transform:translateY(-3px);box-shadow:0 10px 28px #101d4217}.fcard .icon{background:linear-gradient(135deg,var(--navy),var(--teal));border-radius:11px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;display:flex}.fcard h3{margin:0 0 8px;font-size:17px;font-weight:800}.fcard p{color:var(--ink-2);margin:0;font-size:13.5px}.fcard .tagline{color:var(--teal);background:#0e749014;border-radius:6px;margin-top:12px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.vs-wrap{border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.vs-row{grid-template-columns:1fr 1fr;display:grid}.vs-row.head div{text-align:center;padding:14px 20px;font-size:15px;font-weight:800}.vs-row.head .old{color:var(--ink-3);background:#eef1f6}.vs-row.head .new{background:var(--navy);color:#fff}.vs-row.body div{border-top:1px solid var(--line-2);align-items:flex-start;gap:10px;padding:16px 20px;font-size:13.5px;display:flex}.vs-row.body .old{color:var(--ink-3);background:#fafbfd}.vs-row.body .new{color:var(--ink);background:#fff}.vs-row.body svg{flex:none;margin-top:2px}.grid-strength{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.scard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:22px 20px}.scard .icon{background:#0e74901a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;display:flex}.scard h3{margin:0 0 6px;font-size:15px;font-weight:800}.scard p{color:var(--ink-3);margin:0;font-size:12.5px}.case-card{background:linear-gradient(120deg,var(--navy),#14336e);color:#fff;border-radius:16px;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;padding:40px 44px;display:grid}.case-card .cname{color:var(--cyan);letter-spacing:1px;margin-bottom:10px;font-size:13px;font-weight:700}.case-card h3{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.4}.case-card p{color:#c3d2ee;margin:0 0 18px;font-size:14px}.case-card .quote{border-left:3px solid var(--amber);color:#ffe9bd;margin-bottom:20px;padding:6px 0 6px 16px;font-size:14px}.case-nums{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.case-nums div{text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;padding:16px 10px}.case-nums b{color:var(--cyan);font-size:22px;display:block}.case-nums span{color:#9fb4dd;font-size:12px}.faq-list{max-width:820px;margin:0 auto}.faq-item{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:12px;padding:18px 22px}.faq-item h3{align-items:center;gap:10px;margin:0 0 8px;font-size:15.5px;font-weight:800;display:flex}.faq-item h3 .q{background:var(--teal);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.faq-item p{color:var(--ink-2);margin:0;font-size:13.5px}.cta-band{background:linear-gradient(118deg,var(--navy),var(--teal));color:#fff;padding:56px 0}.cta-band .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.cta-band h2{margin:0 0 10px;font-size:26px;font-weight:800}.cta-band p{color:#c3d2ee;margin:0;font-size:14.5px}.cta-band .qr{align-items:center;gap:22px;display:flex}.cta-band .qr figure{text-align:center;margin:0}.cta-band .qr img{background:#fff;border-radius:10px;width:96px;height:96px;padding:6px}.cta-band .qr figcaption{color:#c3d2ee;margin-top:6px;font-size:12px}.footer{color:#8fa6d4;background:#0a142e;padding:40px 0 26px;font-size:13px}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.footer .fbrand{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.footer .fbrand img{border-radius:6px;height:32px}.footer a{color:#8fa6d4}.footer a:hover{color:#fff}.footer .bottom{max-width:var(--maxw);text-align:center;color:#5d729f;border-top:1px solid #ffffff14;margin:26px auto 0;padding:18px 22px 0;font-size:12px}.float-kf{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:26px;right:22px}.float-kf a,.float-kf>button{background:var(--navy);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:transform .12s;display:flex;box-shadow:0 6px 18px #101d4259}.float-kf a:hover,.float-kf>button:hover{transform:scale(1.06)}.float-kf a.kf,.float-kf>button.kf{background:var(--amber)}.float-kf .kf-pop{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:14px;width:230px;padding:16px 16px 14px;position:absolute;right:64px;box-shadow:0 14px 36px #101d4247}.float-kf #kfPhonePop{bottom:64px}.float-kf #kfWxPop{bottom:0}.kf-pop .t{color:var(--ink-3);font-size:13px}.kf-pop .num{color:var(--navy);letter-spacing:1.5px;margin:6px 0 12px;font-size:23px;font-weight:800}.kf-pop .copy{background:var(--amber);color:#231a00;cursor:pointer;border:none;border-radius:8px;padding:7px 18px;font-size:13.5px;font-weight:700}.kf-pop .copy:hover{background:var(--amber-dark);color:#fff}.kf-pop img{border-radius:8px;width:180px;height:180px;margin:10px 0 6px}.kf-pop .d{color:var(--ink-3);font-size:12px}@media (width<=960px){.grid-features,.grid-strength{grid-template-columns:repeat(2,1fr)}.case-card{grid-template-columns:1fr;padding:30px 26px}.hero h1{font-size:30px}.brand .name{font-size:13px}.brand .slogan{font-size:22px}}@media (width<=640px){.brand .name{font-size:13px}.brand .slogan{display:none}.topbar .tel{font-size:15px}.stats .container{grid-template-columns:repeat(2,1fr)}.stats .item:nth-child(3){border-left:none}.grid-features{grid-template-columns:1fr}.hero{padding:52px 0 46px}.hero h1{font-size:25px}.vs-row.body div{padding:12px;font-size:12.5px}.mainnav .container{overflow-x:auto}}.page-hero{background:linear-gradient(118deg,var(--navy),#0c4a5e);color:#fff;padding:46px 0 40px}.page-hero .eyebrow{color:var(--cyan);letter-spacing:2px;margin-bottom:8px;font-size:13px;font-weight:800}.page-hero h1{margin:0 0 10px;font-size:30px;font-weight:800}.page-hero p{color:#c3d2ee;max-width:720px;margin:0;font-size:15px}.prose{max-width:860px}.prose h2{border-left:4px solid var(--teal);margin:36px 0 12px;padding-left:12px;font-size:21px;font-weight:800}.prose h3{margin:24px 0 8px;font-size:16.5px;font-weight:800}.prose p,.prose li{color:var(--ink-2);font-size:14.5px}.prose ul{padding-left:20px}.prose li{margin:6px 0}.card-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:14px 0;padding:22px 24px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mini-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px;transition:box-shadow .15s,transform .15s}.mini-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #101d4214}.mini-card h3{margin:0 0 8px;font-size:16px;font-weight:800}.mini-card p{color:var(--ink-2);margin:0 0 10px;font-size:13.5px}.mini-card .more{color:var(--teal);font-size:13px;font-weight:700}.tag{color:var(--teal);background:#0e749014;border-radius:6px;margin:0 6px 6px 0;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.steps{counter-reset:step;grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.step{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:16px 12px;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:8px;font-size:13px;font-weight:800;display:inline-flex}.step b{margin-bottom:4px;font-size:14px;display:block}.step span{color:var(--ink-3);font-size:12px;line-height:1.5;display:block}.port-card{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:24px}.port-card .icon{background:linear-gradient(135deg,var(--navy),var(--teal));border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.port-card h3{margin:0 0 8px;font-size:16px;font-weight:800}.port-card p{color:var(--ink-2);margin:0;font-size:13px}.price-card{background:linear-gradient(140deg,var(--navy),#14336e);color:#fff;text-align:center;border-radius:18px;max-width:560px;margin:0 auto;padding:40px;box-shadow:0 16px 40px #101d4240}.price-card .p-num{font-size:52px;font-weight:800;line-height:1.1}.price-card .p-num small{font-size:18px;font-weight:700}.price-card .p-sub{color:#c3d2ee;margin:8px 0 22px;font-size:14px}.price-card ul{text-align:left;margin:0 0 24px;padding:0;list-style:none}.price-card li{border-bottom:1px dashed #ffffff26;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.price-card li:last-child{border-bottom:none}table.tbl{border-collapse:collapse;background:#fff;width:100%;font-size:13.5px}.tbl th,.tbl td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.tbl th{color:var(--ink-2);background:#f2f5fa;font-size:13px;font-weight:700}.timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:26px}.timeline .t-item{padding-bottom:24px;position:relative}.timeline .t-item:before{content:"";background:var(--teal);width:12px;height:12px;box-shadow:0 0 0 2px var(--teal);border:2px solid #fff;border-radius:50%;position:absolute;top:5px;left:-33px}.timeline .t-date{color:var(--teal);font-size:12.5px;font-weight:800}.timeline .t-item b{margin:2px 0;font-size:15px;display:block}.timeline .t-item p{color:var(--ink-2);margin:0;font-size:13.5px}.news-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:14px;padding:20px 24px;transition:box-shadow .15s;display:block}.news-item:hover{box-shadow:0 8px 22px #101d4214}.news-item h3{color:var(--ink);margin:0 0 6px;font-size:16.5px;font-weight:800}.news-item .meta{color:var(--ink-3);margin-bottom:8px;font-size:12px}.news-item p{color:var(--ink-2);margin:0;font-size:13.5px}.article{max-width:820px;margin:0 auto}.article .meta{color:var(--ink-3);margin-bottom:24px;font-size:13px}.related{border-top:2px solid var(--line-2);margin-top:40px;padding-top:24px}.related h2{margin:0 0 14px;font-size:18px;font-weight:800}@media (width<=960px){.grid-2,.grid-3{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}.page-hero h1{font-size:24px}}@media (width<=640px){.steps{grid-template-columns:repeat(2,1fr)}#lead-form{grid-template-columns:1fr!important}}.btn-outline{border:1.5px solid var(--navy);color:var(--navy);background:#fff}.btn-outline:hover{background:var(--navy);color:#fff}
