:root{--navy:#071a2e;--ink:#112a44;--blue:#176ef0;--cyan:#57d2ff;--coral:#ff755a;--lime:#d9ff72;--bg:#f3f7fb;--line:#dfe9f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e6eef5}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:21px;letter-spacing:-.8px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:2px}.mark{width:47px;height:47px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:23px}.mark b{color:var(--cyan)}.nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:800}.btn{background:var(--blue);color:#fff;border:0;border-radius:50px;padding:14px 24px;font-weight:800;box-shadow:0 10px 28px #176ef042}.btn:hover{transform:translateY(-2px);filter:brightness(1.09)}.btn.outline{background:#fff;color:var(--navy);border:1px solid #d7e5f0;box-shadow:none}.btn.coral{background:var(--coral)}.hero{min-height:650px;position:relative;color:white;background:#061b33;overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:url('hero.webp') 65% 44%/cover no-repeat;animation:zoom 17s infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061a30 0%,#062947ed 31%,#072c4a68 67%,#061c3210),linear-gradient(0deg,#062138ba,transparent 50%)}@keyframes zoom{to{transform:scale(1.08)}}.hero-content{position:relative;z-index:1;padding:70px 7%;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:900;font-size:11px;color:var(--lime)}h1{font-size:clamp(49px,6.4vw,99px);line-height:.99;letter-spacing:-5px;margin:20px 0}h1 em{font-style:normal;color:var(--cyan)}.hero p{font-size:18px;line-height:1.7;color:#deebfa;max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.tagline{color:#b4d5ed;font-size:12px;letter-spacing:2px;font-weight:800}.ticker{padding:18px 7%;background:var(--lime);white-space:nowrap;overflow:hidden;font-weight:950;font-size:13px;letter-spacing:1px}.ticker span{margin-right:36px}.section{padding:78px 7%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-2px;margin:10px 0}.section-head p{max-width:450px;line-height:1.6;color:#597189}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature{background:white;overflow:hidden;border-radius:20px;border:1px solid #e2eaf3;box-shadow:0 12px 30px #13375a0a;transition:.25s}.feature:hover{transform:translateY(-8px);box-shadow:0 25px 45px #113b6621}.feature img{width:100%;height:218px;object-fit:cover}.feature .inner{padding:24px}.feature h3{font-size:24px;letter-spacing:-.8px;margin:8px 0}.feature p{line-height:1.6;color:#617489;font-size:14px}.chip{display:inline-block;background:#e6f2ff;border-radius:40px;padding:7px 12px;color:#1362c9;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.jump{font-size:13px;font-weight:900;color:#176ef0;border:0;background:none;padding:8px 0}.banner{margin:25px 7% 70px;padding:50px;border-radius:26px;background:radial-gradient(circle at 80% 30%,#2679b9 0%,transparent 38%),#092442;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{font-size:clamp(30px,4vw,56px);margin:10px 0;letter-spacing:-2px}.banner p{color:#bfdbef}.footer{background:#061a30;padding:40px 7%;color:#a7bbd1;display:flex;justify-content:space-between;gap:20px;font-size:13px}.footer strong{color:#fff}.auth{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.1fr .9fr}.auth-photo{background:linear-gradient(0deg,#071e41dc,transparent 65%),url('lab2.webp') center/cover;display:flex;align-items:flex-end;padding:60px;color:#fff}.auth-photo h2{font-size:52px;letter-spacing:-2px}.auth-panel{display:grid;place-items:center;padding:40px}.form-card{width:min(440px,100%);background:#fff;padding:42px;border-radius:24px;box-shadow:0 18px 60px #14355a15}.form-card h2{font-size:34px;letter-spacing:-1px;margin:10px 0}.field{display:block;margin:18px 0;font-size:12px;font-weight:800}.field input,.field select,.field textarea,input,textarea,select{width:100%;border:1px solid #d8e4ef;background:#f8fbfe;border-radius:11px;padding:12px;color:#17314c;margin-top:7px}.field textarea{min-height:100px}.form-card .btn{width:100%}.muted{color:#667d94;line-height:1.65}.small{font-size:12px}.error{color:#b72742;font-size:13px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 78px)}.side{background:#08213b;color:#c0d4e5;padding:26px 15px}.side h4{font-size:10px;letter-spacing:2px;margin:20px 15px}.side button{border:0;background:none;color:inherit;width:100%;text-align:left;padding:13px 15px;border-radius:11px;font-size:13px;font-weight:750;margin:2px 0}.side button:hover,.side button.active{background:#1b4871;color:#fff}.main{padding:38px min(5vw,60px);min-width:0}.welcome{background:linear-gradient(105deg,#06213f 0%,#145c9d 100%);padding:35px;border-radius:23px;color:white;position:relative;overflow:hidden}.welcome h2{font-size:clamp(32px,4vw,50px);margin:7px 0;letter-spacing:-1.6px}.welcome p{color:#cde6fa;max-width:650px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.stat,.panel{background:white;border:1px solid #e0eaf3;border-radius:17px;padding:22px}.stat b{font-size:32px;display:block;color:#1257a9}.stat span{font-size:12px;color:#697c8e}.panel{margin:18px 0}.panel h3{font-size:24px;margin:3px 0 12px}.panel p{line-height:1.7;color:#586f83}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.item{background:#f2f7fc;padding:15px;border-radius:13px;margin:10px 0;border:1px solid #e1ebf4}.item b{display:block;margin-bottom:5px}.item small{color:#6f8498}.choice{display:block;width:100%;text-align:left;padding:14px;border:1px solid #dbe8f5;background:#f5faff;border-radius:12px;margin:9px 0}.choice:hover{background:#e3f1ff}.pill{display:inline-block;padding:6px 10px;border-radius:50px;background:#e6f7e6;color:#136a46;font-size:11px;font-weight:800}.progress{height:9px;background:#e5eff8;border-radius:30px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#176ef0,#44c9ff);width:0%;transition:.3s}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.content-grid .panel{margin:0}.courseimg{width:100%;height:180px;object-fit:cover;border-radius:13px}.notice{padding:12px 16px;background:#fff3d9;border-radius:10px;color:#845412;font-size:12px}.mobilemenu{display:none}.reveal{animation:appear .5s ease both}@keyframes appear{from{opacity:0;transform:translateY(13px)}}@media(max-width:920px){.nav a:not(.btn){display:none}.grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:7px;gap:3px}.side h4{display:none}.side button{white-space:nowrap;width:auto}.main{padding:20px}.auth{grid-template-columns:1fr}.auth-photo{display:none}}@media(max-width:600px){.top{padding:0 16px}.brand{font-size:16px}.nav{gap:7px}.nav .btn{padding:11px 13px}.hero{min-height:620px}.hero-content{padding:55px 22px}.hero h1{letter-spacing:-3px}.grid,.stats,.content-grid{grid-template-columns:1fr}.section{padding:48px 20px}.section-head{display:block}.banner{margin:10px 20px 45px;padding:28px;display:block}.footer{display:block}.form-card{padding:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Checkpoint 06 — original DCL pricing integrated into the magazine layout */
.pricing-section{background:linear-gradient(160deg,#edf7ff 0%,#fff 58%,#eaf2ff 100%)}.pricing-section .section-head em{font-style:normal;color:#176ef0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.price-card{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:33px 27px;border:1px solid #dbe7f4;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(16,47,88,.07);transition:transform .25s ease,box-shadow .25s ease}.price-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(16,82,164,.16)}.price-card.featured{background:linear-gradient(150deg,#093063,#0d58c7);color:#fff;border-color:#145bba}.price-label{font-size:11px;letter-spacing:.12em;font-weight:900;color:#176ef0}.featured .price-label{color:#9ee6ff}.price-card h3{font-size:31px;margin:17px 0 9px}.price-intro{opacity:.72;line-height:1.7;min-height:62px}.price-amount{border-top:1px solid #d8e5f2;border-bottom:1px solid #d8e5f2;padding:20px 0;margin:22px 0;display:flex;flex-direction:column;gap:6px}.featured .price-amount{border-color:#467cc6}.price-amount small,.price-amount span{font-size:12px;opacity:.75}.price-amount strong{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-1.5px}.price-card ul{padding:0;margin:0 0 28px;list-style:none;display:grid;gap:15px;flex:1}.price-card li{position:relative;padding-left:26px;line-height:1.5;font-size:14px}.price-card li:before{content:'✓';position:absolute;left:0;color:#0e98ca;font-weight:900}.featured li:before{color:#8decb6}.price-btn{width:100%;text-align:center}.featured .price-btn{background:#fff;color:#1153b6}.pricing-footnote{font-size:12px;color:#607995;line-height:1.6;margin-top:22px}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr 1fr}.price-card:last-child{grid-column:1/-1}}@media(max-width:620px){.pricing-grid{grid-template-columns:1fr}.price-card:last-child{grid-column:auto}.price-card{padding:25px}}

/* MODEL 07: Preserve entire source photograph without destructive cropping. */
.feature img,.courseimg{object-fit:contain!important;object-position:center;background:linear-gradient(145deg,#eaf4ff,#f7fbff)}
.feature img{height:clamp(220px,22vw,330px)}.courseimg{height:clamp(210px,24vw,340px)}
.learning-inset{padding:20px;border:1px solid #cae1f8;background:linear-gradient(145deg,#eff8ff,#ffffff);border-radius:16px;margin:16px 0 22px}.learning-inset h4{margin:16px 0 5px;color:#0958b5}.learning-inset h4:first-child{margin-top:0}.learning-inset p{margin:0 0 8px}.password-toggle{background:transparent;border:0;color:#176ef0;font-size:12px;font-weight:850;margin:-10px 0 17px;padding:5px 0;display:block}.password-toggle:hover{text-decoration:underline}@media(max-width:600px){.feature img{height:260px}}

/* Checkpoint 08: clear skill-discovery invitation and accessible module shortcuts */
.skill-prompt{max-width:600px!important;margin:18px 0!important;color:#405d76!important;font-size:16px;line-height:1.6}.skill-links{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 6px}.skill-links button{width:auto;text-align:left;border:1px solid #cbe1fa;background:#eaf4ff;color:#095bbc;padding:11px 14px;border-radius:30px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.skill-links button:hover,.skill-links button:focus-visible{background:#d0e8ff;transform:translateY(-2px)}@media(max-width:600px){.skill-links{flex-direction:column}.skill-links button{width:100%}}

/* Checkpoint 09: authenticated AI video/simulation portal enhancements */
.feature img,.courseimg,.module-hero-image{object-fit:cover!important;object-position:center;background:#eef5fb}
.coverimg{object-fit:cover!important}
.side-profile{display:flex;align-items:center;gap:12px;padding:10px 14px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}
.side-profile strong{display:block;color:#fff;font-size:14px}
.side-profile small{display:block;color:#95b2cd;font-size:11px}
.avatar-img,.avatar-fallback{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dcecff;overflow:hidden;flex-shrink:0}
.avatar-img{object-fit:cover}
.avatar-fallback{font-weight:900;color:#0d4d95;font-size:20px}
.welcome-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.dashboard-avatar .avatar-img,.dashboard-avatar .avatar-fallback{width:88px;height:88px;border:4px solid rgba(255,255,255,.2);background:#fff;color:#0a4b94}
.panel-hero{padding:0;overflow:hidden}.module-hero{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:0;align-items:stretch}.module-hero-image{width:100%;height:100%;min-height:220px}.module-hero>div{padding:24px}.module-card p{min-height:66px}.triple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-list .item{margin-bottom:14px}.feedback-box{margin-top:10px;padding:12px 14px;border-radius:12px}.feedback-box.correct{background:#ecfff2;border:1px solid #b7ebc5;color:#0e6d3d}.feedback-box.incorrect{background:#fff4ef;border:1px solid #f2c4b0;color:#93411b}.qa-list{display:grid;gap:14px}.qa-item{padding:16px;border:1px solid #deebf5;border-radius:14px;background:#f8fbfe}.qa-item strong{display:block;margin-bottom:6px}.request-list .item p{margin:.5rem 0 0}.profile-grid{align-items:start}.profile-card .profile-photo-wrap{margin:8px 0 14px}.profile-photo-wrap .avatar-img,.profile-photo-wrap .avatar-fallback{width:116px;height:116px}
@media(max-width:1100px){.triple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-hero{grid-template-columns:1fr}.module-hero-image{min-height:240px}}
@media(max-width:760px){.welcome-grid{grid-template-columns:1fr}.triple-grid{grid-template-columns:1fr}.side-profile{padding-top:6px}.module-hero-image{min-height:220px}}

/* MODEL 10 — quiet personal learning space and shop navigation */
.side .shopper-caret{float:right;color:#b6d6f0}.shopper-submenu{background:#0a2948;border-radius:12px;padding:6px;margin:3px 0 9px}.shopper-submenu button{font-weight:600;font-size:12px;padding:10px 12px;color:#bcd3e8}.learning-welcome{background:linear-gradient(110deg,#092743,#12619a)}.learning-welcome h2{font-size:clamp(30px,3.5vw,48px)}.learning-welcome p{max-width:690px}.learning-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.learning-metric{background:#fff;border:1px solid #e0e9f2;border-radius:19px;padding:23px;box-shadow:0 8px 30px #0b3b6710;display:flex;flex-direction:column;gap:7px}.learning-metric span{font-size:13px;color:#61758b;font-weight:750}.learning-metric strong{font-size:38px;color:#0c4d8b;letter-spacing:-2px}.learning-metric small{color:#78899c}.learning-metric .progress{margin:2px 0}.encouragement-panel{border:1px solid #d4e8ff;background:linear-gradient(120deg,#f2f9ff,#fff);border-radius:20px;padding:25px 30px;margin:18px 0}.encouragement-panel h3{font-size:21px;margin:12px 0 5px}.encouragement-panel p{color:#577188;line-height:1.65;max-width:750px;margin:0}.my-learning-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:36px 0 17px}.my-learning-heading h2{font-size:31px;margin:5px 0}.my-learning-heading p{font-size:14px;color:#5c7187;line-height:1.5}.my-course{padding:0;overflow:hidden}.my-course .courseimg{height:185px;border-radius:0}.my-course-content{padding:22px}.my-course-content h3{font-size:21px}.my-course-content p{font-size:14px;min-height:60px}.course-progress{display:flex;justify-content:space-between;font-size:13px;color:#657a91}.course-progress strong{color:#0e62ad}.empty-learning{text-align:center;padding:54px 25px}.empty-learning-icon{font-size:42px;color:#1270cc}.empty-learning p{max-width:520px;margin:10px auto 21px}.shop-welcome h2{font-size:clamp(35px,5vw,55px)}.shop-notice{background:#edf6ff;border-color:#c7e2ff}.shop-notice p{margin:0}.shopper-card{padding:0;overflow:hidden}.shopper-card .courseimg{border-radius:0;height:190px}.shopper-card .chip,.shopper-card h3,.shopper-card p,.shopper-card .shop-actions{margin-left:19px;margin-right:19px}.shopper-card .chip{margin-top:17px}.shopper-card h3{font-size:20px}.shopper-card p{font-size:13px;min-height:74px}.shop-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:18px}.shop-actions .btn{font-size:12px;padding:11px 13px}.shop-actions .jump{font-size:12px}
@media(max-width:920px){.side{display:block;overflow:visible}.side button{width:100%;text-align:left;white-space:normal}.side h4{display:block}.side-profile{display:flex}.shopper-submenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.learning-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.learning-metrics{grid-template-columns:1fr}.my-learning-heading{align-items:flex-start;flex-direction:column}.shopper-submenu{grid-template-columns:1fr}.dashboard-avatar .avatar-img,.dashboard-avatar .avatar-fallback{width:72px;height:72px}}
/* Checkpoint 11 — training operations and governance */
.product-card{box-shadow:0 8px 22px #11375a10}.product-card .courseimg{width:100%;height:230px;object-fit:contain!important;background:#eef5fa}.product-card .row{justify-content:flex-start}.product-card .btn{font-size:12px}.main .panel .panel{box-shadow:none;background:#f8fbff}.main input[type=file]{padding:10px;background:white}.main .content-grid .product-card{margin:0}.side button[data-section=operations],.side button[data-section=administration]{color:#d6f0ff}
/* MODEL 12 — separate staff sign-in and restricted company shell */
.company-access{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr;background:#edf5ff}
.company-access-visual{background:linear-gradient(125deg,#061e3cee,#075699bb),url('lab1.webp') center/cover;color:#fff;padding:clamp(35px,6vw,85px);display:flex;flex-direction:column;justify-content:center}
.company-access-visual h1{font-size:clamp(52px,5.3vw,90px);line-height:1.01;letter-spacing:-3px}.company-access-visual em{color:#9fdbff;font-style:normal}.company-access-visual p{max-width:530px;line-height:1.8;color:#d5e9fa}
.company-access-form{padding:35px;display:grid;place-items:center}.company-access-form .form-card{width:min(510px,100%)}.staff-badge{background:#153e64;border-radius:14px;padding:16px;margin:14px 5px 20px}.staff-badge strong,.staff-badge small{display:block;color:#fff}.staff-badge small{font-size:11px;color:#bcd7ee;text-transform:uppercase;margin-top:7px}
@media(max-width:850px){.company-access{grid-template-columns:1fr}.company-access-visual{min-height:240px;padding:35px}.company-access-visual h1{font-size:48px}.company-access-form{padding:25px}}

/* MODEL 14 — dedicated company registration */
.company-access-form .form-card .jump{display:inline-block;max-width:100%;white-space:normal;text-align:left}
/* Checkpoint 15: separate governance entry and right-aligned company access. */
.top .nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.top .nav a[data-page="company-login"],.top .nav a[data-page="admin-login"]{white-space:nowrap;font-size:12px}
@media(max-width:900px){.top{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px}.top .nav{gap:8px}.top .nav a[data-page="company-login"],.top .nav a[data-page="admin-login"]{display:inline-flex!important}}