@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');:root{--navy:#06254b;--deep:#061c35;--teal:#008c96;--aqua:#61e0d6;--muted:#637487;--cream:#f4f8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans','Noto Sans SC',Arial,sans-serif;color:var(--navy);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1190px,calc(100% - 72px));margin:auto}.section{padding:110px 0}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(35px,calc((100vw - 1330px)/2));background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 #e8eef0}.brand img{width:192px;display:block}.nav nav{display:flex;gap:33px;align-items:center}.nav nav a{font-size:13px;font-weight:700;color:#263e56;transition:.2s}.nav nav a:hover{color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:15px}.nav-actions button{border:0;background:none;color:var(--navy);font-weight:800}.nav-cta{background:var(--navy);color:#fff;padding:13px 20px;font-size:13px;font-weight:700;border-radius:3px}#menu{display:none}.hero{min-height:690px;height:calc(100svh - 82px);max-height:850px;position:relative;background:var(--deep);color:white;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:url('assets/image16.jpeg') center 55%/cover no-repeat;opacity:.55;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041d37 0%,rgba(4,29,55,.93) 30%,rgba(4,29,55,.46) 73%,rgba(4,29,55,.26) 100%),linear-gradient(0deg,rgba(4,29,55,.8),transparent 35%)}.hero-content{position:relative;width:min(1190px,calc(100% - 72px));margin:0 auto;padding-bottom:30px}.eyebrow,.kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--teal);text-transform:uppercase}.eyebrow{color:#b8f2ef;display:flex;align-items:center;gap:13px}.pulse{width:8px;height:8px;border-radius:50%;background:#51e1d4;box-shadow:0 0 0 6px #51e1d42b}.hero h1{font-size:clamp(44px,5.6vw,80px);line-height:1.26;letter-spacing:-2px;margin:29px 0;max-width:920px;font-weight:800}.hero h1 em{font-style:normal;color:#71e2dc}.hero p{font-size:17px;line-height:2;color:#dce9f0;max-width:590px}.hero-buttons{display:flex;gap:14px;margin-top:37px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;padding:17px 26px;border-radius:3px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:#08a5a9;color:white}.btn.ghost{border:1px solid #ffffff77;color:white}.hero-bottom{position:absolute;bottom:32px;left:max(36px,calc((100vw - 1190px)/2));right:max(36px,calc((100vw - 1190px)/2));display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:2px;color:#e6eff0a8;border-top:1px solid #ffffff42;padding-top:20px}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}h2{font-size:clamp(31px,3.2vw,49px);line-height:1.43;letter-spacing:-1.1px;margin:23px 0 0}h2 span{color:var(--teal)}.large{font-size:18px;line-height:2;color:#42576b}.mini-rule{height:1px;background:#dce7e9;margin:30px 0}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{border:1px solid #dbe9eb;padding:9px 13px;border-radius:30px;font-size:12px;font-weight:700;color:#3c6572}.solutions{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head p{max-width:350px;color:var(--muted);line-height:1.9}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{background:#fff;box-shadow:0 8px 28px #0929470a;transition:transform .2s}.solution-card:hover{transform:translateY(-7px)}.card-img{height:260px;position:relative;background:#e4eff0;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.card-img span{position:absolute;left:20px;top:18px;background:#052f52e8;color:white;padding:9px 11px;font-size:10px;font-weight:800;letter-spacing:1.4px}.monitor-img img{object-fit:contain;background:white}.card-body{padding:30px}.card-body h3{font-size:23px;margin:0 0 15px}.card-body p{font-size:14px;line-height:1.9;color:#647688;min-height:104px}.card-body a,.text-link{font-size:13px;font-weight:800;color:var(--teal)}.license{font-size:11px;color:#83939b;margin:26px 0 0}.tech{background:var(--deep);color:#fff}.kicker.light{color:#68ded5}.tech h2 span,.contact h2 span{color:#67ddd6}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:64px}.tech-item{padding:31px 30px 37px;border:1px solid #ffffff30;background:#ffffff08;min-height:310px}.tech-num{font-size:12px;letter-spacing:2px;color:#8ea9bd}.tech-icon{font-size:55px;color:#63d6d0;margin:13px 0 25px;font-weight:300}.tech-item h3{font-size:21px;margin:0 0 16px}.tech-item p{font-size:14px;color:#bacbd7;line-height:1.9}.tech-strip{display:flex;justify-content:space-between;gap:20px;padding:26px 0 0;margin-top:45px;border-top:1px solid #ffffff42;font-size:13px;font-weight:700;letter-spacing:1px}.tech-strip span:last-child{color:#71ddd8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.field-image{height:470px;position:relative}.field-image img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:0;left:0;background:var(--teal);color:#fff;padding:17px 22px;font-size:10px;letter-spacing:2px;font-weight:800}.field-copy p,.about p{font-size:16px;line-height:2;color:#627688;margin:27px 0}.field-copy .text-link{display:inline-block;margin-top:14px}.about{background:#edf5f5}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.about-photo{height:460px}.about-photo img{width:100%;height:100%;object-fit:cover}.mission{border-left:3px solid var(--teal);padding-left:22px;margin-top:35px;display:flex;flex-direction:column;gap:12px}.mission span{color:var(--teal);font-size:12px;letter-spacing:2px;font-weight:800}.mission strong{font-size:20px;line-height:1.6}.contact{background:#082c4d;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact p{color:#c2d4e0;line-height:1.9}.contact-note{color:#9bb9ca;font-size:12px;line-height:1.8;margin-top:45px}.contact form{background:#fff;padding:38px;color:var(--navy);display:grid;gap:17px}.contact label{display:grid;gap:8px;font-size:12px;font-weight:800}.contact input,.contact textarea{width:100%;border:1px solid #d8e2e8;border-radius:2px;padding:13px 14px;outline:none;color:var(--navy);font-size:14px}.contact input:focus,.contact textarea:focus{border-color:var(--teal)}.contact form .btn{justify-self:start}.contact #formStatus{color:var(--teal);font-size:13px;margin:0}footer{background:#fff;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner img{width:185px}.footer-inner p{font-size:11px;letter-spacing:1px;color:#899aa8;margin:5px 0}.footer-inner>div:last-child{display:flex;gap:30px;font-size:12px;color:#708396}footer a:hover{color:var(--teal)}@media(max-width:900px){.nav{padding:0 24px}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:25px;box-shadow:0 15px 25px #0001;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}#menu{display:block;font-size:23px}.nav-cta{display:none}.intro-grid,.field-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.solution-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:1fr}.tech-item{min-height:unset}.section{padding:75px 0}.field-image,.about-photo{height:350px}}@media(max-width:600px){.container,.hero-content{width:calc(100% - 40px)}.brand img{width:158px}.hero{min-height:620px;height:calc(100svh - 82px)}.hero h1{font-size:42px;letter-spacing:-1px}.hero p{font-size:15px}.hero-bottom{left:20px;right:20px}.hero-bottom span:nth-child(2){display:none}.hero-buttons{flex-wrap:wrap}.section-head{display:block}.solution-grid{grid-template-columns:1fr}.card-img{height:235px}.card-body p{min-height:unset}.contact form{padding:23px}.tech-strip{flex-direction:column}.footer-inner{align-items:start;gap:25px;flex-direction:column}}
