/* UNISON Visual Solutions — blue identity, October 2026 */
:root{--navy:#0b3555;--deep:#041222;--mint:#119bd8;--ink:#102c43;--muted:#5b7082;--paper:#f5f8fb}
body{background:var(--paper)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#168ed0}
header{background:#041222;height:100px;border-bottom:1px solid #2586ba40}
.brand img,header>.brand img{width:252px;height:auto;display:block}
header nav a:not(.nav-cta){color:#e8f1f7}header nav .nav-cta{border:1px solid #2189bc;border-radius:0;background:#0b2c45;color:#fff;padding:15px 23px}header nav .nav-cta:hover{background:#136795;color:white}
@media(min-width:981px){header{justify-content:space-between;gap:45px;padding:0 5.2%}header>.brand{position:static;flex:none}header nav{margin:0 auto;position:static;gap:clamp(24px,3vw,60px);font-size:16px}header nav .nav-cta{position:static;margin:0 0 0 8px;font-size:14px}}
.hero{position:relative;display:block;min-height:660px;isolation:isolate;overflow:hidden;background:#041222}
.hero-art{position:absolute;inset:0;z-index:-2;min-height:0}
.hero-art>img{object-position:right center;filter:brightness(.82);width:100%;height:100%;object-fit:cover}
.hero-art:after{background:linear-gradient(90deg,#041222 0%,#041222f5 15%,#041222d9 31%,#04122285 46%,#0412220a 67%),linear-gradient(0deg,#041222bd,transparent 30%)}
.hero-copy{padding:68px 5.2% 32px;width:100%;min-height:660px;position:relative;max-width:1600px;margin:auto}
.hero .eyebrow{color:#b7d7ea;letter-spacing:2.5px;font-size:10px;margin-bottom:23px}.dot{background:#159fdf;box-shadow:0 0 18px #159fdf70}
h1,.hero h1{font-weight:700;letter-spacing:-2.6px;font-size:clamp(50px,5vw,76px);line-height:1.07;margin:16px 0 25px;max-width:780px}.hero h1 em{color:#22a9e9}
.hero .intro{font-size:16px;line-height:1.8;color:#d4e0e9;max-width:430px;margin-bottom:29px}
.button{border-radius:0;font-size:13px;min-height:52px;padding:17px 24px}.mint{color:#fff;background:#087dbb;border:1px solid #1b9edb}.button:hover{background:#096899;color:#fff;transform:translateY(-2px)}
.hero-actions{flex-direction:row}.hero-foot{font-size:8px;color:#98b6cd;letter-spacing:1px;padding-top:46px;flex-direction:row;gap:25px;max-width:500px}
.art-tag{left:auto;right:5.2%;width:34%;bottom:62px;color:#f2f7fc;border-color:#ffffff65;line-height:1.6;font-size:8px}.hero-art small{left:auto;right:5.2%;width:34%;bottom:30px;color:#cad8e7;font-size:8px;line-height:1.5}
.performance{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 5.2%;gap:24px;background:#071c30;color:white;border-top:1px solid #196087;border-bottom:1px solid #22435b}
.performance article{display:flex;gap:16px;align-items:center;border-right:1px solid #31536b;padding-right:18px}.performance article:last-child{border:0}.performance-icon{width:48px;height:48px;border:1px solid #158fc7;border-radius:50%;display:grid;place-items:center;flex:none;color:#7bd0f8}.performance svg{width:27px;height:27px}.performance h2{font-size:13px;line-height:1.4;letter-spacing:.1px;font-weight:700;margin:0 0 6px;text-transform:uppercase}.performance p{font-size:11px;color:#a6bdce;margin:0;line-height:1.5}
.ribbon{background:#0c3454;padding:24px 5.2%;font-size:16px;gap:26px}.mint-text{color:#70cbf5}
.section-top .eyebrow,.solution-description .eyebrow,.model-copy .eyebrow,.model-details .eyebrow,.process .eyebrow{color:#096ca4}
h2{font-weight:600}.section{padding-top:86px;padding-bottom:86px}.section-top{margin-bottom:42px}.section-top h2{font-size:clamp(34px,3.4vw,50px)}
.solution-tabs button[aria-selected=true]{border-color:#147cae;color:#0e5c8b}.solution-tabs button[aria-selected=true] span:last-child{color:#097cb5}.solution-description{border-bottom:3px solid #168bc3}.solution-tabs button strong small{color:#54768f}
.statement{background:linear-gradient(110deg,#071b30,#0b3b61);color:white;position:relative;border-top:1px solid #28719d;border-bottom:1px solid #28719d;padding:76px 25px}.statement h2{font-size:clamp(40px,5vw,70px);font-weight:600}.statement h2 em{color:#31abe5}.statement .eyebrow{color:#8bc8eb}.statement>p:last-child{color:#c3d4e2}
.process,.catalog-help,.model-details{background:#e8eff5}.steps article>span,.model-requirements article span{color:#087aaf}.steps article{border-color:#c0d0dd}.process-intro{color:#526d81}
.contact{background:radial-gradient(ellipse at top left,#103b5c,#041222 70%)}.contact h2{font-size:clamp(36px,3.8vw,53px)}.contact em{color:#37b4ed}.contact input,.contact select,.contact textarea{border-color:#3b627e}.contact form .button{background:#087dbb}.contact form .button:hover{background:#096899}footer{background:#041222}.footer-main{border-color:#23435b}.footer-main .brand img{width:225px}.footer-bottom{border-color:#23435b}
.catalog-hero{background:linear-gradient(110deg,#041222,#0a3454);border-bottom:4px solid #147bad}.catalog-hero h1{font-weight:700}.catalog-hero h1 em{color:#25a8e7}.catalog-help>.button{color:white}.category-filters{gap:12px}.filter-button{border-radius:0;padding:14px 19px;font-size:12px;background:#fff}.filter-button.active{background:#0e527e;border-color:#0e527e}.filter-button.active span{color:#9ddfff}.filter-button:hover{border-color:#087dbb}.product-card{border:1px solid #d5e1ea;box-shadow:0 7px 22px #092a4310}.product-info{border-top:3px solid #136e9e}.product-image{background:#050b12}.product-more{color:#096b9c;font-weight:bold}.category-label{color:#096b9c}.model-details{border-top:3px solid #147bad}.model-picture{border:1px solid #203a50}.model-details li{border-color:#becdda}.model-config{color:#42647c}
@media(min-width:1550px){.hero{min-height:760px}.hero-copy{min-height:760px;padding-top:90px}.hero h1{font-size:86px}.hero .intro{font-size:18px;max-width:460px}.performance{padding-top:32px;padding-bottom:32px}.performance h2{font-size:14px}.performance p{font-size:12px}}
@media(min-width:701px) and (max-width:1100px){header>.brand img{width:205px}header nav{gap:24px;font-size:14px}.hero h1{font-size:61px}.performance{gap:15px;padding-left:4%;padding-right:4%}.performance article{gap:10px;padding-right:10px}.performance h2{font-size:11px}.performance p{font-size:10px}.performance-icon{width:39px;height:39px}}
@media(max-width:980px){header{height:84px;padding:0 25px}header>.brand img{width:223px}header .menu{display:block}header nav{display:none;top:84px;background:#041222;padding:28px;left:0;right:0;position:absolute;flex-direction:column;align-items:stretch;font-size:18px;gap:25px;margin:0}header nav.open{display:flex}header nav .nav-cta{position:static;margin:0;text-align:center}.hero-copy{padding-left:5.2%}.hero h1{max-width:650px}}
@media(max-width:700px){header{height:82px}header>.brand img{width:214px}header nav{top:82px}.hero,.hero-copy{min-height:750px}.hero-copy{padding:43px 25px 25px}.hero h1{font-size:clamp(43px,9.3vw,61px);letter-spacing:-1.8px;max-width:100%;margin:17px 0 23px}.hero .intro{font-size:14px;line-height:1.8;max-width:340px;margin-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-art{height:auto;min-height:0;inset:0}.hero-art>img{object-position:68% bottom;filter:brightness(.9)}.hero-art:after{background:linear-gradient(180deg,#041222 0%,#041222fa 28%,#041222d9 44%,#04122215 70%,#0412229c 100%)}.hero-foot{margin-top:auto;padding-top:235px;gap:14px;font-size:6px;flex-direction:row}.art-tag{width:auto;left:25px;right:25px;bottom:62px;font-size:7px}.hero-art small{width:auto;left:25px;right:25px;bottom:43px;font-size:6px}.hero-actions .button{font-size:12px;padding:16px 20px;min-height:49px}.performance{grid-template-columns:1fr 1fr;padding:25px;gap:24px 18px}.performance article{border:0;padding:0;gap:10px;align-items:flex-start}.performance-icon{width:34px;height:34px}.performance svg{width:22px;height:22px}.performance h2{font-size:9px;letter-spacing:0;line-height:1.5}.performance p{font-size:9px;line-height:1.5}.ribbon{padding:21px 25px;font-size:11px;gap:13px}.section{padding:62px 25px}.statement{padding:62px 25px}.statement h2{font-size:42px;letter-spacing:-1.5px}.footer-main .brand img{width:175px}.catalog-hero h1{font-size:49px;letter-spacing:-2px}.filter-button{padding:12px 13px;font-size:11px}.category-filters{gap:9px}.contact h2{font-size:37px}}

/* Original vector artwork, drawn inline at a readable size. */
.brand-logo{display:block;width:280px;height:60px;flex:none;overflow:visible}
header{min-height:108px}
@media(min-width:981px){header{gap:25px}header nav{gap:clamp(22px,2.3vw,48px)}}
.footer-main .brand-logo{width:252px;height:54px}
@media(min-width:981px) and (max-width:1150px){header nav{font-size:14px;gap:24px}header nav .nav-cta{font-size:13px;padding:14px 17px}}
@media(max-width:980px){header{height:94px;min-height:94px}header nav{top:94px}.brand-logo{width:260px;height:56px}}
@media(max-width:700px){.brand-logo{width:248px;height:54px}.footer-main .brand-logo{width:220px;height:48px}}
@media(max-width:360px){header{padding-left:20px;padding-right:20px}.brand-logo{width:232px;height:50px}}