@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1e2022;--muted:#57636c;--blue:#328ece;--blue-dark:#17679f;--paper:#f6f8fa;--line:#dce4e9;--dark:#18232b;--max:1300px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;line-height:1.12;letter-spacing:-.047em}h2{font-size:clamp(2.5rem,4.5vw,4.75rem);font-weight:700}h3{font-size:1.7rem}p{line-height:1.7}.container{width:min(var(--max),calc(100% - 88px));margin-inline:auto}.section-pad{padding-top:128px;padding-bottom:138px}.accent{color:var(--blue)}.skip{position:absolute;left:12px;top:-80px;padding:12px 16px;background:white;z-index:40}.skip:focus{top:12px}
.site-header{background:#fff;position:relative;z-index:20}.header-inner{height:96px;display:flex;align-items:center;gap:4vw}.brand{flex-shrink:0}.brand img{width:175px;height:auto}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.desktop-nav a{font-size:.89rem;text-decoration:none;font-weight:600;transition:color .2s}.desktop-nav a:hover,.footer a:hover{color:var(--blue)}.header-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:0 18px;background:var(--dark);color:#fff;text-decoration:none;font-size:.88rem;font-weight:700;transition:background .2s}.header-contact:hover{background:var(--blue-dark)}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:690px;position:relative;background:#293d4c;color:#fff;isolation:isolate;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(13,26,38,.82) 0%,rgba(15,32,45,.62) 36%,rgba(10,21,30,.10) 75%),url('hero.webp');background-position:center;background-size:cover;z-index:-1}.hero-content{padding-top:88px;padding-bottom:112px}.eyebrow,.section-label{font-size:.75rem;letter-spacing:.18em;font-weight:800;line-height:1.35}.eyebrow.light{color:#d6e4ed;display:flex;align-items:center;gap:14px}.eyebrow-line{width:30px;height:2px;background:var(--blue)}.hero h1{font-size:clamp(3.25rem,6vw,6.3rem);font-weight:700;letter-spacing:-.065em;line-height:1.08;margin:34px 0 28px;max-width:850px}.hero h1 em{color:#83c5ef;font-style:normal}.hero-lead{font-size:1.18rem;max-width:570px;color:#e0ebf2;line-height:1.68}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border:0;min-height:56px;padding:0 22px;text-decoration:none;font-size:.9rem;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.text-link{text-decoration:none;font-weight:700;font-size:.89rem}.text-link span{margin-left:8px}.light-link{color:#fff}.hero-foot{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:#c4d4dd;font-weight:700}
.principles{border-bottom:1px solid var(--line);background:#fff}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px}.principles-grid span{display:flex;align-items:center;gap:14px;font-size:.72rem;letter-spacing:.12em;font-weight:800}.principles-grid span:before{content:'';width:7px;height:7px;background:var(--blue);transform:rotate(45deg)}.section-label{display:flex;gap:25px;color:#657783;align-items:center}.section-label span:first-child{color:var(--blue);min-width:28px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:start;margin-top:56px}.intro-grid h2{margin:0}.intro-copy{padding-top:8px;color:#4b5963;font-size:1.09rem}.intro-copy p+p{margin-top:20px}
.systems{background:#e9eff3}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:8%;margin:48px 0 42px}.section-heading h2{max-width:740px;margin:0}.section-heading p{width:330px;flex:none;margin:0;color:#53626d}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card{background:#fff;min-height:490px;padding:30px 31px 32px;display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid transparent;transition:transform .25s,border-color .25s}.system-card:hover{transform:translateY(-4px);border-color:var(--blue)}.system-card.featured{background:#263e51;color:#fff}.card-number,.card-detail{font-size:.69rem;letter-spacing:.13em;font-weight:800}.card-number{color:var(--blue)}.featured .card-number{color:#89cbf2}.system-card h3{font-size:clamp(1.55rem,2.2vw,2.12rem);margin-bottom:15px}.system-card p{color:#5a6771;font-size:.96rem;margin-bottom:30px}.featured p{color:#d8e3eb}.card-detail{color:#71818b;line-height:1.6}.featured .card-detail{color:#9fb5c4}.card-diagram{height:132px;display:flex;align-items:center;justify-content:center;position:relative}.card-diagram i{display:block;border:2px solid #8bbdde;background:#e9f5fb;transform:skewY(-13deg);box-shadow:10px 12px 0 #d5e6f0}.diagram-modular{gap:13px}.diagram-modular i{width:55px;height:52px}.diagram-panel{gap:9px}.diagram-panel i{width:33px;height:76px;box-shadow:7px 9px 0 #d5e6f0}.diagram-mixed{gap:10px}.diagram-mixed i{width:55px;height:59px;background:#365a73;border-color:#7fbfe7;box-shadow:10px 12px 0 #355368}.diagram-mixed i:nth-child(2){height:85px;background:#77a8c7}
.integration{display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:660px}.integration-image{position:relative;min-height:580px;overflow:hidden;background:#344e63}.integration-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.integration-image span{position:absolute;bottom:24px;left:35px;color:white;background:rgba(20,32,40,.6);padding:7px 10px;font-size:.6rem;letter-spacing:.15em}.integration-copy{max-width:650px;padding:92px clamp(40px,6vw,105px);align-self:center}.integration-copy h2{font-size:clamp(2.5rem,3.6vw,4rem);margin:47px 0 25px}.integration-copy>p{color:#52616b}.integration-list{border-top:1px solid var(--line);margin-top:34px}.integration-list div{padding:13px 0;border-bottom:1px solid var(--line);font-size:.87rem;font-weight:700}.integration-list span{color:var(--blue);padding-right:22px;font-size:.76rem}
.applications-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:52px}.applications-grid h2{max-width:550px}.applications-list>div{padding:20px 0 23px;border-top:1px solid #ccd8df;display:grid;grid-template-columns:40px 1fr;column-gap:15px}.applications-list>div:last-child{border-bottom:1px solid #ccd8df}.applications-list span{color:var(--blue);font-size:.75rem;font-weight:800}.applications-list h3{font-size:1.25rem;margin:0 0 7px;letter-spacing:-.02em}.applications-list p{grid-column:2;margin:0;color:#596771;font-size:.93rem}
.dommus-section{padding:105px 0;background:#dbeef8}.dommus-grid{display:grid;grid-template-columns:1fr .84fr;gap:12%;align-items:center}.dommus-grid .eyebrow{color:#277aaf}.dommus-grid h2{font-size:clamp(2.7rem,4.3vw,4.7rem);margin:26px 0}.dommus-grid h2 span{color:var(--blue-dark)}.dommus-grid p:not(.eyebrow){color:#405564;max-width:570px}.dommus-links{display:grid;max-width:540px;margin-top:34px;border-top:1px solid #9bbcd1}.dommus-links a{display:flex;justify-content:space-between;text-decoration:none;padding:16px 3px;border-bottom:1px solid #9bbcd1;font-weight:700}.dommus-links a:hover{color:var(--blue-dark)}.dommus-panel{background:#173e5b;color:white;min-height:420px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:24px 24px 0 #b4d7ed}.dommus-panel>span{font-weight:800;font-size:.74rem;letter-spacing:.13em;line-height:1.5;color:#9ccbe8}.dommus-panel strong{font-family:Manrope,sans-serif;font-size:clamp(2.7rem,4.7vw,5.4rem);letter-spacing:-.08em;line-height:1}.dommus-panel strong .dot{color:#61b9ec}.dommus-panel small{letter-spacing:.19em;color:#afcee1;font-size:.67rem}.dommus-panel a{width:max-content;text-decoration:none;border-bottom:1px solid #9ccbe8;padding-bottom:5px;font-weight:700}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}.contact-intro h2{font-size:clamp(2.7rem,3.9vw,4.6rem);margin:45px 0 28px}.contact-intro>p{max-width:430px;color:#5a6974}.contact-details{display:grid;gap:17px;margin-top:56px;font-size:.92rem;color:#4d5d67}.contact-details a{text-decoration:none;font-weight:800;color:var(--blue-dark)}.contact-form{padding:37px;background:#f3f7fa;border:1px solid #dce6ec}.form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid #d3e0e7;padding-bottom:20px;margin-bottom:23px}.form-heading h3{font-size:1.4rem;margin:0}.form-heading span,.form-footer p{font-size:.76rem;color:#5a6a75}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid label{display:block;font-size:.83rem;font-weight:700;line-height:1.3}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:9px;border:1px solid #cbd7df;border-radius:0;background:white;color:var(--ink);padding:12px 13px;outline:none;min-height:46px;font-size:.92rem}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(50,142,206,.16)}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#818e98}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}.form-footer p{max-width:210px;line-height:1.5;margin:0}.button-dark{background:#213b4e;color:#fff;min-width:190px}.button-dark:hover{background:#116da6}.button:disabled{opacity:.65;cursor:wait}.form-status{margin:12px 0 0;font-weight:700;font-size:.85rem}.form-status.error{color:#b32929}.form-status.success{color:#146e45}.honeypot{position:absolute;left:-9999px;height:1px;overflow:hidden}
.footer{background:#17232d;color:#dae4ea;padding:55px 0 18px}.footer-main{display:flex;justify-content:space-between;gap:80px;padding-bottom:65px}.footer-main img{width:184px;height:auto;align-self:start;background:#fff;padding:6px}.footer-main>div{display:grid;gap:6px;min-width:310px}.footer-main p{max-width:340px;margin:0 0 12px;color:#aebec9}.footer-main a{text-decoration:none;font-size:.85rem}.footer-bottom{border-top:1px solid #33434d;display:flex;justify-content:space-between;padding-top:18px;font-size:.73rem;color:#a3b1ba}.footer-bottom a{text-decoration:none}
@media(max-width:1100px){.desktop-nav{gap:17px}.header-contact{gap:15px}.brand img{width:150px}.system-card{padding:25px}.contact-grid{gap:5%}.integration-copy{padding:65px 50px}}
@media(max-width:850px){.container{width:min(100% - 42px,var(--max))}.header-inner{height:77px}.brand img{width:140px}.desktop-nav,.header-contact{display:none}.menu-toggle{margin-left:auto;border:0;background:transparent;display:grid;gap:6px;padding:10px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--dark)}.mobile-nav:not([hidden]){display:grid;padding:8px 21px 22px;background:#fff;box-shadow:0 10px 20px #17232d22}.mobile-nav a{text-decoration:none;padding:13px 0;border-top:1px solid var(--line);font-weight:700}.hero{min-height:630px}.hero-content{padding-block:80px 100px}.hero h1{font-size:clamp(3.2rem,8vw,5rem)}.hero-image{background-position:60% center}.section-pad{padding-block:85px}.intro-grid,.applications-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.intro-grid{margin-top:38px}.section-heading{display:block}.section-heading p{width:auto;max-width:580px;margin-top:25px}.system-grid{grid-template-columns:repeat(2,1fr)}.system-card{min-height:430px}.integration{grid-template-columns:1fr}.integration-image{min-height:460px}.integration-copy{max-width:none;padding:70px 21px;width:min(100%,700px);margin:auto}.dommus-grid{grid-template-columns:1fr;gap:45px}.dommus-panel{max-width:580px}.contact-intro h2{margin-top:35px}.contact-details{margin-top:24px;margin-bottom:25px}.contact-form{max-width:680px}}
@media(max-width:600px){body{font-size:16px}.hero{min-height:660px}.hero h1{font-size:clamp(2.85rem,10vw,4.2rem)}.hero-image{background-image:linear-gradient(90deg,rgba(13,26,38,.82),rgba(15,32,45,.5)),url('hero.webp');background-position:61% center}.hero-lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-foot span:first-child{max-width:220px}.hero-foot span:last-child{display:none}.principles-grid{grid-template-columns:1fr;gap:12px;padding-block:21px}.section-pad{padding-block:72px}.intro-grid h2,.section-heading h2,.applications-grid h2{font-size:clamp(2.5rem,10vw,3.4rem)}.system-grid{grid-template-columns:1fr}.system-card{min-height:410px}.card-diagram{height:112px}.integration-image{min-height:330px}.integration-copy{padding-block:70px}.dommus-section{padding-block:72px}.dommus-panel{min-height:310px;padding:26px;box-shadow:12px 12px 0 #b4d7ed}.dommus-panel strong{font-size:3.25rem}.contact-form{padding:22px}.form-grid{grid-template-columns:1fr;gap:17px}.form-heading{display:block}.form-heading h3{margin-bottom:6px}.form-footer{align-items:stretch;flex-direction:column}.form-footer p{max-width:none}.footer-main{flex-direction:column;gap:25px;padding-bottom:45px}.footer-main>div{min-width:0}.footer-bottom{gap:20px;line-height:1.5}.button{width:max-content;max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}