:root{--navy:#0b2a4a;--navy2:#103a63;--sea:#14a3d6;--foam:#8fe0e6;--sand:#f4efe6;--ink:#1c2b3a;--head:'Newsreader',Georgia,serif;--body:'Outfit',system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:var(--body);color:var(--ink);font-size:1.05rem;line-height:1.7}
h1,h2,h3,h4{font-family:var(--head);color:var(--navy);line-height:1.15}
a{color:var(--sea)}
.site-nav{background:rgba(11,42,74,.97);padding:.6rem 0;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.navbar-brand{font-family:var(--head);font-weight:700;font-size:1.35rem;color:#fff!important;letter-spacing:.01em}
.site-nav .nav-link{color:rgba(255,255,255,.85);font-size:.95rem;padding:.5rem .6rem;white-space:nowrap}
.site-nav .nav-link:hover,.site-nav .nav-link.active{color:var(--foam)}
.navbar-toggler{border:0;color:#fff;font-size:1.8rem;padding:0 .3rem}.navbar-toggler:focus{box-shadow:0 0 0 2px var(--foam)}
.btn-call{background:var(--sea);color:#fff;border-radius:50rem;padding:.4rem 1rem;font-weight:500;white-space:nowrap}.btn-call:hover{background:#0f8bb8;color:#fff}
@media(max-width:991px){.site-nav .navbar-collapse{padding:.75rem 0}.btn-call{display:inline-block;margin-top:.5rem}}
@media(min-width:992px) and (max-width:1199px){.site-nav .nav-link{font-size:.88rem;padding:.5rem .4rem}.navbar-brand{font-size:1.2rem}}

/* hero: typographic-forward, navy panel + sea-glass spine illustration */
.hero{display:grid;grid-template-columns:1.35fr .65fr;min-height:92vh;padding-top:70px;background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;position:relative;overflow:hidden;clip-path:ellipse(130% 100% at 50% 0%)}
.hero-text{align-self:center;padding:4rem 3rem 5rem max(1.5rem,calc((100vw - 1140px)/2 + 12px));max-width:100%}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;color:var(--foam);font-weight:500}
.hero h1{color:#fff;font-weight:500;font-size:clamp(2.7rem,6.4vw,5.6rem);letter-spacing:-.015em;margin:.4rem 0 1.2rem}
.hero h1 span{font-style:italic;color:var(--foam)}
.hero .lead{max-width:34rem;font-size:1.2rem;color:rgba(255,255,255,.9);margin-bottom:2rem}
.hero .btn-light{color:var(--navy);font-weight:500}
.hero-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(143,224,230,.22),transparent 65%)}
.hero-art svg{overflow:visible;height:min(78vh,620px);width:auto;max-width:100%}
.hero-art .v{fill:var(--sand);opacity:.95}
.hero-art .wave{fill:var(--sea);opacity:.22}
@media(max-width:767px){.hero{grid-template-columns:1fr;min-height:auto;clip-path:ellipse(180% 100% at 50% 0%)}.hero-text{padding:3rem 1.25rem 1rem}.hero-art{padding-bottom:3rem}.hero-art svg{overflow:visible;height:260px}}

.strip{background:var(--sand);padding:1.4rem 0;border-bottom:1px solid #e3dccd}
.strip .row>div{padding:.7rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;font-weight:500;color:var(--navy)}
.strip i{font-size:1.6rem;color:var(--sea)}

.sec{padding:6rem 0}
@media(max-width:767px){.sec{padding:4rem 0}}
.sand{background:var(--sand)}
.narrow{max-width:760px}
.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:600;color:var(--sea);margin-bottom:.6rem}
.kicker.light{color:var(--foam)}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:500;margin-bottom:1.2rem}
h2 em{color:var(--sea)}
.big{font-size:1.2rem}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.chips li{background:#fff;border:1px solid #d9d1c0;border-radius:50rem;padding:.25rem .9rem;font-size:.95rem;color:var(--navy)}
.panel{background:var(--navy);color:#e8f0f6;border-radius:1.25rem;padding:2.5rem}
.panel h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem)}
@media(max-width:575px){.panel{padding:1.75rem}}

.doc{display:flex;gap:1.5rem;align-items:flex-start;height:100%}
.doc img{width:200px;height:auto;flex:0 0 auto;border-radius:.75rem;box-shadow:0 10px 28px rgba(11,42,74,.2)}
.doc h3{font-size:1.7rem}
@media(max-width:575px){.doc{flex-direction:column}.doc img{width:160px}}

.navy{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#e8f0f6}
.navy h2{color:#fff}.navy a{color:var(--foam)}
.legal{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:1.25rem;padding:2rem}
.legal i{font-size:2rem;color:var(--foam)}
.legal h3{color:#fff;font-size:1.6rem}
.legal address{margin-bottom:1rem}
.legal .btn-light{color:var(--navy);font-weight:500}

.note{font-size:.95rem;color:#51606f;font-style:italic}
.order{background:var(--sand);border-left:4px solid var(--sea);border-radius:.5rem;padding:1.25rem 1.5rem;margin-top:1.5rem}
.btn-navy{background:var(--navy);color:#fff;border-radius:50rem;padding:.45rem 1.2rem}.btn-navy:hover{background:var(--navy2);color:#fff}
.btn-outline-navy{border:1px solid var(--navy);color:var(--navy);border-radius:50rem;padding:.45rem 1.2rem}.btn-outline-navy:hover{background:var(--navy);color:#fff}
.product{background:radial-gradient(circle,#e9f7fb,#fff 70%);border-radius:1.25rem;padding:1.5rem;display:inline-block}
.product img{max-width:100%;height:auto}
.accordion-button:not(.collapsed){background:#e9f4fa;color:var(--navy)}
.accordion-button{font-family:var(--head);font-size:1.2rem}
.scan{width:100%;height:auto;border:1px solid #dde3e8;border-radius:.4rem}

.office{background:#fff;border-radius:1.25rem;padding:1.75rem;height:100%;box-shadow:0 8px 26px rgba(11,42,74,.08)}
.office h3{font-size:1.6rem}.office h3 i{color:var(--sea)}
.office iframe{width:100%;height:320px;border:0;border-radius:.75rem}

.site-footer{background:var(--navy);color:#cfdbe6;padding:3rem 0 1.5rem;font-size:.95rem}
.site-footer a{color:var(--foam)}
.chip{display:inline-block;background:var(--sand);border-radius:.75rem;padding:.5rem}
.chip img{display:block;max-width:100%;height:auto;border-radius:.4rem}
.powered{text-align:md-end}
@media(min-width:768px){.powered{text-align:right}}
.powered a{display:inline-block;border:1px solid rgba(143,224,230,.5);border-radius:50rem;padding:.4rem 1rem;text-decoration:none;color:#fff}
.powered a:hover{background:rgba(143,224,230,.15)}
.copy{margin:2rem 0 0;font-size:.82rem;opacity:.7;text-align:center}