:root{--ink:#151719;--muted:#777d81;--line:#e2e5e6;--paper:#f5f5f2;--blue:#122e50;--orange:#ee713d;font-family:Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{width:min(1220px,calc(100% - 80px));margin:auto}.header{position:fixed;z-index:20;top:0;width:100%;color:white;transition:.25s}.header:has(+ main){}.header.scrolled{background:#122e50eF}.head{height:84px;display:flex;align-items:center}.logo-placeholder{display:block;width:112px;height:26px;border:1px dashed #ffffffaa}.head nav{display:flex;gap:38px;margin-left:auto;margin-right:36px}.head nav a{font-size:14px;opacity:.85}.head nav a:hover{opacity:1}.tools{display:flex;align-items:center;gap:15px}.tools select{appearance:none;color:#fff;background:#122e5066;border:1px solid #ffffff66;padding:7px 25px 7px 8px;font-size:11px}.tools option{background:#122e50}.hamb{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{position:relative;height:min(100vh,800px);min-height:650px;color:#fff;isolation:isolate}.hero-bg,.shade{position:absolute;inset:0}.hero-bg{z-index:-2;background:url('../public/assets/site/hero.jpg') center/cover}.shade{z-index:-1;background:linear-gradient(90deg,#091c35dd,#091c3566 50%,#091c3510)}.hero-copy{padding-top:205px}.hero-copy small,.copy>small,.section-head small{color:var(--orange);font-size:11px;letter-spacing:.18em}.hero h1{font-size:clamp(55px,7vw,96px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:20px 0}.hero h1 em,.copy h2 em,.section-head h2 em{font-style:normal;color:#f39b73}.hero p{max-width:360px;color:#ffffffbf;line-height:1.8}.cta{display:inline-flex;gap:22px;align-items:center;margin-top:20px;padding:13px 20px;border:1px solid #ffffff80;color:#fff;font-size:13px}.cta:hover{background:#fff;color:var(--blue)}.stats{background:var(--blue);color:#fff;padding:40px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:0 28px;border-right:1px solid #ffffff2b}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{border:0}.stats b{display:block;font-size:35px;font-weight:400}.stats span{display:block;margin-top:8px;color:#ffffff88;font-size:12px}.section{padding:125px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.art{min-height:440px;position:relative;overflow:hidden}.art-one{background:linear-gradient(145deg,#dce0e1,#aab2b4)}.art-one:before,.art-one:after{content:'';position:absolute;border:1px solid #fff8;border-radius:50%;width:120%;height:52%;left:-15%;top:30%;transform:rotate(-25deg)}.art-one:after{top:25%;opacity:.55}.art strong{position:absolute;left:34px;bottom:32px;color:#fff;font-size:13px;letter-spacing:.17em;line-height:1.6}.copy h2,.section-head h2{font-size:clamp(36px,4vw,57px);font-weight:400;line-height:1.16;letter-spacing:-.05em;margin:17px 0}.copy p,.section-head>p{color:var(--muted);font-size:15px;line-height:1.9}.link{display:inline-block;margin-top:16px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:13px}.band{background:#e7e7e3;padding:120px 0}.art-two{background:linear-gradient(145deg,#c9704e,#143d70)}.art-two:before{content:'';position:absolute;inset:20%;border:1px solid #fff8;border-radius:50%;transform:rotate(-25deg) scaleX(1.25)}.features{display:grid;gap:12px;border-top:1px solid #c7cac7;margin-top:28px;padding-top:16px;color:#4e5558;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-head>p{max-width:290px;margin:0}.solution-grid,.product-grid,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-grid article{position:relative;min-height:240px;padding:30px;background:#e8e9e5}.solution-grid article.featured{background:var(--blue);color:#fff}.solution-grid article>b{color:var(--orange)}.solution-grid h3{margin-top:55px;font-size:22px;font-weight:400}.solution-grid p{max-width:250px;color:var(--muted);font-size:13px;line-height:1.8}.featured p{color:#ffffffaa!important}.solution-grid a{position:absolute;bottom:28px;color:var(--orange);font-size:12px}.products{background:#ebebe7}.product-grid{grid-template-columns:repeat(4,1fr)}.product-card{background:#fff;transition:.3s}.product-card:hover{transform:translateY(-8px);box-shadow:0 18px 32px #122e5020}.product-photo{height:245px;display:grid;place-items:center;position:relative;overflow:hidden;background:#f0f1ef}.product-photo:after{content:'';position:absolute;width:175px;height:175px;border-radius:50%;background:#122e5010}.product-photo img{position:relative;z-index:1;max-width:75%;max-height:78%;object-fit:contain;mix-blend-mode:multiply}.product-photo span{position:absolute;z-index:2;left:14px;top:14px;padding:6px 8px;background:var(--blue);color:#fff;font-size:10px}.product-body{padding:22px}.product-body small{color:var(--orange);font-size:9px;letter-spacing:.17em}.product-body h3{font-size:21px;font-weight:400;margin:11px 0 4px}.product-body .sub{margin:0;color:#4f5558;font-size:12px}.product-body p:not(.sub){min-height:43px;color:var(--muted);font-size:12px;line-height:1.7}.product-body button{display:flex;justify-content:space-between;width:100%;padding-top:13px;border:0;border-top:1px solid var(--line);background:none;font-size:12px;cursor:pointer;text-align:left}.product-body button b{color:var(--orange);font-size:16px}.news-grid{grid-template-columns:repeat(3,1fr)}.news-grid article{display:grid;grid-template-columns:55px 1fr;gap:17px;min-height:165px;padding:23px;border-top:1px solid var(--ink);background:#f0f0ec}.news-grid article>b{font-size:28px;font-weight:400}.news-grid small{color:var(--orange);font-size:10px}.news-grid h3{font-size:16px;font-weight:400;line-height:1.5;margin:13px 0 18px}.news-grid a{font-size:11px;color:var(--orange)}footer{background:var(--blue);color:#fff;padding:70px 0 35px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-grid .logo-placeholder{margin-bottom:22px}.footer-grid p{color:#ffffff88;font-size:13px}.footer-grid div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-grid b{color:#f39a75;font-size:12px;margin-bottom:4px}.footer-grid a{color:#ffffff99;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.show{opacity:1;transform:none}.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#07182dcc}.modal-card{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(780px,100%);background:#f4f4f0}.modal-card>img{width:100%;height:100%;min-height:360px;object-fit:contain;background:#e8e9e6;mix-blend-mode:multiply}.modal-card>div{padding:55px 42px}.modal-card h2{font-size:38px;font-weight:400;margin:15px 0 5px}.modal-card strong{color:var(--orange);font-size:14px}.modal-card p{color:var(--muted);font-size:14px;line-height:1.8}.modal-card dl{display:flex;gap:18px}.modal-card dt,.modal-card dd{font-size:11px;margin:0}.modal-card dt{font-weight:bold}.modal-card dd{color:var(--muted)}.close{position:absolute;right:15px;top:8px;color:#fff;background:none;border:0;font-size:30px;cursor:pointer}
@media(max-width:900px){.wrap{width:calc(100% - 44px)}.head nav{gap:20px;margin-right:18px;font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr)}.split{gap:50px}.section{padding:90px 0}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.head{height:64px}.head nav{position:absolute;display:none;top:64px;left:0;right:0;flex-direction:column;gap:0;padding:10px 18px 16px;background:#122e50f7}.head nav.open{display:flex}.head nav a{padding:13px 0;border-bottom:1px solid #ffffff22}.hamb{display:block}.hero{min-height:620px;height:620px}.hero-copy{padding-top:160px}.hero h1{font-size:55px}.stats{padding:30px 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:25px 0}.stats-grid>div{padding:0 14px}.stats-grid>div:nth-child(2){border:0}.stats b{font-size:28px}.split{grid-template-columns:1fr;gap:35px}.art{min-height:300px}.copy h2,.section-head h2{font-size:39px}.band{padding:80px 0}.section-head{display:block}.section-head>p{margin-top:20px}.solution-grid,.product-grid,.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.modal-card{grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal-card>img{min-height:220px}.modal-card>div{padding:35px 25px}.modal-card h2{font-size:31px}}