/* Glo.Bo. marine corporate direction. Original imagery and controls retained. */
:root{--paper:#fff;--ink:#102e41;--line:#dce4e9}
body{background:#fff}
h1,h2,h3{font-weight:500;letter-spacing:-.045em}
h2{font-size:clamp(38px,4.9vw,72px);line-height:1.05}
.serif{font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:300;font-size:1em;letter-spacing:-.045em}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em}
.header,.header.scrolled{border-bottom:1px solid #c5d9e32b;background:#071f30fa}
.nav-link{font-weight:500;font-size:12px}.header-contact{font-weight:600}
.hero h1{font-weight:600;letter-spacing:-.055em;line-height:1.06}
.hero h1 .serif{font-weight:300;color:#c7e0eb}
.hero-content>p{font-size:14px;line-height:1.8}
.marine-hero-links{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px}
.marine-hero-links .button{background:#fff;border-color:#fff;color:#102f43;font-size:12px;padding:17px 23px;min-height:52px}
.marine-contact-link{font-size:12px;color:#d8e8ef;border-bottom:1px solid #7796a6;padding-bottom:7px}
.trust-strip{background:#fff}.trust-inner{min-height:100px}.trust-inner p{font-size:14px;font-weight:500}
.onboard{padding-top:100px;background:#f0f4f6;color:#102e41}
.onboard .section-heading{align-items:end}.onboard .eyebrow,.onboard .section-heading>p{color:#526f80}.onboard h2 .serif{color:#54798b}
.explorer{background:#092536;border:0;box-shadow:0 20px 60px #133b4e14;color:#edf7fb}
.onboard .system-panel h3{color:#fff;letter-spacing:-.03em}
.services{background:#fff}.services .section-heading>p{font-size:14px}
.service-grid{gap:0 38px}.service-card,.service-card:last-child{min-height:270px;padding:30px 0 42px;border-top:2px solid #d8e2e8}
.service-card:hover,.service-card:last-child:hover{border-top-color:#26799c}
.service-card h3{font-size:23px;letter-spacing:-.025em}.service-card p{font-size:13px;max-width:340px}
.service-top>span{font-size:12px;color:#66879a}.service-top svg{width:30px;height:30px}
.about{border-top:1px solid var(--line)}.about-grid{gap:90px}.about-copy .lead{font-size:25px}
.sectors{background:#0a293c;color:#fff}.sectors .eyebrow,.sectors .section-heading>p{color:#adcad9}.sectors .serif{color:#adcad9}
.sector-grid{gap:24px}.sector-card{border-top-color:#527386!important}.sector-card h3{font-size:25px}.sector-card p,.sector-action{color:#bbd0dc}.sector-card:hover{color:#fff}.sector-card:hover p,.sector-card:hover .sector-action{color:#e4f2f8}
.shore{border-top:0}.shore-row{padding:70px 0;gap:70px}.shore-row h3{font-size:clamp(30px,3vw,44px)}
.shore-row .text-link{font-weight:600}.shore-visual img{border-radius:0}
.work{background:#f0f4f6}.work-grid{gap:38px}.work-grid figcaption{font-size:12px;padding:16px 0}
.partner-grid{gap:48px}.partner{border-top:2px solid #dce5e9}.partner strong{font-weight:600}
.statement{padding-top:80px;padding-bottom:80px}.statement h2{font-size:clamp(34px,3.5vw,54px)}
.contact form{background:#f0f4f6}.contact h2 .serif{color:#52798b}
footer .footer-bottom{border-top-color:#456172}
@media(max-width:1200px){.marine-hero-links{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:25px}.hero-content{padding-bottom:110px}.onboard{padding-top:70px}}
@media(max-width:850px){.section{padding-top:75px;padding-bottom:75px}.shore-row{gap:35px}.about-grid{gap:40px}.service-grid{gap:0 25px}.service-card h3{font-size:21px}.statement{padding:0 0 28px}}
@media(max-width:600px){h2{font-size:38px}.hero h1{font-size:clamp(34px,9vw,52px)}.hero-content>p{font-size:13px}.marine-hero-links{gap:20px}.marine-hero-links .button{font-size:11px;min-height:48px;padding:14px 18px}.section{padding-top:60px;padding-bottom:60px}.service-card,.service-card:last-child{min-height:0;padding:25px 0 36px}.service-card p{font-size:12px}.shore-row{padding:40px 0}.sector-card h3{font-size:21px}.trust-inner p{font-size:10px}.statement{padding:0 0 28px}.statement h2{font-size:36px}}
/* Revision 2: clearly distinct white corporate masthead and marine panels. */
.header,.header.scrolled{background:#fff;color:#102e41;border-bottom:1px solid #d8e3e9;backdrop-filter:none}
.header .brand,.header .brand small,.header .lang,.header .lang span,.header .nav-link,.header .header-contact{color:#15354a}
.header .nav-link:hover,.header .header-contact:hover{color:#087ca5}.header .nav-link:after{background:#087ca5}
.header .header-contact{border-bottom-color:#517889}.header .menu-toggle span{background:#15354a}
.hero{background:#f3f6f8;color:#102e41}
.hero .hero-content>p{color:#476170}.hero .eyebrow.light{color:#24708f}
.hero h1 .serif{color:#347795}.hero .hero-bottom{color:#294f65;border-color:#bdcfd9}
.hero .marine-hero-links .button{background:#0a3c56;border-color:#0a3c56;color:#fff}
.hero .marine-contact-link{color:#173f55;border-color:#9eb6c3}
.hero>.hero-video,.hero>.hero-image{background:#071f30}
.hero>.image-credit{color:#fff}.hero .hero-bottom a{color:#254c61}
.services{background:#f3f6f8}.service-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card,.service-card:last-child{padding:30px 25px 45px;background:#fff;border:1px solid #dce5eb;min-height:280px}
.service-card:hover,.service-card:last-child:hover{background:#e8f1f5;border-color:#6b9bb2}
.service-card .card-arrow{right:24px;bottom:20px}
.partner-grid{background:#f3f6f8;padding:35px;gap:40px}
.onboard{background:#fff}.onboard .section-heading h2{max-width:750px}
@media(min-width:1201px){
 .hero .hero-shade{background:linear-gradient(90deg,#f3f6f8 0%,#f3f6f8 37%,transparent 49%)}
 .hero .hero-bottom{width:34%;left:max(56px,calc((100% - 1280px)/2));right:auto;margin:0}
 .hero .hero-bottom>span{display:none}.hero .hero-bottom a{margin:0}
}
@media(max-width:1200px){.hero .hero-shade{background:none}}
@media(max-width:850px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-grid{padding:25px}}
@media(max-width:600px){.service-grid{grid-template-columns:1fr}.service-card,.service-card:last-child{min-height:0;padding:25px 22px 40px}.partner-grid{padding:22px}.hero .hero-bottom{background:#f3f6f8}}
/* Website feedback: intentional user action; no tracking or third-party widget. */
.feedback-launch{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:80;border:1px solid #c7d7e0;border-radius:8px;background:#fff;color:#173f55;box-shadow:0 4px 24px #09253625;padding:10px 16px;min-height:48px;display:flex;flex-direction:column;gap:3px;align-items:center;font-size:11px;font-weight:600}
.feedback-launch .feedback-stars-icon{font-size:18px;letter-spacing:3px;color:#327ca0}
#feedback-dialog{width:min(460px,calc(100% - 32px));max-height:85svh;overflow:auto;border:0;border-radius:8px;padding:32px;color:#173f55}
#feedback-dialog h2{font-size:26px;line-height:1.25;padding-right:20px;letter-spacing:-.03em}
#feedback-dialog .feedback-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px;color:#173f55;width:38px;height:38px}
#feedback-dialog fieldset{border:0;padding:0;margin:25px 0}
#feedback-dialog legend{font-size:12px;margin-bottom:12px}
#feedback-dialog .feedback-rating{display:flex;gap:9px}
#feedback-dialog .feedback-rating label{position:relative;cursor:pointer;font-size:34px;color:#648798;line-height:1.4}
#feedback-dialog .feedback-rating input{position:absolute;opacity:0;width:1px;height:1px}
#feedback-dialog .feedback-rating label.selected{color:#087da5}
#feedback-dialog .feedback-rating label:focus-within{outline:2px solid #087da5;outline-offset:3px}
#feedback-dialog textarea{display:block;width:100%;min-height:110px;border:1px solid #c7d8e0;padding:12px;margin:10px 0 15px;resize:vertical;background:#f6f9fa;color:#173f55}
#feedback-dialog .feedback-note{font-size:11px;line-height:1.6;color:#607987}
#feedback-dialog .button{width:100%;justify-content:center;background:#103e56;color:white;border:0}
#feedback-dialog .feedback-status{font-size:12px;margin:12px 0 0}
@media(max-width:600px){.feedback-launch{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:7px 11px;font-size:10px}.feedback-launch .feedback-stars-icon{font-size:15px}#feedback-dialog{padding:28px 22px}#feedback-dialog h2{font-size:24px}}
/* Legibility revision: larger original logo and stronger text contrast. */
:root{--muted:#435e6e}
.header,.header.scrolled{padding-top:14px;padding-bottom:14px}
.header .brand img{width:64px;height:64px;flex-shrink:0}
.header .brand>span{font-size:22px;font-weight:600}
.header .brand small{font-size:7px;font-weight:600;letter-spacing:.13em}
.header .nav-link{font-weight:600}.header .lang{font-weight:600}
.footer-top .brand img{width:72px;height:72px;flex-shrink:0}
.hero .hero-content>p{color:#304f62;font-size:15px}
.hero .eyebrow.light,.hero .hero-bottom{color:#244d64}
h1,h2,h3{color:inherit}
.hero h1 .serif,.onboard h2 .serif,.contact h2 .serif{color:#2d637e;font-weight:400}
.eyebrow{color:#365d72;font-weight:600}
.about-copy p,.pillars p,.section-heading>p,.service-card p,.service-card:hover p,.shore-row p,.shore-row li,.partner p,.home-partners>p,.contact-intro{color:#3b5666}
.section-heading>p,.services .section-heading>p{font-size:14px}
.service-card p{font-size:14px;line-height:1.75}
.service-top>span,.pillars>div>span,.partner-status,.shore .eyebrow,.form-top>span{color:#45677b}
.trust-inner>span,.trust-inner i{color:#486675}
.shore-visual .media-note{color:#4d6675;font-size:11px}
.work-grid figcaption,.work-grid figcaption button{color:#335569;font-size:12px}
.text-link,.sector-action{font-weight:600}
.contact label{color:#284b60;font-size:12px}
.form-note{color:#455f70;font-size:12px}
input,textarea,select{color:#17394d}
input::placeholder,textarea::placeholder{color:#526b7b;opacity:1}
.onboard .section-heading>p,.onboard .eyebrow{color:#365c71}
.onboard .system-panel p{color:#d3e4ed}
.onboard .boat-note,.onboard .boat-coordinate{color:#b1cbd8}
.sectors .eyebrow,.sectors .section-heading>p,.sectors .serif,.sector-card p,.sectors .sector-action{color:#d1e3ed}
.sectors .sector-no{color:#b2cddd}
.statement .eyebrow{color:#dbeaf2}
footer .footer-top p,footer .footer-nav a,footer .footer-bottom{color:#cbdfe9}
#feedback-dialog .feedback-note{color:#405e70;font-size:12px}
@media(max-width:1200px){.header,.header.scrolled{padding-top:12px;padding-bottom:12px}.header .brand img{width:60px;height:60px}}
@media(max-width:600px){
 .header,.header.scrolled{padding-top:11px;padding-bottom:11px}
 .header .brand img{width:56px;height:56px}
 .header .brand>span{font-size:18px}.header .brand small{font-size:6px}
 .header-actions{gap:10px}.header .brand{gap:8px}
 .hero .hero-content>p,.service-card p,.shore-row p,.shore-row li,.sector-card p{font-size:13px}
 .hero .eyebrow{font-size:9px}.eyebrow{font-size:10px}
 .footer-top .brand img{width:64px;height:64px}
}
@media(max-width:390px){.header .brand>span{display:none}.header-actions{gap:12px}}