:root{--navy:#102f64;--deep:#0b2450;--teal:#008ca3;--orange:#fc6813;--text:#344968;--muted:#6f8096;--line:#dfe8f2;--mist:#f3f8fd;--paper:#fff;--shadow:0 16px 38px rgba(16,47,100,.07);--round:13px;--heading:'Space Grotesk',system-ui,sans-serif;--body:'Plus Jakarta Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:hover{color:var(--teal)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.045em;margin:0 0 13px;line-height:1.15}h1{font-size:clamp(37px,4.2vw,66px);font-weight:700}h2{font-size:clamp(28px,2.6vw,37px);font-weight:700}h3{font-size:19px;font-weight:700}p{color:var(--text);line-height:1.7;margin:0 0 18px}strong{font-weight:800}.container{width:min(1330px,calc(100% - 72px));margin:0 auto}.narrow{max-width:850px}.skip-link,.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:20px;top:15px;width:auto;height:auto;z-index:1000;background:#fff;padding:12px}.ico{vertical-align:middle;flex:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff9b4a;outline-offset:3px}[hidden]{display:none!important}.eyebrow{font:800 11px/1.4 var(--body);letter-spacing:.16em;color:#2379a8;display:block;margin-bottom:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:800;transition:.16s ease;white-space:nowrap}.btn .ico{width:17px}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 5px 14px rgba(252,104,19,.17)}.btn-primary:hover{color:#fff;background:#e75c0b;transform:translateY(-1px)}.btn-outline{background:rgba(255,255,255,.75);border-color:#91c4dc;color:var(--navy)}.btn-outline:hover{background:#eaf9fe;color:var(--navy)}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#f0faff}.btn-block{width:100%}.textlink{color:#006fb7;display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:800}.textlink .ico{width:15px;height:15px}.textlink:hover{color:var(--orange)}.smalltag{display:inline-flex;font-size:10px;border-radius:5px;background:#e6f4ff;color:#0673bb;padding:5px 8px;font-weight:800}.section{padding:65px 0 25px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:0 0 23px}.section-title h2{margin:0 0 5px}.section-title p{font-size:13px;margin:0}.section-title .eyebrow{margin-bottom:7px}
.topbar{background:linear-gradient(90deg,#f0f8fe,#ecf6fb);border-bottom:1px solid #edf4fa}.topbar-inner{min-height:30px;display:flex;justify-content:space-between;align-items:center;color:#536d90;font-size:10px;font-weight:650}.topbar-inner div{display:flex;gap:11px;align-items:center}.topbar-inner a{color:#26537f}.topbar-inner .sep{color:#a6b5c4}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.985);box-shadow:0 4px 26px rgba(8,38,83,.055)}.header-inner{min-height:85px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img,.brand .custom-logo{width:251px;max-height:69px;object-fit:contain}.custom-logo-link{display:block}.site-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-item{position:static}.nav-trigger,.nav-link{display:inline-flex;align-items:center;gap:4px;justify-content:center;background:transparent;border:0;padding:18px 9px;color:#132f57;font-size:12px;font-weight:800;white-space:nowrap}.nav-trigger .ico{width:13px;height:13px;transition:transform .18s}.nav-trigger[aria-expanded=true]{color:var(--teal)}.nav-trigger[aria-expanded=true] .ico{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:5px}.icon-button{width:34px;height:36px;display:grid;place-items:center;border:0;background:#f0f8fc;border-radius:7px;color:#15446c}.icon-button:hover{background:#e0f2fb}.btn-header{padding:13px 14px;font-size:11px}.mobile-toggle{display:none}.mega{position:absolute;top:calc(100% - 1px);left:max(32px,calc((100% - 1330px)/2));width:min(985px,calc(100% - 64px));display:flex;background:#fff;border:1px solid var(--line);border-radius:0 0 15px 15px;box-shadow:0 25px 42px rgba(9,37,75,.16);overflow:hidden}.mega-feature{padding:30px;background:#103763;color:#fff;width:31%;flex:none}.mega-feature .eyebrow{color:#85c9eb}.mega-feature strong{display:block;font-family:var(--heading);font-size:21px;line-height:1.17;margin-bottom:14px}.mega-feature p{color:#d9eaf3;font-size:12px}.mega-feature a{color:#fff;font-weight:800;font-size:12px}.mega-columns{display:flex;gap:20px;justify-content:space-between;padding:30px 35px;flex:1}.mega-column{flex:1;min-width:0}.mega-column h3{font-size:13px;margin-bottom:15px}.mega-column a{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#355172;font-size:12px;font-weight:650}.mega-column a:hover{color:var(--teal)}.mega-column a .ico{width:14px;height:14px;color:#13a5b4}.mega-column span{font-size:12px;line-height:2;color:#60708a}.mega-region{width:min(740px,calc(100% - 64px))}.mobile-nav{display:none}.header-search{background:#f2f8fc;padding:15px 0 18px;border-top:1px solid var(--line)}.header-search form{display:flex;gap:10px}.header-search input{width:100%;padding:13px 17px;border:1px solid #d6e1ee;border-radius:7px;background:#fff}
.hero{background:radial-gradient(ellipse at 45% 35%,#ffffff 0,#f4faff 65%,#ebf5ff 100%);overflow:hidden}.hero-layout{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:457px}.hero-copy{padding:55px 26px 59px 0;position:relative;z-index:2}.hero h1{max-width:610px;line-height:1.06;margin-bottom:22px;color:#0e2d62}.hero h1 em{font-style:normal;color:#008ca3}.hero h1 em:after{content:' ';color:var(--orange)}.hero-copy p{font-size:14px;max-width:545px;line-height:1.72}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:24px 0 27px}.hero-benefits{display:flex;flex-wrap:wrap;gap:18px;font-size:10.5px;font-weight:750;color:#28456d}.hero-benefits span{white-space:nowrap}.hero-benefits span:first-letter{color:#36ab55}.hero-photo{height:455px;position:relative;align-self:stretch}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:53% 50%;mask-image:linear-gradient(90deg,transparent 0,#000 12%)}.photo-stamp{position:absolute;right:0;bottom:45px;display:flex;align-items:center;gap:13px;background:#fff;box-shadow:var(--shadow);padding:16px 18px;border-radius:10px;font-weight:800;line-height:1.35;color:#102f64;font-size:12px}.bars{font-size:35px;color:var(--teal);letter-spacing:1px}.searchbar{position:relative;z-index:5;display:flex;align-items:center;gap:12px;border-radius:13px;padding:13px;background:#fff;border:1px solid #e5edf5;box-shadow:0 12px 28px rgba(23,65,102,.09);margin-top:-28px}.search-input{display:flex;align-items:center;flex:1;gap:13px;padding:0 13px}.search-input input{border:0;outline:0;min-width:0;width:100%;font-size:12px;padding:12px 0;color:#243b62}.search-shortcuts{display:flex;border-left:1px solid var(--line)}.search-shortcuts a{font-size:12px;color:#587293;font-weight:700;padding:11px}.searchbar .btn{min-width:111px}
.app-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.app-tile{border:1px solid var(--line);border-radius:11px;padding:20px 8px;min-height:142px;display:flex;align-items:center;flex-direction:column;text-align:center;box-shadow:0 8px 20px rgba(40,84,130,.027);transition:.2s}.app-tile:hover,.course-card:hover,.tool-tile:hover,.compact-course:hover{transform:translateY(-3px);box-shadow:0 18px 30px rgba(40,84,130,.1);border-color:#a8d6e8}.app-tile strong{font-size:11px;margin:11px 0 6px}.app-tile>span:last-child{font-size:10px;color:#5b7694;line-height:1.5}.appicon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:9px;background:#e6f1fd;color:#fff;font:800 22px/1 var(--heading);box-shadow:5px 5px 0 rgba(11,46,89,.06)}.appicon-excel{background:linear-gradient(135deg,#21bb77,#075f39)}.appicon-word{background:linear-gradient(135deg,#22adf1,#114fba)}.appicon-outlook{background:linear-gradient(135deg,#50d0ff,#006abf)}.appicon-powerbi{background:linear-gradient(135deg,#ffdb52,#eab21c);color:#553e00}.appicon-teams{background:linear-gradient(135deg,#9381ee,#5643c8)}.appicon-copilot{background:linear-gradient(135deg,#079ddd,#8649d3,#ff8b64)}.appicon-powerpoint{background:linear-gradient(135deg,#ff9c5b,#c34819)}.appicon-sharepoint{background:linear-gradient(135deg,#40cec2,#087e7c)}.appicon-digital{background:linear-gradient(135deg,#27b6a3,#124d7d)}
.two-col-section{display:grid;grid-template-columns:1.15fr .9fr;align-items:stretch;gap:20px}.two-col-section>.section-title{grid-column:1/-1}.compact-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-course{padding:16px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;min-height:215px;transition:.2s}.compact-course .appicon{width:33px;height:33px;font-size:17px}.compact-course strong{font-size:13px;display:block;margin:13px 0 6px;line-height:1.3}.compact-course p{font-size:11px;line-height:1.52;margin:0 0 15px;min-height:56px}.compact-course .textlink{font-size:10px}.two-col-section>.incompany-promo{grid-column:2;grid-row:1/3;align-self:end}.incompany-promo{min-height:310px;position:relative;border-radius:12px;overflow:hidden;background:#dff4fd;display:block}.incompany-promo img{width:55%;height:100%;position:absolute;right:0;top:0;object-fit:cover}.incompany-promo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e4f4fd 25%,rgba(228,244,253,.97) 47%,rgba(228,244,253,0) 88%)}.incompany-promo>div{position:relative;z-index:1;width:65%;padding:24px 19px}.incompany-promo .eyebrow{margin-bottom:10px}.incompany-promo h2{font-size:24px;line-height:1.1}.incompany-promo h2 span{color:var(--orange)}.incompany-promo p{font-size:11px;line-height:1.56}.promo-check{display:block;color:#3b5a76;font-size:11px;line-height:1.8}.incompany-promo .btn{margin-top:12px;font-size:11px;padding:10px 13px}.section-note{color:#8792a4;font-size:11px;margin-top:11px;margin-bottom:0}.area-tools{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tool-tile{padding:17px 12px;border:1px solid var(--line);border-radius:11px;min-height:184px;display:flex;align-items:flex-start;flex-direction:column;transition:.2s}.toolicon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#e7f8f5;color:#0a9f8f;font-size:21px;font-weight:800;margin-bottom:11px}.tool-tile:nth-child(2) .toolicon{background:#e8f3ff;color:#088bf0}.tool-tile:nth-child(3) .toolicon{background:#f0ebff;color:#7755d8}.tool-tile:nth-child(4) .toolicon{background:#fff0e4;color:#fa6d1a}.tool-tile strong{font-size:10.5px;line-height:1.3;min-height:29px}.tool-tile p{font-size:10px;line-height:1.58;flex:1;margin-top:8px}.tool-tile .textlink{font-size:9.5px}.regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.region-tile{position:relative;height:184px;overflow:hidden;border-radius:11px;background:#e0f4fc;display:block;color:#fff}.region-tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.region-tile:hover img{transform:scale(1.05)}.region-tile strong{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,rgba(2,20,44,.9));padding:24px 12px 10px;color:#fff;font-size:12px}.region-tile .ico{width:17px}.knowledge-section{padding-bottom:65px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.article-tile{border:1px solid var(--line);border-radius:11px;padding:20px;min-height:164px;display:flex;flex-direction:column;background:#fff}.article-tile h3{font-size:17px;margin:12px 0 8px}.article-tile p{font-size:11px;line-height:1.55;flex:1}.article-tile .muted{color:#8aa;font-size:11px}.cta-band{background:linear-gradient(110deg,#073d70,#0e2960);color:#fff;padding:34px 40px;margin-bottom:65px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:28px;margin:0 0 10px}.cta-band p{color:#dfecff;margin:0}.cta-band .eyebrow{color:#8ee8ed}
.site-footer{background:linear-gradient(110deg,#0c3359,#0b284f);color:#e7f4ff;padding:42px 0 0}.footer-grid{display:grid;grid-template-columns:2.3fr 1fr 1fr 1.25fr;gap:45px}.site-footer h3{font:800 13px var(--heading);color:#fff;margin:0 0 15px}.site-footer a:not(.footer-info>a){display:block;font-size:12px;color:#cee2f8;margin:0 0 12px}.site-footer a:hover{color:#fff}.footer-info img{width:226px;filter:brightness(0) invert(1);margin-bottom:14px}.footer-info p{max-width:310px;font-size:11px;color:#d2e4f3}.footer-info small{font-size:10px;color:#91ccdc}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;padding:19px 0;margin-top:33px;font-size:10px;color:#b2cee7}
.page-banner,.detail-hero{background:linear-gradient(115deg,#edf8ff 0%,#f6faff 70%);padding:59px 0 55px}.page-banner h1,.detail-hero h1{font-size:clamp(37px,4vw,57px);max-width:750px}.page-banner h1 span,.incompany-page-banner h1 span{color:var(--orange)}.page-banner p,.detail-hero p{max-width:710px;font-size:15px}.detail-heading{display:grid;grid-template-columns:1.5fr .75fr;gap:50px;align-items:center}.detail-art{background:#103c78;min-height:210px;border-radius:14px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;color:#fff}.detail-art .appicon{width:110px;height:110px;font-size:54px}.detail-art span:last-child{font-weight:700}.breadcrumbs{font-size:12px;color:#6a8baa;margin-bottom:25px}.breadcrumbs a{color:#227bb8}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding:35px 0 75px;align-items:start}.facts-bar{border-radius:10px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:15px 18px;flex-wrap:wrap;background:#fff}.facts-bar span{font-size:12px;color:#445b76}.facts-bar strong{margin-right:6px}.content-block{padding:31px 0;border-bottom:1px solid var(--line)}.content-block h2{font-size:27px}.content-block h3{margin-top:20px}.richtext{line-height:1.8;color:var(--text)}.richtext h2,.richtext h3{margin:25px 0 15px}.richtext ul{padding-left:21px}.richtext li{margin-bottom:10px}.course-sidebar{position:sticky;top:115px}.sidebar-card{border-radius:15px;padding:23px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.sidebar-card>.appicon{display:flex;width:58px;height:58px;margin:17px 0}.sidebar-card h3{font-size:23px}.sidebar-card p{font-size:13px}.sidebar-card .btn{margin:8px 0;font-size:12px}.sidebar-card .textlink{margin-top:14px}.course-price{display:block;margin:13px 0}.content-block details{border:1px solid var(--line);border-radius:8px;padding:15px;margin:8px 0}.content-block summary{font-weight:800;cursor:pointer}.content-block details p{padding:12px 0 0;margin:0}.info-panel,.form-notice{border:1px solid #bbdfee;background:#eff9fc;border-radius:11px;padding:22px}.info-panel strong{font-family:var(--heading);font-size:18px}.info-panel p,.form-notice p{margin:10px 0}.event-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.event-row span{display:flex;align-items:center;gap:6px}.event-row .ico{width:16px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{border:1px solid var(--line);padding:22px;background:#fff;border-radius:12px;display:flex;min-height:250px;flex-direction:column;transition:.2s}.course-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.course-card h3{font-size:23px}.course-card p{font-size:13px;flex:1}.listing-search{display:flex;gap:10px;margin-bottom:30px}.listing-search input{flex:1;padding:14px;border:1px solid #bed1e4;border-radius:8px}.pagination{margin:35px 0;text-align:center}.pagination .page-numbers{padding:9px 14px;border:1px solid var(--line);border-radius:5px}.region-hero-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:50px;align-items:center}.region-lead-img{width:100%;max-height:230px;object-fit:cover;border-radius:13px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:50px}.benefit-grid>div{background:#f2f8fc;padding:26px;border-radius:12px}.benefit-grid h3{margin-bottom:11px}.benefit-grid p{font-size:13px;margin:0}.incompany-page-banner .hero-layout{min-height:365px}.incompany-page-banner h1{max-width:690px}.incompany-photo{width:100%;height:350px;object-fit:cover;border-radius:13px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.steps-grid>div{padding:24px;border:1px solid var(--line);border-radius:11px}.steps-grid span{display:block;font:700 35px var(--heading);color:var(--teal);margin-bottom:15px}.steps-grid p{font-size:12px}.form-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:80px}.tools-page-grid{grid-template-columns:repeat(2,1fr);margin-bottom:35px}.tool-large{padding:27px;border:1px solid var(--line);border-radius:12px}.tool-large h2{font-size:23px}.tool-large p{font-size:14px}.tool-large .btn{margin-top:15px}.article-page .page-banner h1{max-width:900px}.byline{font-size:12px;color:var(--muted)}.article-cover{width:100%;margin-bottom:35px;border-radius:12px}.article-bottom{margin-top:50px}
@media(max-width:1200px){.brand img,.brand .custom-logo{width:214px}.nav-trigger,.nav-link{font-size:11px;padding:17px 6px}.btn-header{font-size:10px;padding:11px}.container{width:min(1140px,calc(100% - 48px))}.hero h1{font-size:48px}.app-grid{gap:8px}.app-tile{padding:17px 5px}.incompany-promo h2{font-size:21px}.tools-grid{grid-template-columns:repeat(2,1fr)}.tool-tile{min-height:158px}.area-tools{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.site-nav,.btn-header{display:none}.mobile-toggle{display:grid}.header-inner{min-height:71px}.brand img,.brand .custom-logo{width:227px}.header-actions{margin-left:auto}.mobile-nav{display:flex;flex-direction:column;padding:15px 24px 25px;max-height:75vh;overflow-y:auto;gap:0;border-top:1px solid var(--line);background:#fff}.mobile-nav a{padding:13px 10px;font-weight:750;border-bottom:1px solid #edf2f6}.topbar-inner{font-size:9px}.hero-layout{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(35px,4.7vw,50px)}.hero-photo{height:auto;min-height:405px}.hero-copy{padding:40px 16px 45px 0}.photo-stamp{right:10px;font-size:10px}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col-section{display:block}.compact-courses{margin-bottom:22px}.area-tools{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.region-tile{height:180px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-grid>div:last-child{grid-column:2/-1}.course-layout{grid-template-columns:1fr 270px;gap:22px}}
@media(max-width:680px){body{font-size:13px}.container{width:calc(100% - 32px)}.topbar-inner>span{display:none}.topbar-inner{justify-content:center;min-height:26px}.header-inner{min-height:64px}.brand img,.brand .custom-logo{width:195px}.header-actions{gap:7px}.hero-layout{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:36px 0 22px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero h1 em{display:inline}.hero-copy p{font-size:13px}.hero-actions{gap:9px;margin:21px 0}.hero-actions .btn{font-size:11px;padding:12px}.hero-benefits{gap:12px}.hero-photo{width:100%;height:245px;min-height:0}.hero-photo>img{mask-image:none;border-radius:10px}.photo-stamp{bottom:12px;padding:10px;font-size:10px}.bars{font-size:22px}.searchbar{margin-top:14px;display:grid;grid-template-columns:1fr auto;padding:8px}.search-shortcuts{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid var(--line);justify-content:space-around}.searchbar .btn{grid-row:1;grid-column:2;font-size:11px;min-width:0;padding:11px}.search-input{padding:0 3px}.search-input input{font-size:11px}.section{padding:45px 0 8px}.section-title{align-items:start;flex-direction:column;gap:6px}.section-title h2{font-size:29px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app-tile{min-height:135px;padding:13px 3px}.app-tile strong{font-size:9px}.app-tile>span:last-child{font-size:9px}.appicon{width:37px;height:37px;font-size:18px}.compact-courses{grid-template-columns:1fr;gap:9px}.compact-course{min-height:0}.compact-course p{min-height:0}.incompany-promo{min-height:290px}.incompany-promo>div{width:70%;padding:20px 15px}.incompany-promo img{width:59%}.incompany-promo h2{font-size:22px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-tile{min-height:171px}.regions-grid{gap:7px}.region-tile{height:150px}.region-tile strong{font-size:10px;padding:25px 6px 8px}.article-grid,.cards-grid{grid-template-columns:1fr}.knowledge-section{padding-bottom:35px}.cta-band{padding:25px 23px;display:block;margin-bottom:40px}.cta-band h2{font-size:26px}.cta-band .btn{margin-top:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-info{grid-column:1/-1}.footer-grid>div:last-child{grid-column:2}.footer-bottom{gap:15px;flex-direction:column}.page-banner,.detail-hero{padding:36px 0}.page-banner h1,.detail-hero h1{font-size:36px}.detail-heading,.region-hero-grid{grid-template-columns:1fr;gap:18px}.detail-art{min-height:140px}.detail-art .appicon{width:65px;height:65px;font-size:30px}.detail-art span:last-child{font-size:12px}.course-layout,.form-section{display:block}.course-sidebar{position:static;margin-top:20px}.facts-bar{gap:15px}.incompany-page-banner .hero-layout{display:flex}.incompany-photo{height:230px}.steps-grid,.benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.steps-grid>div,.benefit-grid>div{padding:16px}.form-section>div+div{margin-top:20px}.tools-page-grid{grid-template-columns:1fr}.event-row{display:block}.event-row span{margin-bottom:8px}}
@media(max-width:390px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{flex-direction:column;align-items:stretch}.header-actions .search-toggle{display:none}.brand img,.brand .custom-logo{width:180px}.steps-grid,.benefit-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v0.3 — cursuscatalogusfilters en rijke gesynchroniseerde content */
.listing-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.listing-filters select{min-width:200px;flex:1;background:#fff;border:1px solid #bdd2e5;color:#183a63;border-radius:9px;padding:13px 36px 13px 14px;font:600 13px var(--body)}
.listing-filters .btn{white-space:nowrap}
.course-content .richtext h3{color:#0b3766;font-size:19px;margin:22px 0 10px}
.course-content .richtext p{margin:12px 0}
.course-content .content-block details .richtext{padding-top:12px}
.course-content .content-block details .richtext p{margin:0 0 10px}
@media(max-width:680px){.listing-filters{display:grid;grid-template-columns:1fr 1fr}.listing-filters select{min-width:0;width:100%}.listing-filters .btn{text-align:center;justify-content:center}}
@media(max-width:390px){.listing-filters{grid-template-columns:1fr}}
/* 0.4: compact date-focused open roster, inherits the original AlmeerICT palette */
.roster-table{display:grid;gap:12px;margin:22px 0}.roster-item{display:flex;align-items:center;gap:20px;padding:17px 20px;border:1px solid #dce7f2;border-radius:16px;background:#fff;box-shadow:0 3px 15px rgba(13,39,70,.035)}.roster-date{flex:0 0 76px;text-align:center;border-right:1px solid #dce7f2;padding-right:16px;color:#10356a}.roster-date strong{display:block;font-size:31px;line-height:1.1}.roster-date span{display:block;font-size:12px;white-space:nowrap}.roster-description{display:grid;gap:5px;flex:1;min-width:0}.roster-description a{color:#102d5c;text-decoration:none}.roster-description strong{font-size:16px}.roster-description span{font-size:13px;color:#5a7091}.roster-signup{white-space:nowrap}.roster-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.roster-filter select{min-height:46px;padding:6px 14px;border:1px solid #cbd8e5;border-radius:10px;background:white}.roster-intro{margin-top:10px}
@media(max-width:680px){.roster-item{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;padding:14px}.roster-date{padding-right:10px;flex-basis:auto}.roster-date strong{font-size:27px}.roster-signup{grid-column:1/-1;justify-content:center}.roster-description strong{font-size:14px}}

/* 0.4.2 — legibility, predictable mega menus, gentle site-wide details. */
:root{--text:#344868}
body{font-size:15.5px;line-height:1.55}
p{font-size:15.5px;line-height:1.72}
.section-title p,.hero-copy p,.sidebar-card p,.incompany-promo p,.tool-large p,.contact-landing p{font-size:15px}
.course-card p,.compact-course p,.steps-grid p,.benefit-grid p,.tool-tile p,.article-tile p{font-size:14px;line-height:1.65}
.course-content,.richtext,.content-block{font-size:15.5px;line-height:1.75}
.course-content .content-block p,.content-block .richtext p{font-size:15.5px;line-height:1.75}
.textlink{font-size:13.5px}
.smalltag{font-size:11.5px}
.btn{font-size:14px;line-height:1.25}
.app-tile strong{font-size:12.5px}.app-tile>span:last-child{font-size:11.5px}
.topbar-inner{font-size:11px}
.site-nav{gap:1px}
.nav-trigger,.nav-link{font-size:13px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;padding:21px 9px;min-height:60px}
.nav-trigger:hover,.nav-link:hover{color:var(--teal)}
.btn-header{font-size:12.5px;padding:13px 16px}
.mega{width:min(1160px,calc(100% - 64px));max-height:min(74vh,660px);overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 18px 18px}
.mega-feature{width:26%;padding:33px 27px;position:sticky;top:0;align-self:stretch;min-height:230px}
.mega-feature strong{font-size:23px;letter-spacing:-.025em}
.mega-feature p{font-size:14px;line-height:1.7}
.mega-feature a{font-size:14px}
.mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px;row-gap:16px;padding:30px;justify-content:stretch}
.mega-column h3{font-size:15.5px;line-height:1.3;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}
.mega-column a{font-size:14px;line-height:1.55;align-items:flex-start;gap:7px;margin:0 0 12px;padding:5px 3px;border-radius:5px;transition:background-color .16s,color .16s}
.mega-column a:hover,.mega-column a:focus-visible{background:#edf8fc;color:var(--navy)}
.mega-column a .ico{margin-top:3px;flex:0 0 15px}
.mega-region{width:min(800px,calc(100% - 64px))}
.mega-region .mega-columns{grid-template-columns:repeat(1,minmax(0,1fr))}
.btn-brochure{background:#e7f5fc;border-color:#99ccdf;color:#0d386b;box-shadow:none}
.btn-brochure:hover{background:#d5edf8;transform:translateY(-1px);color:#0c315e}
.detail-hero .hero-actions{gap:10px}
.detail-hero .hero-actions .btn{white-space:normal;text-align:center}
.course-sidebar .btn-brochure{font-size:13.5px}
.course-card,.compact-course,.tool-tile,.app-tile,.article-tile,.incompany-course-link,.contact-quicklinks a{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.course-card:hover,.compact-course:hover,.tool-tile:hover,.app-tile:hover,.article-tile:hover,.incompany-course-link:hover,.contact-quicklinks a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(16,47,100,.1)}
.btn:active{transform:translateY(0)}
:where(.btn,.textlink,.nav-trigger,.nav-link,.mega a){-webkit-tap-highlight-color:transparent}
/* Animation is activated only for elements initially outside the viewport. */
@media(prefers-reduced-motion:no-preference){.will-reveal{opacity:0;transform:translateY(14px)}.will-reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .52s ease,transform .52s ease}}

/* Incompany */
.incompany-lead{padding:52px 0 60px;background:linear-gradient(120deg,#eff8fc,#f7fbff)}
.incompany-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}
.incompany-hero h1{font-size:clamp(39px,3.5vw,58px);max-width:800px}
.incompany-hero>img{width:100%;height:410px;object-fit:cover;border-radius:18px;box-shadow:0 20px 46px rgba(10,57,95,.1)}
.incompany-hero p{max-width:630px;font-size:16px}
.incompany-benefits .benefit-symbol{display:inline-flex;background:#e4f5fa;border-radius:8px;padding:5px 9px;color:var(--teal);font:700 18px var(--heading);margin-bottom:17px}
.incompany-offerings{background:#f3f9fd;padding:65px 0}
.incompany-clusters{display:grid;gap:20px}
.incompany-cluster{background:#fff;border:1px solid #dceaf2;border-radius:16px;padding:26px}
.incompany-cluster h3{font-size:23px;margin:0 0 22px}
.incompany-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.incompany-course-link{display:flex;align-items:center;gap:12px;border:1px solid #e4edf5;border-radius:12px;padding:13px;min-height:91px;min-width:0;color:#1b3b66;font-weight:750;font-size:14px}
.incompany-course-link .appicon{width:43px;height:43px;min-width:43px;font-size:18px}
.incompany-course-link span:not(.appicon){flex:1;min-width:0}
.incompany-course-link small{display:block;font-size:11px;font-weight:600;color:#64809c;margin-top:5px}
.incompany-course-link>.ico{width:17px}
.incompany-cta{margin-top:30px}
/* Contact */
.contact-banner{padding:65px 0;background:linear-gradient(140deg,#f0f9fd 10%,#fff 90%)}
.contact-hero{display:grid;grid-template-columns:1.14fr .86fr;gap:58px;align-items:center}
.contact-hero h1{font-size:clamp(38px,4vw,59px)}
.contact-hero>div:first-child>p{font-size:16px;max-width:700px}
.contact-family-card{padding:36px;background:#103763;border-radius:17px;color:#fff;box-shadow:0 18px 38px rgba(16,47,100,.12)}
.contact-family-card .eyebrow{color:#98ddeb}
.contact-family-card h2{font-size:27px;line-height:1.35}
.contact-family-card p{color:#dceef9;font-size:15px}
.contact-family-card a{display:inline-flex;gap:9px;color:#fff;font-weight:800;font-size:14px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}
.contact-lines{display:grid;gap:12px;margin:25px 0}
.contact-lines a{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:12px}
.contact-lines a strong{min-width:95px}.contact-lines a span{font-weight:700;flex:1;color:var(--teal);overflow-wrap:anywhere}
.contact-regions{padding-top:20px;border-top:1px solid var(--line)}
.contact-form-card{padding:30px;background:#f7fbfe;border:1px solid #e3eef5;border-radius:16px;scroll-margin-top:120px}
.contact-quicklinks{padding-bottom:80px}
.contact-quicklinks .benefit-grid a{display:block;background:#f3f8fc;padding:26px;border:1px solid #e0ebf4;border-radius:13px}
.contact-quicklinks .benefit-grid a h3 .ico{width:17px}
.contact-quicklinks .benefit-grid a p{margin:0}
.roster-catalog-title{margin:55px 0 25px}
/* Keep header comfortable at widths which cannot accommodate larger menu text. */
@media(max-width:1199px){.site-nav,.btn-header{display:none}.mobile-toggle{display:grid}.header-inner{min-height:72px}.mobile-nav{display:flex;flex-direction:column;border-top:1px solid var(--line);background:#fff;padding:12px max(22px,4%);max-height:76vh;overflow-y:auto}.header-actions{margin-left:auto}}
.mobile-group{border-bottom:1px solid #edf1f5}
.mobile-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:15px 8px;font-size:15px;letter-spacing:.04em;font-weight:800;cursor:pointer}
.mobile-group summary::-webkit-details-marker{display:none}
.mobile-group summary:after{content:'+';font-size:21px;color:var(--teal)}
.mobile-group[open] summary:after{content:'−'}
.mobile-group>strong{font-size:12px;color:#6480a0;text-transform:uppercase;letter-spacing:.04em;display:block;padding:13px 12px 6px}
.mobile-nav .mobile-group>a{font-size:14.5px;line-height:1.4;display:block;padding:10px 18px;border:0;font-weight:600;color:#29466d}
.mobile-nav .mobile-group .mobile-overview{font-weight:800;color:var(--teal);background:#f1f9fc;border-radius:8px;margin:8px 0}
.mobile-nav .mobile-static{font-size:15px;letter-spacing:.04em;display:block;font-weight:800;padding:16px 8px;border-bottom:1px solid var(--line)}
@media(max-width:960px){.incompany-hero,.contact-hero{grid-template-columns:1fr;gap:24px}.incompany-hero>img{max-height:330px}.incompany-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:680px){body{font-size:15px}p,.course-content,.richtext,.content-block{font-size:15px;line-height:1.7}.section-title p,.hero-copy p,.sidebar-card p,.incompany-promo p{font-size:14.5px}.btn{font-size:13.5px}.hero-benefits{font-size:12px}.incompany-lead,.contact-banner{padding:33px 0}.incompany-hero h1,.contact-hero h1{font-size:clamp(33px,8vw,43px)}.incompany-hero>img{height:220px}.incompany-hero p{font-size:15px}.incompany-course-grid{grid-template-columns:1fr}.incompany-cluster{padding:18px}.contact-family-card{padding:25px}.contact-family-card h2{font-size:25px}.contact-form-card{padding:17px}.mega{display:none}.detail-hero .hero-actions .btn{flex:1 1 auto}.roster-catalog-title{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.will-reveal,.will-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}.course-card:hover,.compact-course:hover,.tool-tile:hover,.app-tile:hover,.article-tile:hover,.incompany-course-link:hover,.contact-quicklinks a:hover{transform:none!important}}

/* Final readability adjustments for compact blocks */
.compact-course strong{font-size:15px}.compact-course p{font-size:14px;line-height:1.6}.compact-course .textlink{font-size:13px}.footer-grid a{font-size:13.5px}.sidebar-card p{font-size:14.5px}.sidebar-card .btn{font-size:13.5px}.event-row{font-size:14px}.article-tile p{font-size:14.5px}
.hero-benefits{font-size:12px}.listing-filters select{font-size:14px}.search-input input{font-size:14px}.search-shortcuts a{font-size:13px}

/* 0.4.3 — independent /incompany/<course>/ detail pages. */
.ic-detail-hero{padding:50px 0 56px;background:linear-gradient(112deg,#eff7fc 0%,#f7fbfe 67%,#e6f3f9 100%);overflow:hidden}
.ic-detail-heading{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);align-items:center;gap:clamp(24px,5vw,90px)}
.ic-detail-heading h1{max-width:740px;font-size:clamp(37px,4vw,61px);line-height:1.13;letter-spacing:-.045em;margin:20px 0 20px}
.ic-detail-heading h1 span{color:#1589a7}
.ic-detail-heading>div:first-child>p{font-size:clamp(15px,1.5vw,17px);line-height:1.75;max-width:670px;color:#455d7f}
.ic-hero-benefits{display:flex;gap:15px 20px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#294b70;font-weight:700}
.ic-hero-art{min-height:350px;border-radius:22px;background:radial-gradient(circle at 72% 18%,#315992,#193762 70%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;color:white;isolation:isolate;box-shadow:0 26px 56px rgba(23,50,94,.13);overflow:hidden}
.ic-hero-ring{position:absolute;z-index:-1;width:360px;height:360px;border:1px solid #ffffff26;border-radius:50%;transform:translate(33%,15%)}
.ic-hero-ring:after{content:"";position:absolute;inset:42px;border:1px solid #ffffff28;border-radius:50%}
.ic-hero-art .appicon{width:88px;height:88px;min-width:88px;font-size:39px;box-shadow:0 12px 28px #102f546b}
.ic-hero-art strong{font-family:var(--heading);font-size:clamp(26px,2.6vw,39px);line-height:1.2;letter-spacing:-.035em;text-align:center;margin-top:22px}
.ic-hero-art>span:last-child{font-size:12px;letter-spacing:.075em;text-transform:uppercase;opacity:.8;margin-top:15px}
.ic-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:42px;align-items:start}
.ic-detail-layout .content-block{margin:0 0 20px;padding:30px;border-radius:14px;background:#fff;border:1px solid #e0eaf3}
.ic-detail-layout .content-block>h2{font-size:clamp(23px,2.2vw,31px);margin:4px 0 18px}
.ic-facts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 23px;margin-bottom:20px}
.ic-facts>span{display:inline-flex;gap:10px;align-items:center}
.ic-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ic-steps>div{background:#f3f9fc;padding:21px 17px;border:1px solid #e1eef4;border-radius:12px}
.ic-steps b{display:block;font-family:var(--heading);font-size:25px;color:#238eaa;margin-bottom:12px}
.ic-steps strong{font-size:14px;color:#17386b}
.ic-steps p{font-size:13.5px;margin:7px 0 0}
.ic-list{padding-left:22px;line-height:1.8}
.ic-offer-card{background:#fff;border:1px solid #dce9f2;padding:27px;border-radius:16px;box-shadow:0 20px 48px rgba(17,56,105,.07)}
.ic-offer-card .appicon{margin:20px 0 8px}
.ic-offer-card h2{font-size:24px;line-height:1.24;margin:9px 0 12px}
.ic-offer-card>p{font-size:14px;color:#546b88}
.ic-offer-card .btn{margin-top:12px;text-align:center}
.ic-side{position:sticky;top:120px;scroll-margin-top:125px}
.ic-side-link{display:inline-flex;align-items:center;gap:9px;font-weight:750;color:#0f779e;margin-top:21px}
.ic-side-foot{margin-top:23px;padding-top:18px;border-top:1px solid #e1ecf4;color:#647b98;font-size:12px;line-height:1.7}
.ic-bottom-cta{margin-top:20px;margin-bottom:68px}
@media(max-width:1000px){.ic-detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.ic-steps{grid-template-columns:1fr}.ic-detail-heading{gap:25px}.ic-hero-art{min-height:320px}}
@media(max-width:780px){.ic-detail-heading,.ic-detail-layout{grid-template-columns:1fr}.ic-detail-hero{padding:35px 0}.ic-detail-heading h1{font-size:clamp(33px,7vw,45px)}.ic-hero-art{min-height:250px}.ic-detail-layout .content-block{padding:22px}.ic-side{position:static}.ic-steps{grid-template-columns:1fr}.ic-hero-benefits{gap:9px 15px}}
@media(prefers-reduced-motion:no-preference){.ic-offer-card,.ic-steps>div{transition:box-shadow .2s ease,transform .2s ease}.ic-steps>div:hover{transform:translateY(-2px);box-shadow:0 12px 20px #184b7910}}
@media(prefers-reduced-motion:reduce){.ic-offer-card,.ic-steps>div{transition:none!important;transform:none!important}}
.contact-course-context{background:#eaf6fc;border-left:3px solid #1589a7;padding:12px 17px;border-radius:8px;font-size:14px;margin:8px 0 18px}