/* Maritime Bridge — small brand layer on top of the responsive base. */
.brand {letter-spacing:-.075em;}
.brand > span:last-child {white-space:nowrap}
.brand-mark {flex-shrink:0}
.hero-left h1 {max-width:680px}
.footer a[data-contact-link] {overflow-wrap:anywhere}
@media (max-width:460px) {.brand {font-size:21px;letter-spacing:-.075em} .brand-mark {width:33px;height:33px} .header-actions{gap:6px}}

/* Candidate talent pool and private CV experience */
.talent-section{background:#f4faf8;overflow:hidden}.talent-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.talent-copy h2{font-size:clamp(36px,4.8vw,62px);letter-spacing:-2.8px;line-height:1.06;margin:13px 0 23px;color:#123d4b}.talent-copy h2 em{font-family:Georgia,serif;color:#168c83}.talent-copy>p{color:#526b75;max-width:540px;line-height:1.85;font-size:16px}.talent-highlights{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:#267b74;margin:20px 0 26px;font-weight:700}.talent-actions{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.talent-assurance{display:block;margin-top:22px;color:#6a838a;max-width:500px;line-height:1.65}.talent-visual{background:radial-gradient(circle at 60% 35%,#c2e9dc,#d9eeea 55%,#edf7f2);border-radius:30px;padding:50px 27px;min-height:415px;display:grid;place-items:center}.talent-paper{padding:29px;background:#fff;border:1px solid #e2f0eb;border-radius:18px;box-shadow:0 20px 50px #095c4f1f;width:min(340px,100%);transform:rotate(1.5deg)}.talent-paper-icon{display:inline-flex;background:#d5f2ea;border-radius:14px;padding:12px;font-size:25px;margin-bottom:12px}.talent-paper>small{display:block;color:#197e76;font-size:10px;letter-spacing:1.3px;font-weight:800}.talent-paper h3{font-size:22px;color:#103b49;margin:13px 0}.talent-pills{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.talent-pills span{padding:6px 9px;font-size:10px;color:#277970;background:#eaf8f4;border-radius:50px}.talent-paper-row{border-top:1px solid #e5eeee;padding:12px 0;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#57717b}.talent-paper-row b{color:#198479}.btn-outline-on-dark{background:transparent;border:1px solid #acd1d8;color:#fff;border-radius:9px;padding:13px 19px;font-weight:700;cursor:pointer}.btn-outline-on-dark:hover{background:#ffffff18}.toggle-row{border:1px solid #dbe8e9;border-radius:12px;padding:14px;margin:14px 0;background:#f7fbfb;display:flex;gap:11px;align-items:start}.toggle-row input{margin-top:4px;accent-color:#147d7b}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:13px}.toggle-row small{font-size:12px;color:#617884;line-height:1.6;margin-top:4px}.cv-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.cv-tools button{font-size:12px}.cv-hint{font-size:12px;color:#697e84;line-height:1.6}.talent-card{background:#f9fcfc;border:1px solid #d9e7e9;border-radius:13px;padding:17px;margin:12px 0}.talent-card h3{margin:0 0 6px;color:#193b47}.talent-card p{color:#607986;font-size:12px;line-height:1.6}.talent-card .tag{margin-right:6px}.cookie-dialog[hidden]{display:none}.cookie-dialog{position:fixed;inset:0;background:#0008;z-index:400;display:grid;place-items:center;padding:20px}.cookie-sheet{background:#fff;max-width:520px;padding:28px;border-radius:16px;color:#173a45;box-shadow:0 30px 70px #1235}.cookie-sheet h2{margin:0 0 14px}.cookie-sheet p{font-size:13px;line-height:1.75}.cookie-choices{display:grid;gap:11px;padding:18px 0}.cookie-choices label{display:flex;gap:10px;font-size:13px}.cookie-choices input{accent-color:#168b83}.footer-links>div{min-width:135px}
@media(max-width:840px){.talent-grid{grid-template-columns:1fr;gap:24px}.talent-visual{min-height:280px;padding:20px}.talent-copy h2{font-size:42px}}
@media(max-width:520px){.talent-actions{align-items:stretch}.talent-actions button{width:100%}.talent-copy h2{font-size:38px}}

/* Prevent older employer illustration intrinsic widths from causing horizontal scrolling on phones. */
@media(max-width:650px){
 .employer-grid{grid-template-columns:minmax(0,1fr)}.employer-grid>div,.employer-visual{min-width:0;max-width:100%;}
 .dashboard-window{width:min(425px,92vw);max-width:100%}
 .employer-grid h2{overflow-wrap:break-word}
 .footer-links{flex-wrap:wrap}
 .footer-links>div{max-width:none;min-width:135px;flex:1 1 130px}
}

body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}

