:root{--navy:#0b1e3b;--blue:#16478f;--orange:#ff6b00;--ink:#101b2c;--muted:#64748b;--soft:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:68px;display:flex;align-items:center;padding:0 5vw;gap:35px;background:#081932ee;color:#fff}.brand strong{font-size:20px;color:#fff}.topbar nav{margin-left:auto;display:flex;gap:25px}.topTag{color:#ffb376;font-weight:800}.hero{height:760px;position:relative;overflow:hidden;background:var(--navy)}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#071a36fa 0%,#0a2346dd 45%,#0a234622 82%)}.heroContent{position:relative;z-index:2;width:min(1180px,90%);margin:auto;padding-top:170px;color:#fff}.eyebrow,small{color:var(--orange);letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.12;margin:24px 0}.hero h1 em{font-style:normal;color:#ff7a1a}.hero p{font-size:19px;line-height:1.8;max-width:680px;color:#d9e4f2}.chips,.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.chips span,.ghost{padding:11px 15px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff12}.primary,.detailButton{display:inline-block;padding:14px 20px;background:var(--orange);color:#fff;border-radius:8px;font-weight:800}.section{padding:85px 5vw}.soft{background:var(--soft)}.heading{text-align:center;max-width:760px;margin:0 auto 45px}.heading h2{font-size:38px;margin:12px}.heading p,p{color:var(--muted);line-height:1.75}.grid{max-width:1180px;margin:auto;display:grid;gap:20px}.four{grid-template-columns:repeat(4,1fr)}.feature,.stage{padding:25px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.dark{background:linear-gradient(135deg,#0a2147,#153f80);color:#fff}.stage{background:#ffffff12;border-color:#ffffff22}.stage b{font-size:40px;color:var(--orange)}.stage p{color:#d5deea}.applicationGrid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.applicationCard{overflow:hidden;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0f264612}.applicationCard>div{height:220px;background:#eef3f8}.applicationCard img{width:100%;height:100%;object-fit:contain;padding:12px}.applicationCard>section{padding:20px}.applicationCard h3{margin:0 0 8px}.applicationCard .detailButton{margin-top:10px;font-size:13px}.tags{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tags span{text-align:center;padding:22px;background:var(--soft);border-radius:10px;font-weight:700}.companyIntro{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;background:var(--soft)}.companyCopy h2{font-size:44px}.companyCard{padding:16px;background:#fff;border-radius:18px}.companyCard img{width:100%;height:340px;object-fit:contain}.companyCard div{padding:15px;display:flex;flex-direction:column;gap:8px}.contactLanding{padding:90px 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;background:linear-gradient(135deg,#071a35,#1656a0);color:#fff}.contactLandingCopy h2{font-size:46px}.contactLandingCopy p{color:#d5e2f2}.contactCard{padding:32px;background:#fff;color:var(--ink);border-radius:20px}.phoneButton{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:12px;background:var(--orange);color:#fff}.phoneButton strong{font-size:30px}.leadForm{display:grid;gap:12px;margin-top:20px}.leadForm label{display:grid;gap:6px;font-weight:700}.leadForm input,.leadForm select,.leadForm textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.leadForm button{padding:14px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800}footer{padding:25px;background:#07172e;color:#c0cad8;text-align:center;display:flex;justify-content:center;gap:25px}.detailPage{background:#fff}.detailNav{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#081a34;color:#fff}.detailHero{padding:75px 5vw;background:linear-gradient(135deg,#081b39,#154c91);color:#fff}.detailWrap{max-width:1180px;margin:auto}.detailHeroGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.detailHero h1{font-size:54px}.detailHero p{color:#d8e5f5}.detailVisual{background:#fff;border-radius:18px;padding:20px}.detailVisual img{width:100%;height:400px;object-fit:contain}.detailSection{padding:75px 5vw}.detailSoft{background:var(--soft)}.detailHeading{text-align:center}.detailCards,.detailFlow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detailCards article,.detailFlow span{padding:22px;border:1px solid #dce5ef;border-radius:12px}.detailFlow i{display:block;color:var(--orange)}.detailSpecs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detailSpecs div{display:grid;gap:6px;padding:20px;background:var(--soft);border-radius:10px}.detailMetric{margin-top:20px;padding:18px;background:#fff;border-left:4px solid var(--orange)}@media(max-width:760px){.topbar{height:56px;padding:0 14px}.topbar nav{display:none}.topTag{font-size:11px;margin-left:auto}.brand strong{font-size:15px}.hero{height:720px}.heroShade{background:#071a36dd}.heroContent{padding-top:110px}.hero h1{font-size:37px}.section{padding:60px 16px}.four,.applicationGrid,.tags,.companyIntro,.contactLanding,.detailHeroGrid,.detailCards,.detailFlow,.detailSpecs{grid-template-columns:1fr}.applicationCard{display:grid;grid-template-columns:42% 58%}.applicationCard>div{height:160px}.companyCopy h2,.contactLandingCopy h2{font-size:33px}.companyCard img{height:240px}.contactLanding{padding:60px 16px}.contactCard{padding:23px}.detailHero,.detailSection{padding:55px 16px}.detailHero h1{font-size:37px}.detailVisual img{height:270px}footer{flex-direction:column}}
