/* ===== Tidehunter "offshore HUD" theme: futuristic + industrial. Loaded after site.css, overrides it. ===== */
:root{--ink:#03141f;--ink2:#062638;--hud:#19c3b1;--hud2:#7ff0e0;--warn:#ffb020;--grid:rgba(13,79,102,.06)}
body{background-color:#f5f9fb;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px}
body.landing{background:#03121c}
.mono,.eyebrow,.sd small,.rail-text small,.ms small,.tag,.kpi span,.depth-read,nav a,.more-btn,.btn{font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace}
.eyebrow{font-size:.7rem;letter-spacing:.14em;color:#0d6f80;display:flex;align-items:center;gap:.5rem}
.eyebrow::before{content:"";width:.55rem;height:.55rem;background:var(--warn);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none}
.home-hero .eyebrow,.mission-hero .eyebrow,.lp .eyebrow,.hero-train .eyebrow{color:var(--hud2)}

/* ---------- header: dark control bar ---------- */
.top{background:linear-gradient(180deg,#03141f,#062638);border-bottom:0;box-shadow:0 6px 22px rgba(3,20,31,.35);position:sticky}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--hud) 18%,var(--hud2) 50%,var(--warn) 82%,transparent);opacity:.9}
.top.scrolled{box-shadow:0 8px 26px rgba(3,20,31,.5)}
.brand img{filter:drop-shadow(0 0 10px rgba(25,195,177,.25))}
nav a{color:#b9d4e0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;position:relative}
nav a:hover,nav a.on{background:rgba(25,195,177,.14);color:#fff}
nav a.on::after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:-1px;height:2px;background:var(--hud2);box-shadow:0 0 8px var(--hud2)}
nav a.login{color:#fff;border:1px solid rgba(127,240,224,.5);border-radius:3px}nav a.login:hover{background:rgba(127,240,224,.16)}
.hat{color:var(--warn)!important}
.more-btn{color:#b9d4e0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;border-radius:3px}
.more-btn:hover,.more-btn.on,.more.open .more-btn{background:rgba(25,195,177,.14);color:#fff}
.more-menu{background:#062638;border:1px solid rgba(127,240,224,.3);border-radius:4px;box-shadow:0 18px 40px rgba(2,12,20,.5)}
.more-menu a{color:#d7ecf5}.more-menu a:hover,.more-menu a.on{background:rgba(25,195,177,.16);color:#fff}
.burger{color:#fff!important;border-color:rgba(127,240,224,.5)!important;border-radius:3px!important}
@media (max-width:900px){nav{background:#062638;border-bottom:1px solid rgba(127,240,224,.3)}.more-menu{background:transparent}}
.ticker{background:#02101a;border-bottom:1px solid rgba(127,240,224,.18);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* ---------- offshore art ---------- */
svg.offshore,svg.skyline,svg.mini{--o-steel:rgba(13,79,102,.55);--o-line:#7ff0e0;--o-glow:#ffd166;--o-warn:#ffb020;--o-sea:rgba(25,195,177,.10);display:block;width:100%;height:auto;overflow:visible}
svg .o-s{fill:var(--o-steel);stroke:var(--o-line);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
svg .o-l{fill:none;stroke:var(--o-line);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
svg .o-d{fill:none;stroke:var(--o-line);stroke-opacity:.3;stroke-width:1;vector-effect:non-scaling-stroke}
svg .o-w{fill:var(--o-glow);opacity:.92}
svg .o-h{fill:var(--o-warn);stroke:var(--o-warn);stroke-width:1.4;vector-effect:non-scaling-stroke}
svg .o-t{font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;fill:var(--o-line);letter-spacing:.1em;opacity:.85}
svg .o-sea rect{fill:var(--o-sea)}
svg .o-grid path{fill:none;stroke:var(--o-line);stroke-opacity:.5;stroke-width:1;vector-effect:non-scaling-stroke}svg .o-grid .o-d{stroke-opacity:.12}
svg .o-wave{fill:none;stroke:var(--o-line);stroke-opacity:.55;stroke-width:1.3;vector-effect:non-scaling-stroke}
svg .o-wave.w2{stroke-opacity:.3}
svg .o-beam{fill:rgba(127,240,224,.11);stroke:rgba(127,240,224,.4);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;transform-origin:118px 20px;animation:o-ping 3.4s ease-in-out infinite}
svg .o-beam.b2{animation-delay:-1.7s}
svg .o-blades{animation:o-spin 9s linear infinite}
svg .o-flame{transform-origin:50% 100%;transform-box:fill-box;animation:o-flick 1.1s ease-in-out infinite alternate}
svg .o-vessel{animation:o-bob 5s ease-in-out infinite;transform-origin:100px 0}
svg .o-fpso,svg .o-platform{animation:o-bob2 7s ease-in-out infinite}
svg .o-wave.w1{animation:o-drift 9s linear infinite}svg .o-wave.w2{animation:o-drift 14s linear infinite reverse}
svg .o-layer{will-change:transform}
@keyframes o-spin{to{transform:rotate(360deg)}}
@keyframes o-flick{from{transform:scale(1,.82);opacity:.75}to{transform:scale(1.08,1.12);opacity:1}}
@keyframes o-bob{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-2px) rotate(.5deg)}}
@keyframes o-bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes o-drift{to{transform:translateX(-60px)}}
@keyframes o-ping{0%,100%{opacity:.25}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){svg .o-beam,svg .o-blades,svg .o-flame,svg .o-vessel,svg .o-fpso,svg .o-platform,svg .o-wave{animation:none!important}}
svg.mini{width:100%;max-width:150px}svg.skyline{overflow:hidden}

/* ---------- hero (home + inner pages) ---------- */
.home-hero,.mission-hero{display:block;position:relative;margin:.8rem 0 1.2rem;padding:1.5rem 1.6rem 0;border-radius:4px;color:#e8f4fa;overflow:hidden;
 background:radial-gradient(70% 90% at 12% 0,rgba(25,195,177,.28),transparent 60%),linear-gradient(180deg,#03141f 0,#062c40 62%,#0a4a5e 100%);border:1px solid rgba(127,240,224,.3);box-shadow:0 18px 40px rgba(3,20,31,.22)}
.home-hero::before,.mission-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(rgba(127,240,224,.05) 1px,transparent 1px) 0 0/100% 4px,
 linear-gradient(var(--hud2),var(--hud2)) 8px 8px/16px 2px no-repeat,linear-gradient(var(--hud2),var(--hud2)) 8px 8px/2px 16px no-repeat,
 linear-gradient(var(--hud2),var(--hud2)) calc(100% - 8px) 8px/16px 2px no-repeat,linear-gradient(var(--hud2),var(--hud2)) calc(100% - 8px) 8px/2px 16px no-repeat}
.home-hero::after,.mission-hero::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(115deg,var(--warn) 0 12px,#03141f 12px 24px);opacity:.9;z-index:2}
.home-hero>div:first-child,.mission-hero>div:first-child{position:relative;z-index:3;max-width:620px}
.home-hero h1,.mission-hero h1{color:#fff;font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.12;margin:.5rem 0;letter-spacing:-.01em;text-shadow:0 0 22px rgba(25,195,177,.25)}
.home-hero .lede,.mission-hero .lede{color:#bcd6e2;max-width:56ch}
.hh-scene{position:relative;z-index:2;margin:-1.2rem -1.6rem 0;pointer-events:none}
.hh-scene svg{min-height:130px}
.hh-scene::after{content:"";position:absolute;inset:auto 0 0 0;height:36px;background:linear-gradient(180deg,transparent,rgba(3,20,31,.55))}
.hh-readout{position:absolute;right:1.2rem;top:1rem;z-index:3;font:600 .62rem/1.5 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--hud2);text-align:right;opacity:.85}
.hh-readout b{display:block;color:#fff;font-size:.8rem;letter-spacing:.06em}
@media (max-width:640px){.hh-readout{display:none}.home-hero,.mission-hero{padding:1.2rem 1rem 0}.hh-scene{margin:-.6rem -1rem 0}}
.home-hero .btn.ghost,.mission-hero .btn.ghost{color:#fff;border-color:rgba(127,240,224,.5)}

/* ---------- buttons: cut corners ---------- */
.btn{border-radius:3px;letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:700;padding:.5rem 1rem}
.btn.big{font-size:.8rem;padding:.65rem 1.25rem}
.btn.accent,.btn:not(.ghost):not(.disabled){clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.btn.accent{background:linear-gradient(180deg,#2fe0cc,#13b3a1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.btn.ghost{border-radius:3px;border-color:#9bbfcc}
.btn.pulse{animation:pulse-hud 2.4s ease-in-out infinite}
@keyframes pulse-hud{0%,100%{filter:drop-shadow(0 0 0 rgba(25,195,177,0))}50%{filter:drop-shadow(0 0 9px rgba(25,195,177,.7))}}
@media (prefers-reduced-motion:reduce){.btn.pulse{animation:none}}

/* ---------- cards: corner brackets + hairlines ---------- */
.why,.qt,.panel,.card,.ms:not(.ms-hire),.kpi,.job,.form-card,.job-meta div,.opp-alert{border-radius:4px;border-color:#cfe0e8;
 background-image:linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud)),linear-gradient(var(--hud),var(--hud));
 background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px;
 background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;background-repeat:no-repeat;background-color:#fff}
.why:hover,.qt:hover{border-color:var(--hud);box-shadow:0 12px 28px rgba(3,20,31,.14),0 0 0 1px rgba(25,195,177,.25)}
.why .ico,.qt-ico{border-radius:4px;background:#0a2c3f;color:var(--hud2);box-shadow:inset 0 0 0 1px rgba(127,240,224,.35)}
.tag{border-radius:2px;background:#e3f5f2;letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}
.shell-main section>h2,.wrap>section>h2{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);display:flex;align-items:center;gap:.5rem}
.shell-main section>h2::before,.wrap>section>h2::before{content:"";width:.5rem;height:1.05rem;background:repeating-linear-gradient(115deg,var(--warn) 0 3px,var(--ink) 3px 6px);flex:none}
.band{border-radius:4px}
.ms-hire,.opp-hire{border-radius:4px;background:linear-gradient(120deg,#03141f,#0a4a5e);border:1px solid rgba(127,240,224,.3)}

/* ---------- CTA band with skyline ---------- */
.cta-band{position:relative;overflow:hidden;border-radius:4px;padding-bottom:5rem;background:linear-gradient(110deg,#03141f,#0a4a5e);border:1px solid rgba(127,240,224,.3);animation:none}
.cta-band>div{position:relative;z-index:2}
.cta-band .sk{position:absolute;left:0;right:0;bottom:0;z-index:1;opacity:.9;pointer-events:none}
.cta-band::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(115deg,var(--warn) 0 12px,#03141f 12px 24px);z-index:3}

/* ---------- sidebar ---------- */
.sd{border-radius:4px}
.sd small{letter-spacing:.14em;font-size:.62rem}
.sd-train{border:1px solid rgba(127,240,224,.4);box-shadow:0 10px 26px rgba(3,20,31,.25)}
.sd-hire{background:linear-gradient(160deg,#03141f,#0a4a5e);color:#e8f4fa;border:1px solid rgba(127,240,224,.35)}
.sd-hire small{color:var(--hud2)}.sd-hire b{color:#fff}.sd-hire>span:not(.btn){color:#bcd6e2}.sd-hire .btn{background:linear-gradient(180deg,#2fe0cc,#13b3a1);color:#032b33}
.sd-pdf{background:linear-gradient(160deg,#03141f,#243a6e);border:1px solid rgba(127,240,224,.25)}
.sd-demo{border-radius:4px;border-color:#cfe0e8}
.sd .mini{position:absolute;right:-.3rem;bottom:-.3rem;width:132px;max-width:132px;opacity:.16;pointer-events:none}.sd-pdf .mini,.sd-demo .mini{width:88px;max-width:88px}.sd>*:not(.mini){position:relative;z-index:1}
.sd-demo .mini{--o-steel:rgba(13,79,102,.2);--o-line:#0d6f80;opacity:.22}
.sd-body .mini{display:none}
.rail-card,.rail-inline{border-radius:4px}

/* ---------- footer: dark deck with skyline ---------- */
.foot{position:relative;margin-top:3rem;padding:0 0 1.2rem;background:linear-gradient(180deg,#062638,#03141f);color:#9bbccb;text-align:center;border:0}
.foot::before{content:"";display:block;height:6px;background:repeating-linear-gradient(115deg,var(--warn) 0 14px,#03141f 14px 28px)}
.foot .skyline{margin-top:-6px;opacity:.85}
.foot a{color:var(--hud2)}
.foot .disc{color:#8fb0c1}
.foot .wrap{padding-top:.8rem}
.foot-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}

/* ---------- certificate verification ---------- */
.verify-form{margin:1rem 0 .4rem;max-width:520px;position:relative;z-index:3}
.verify-form label{display:block;font:700 .66rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--hud2);margin-bottom:.3rem}
.vf-row{display:flex;gap:.5rem}.vf-row input{flex:1;min-width:0;font:600 1rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;padding:.65rem .8rem;border-radius:3px;border:1px solid rgba(127,240,224,.5);background:rgba(3,20,31,.7);color:#fff;text-transform:uppercase}
.vf-row input::placeholder{color:#6f95a6}.vf-row input:focus{outline:2px solid var(--hud2);outline-offset:1px}
.verify-result{display:flex;gap:1rem;align-items:flex-start;margin:1.2rem 0;padding:1.2rem 1.3rem;border-radius:4px;border:1px solid #cfe0e8;border-left:5px solid var(--down);background:#fff}
.verify-result.ok{border-left-color:var(--up);background:linear-gradient(120deg,#f1fbf6,#fff)}
.verify-result .vr-seal{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0a2c3f;color:var(--hud2);box-shadow:0 0 0 3px rgba(25,195,177,.25)}
.verify-result.bad .vr-seal{color:#ff9aa5;box-shadow:0 0 0 3px rgba(180,35,24,.25)}
.vr-state{margin:0;font:700 .68rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--up)}.verify-result.bad .vr-state{color:var(--down)}
.verify-result h2{margin:.15rem 0 .2rem;font-size:1.35rem;text-transform:none;letter-spacing:0}.verify-result h2::before{display:none}
.verify-result p{margin:.1rem 0}.verify-result dl{display:flex;flex-wrap:wrap;gap:.4rem 2rem;margin:.7rem 0 0}.verify-result dt{font:600 .62rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.verify-result dd{margin:0;font:650 .95rem ui-monospace,Menlo,Consolas,monospace}
@media (max-width:480px){.vf-row{flex-direction:column}.verify-result{flex-direction:column}}

/* ---------- training landing ---------- */
.lp-pano{position:relative;margin:1.2rem 0 -.4rem;pointer-events:none}
.lp-pano svg{height:clamp(150px,24vw,330px);width:100%}
.lp-pano::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,#073a55)}
.lp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 50% at 78% 18%,rgba(255,176,32,.16),transparent 70%),radial-gradient(60% 40% at 20% 0,rgba(127,240,224,.14),transparent 70%)}
.lp-head .eyebrow{justify-content:inherit}
.lp-head.left .eyebrow,.lp-two .eyebrow{justify-content:flex-start}
.lp-sec::before{content:"";position:absolute;left:50%;top:0;width:min(1000px,92%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(127,240,224,.5),transparent)}
.lp .btn.ghost{border-radius:3px}
.pn-card,.faq,.mod{border-radius:4px}

@media (prefers-reduced-motion:reduce){.top::after{opacity:1}}

/* ghost buttons on dark surfaces */
.band .btn.ghost,.lp .btn.ghost,.sd .btn.ghost:not(.x),.ms-hire .btn.ghost,.opp-hire .btn.ghost{color:#fff;border-color:rgba(127,240,224,.55)}
.sd.sd-demo .btn.ghost{color:var(--navy2);border-color:#9bbfcc}
.band .btn.ghost:hover,.lp .btn.ghost:hover{background:rgba(127,240,224,.14)}