/* v6 visual identity: navy bridge M + turquoise wave, traced from existing project visual */
.brand-mark {width:50px!important;height:46px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;display:inline-flex!important;}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(5,43,66,.12));}
.brand {letter-spacing:-.048em!important;font-weight:750!important;}
.brand-panorama-img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:.97;}
.sea-scene{border-radius:26px!important;top:4%!important;right:-4%!important;height:86%!important;background:#0a375a!important;}
.sea-scene .horizon,.sea-scene .sun-haze,.sea-scene .moon-glow,.sea-scene .sea-pattern{display:none!important;}
.prelaunch-ribbon{position:relative;background:#0b3657;color:#e3f8f6;padding:11px 20px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.015em;}
.prelaunch-ribbon span {display:block;max-width:960px;margin:auto;}
@media(max-width:900px){.brand-mark{width:39px!important;height:39px!important}.brand{gap:6px!important}.hero-visual{height:310px!important}.sea-scene{right:0!important;width:100%!important;height:96%!important}}
@media(max-width:480px){.brand-mark{width:34px!important;height:35px!important}.brand{font-size:20px!important}.hero-visual{height:270px!important}.prelaunch-ribbon{font-size:10px;padding:8px 16px}}

/* Maritime Insights on main page */
.mb-insights-strip{padding:76px 0;background:#f2f8f8;color:#153145}.mb-insights-intro h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.mb-insights-intro h2 em{color:#138788}.mb-insights-intro p{color:#516d77;max-width:700px}.mb-insights-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.mb-insight-teaser{background:#fff;padding:20px;border-radius:12px;text-decoration:none;border:1px solid #dbe8e8;display:flex;flex-direction:column;gap:12px}.mb-insight-teaser span{font-size:11px;color:#28747b}.mb-insight-teaser strong{font-size:16px;line-height:1.4}.mb-insights-more{font-weight:700;color:#005c68}.mb-insights-pending{color:#56727a}@media(max-width:690px){.mb-insights-teasers{grid-template-columns:1fr}}

/* Maritime Bridge editorial layout */
.edi-section{padding:32px 0 40px}.edi-section h2{font-size:28px;margin:0 0 8px}.edi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.edi-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;padding:22px;border:1px solid #dce5e9;border-radius:12px;gap:9px}.edi-card strong{font-size:21px}.edi-card time,.edi-card small{font-size:12px;color:#4a6673}.edi-empty{color:#60707e}.mb-editorial-home{background:#e9f4f4;padding:40px 0}.mb-editorial-home h2{font-size:32px}.edi-home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.edi-home-links a{padding:15px;background:#fff;border-radius:10px}@media(max-width:600px){.edi-grid,.edi-home-links{grid-template-columns:1fr}}

/* Original Maritime Bridge Weekly Report on the home page */
.mb-editorial-home{background:#edf6f6;padding:68px 0}.mb-editorial-home .overline{font-size:12px;font-weight:800;letter-spacing:.17em;color:#147d83}.mb-editorial-home h2{font-size:clamp(33px,4vw,53px);letter-spacing:-.04em;margin:9px 0}.mb-editorial-home h2 em{font-family:Georgia,serif;color:#147f84;font-weight:400}.mb-editorial-home>.shell>p{max-width:760px;color:#4c6a78;font-size:16px}.mb-editorial-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:30px 0;background:white;box-shadow:0 12px 45px rgba(8,54,68,.08);border-radius:16px;overflow:hidden}.mb-editorial-feature img{width:100%;height:100%;min-height:300px;object-fit:cover}.mb-editorial-feature>div{padding:clamp(26px,4vw,46px);align-self:center}.mb-editorial-feature span{color:#127d82;font-size:11px;font-weight:800;letter-spacing:.1em}.mb-editorial-feature h3{font-size:clamp(23px,2.4vw,34px);line-height:1.2;margin:14px 0}.mb-editorial-feature p{font-size:15px;color:#53727c;line-height:1.7}.mb-editorial-feature a{font-weight:800;color:#076d77;text-decoration:none}@media(max-width:730px){.mb-editorial-feature{grid-template-columns:1fr}.mb-editorial-feature img{height:250px;min-height:0}}


/* Public navigation — editorial, accessible disclosure menus. Desktop + phone. */
.header{z-index:100;overflow:visible}
.header .header-inner{gap:clamp(12px,2vw,29px)}
.header .mb-main-nav{display:flex;align-items:center;gap:12px;margin:0 0 0 auto}
.mb-nav-disclosure{position:relative}
.mb-nav-trigger,.mb-nav-direct{display:inline-flex;align-items:center;gap:11px;min-height:44px;border:0;background:transparent;border-radius:10px;padding:11px 13px;font:700 13px/1.25 system-ui,sans-serif;color:#264858;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s}
.mb-nav-trigger:hover,.mb-nav-trigger[aria-expanded=true],.mb-nav-direct:hover{background:#ecf6f5;color:#08787e}
.mb-chevron{width:8px;height:8px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .17s}
.mb-nav-trigger[aria-expanded=true] .mb-chevron{transform:translateY(1px) rotate(225deg)}
.mb-nav-panel{position:absolute;top:calc(100% + 12px);left:0;width:328px;border:1px solid #dce9e9;background:#fff;border-radius:17px;padding:17px;box-shadow:0 23px 58px rgba(8,50,65,.17);z-index:120;animation:mb-drop .14s ease-out}
.mb-nav-panel[hidden]{display:none!important}
.mb-main-nav .mb-nav-disclosure:last-child .mb-nav-panel{left:auto;right:0}
.mb-panel-eyebrow{display:block;padding:4px 12px 11px;color:#0c8890;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.11em}
.mb-nav-panel a{display:flex;flex-direction:column;gap:3px;padding:12px 13px!important;border-radius:10px!important;text-decoration:none;color:#173a4b!important;white-space:normal;transition:background .13s}
.mb-nav-panel a:hover,.mb-nav-panel a:focus-visible{background:#edf7f7!important}
.mb-nav-panel a strong{font:750 14px/1.3 system-ui,sans-serif}
.mb-nav-panel a span{font:400 12px/1.45 system-ui,sans-serif;color:#718b94}
@keyframes mb-drop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.header .header-actions{gap:0;flex-shrink:0}
.header .mb-nav-cta{display:inline-flex;align-items:center;gap:8px;background:#0c5266!important;color:#fff!important;padding:13px 18px!important;border:1px solid #0c5266!important;border-radius:11px;font-size:12px!important;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 4px 10px #0c526611}
.header .mb-nav-cta:hover{background:#0d7480!important;border-color:#0d7480!important}
.header #joinButton{display:none!important}
.header .mb-mobile-nav{display:none}
@media(max-width:1040px){
 .header .mb-main-nav{gap:2px}
 .mb-nav-trigger,.mb-nav-direct{padding:9px;font-size:12px}
 .header .mb-nav-cta{padding:11px 13px!important}
}
@media(max-width:850px){
 .header .mb-main-nav{display:none!important}
 .header .mobile-menu{display:block;border:1px solid #dbe8e8;border-radius:10px;background:#f5fafa;padding:8px 10px;cursor:pointer}
 .header .mb-nav-cta{display:inline-flex!important}
 .header{position:sticky;top:0}
 .header .mb-mobile-nav:not([hidden]){display:flex!important;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;background:#fff;border-top:1px solid #e2ecec;border-bottom:1px solid #d9e9e9;box-shadow:0 18px 40px #07293e26;padding:16px clamp(20px,6vw,60px) 25px;max-height:calc(100dvh - 72px);overflow-y:auto;z-index:130}
 .mb-mobile-nav a,.mb-mobile-nav summary{display:block!important;padding:15px 12px;font-size:14px;font-weight:700;color:#244c5c;border-bottom:1px solid #edf1f1;text-decoration:none;cursor:pointer}
 .mb-mobile-nav .mb-mobile-featured{background:#0c5366;color:#fff;border-radius:11px;text-align:center;margin-bottom:11px}
 .mb-mobile-nav details[open] summary{color:#08777e}
 .mb-mobile-nav details>div{display:grid;gap:0;padding:4px 0 5px 17px;background:#f6faf9;border-radius:9px}
 .mb-mobile-nav details>div a{font-size:13px;font-weight:550;border:0;padding:11px 15px}
 .mb-mobile-nav summary::marker{color:#0d8390}
}
@media(max-width:525px){
 .header .mb-nav-cta{display:none!important}
 .header .header-inner{gap:10px}
 .header .brand{min-width:0;font-size:22px!important}
 .header .mb-mobile-nav:not([hidden]){max-height:calc(100dvh - 70px)}
}
@media(prefers-reduced-motion:reduce){.mb-nav-panel{animation:none}.mb-chevron{transition:none}}
.mb-nav-trigger:focus-visible,.mb-nav-panel a:focus-visible,.mb-nav-direct:focus-visible,.mb-mobile-nav a:focus-visible,.mb-mobile-nav summary:focus-visible,.header .mobile-menu:focus-visible{outline:3px solid #18878d;outline-offset:3px}

/* Home shares the same footer social icon presentation. */
.footer .mb-social-links{display:flex;gap:12px;margin-top:18px}
.footer .mb-social-links a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(213,238,236,.35);border-radius:11px;color:#eafbf9;background:rgba(255,255,255,.07)}
.footer .mb-social-links svg{width:22px;height:22px;display:block}
.footer .mb-social-links a:hover{background:#145b68}
.footer .mb-social-links a:focus-visible{outline:3px solid #59e0d2;outline-offset:3px}

/* November 3 public invitation CTA */
.mb-join-feature{background:#082f46;padding:clamp(36px,5vw,70px) 0;color:#f2ffff}
.mb-join-feature-inner{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:55px;align-items:center}
.mb-join-kicker{display:block;color:#8bdfd8;font-weight:850;font-size:11px;letter-spacing:.13em}
.mb-join-feature h2{font-size:clamp(32px,4.2vw,56px);line-height:1.12;letter-spacing:-.045em;margin:14px 0 20px}
.mb-join-feature h2 em{color:#80e7d8;font-family:Georgia,serif;font-weight:500}
.mb-join-feature p{color:#cbdfe6;line-height:1.75;font-size:16px;max-width:680px}
.mb-join-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:25px 0}
.mb-join-benefits span{font-size:14px;color:#e4fcf5}
.mb-join-cta{display:inline-flex;align-items:center;gap:14px;background:#60e4cf;color:#063a46!important;font-weight:850;text-decoration:none;padding:17px 23px;border-radius:12px;box-shadow:0 12px 30px #0b161e45}
.mb-join-cta:hover{background:#9bf3e5;transform:translateY(-1px)}
.mb-join-feature small{display:block;margin-top:17px;color:#c9dfdf;max-width:550px;line-height:1.5}
.mb-join-feature-art{min-height:270px;border:1px solid #ffffff33;border-radius:26px;background:radial-gradient(circle at 55% 50%,#155e72,#082438);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;box-shadow:0 20px 50px #021d2855}
.mb-join-feature-anchor{font-size:85px;color:#a9f4ea}
.mb-join-feature-art strong{font-size:19px}
.mb-join-feature-art>span:last-child{color:#c6e7e6}
@media(max-width:780px){.mb-join-feature-inner{grid-template-columns:1fr}.mb-join-feature-art{display:none}.mb-join-benefits{grid-template-columns:1fr}}
