/* Local color study inspired by https://saas2.oxy.host/pricing/ */
:root{--blue:#313856;--ink:#313856;--paper:#e6f0f9;--muted:#606985;--line:#d3dfeb;--lime:#48c2fb;--white:#fff;--coral:#f64e6e;--sky:#48c2fb}
body{background:var(--paper)}
a:focus-visible,button:focus-visible{outline-color:#0074db}
::selection{background:var(--sky);color:#1e2234}
.header{background:#353c59;border-bottom-color:#ffffff24;color:#fff}
.brand>span{color:#fff}
.header nav>a:not(.nav-contact):hover{color:var(--sky)}
.nav-contact{border-color:var(--sky);background:var(--sky);color:#20243a}
.nav-contact:hover{background:#7ad5ff;color:#20243a}
.hero{width:100%;max-width:none;padding-inline:max(48px,calc((100% - 1240px)/2));background:linear-gradient(130deg,#313856 0%,#1e2234 100%);color:white}
.hero h1 em{color:var(--sky)}
.hero .eyebrow{color:#b8ddf2}
.hero .dot{background:var(--sky)}
.hero .intro{color:#d0d6e5}
.hero-actions .text-link{color:#fff}
.button-blue{background:linear-gradient(-90deg,#f64e6e 0%,#ff795e 98%);color:#20243a;font-weight:700}
.button-blue:hover{background:linear-gradient(-90deg,#fc6b86 0%,#ff927b 98%)}
.hero-art{background:#353c59;color:#fff}
.art-top{color:#d9e4f3}
.art-top>span:last-child,.art-title>span{color:var(--sky)}
.art-bottom{border-top-color:#ffffff30}
.art-bottom>span:first-child{color:#d0d6e5}
.orbit div{border-color:#48c2fb38}
.orbit-dot{background:#f8596a}
.services{border-top:0}
.service{background:#fff;border-color:var(--line)}
.service:hover{background:#fafdff}
.service-icon{stroke:#0074db}
.services-note>span{color:#0074db}
.about{background:#fff}
.about-copy,.about-copy .lead{color:var(--ink)}
.person{border-top-color:var(--line)}
.contact{background:#313856;color:#fff}
.contact h2{color:#fff}
.contact-details>div>span{color:#cbd3e6}
.contact-details b,.map-link{color:var(--sky)}
.button-lime{background:var(--sky);color:#20243a}
.button-lime:hover{background:#7ad5ff}
.footer{background:#252a41;color:#d0d6e5}
@media(max-width:1100px){.hero{padding-inline:32px}}
@media(max-width:800px){.hero{padding-inline:20px}.header nav{background:#353c59;border-bottom-color:#ffffff30}}
.menu-toggle span{background:var(--sky)}
.header a:focus-visible,.header button:focus-visible,.hero a:focus-visible,.contact a:focus-visible{outline-color:var(--sky)}
.hero{background-color:#313856}
.button-blue{background-color:#f64e6e}

.about-logo{display:block;width:min(100%,380px);height:auto}
@media(max-width:800px){.about-logo{width:min(100%,300px)}}

.about-logo-heading{margin:0}