:root{--navy:#192f4c;--blue:#23486f;--cyan:#3c668b;--lime:#f4dc16}
.nav{position:sticky;top:0;z-index:100;box-shadow:0 3px 18px rgba(3,19,39,.09)}
.nav{height:108px}
.hero{min-height:calc(100vh - 108px)}
.hero h1{font-size:clamp(46px,6.7vw,98px);line-height:.88}
.brandLogo{width:82px;height:82px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--navy)}
footer .brandLogo{width:66px;height:66px;box-shadow:0 0 0 2px var(--navy),0 0 0 3px #fff}
.backToTop{position:fixed;right:22px;bottom:22px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--navy);font-size:23px;font-weight:900;border:2px solid var(--navy);box-shadow:0 8px 28px rgba(3,19,39,.28);transition:transform .2s ease,box-shadow .2s ease}
.backToTop:hover,.backToTop:focus-visible{transform:translateY(-4px);box-shadow:0 12px 34px rgba(3,19,39,.36);outline:3px solid #fff;outline-offset:2px}
@media(max-width:780px){.nav{height:84px}.hero{min-height:calc(100vh - 84px)}.hero h1{font-size:clamp(42px,13vw,62px)}.backToTop{right:14px;bottom:14px;width:46px;height:46px}.brandLogo{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.backToTop{transition:none}}