:root { --ink: #12222c; --blue: #163cad; --line: #d9e0e6; --paper: #f4f6f7; }
body[data-feedback-version] { color: #12222c; }
body[data-feedback-version] .ws { --accent: #163cad; --orange: #163cad; }
.ws .eyebrow { color: #163cad; }
.ws .btn:not(.ghost), .ws .demo-actions button:first-child { background: #163cad; border-color: #163cad; }
.ws a:focus-visible, .ws button:focus-visible { outline: 3px solid #163cad; outline-offset: 4px; }
.ws .hero-a .eyebrow { color: #fff; }
.ws .feedback-section { padding-top: clamp(64px, 8vw, 120px); padding-bottom: clamp(64px, 8vw, 120px); }
.ws .feedback-section.alt { background: #f4f6f7; }
.ws .hero-a { min-height: min(760px, 85vh); }
.ws .hero-a h1 { max-width: 900px; }
.uvea-credit { max-width: 1240px; margin: 40px auto 0; padding: 24px 24px 0; border-top: 1px solid rgba(255,255,255,.23); display: flex; align-items: center; gap: 12px; font-size: 12px; color: rgba(255,255,255,.8); }
.uvea-credit img { display: block; width: 56px; height: auto; }
.demo-disclaimer { padding: 14px 18px; border-left: 3px solid #163cad; background: #f1f5fb; color: #12222c; font-size: 14px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }

 
.site-head { background:#fff; color:#12222c; position:relative; z-index:30; }
.site-header-inner { max-width:1440px; margin:auto; min-height:92px; padding:0 clamp(24px,5vw,72px); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.site-logo img { display:block; width:174px; height:auto; }
.site-nav { display:flex; align-items:center; gap:42px; font-size:14px; font-weight:550; }
.site-nav a,.site-products summary { color:#12222c; text-decoration:none; cursor:pointer; }
.site-products { position:relative; }
.site-products summary { list-style:none; }
.site-products summary::-webkit-details-marker { display:none; }
.site-product-menu { position:absolute; top:calc(100% + 18px); left:-20px; min-width:210px; padding:14px; background:white; border:1px solid #e3e8ed; box-shadow:0 12px 36px #12222c1a; }
.site-product-menu a { display:block; padding:10px 8px; }
.site-product-menu a:hover { color:#163cad; }
.site-contact { display:flex; justify-content:space-between; gap:40px; border-bottom:1px solid #12222c; padding:8px 0; }
.site-mobile { display:none; position:relative; }
.site-mobile summary { cursor:pointer; list-style:none; }
.site-mobile nav { position:absolute; right:0; top:calc(100% + 24px); width:min(300px,85vw); background:#fff; box-shadow:0 12px 36px #12222c1a; padding:20px; display:grid; gap:18px; }
.site-mobile nav a { color:#12222c; text-decoration:none; }
.ws .hero-a { min-height:min(760px,82vh); background:linear-gradient(90deg,rgba(10,19,25,.7),rgba(10,19,25,.22) 78%),url('/brand/architecture.webp') center center / cover no-repeat; isolation:isolate; }
.ws .hero-a::before { display:none; }
.ws .hero-a-in { padding-top:120px; }
.ws .hero-a h1 { max-width:850px; font-size:clamp(48px,7.4vw,104px); line-height:1; font-weight:400; letter-spacing:-.045em; }
.ws .hero-a .lead { max-width:580px; }
.ws .hero-a .ctas .btn { background:#fff; color:#12222c; border:1px solid #fff; border-radius:0; padding:17px 23px; }
.ws .hero-a .ctas .btn:hover { background:#e9eef5; border-color:#e9eef5; }
@media(max-width:900px) { .site-header-inner { min-height:74px; } .site-nav { display:none; } .site-mobile { display:block; } .ws .hero-a { min-height:650px; background-position:58% center; } }
@media(max-width:520px) { .site-logo img { width:145px; } .ws .hero-a { min-height:620px; padding-bottom:44px; } .ws .hero-a h1 { font-size:clamp(46px,12vw,64px); } }