/* ===== calm layer: lighter, airier, friendlier. Loaded after offshore.css and softens its HUD look.
   Animations are kept; the heavy decoration (grid, hazard stripes, corner brackets, mono caps, neon glow) is removed. ===== */
:root{--hud:#19c3b1;--hud2:#7ff0e0;--warn:#e9a82f;--soft:#f3f8fa;--soft2:#eaf3f6}
body{background:#fff;background-image:none}
body.landing{background:#fff}
.mono,.eyebrow,.sd small,.rail-text small,.ms small,.tag,.kpi span,.depth-read,nav a,.more-btn,.btn,.foot-line,.hh-readout,.more-menu a,.verify-form label{font-family:inherit}
.eyebrow{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#0d6f80}
.eyebrow::before{display:none}
.home-hero .eyebrow,.mission-hero .eyebrow,.lp-hero .eyebrow,.hero-train .eyebrow,.cta2 .eyebrow{color:var(--hud2)}

/* ---- header: white, quiet ---- */
.top{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);box-shadow:none}
.top::after{display:none}.top.scrolled{box-shadow:0 4px 18px rgba(7,42,67,.08)}
.brand img{filter:none}
nav a,.more-btn{color:#3a5568;font-size:.82rem;letter-spacing:0;text-transform:none;border-radius:8px;font-weight:550}
nav a:hover,nav a.on,.more-btn:hover,.more-btn.on,.more.open .more-btn{background:var(--soft2);color:var(--navy)}
nav a.on::after{left:.55rem;right:.55rem;bottom:2px;height:2px;background:var(--hud);box-shadow:none;border-radius:2px}
nav a.login{color:var(--navy);border:1px solid #c9d8e2;border-radius:99px;font-size:.8rem}nav a.login:hover{background:var(--soft2)}
.hat{color:var(--navy)!important}
.more-btn.burger{color:var(--navy);border:1px solid #c9d8e2;border-radius:8px}
.more-btn.burger:hover,.more-btn.burger.on,.more.open .more-btn.burger{background:var(--soft2)}
.more-menu{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px rgba(7,42,67,.12)}
.more-menu a{color:#27475b;font-size:.85rem;letter-spacing:0;text-transform:none;border-radius:8px}.more-menu a:hover,.more-menu a.on{background:var(--soft2);color:var(--navy)}
.burger{color:var(--navy)!important;border-color:#c9d8e2!important;border-radius:8px!important}
@media (max-width:900px){nav{background:#fff;border-bottom:1px solid var(--line)}.more-menu{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px rgba(7,42,67,.12)}}
@media (max-width:760px){nav.mainnav{border-top:1px solid var(--line)}}
@media (max-width:1100px) and (min-width:761px){nav.mainnav a{text-transform:none}}
.ticker{background:var(--soft);color:#3a5568;border-bottom:1px solid var(--line);font-family:inherit}
.tk{border-right-color:var(--line)}.ticker .up{color:#0f7b4f}.ticker .down{color:#b42318}.ticker .flat,.tk-empty{color:#6a8394}
.langsel select{border-radius:8px}

/* ---- buttons ---- */
.btn{border-radius:8px;letter-spacing:0;text-transform:none;font-size:.88rem;font-weight:650;padding:.5rem 1.05rem}
.btn.big{font-size:.95rem;padding:.65rem 1.35rem}
.btn.accent,.btn:not(.ghost):not(.disabled){clip-path:none}
.btn.accent{background:var(--hud);color:#032b33;box-shadow:0 2px 8px rgba(25,195,177,.28)}
.btn.accent:hover{filter:none;background:#14b3a1}
.btn.ghost{border-radius:8px;border-color:#c0d3dd;color:var(--navy2)}.btn.ghost:hover{background:var(--soft2)}
.btn.pulse{animation:calmglow 3s ease-in-out infinite}
@keyframes calmglow{0%,100%{box-shadow:0 2px 8px rgba(25,195,177,.28),0 0 0 0 rgba(25,195,177,.35)}50%{box-shadow:0 2px 8px rgba(25,195,177,.28),0 0 0 9px rgba(25,195,177,0)}}
.btn.pulse::after{animation-duration:3.8s;opacity:.55}
@media (prefers-reduced-motion:reduce){.btn.pulse{animation:none}}
#sp{height:2px;background:var(--hud)}

/* ---- cards ---- */
.why,.qt,.panel,.card,.ms:not(.ms-hire),.kpi,.job,.form-card,.job-meta div,.opp-alert{border-radius:14px;border-color:var(--line);background-image:none;box-shadow:0 1px 2px rgba(7,42,67,.04)}
.why:hover,.qt:hover{border-color:#bfe6e1;box-shadow:0 10px 26px rgba(7,42,67,.08)}
.why .ico,.qt-ico{border-radius:10px;background:#e6f6f4;color:#0d6f80;box-shadow:none}
.tag{border-radius:99px;text-transform:none;letter-spacing:0;font-size:.72rem}
.shell-main section>h2,.wrap>section>h2{font-family:inherit;font-size:1.2rem;letter-spacing:0;text-transform:none;color:var(--navy)}
.shell-main section>h2::before,.wrap>section>h2::before{display:none}
.band,.ms-hire,.opp-hire,.sd,.rail-card,.rail-inline,.pn-card,.faq,.mod{border-radius:14px}
.ms-hire,.opp-hire{background:linear-gradient(120deg,#0a3a52,#0d6f80);border:0}
.sd-hire{background:linear-gradient(160deg,#0a3a52,#0d6f80);border:0}
.sd-pdf{background:linear-gradient(160deg,#16386a,#4b49b4);border:0}
.sd-train{box-shadow:0 8px 22px rgba(7,42,67,.14);border-color:rgba(127,240,224,.25)}
.sd-demo{border-radius:14px;border-color:var(--line)}
.sd small{letter-spacing:.1em}
.stats>div{background:#fff;border-radius:14px}

/* ---- hero blocks (home + inner pages): same scene, calmer frame ---- */
.home-hero,.mission-hero{border-radius:20px;border:0;box-shadow:0 14px 34px rgba(7,42,67,.12);background:radial-gradient(70% 90% at 12% 0,rgba(25,195,177,.22),transparent 60%),linear-gradient(180deg,#0a3a52 0,#0c4c64 62%,#0f6277 100%)}
.home-hero::before,.mission-hero::before,.home-hero::after,.mission-hero::after{display:none}
.home-hero h1,.mission-hero h1{text-shadow:none;letter-spacing:-.015em}
.hh-readout{opacity:.6;letter-spacing:.06em}
.hh-scene::after{background:linear-gradient(180deg,transparent,rgba(7,42,67,.35))}
.home-hero .btn.ghost,.mission-hero .btn.ghost{border-color:rgba(255,255,255,.5)}
.home-hero .btn.ghost:hover,.mission-hero .btn.ghost:hover{background:rgba(255,255,255,.12)}

/* ---- featured training block: no rainbow border, no blinking ---- */
.feature{padding:1px;background:#cfe3ea;animation:none;border-radius:20px;box-shadow:0 12px 32px rgba(7,42,67,.1)}
.feature-in{border-radius:19px 19px 0 0;background:radial-gradient(120% 120% at 0 0,#0f6277,#0a3a52)}
.marquee{border-radius:0 0 19px 19px;background:#082f43}.marquee span::before{color:var(--hud2)}
.pill{animation:none;background:rgba(127,240,224,.16);color:#7ff0e0;letter-spacing:.1em;font-weight:700}
.feature-text h2{font-size:1.7rem}

/* ---- bands ---- */
.cta-band{border-radius:18px;border:0;background:linear-gradient(110deg,#0a3a52,#0d6f80)}
.cta-band::before{display:none}
.cta-band.cta2{background:radial-gradient(circle at 92% 20%,rgba(25,195,177,.25),transparent 45%),linear-gradient(110deg,#0a3a52,#0d6f80)}
.banner{border-radius:14px}

/* ---- footer: light ---- */
.foot{background:var(--soft);color:#5b7284;border-top:1px solid var(--line)}
.foot::before{display:none}
.foot .skyline{margin-top:0;opacity:.7;--o-line:#0d6f80;--o-steel:rgba(13,79,102,.07);--o-glow:#19c3b1}
.foot a{color:#0d6f80}.foot .disc{color:#6a8394}.foot-line{letter-spacing:0}

/* ---- certificate verification ---- */
.verify-result{border-radius:14px}.vr-state,.verify-result dt,.verify-result dd{font-family:inherit}
.vf-row input{font-family:inherit;border-radius:8px}

/* ======== training landing: light page, dark "windows" for the animated scenes ======== */
.lp{color:#33495a;background:linear-gradient(180deg,#eef7f8 0,#fff 560px)}
.lp a{color:#0d6f80}.lp .btn{color:#032b33}
.lp .btn.ghost{color:var(--navy2);border:1px solid #c0d3dd;background:#fff}.lp .btn.ghost:hover{background:var(--soft2)}
.lp .eyebrow{color:#0d6f80}
.lp-head h2{color:var(--navy)}.lp-head p{color:#4b6475}
.lp h3{color:var(--navy)}.lp .muted,.lp .soon{color:#6a8394}
.lp-sec::before{background:linear-gradient(90deg,transparent,var(--line),transparent)}
.lp-sec{padding:3.2rem 0 .6rem}
/* the hero becomes one rounded dark window */
.lp-hero{max-width:1120px;margin:1rem auto 0;border-radius:24px;overflow:hidden;padding:2rem 0 2.4rem;color:#d7e8f3;background:linear-gradient(180deg,#0b5a73 0,#073a55 70%,#06324a 100%);box-shadow:0 18px 44px rgba(7,42,67,.16)}
.lp-hero::before{background:radial-gradient(40% 50% at 78% 18%,rgba(255,209,102,.12),transparent 70%),radial-gradient(60% 40% at 20% 0,rgba(127,240,224,.12),transparent 70%)}
.lp-hero a:not(.btn){color:#7ff0e0}.lp-hero .eyebrow{color:#7ff0e0}
.lp-hero .btn.ghost{color:#fff;border-color:rgba(127,240,224,.55);background:transparent}.lp-hero .btn.ghost:hover{background:rgba(127,240,224,.14)}
.lp-hero h3{color:#fff}.lp-hero .muted{color:#9db8c8}
.lp-pano::after{background:linear-gradient(180deg,transparent,#06324a)}
.lp .th-anim{box-shadow:0 14px 36px rgba(7,42,67,.18)}.lp .th-scroll__pin{box-shadow:0 14px 36px rgba(7,42,67,.2)}
/* module path */
.path-track{background:#dbe8ee}
.pn-dot{background:#fff;border-color:#c5dae3;color:#6a8394}
.pn-card{background:#fff;border:1px solid var(--line);box-shadow:0 1px 3px rgba(7,42,67,.05)}
.pn-card h3{color:var(--navy)}.pn-card p{color:#4b6475}.pn-meta{color:#0d6f80}
html.js .pnode.on .pn-card{border-color:#9fdcd4;background:#f4fbfa}
.pnode.on .pn-dot{background:var(--hud);border-color:var(--hud);color:#04202a;box-shadow:0 0 0 6px rgba(25,195,177,.16)}
/* marquee, ticks, steps, accordions */
.mq-row span{background:#fff;border:1px solid var(--line);color:var(--navy);box-shadow:0 1px 2px rgba(7,42,67,.04)}
.ticks li{color:#33495a}.ticks li::before{box-shadow:0 0 0 4px rgba(25,195,177,.16)}
.lp .steps{border-left-color:#cfe3ea}.lp .steps li{color:#33495a}.lp .steps li::before{color:#04202a}
.lp .mod,.lp .faq{background:#fff;border-color:var(--line);color:#33495a;box-shadow:0 1px 2px rgba(7,42,67,.04)}
.lp .mod summary,.lp .faq summary{color:var(--navy)}
.lp .whys.inside .why{background:#fff;border:1px solid var(--line);color:#33495a}
.lp .whys.inside .why h3{color:var(--navy)}.lp .whys.inside .why p{color:#4b6475}.lp .whys.inside .why:hover{border-color:#bfe6e1}
.lp-sub{color:var(--navy)}
.vendors li{background:#fff;border:1px solid var(--line);border-left:3px solid var(--hud);border-radius:10px}.vendors b{color:var(--navy)}.vendors span{color:#4b6475}
.lp-note{background:#eef9f7;color:#33495a;border-left-color:var(--hud);border-radius:0 10px 10px 0}
.incl{background:#eef9f7;border-radius:12px}
.lp .stats>div{background:#fff;border-color:var(--line)}.lp .stats b{color:var(--navy)}.lp .stats span:not([data-count]){color:#6a8394}
.lp-hero .stats>div{background:rgba(255,255,255,.07);border-color:rgba(127,240,224,.2)}.lp-hero .stats b{color:#fff}.lp-hero .stats span:not([data-count]){color:#9db8c8}
.lp-final{background:radial-gradient(60% 100% at 50% 0,rgba(25,195,177,.12),transparent 70%)}
.lp-final h2{color:var(--navy)}.lp-final p{color:#4b6475}
.lp .sticky-cta{background:rgba(255,255,255,.96);border-top:1px solid var(--line);color:var(--text)}
.cert3d{box-shadow:0 18px 40px rgba(7,42,67,.18)}
.g-line{opacity:.55}.g-t{color:#8aa5b5}
/* the DATABASE section on the light page */
.lp .dbx .lp-head h2{color:var(--navy)}.lp .dbx .lp-head p{color:#4b6475}
.dbx-win{box-shadow:0 16px 40px rgba(7,42,67,.18)}
.lp .dbx .dbx-bonus h3,.dbx .dbx-bonus h3{color:var(--navy)}
.lp .dbx-win h3,.lp .dbx-p h3{color:#fff}
.dbx-bc{background:#fff;border:1px solid var(--line);color:#33495a;box-shadow:0 1px 2px rgba(7,42,67,.04)}
.dbx-bc h4{color:var(--navy)}.dbx-bc p{color:#4b6475}.dbx-bc em{color:#0d6f80}
.dbx-bc .tag{background:#e6f6f4;color:#0d4f66}
.lp .dbx-legal,.lp .dbx-cta .muted{color:#6a8394}
