/*
Theme Name: Altior IT Consultancy
Author: Altior IT Consultancy
Description: Interim IT Management, Microsoft 365 en Cyber Security. Inclusief homepage en opdrachtgevers.
Version: 1.20.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: altior-it
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--navy:#071f37;--ink:#152e43;--blue:#087ab4;--cyan:#35c8e8;--muted:#576c7b;--line:#dbe5ec;--pale:#f1f7fa;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);line-height:1.12}h1{font-size:clamp(42px,4.4vw,66px);font-weight:650;letter-spacing:-2.7px}h2{font-size:clamp(32px,3vw,45px);font-weight:620;letter-spacing:-1.5px}h3{font-size:24px;font-weight:620;letter-spacing:-.5px}em{font-style:normal;color:var(--blue)}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.header{max-width:var(--max);margin:auto;min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:32px}.brand{line-height:1;display:inline-flex;flex-direction:column;flex-shrink:0}.brand strong{font-size:31px;letter-spacing:.6px;color:#076caa;font-weight:800}.brand strong span{color:var(--navy)}.brand small{font-size:11px;font-weight:650;letter-spacing:4.9px;margin-top:8px;color:var(--navy)}nav{display:flex;gap:31px;align-items:center;font-size:15px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{border:1px solid #b7c8d3;padding:10px 18px;border-radius:3px}.nav-cta span{margin-left:16px}.hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:var(--max);margin:28px auto 0;padding:0 24px 58px;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:var(--blue);margin-bottom:21px}.hero-subtitle{font-size:25px;line-height:1.4;margin-top:16px;color:var(--ink);font-weight:450}.intro{margin-top:23px;color:var(--muted);max-width:540px}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;background:var(--navy);color:#fff;border-radius:3px;font-size:15px;font-weight:600;margin-top:30px}.button:hover{background:#0b466b}.button span{font-size:21px;color:var(--cyan)}.hero-proof{display:flex;align-items:center;gap:18px;margin-top:36px;color:var(--muted);font-size:13px;line-height:1.6}.proof-number{font-size:35px;line-height:1.2;color:var(--navy);font-weight:650;letter-spacing:-1px;border-right:1px solid var(--line);padding-right:18px}.hero-visual{position:relative;align-self:stretch;min-height:560px;background:var(--pale);border-radius:4px 4px 70px 4px;overflow:hidden}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:58% center}.image-note{position:absolute;bottom:0;left:0;right:0;padding:22px 26px;display:flex;gap:16px;color:white;background:linear-gradient(100deg,rgba(7,31,55,.96),rgba(7,31,55,.78));line-height:1.6;font-size:15px}.note-rule{width:3px;background:var(--cyan);flex-shrink:0}.service-strip{background:var(--navy);color:#e2edf4;padding:23px 24px;display:flex;justify-content:center;gap:44px;flex-wrap:wrap;font-size:15px;letter-spacing:.2px}.service-strip i{font-style:normal;color:#4a738e}.section{max-width:var(--max);margin:auto;padding:90px 24px}.section-heading{max-width:740px}.section-heading>p:last-child{margin-top:23px;color:var(--muted);max-width:680px}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:62px;margin-top:44px}.expertise-grid article{padding:30px 0 32px;border-top:1px solid var(--line);position:relative}.expertise-grid article p{margin-top:15px;color:var(--muted);max-width:510px}.service-tags{font-size:13px;color:var(--blue);font-weight:600;margin-top:22px}.m365{max-width:none;background:var(--navy);color:#d2dfe8;display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2))}.m365 h2,.m365 h3{color:white}.m365 em,.m365 .eyebrow{color:#51d1ed}.m365 p:not(.eyebrow):not(.detail-label){margin-top:26px}.m365-intro>p:not(.eyebrow){max-width:530px}.text-link{display:inline-flex;gap:38px;margin-top:27px;color:white;border-bottom:1px solid #4d7189;padding-bottom:5px;font-size:16px}.text-link span{color:var(--cyan)}.m365-detail{border-left:1px solid #355066;padding-left:45px;padding-top:5px}.detail-label{font-size:12px;letter-spacing:1.6px;color:#8facc0;margin-bottom:30px}.m365-detail h3{font-size:30px;line-height:1.3}.m365 ul{list-style:none;padding:0;margin:30px 0 0}.m365 li{position:relative;padding-left:28px;margin:14px 0;font-size:16px}.m365 li:before{content:'✓';position:absolute;left:0;color:var(--cyan)}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:49px 0 0;gap:35px}.steps li{border-top:2px solid var(--line);padding-top:20px}.steps h3{margin-top:0;font-size:23px}.steps p{margin-top:15px;font-size:16px;color:var(--muted)}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;border-top:1px solid var(--line);align-items:center}.experience{background:var(--pale);padding:44px 42px;color:var(--navy)}.experience>span{font-size:12px;letter-spacing:3px;font-weight:650}.experience>strong{display:block;font-size:100px;line-height:1.25;letter-spacing:-7px;font-weight:650;color:var(--blue)}.experience>p{font-size:17px}.experience-line{width:45px;height:3px;background:var(--cyan);margin:32px 0 23px}.experience .experience-bottom{font-size:15px;color:var(--muted)}.about-copy>p:not(.eyebrow){margin-top:23px;color:var(--muted)}.about-copy .about-statement{font-weight:650;color:var(--navy)!important}footer{background:#f4f8fa;border-top:1px solid var(--line)}.footer-inner{max-width:var(--max);padding:35px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner .brand strong{font-size:24px}.footer-inner .brand small{font-size:9px;letter-spacing:3.4px}.footer-inner p{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.footer-inner>a:last-child{font-size:14px;color:var(--muted)}
@media(min-width:1600px){.hero{margin-top:45px;margin-bottom:20px}}@media(max-width:1000px){.hero{gap:28px}.hero-visual{min-height:530px}h1{letter-spacing:-1.8px}.service-strip{gap:22px}.m365{gap:38px}.m365-detail{padding-left:28px}.about{gap:40px}.steps{gap:22px}.experience{padding:32px}.experience>strong{font-size:80px}}@media(max-width:740px){.header{min-height:94px;flex-wrap:wrap;gap:18px;padding:22px}.brand strong{font-size:28px}.brand small{font-size:10px;letter-spacing:4.4px}nav{gap:18px;width:100%;justify-content:space-between;font-size:13px}.nav-cta{border:0;padding:0}.nav-cta span{margin-left:3px}.hero{grid-template-columns:1fr;padding:18px 22px 40px;margin:0;gap:33px}h1{font-size:48px;letter-spacing:-2px}.hero-subtitle{font-size:23px}.hero .eyebrow{font-size:11px;letter-spacing:1.2px}.hero-visual{min-height:390px;aspect-ratio:1.15;border-radius:3px 3px 45px 3px}.hero-proof{margin-top:26px}.service-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:13px;padding:23px 22px}.service-strip i{display:none}.section{padding:62px 22px}.expertise-grid{grid-template-columns:1fr;margin-top:32px}.expertise-grid article{padding:25px 0}.m365{grid-template-columns:1fr;gap:38px}.m365-detail{border-left:0;border-top:1px solid #355066;padding:30px 0 0}.m365 h2{font-size:36px}.steps{grid-template-columns:1fr 1fr;gap:32px 24px}.about{grid-template-columns:1fr;gap:35px}.experience{padding:28px}.experience>strong{font-size:85px}.footer-inner{flex-wrap:wrap;padding:30px 22px}.footer-inner p{width:100%;order:3;font-size:10px}.button{font-size:14px;gap:14px}body{font-size:16px}.eyebrow{font-size:11px}h2{font-size:33px}.image-note{padding:18px 22px}}@media(max-width:370px){h1{font-size:41px}nav{gap:10px;font-size:12px}.button{font-size:12px;padding:14px}.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.clients.section{padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line)}.clients-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.clients-heading .eyebrow{margin:0;font-size:11px;color:var(--muted)}.clients-heading>p:last-child{font-size:14px;color:var(--muted)}.client-names{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.client-names>span{font-size:20px;font-weight:650;color:#3f5768;letter-spacing:-.5px}.client-names>span:first-child{font-size:16px}.client-names>span:nth-child(2){font-weight:450;letter-spacing:1px}.client-names>span:nth-child(3){font-style:italic}@media(max-width:740px){.clients-heading{display:block}.clients-heading>p:last-child{margin-top:8px}.client-names{justify-content:flex-start;gap:22px 30px}.client-names>span{font-size:18px}}
.client-logos{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:26px}.client-logos img{width:100%;height:54px;object-fit:contain;filter:grayscale(1);opacity:.8}.client-logos img:hover{filter:none;opacity:1}@media(max-width:740px){.client-logos{grid-template-columns:repeat(3,1fr);gap:24px}.client-logos img{height:45px}}
/* Content expansion: retains the existing Altior visual system. */
.header nav{flex-wrap:wrap;gap:24px}.hero .eyebrow{max-width:560px;line-height:1.8}.security-heading{max-width:820px}.security-heading>p:last-child{margin-top:23px;color:var(--muted)}.security-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;margin-top:45px;align-items:start}.security-detail h3{font-size:28px;line-height:1.25}.security-detail>p{margin-top:22px;color:var(--muted)}.security-detail ul{list-style:none;margin:25px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.security-detail li{border-top:1px solid var(--line);padding-top:12px;font-size:15px}.score-case{background:var(--pale);border-top:3px solid var(--blue);padding:32px}.score-case .score-value{font-size:clamp(34px,3.8vw,52px);font-weight:650;letter-spacing:-1.8px;line-height:1.25;color:var(--navy);white-space:nowrap}.score-value span{color:var(--blue);font-weight:400}.score-case h3{font-size:21px;margin-top:12px}.score-case>p:not(.eyebrow):not(.score-value){margin-top:20px;color:var(--muted)}.score-case .score-note{font-size:13px;line-height:1.65}.network{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-block:60px}.network h2{font-size:36px}.network-copy p{color:var(--muted)}.network-copy p+p{margin-top:20px}.position-statement{background:var(--pale);padding:38px}.position-statement p{font-size:clamp(20px,2vw,28px);font-weight:550;letter-spacing:1px;padding:17px 0;border-bottom:1px solid var(--line);color:var(--navy)}.position-statement p:first-child{color:var(--blue)}.position-statement p:last-child{border:0}.footer-inner>p{max-width:520px;line-height:1.8;letter-spacing:.5px;text-align:center}.wp-site-blocks .security-grid,.wp-site-blocks .network{display:grid}
@media(max-width:1050px){.header{gap:20px}.header nav{gap:16px;font-size:14px}.security-grid{gap:32px}.security-detail ul{grid-template-columns:1fr}.network{gap:35px}}
@media(max-width:740px){.header nav{justify-content:flex-start;gap:12px 20px;font-size:14px}.header .nav-cta{padding:5px 10px;border:1px solid var(--line)}.hero .eyebrow{font-size:11px}.security-grid,.network{grid-template-columns:1fr;gap:30px}.score-case{padding:26px}.score-case .score-value{font-size:44px}.network h2{font-size:33px}.position-statement{padding:25px}.position-statement p{font-size:24px}.footer-inner>p{text-align:left}.clients-heading{align-items:flex-start}.clients-heading>p:last-child{max-width:450px}}
@media(max-width:370px){.header nav{gap:10px 14px}.score-case .score-value{font-size:36px}.security-detail h3{font-size:25px}}


.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.wp-block-image{margin:0}.hero-visual>.wp-block-image{position:absolute;inset:0;width:100%;height:100%}.hero-visual>.wp-block-image img{width:100%;height:100%;object-fit:cover;object-position:58% center}.client-logos>.wp-block-image{width:100%;margin:0}.wp-block-heading{margin-block-start:0}.wp-site-blocks .hero{display:grid}.wp-site-blocks .expertise-grid{display:grid}.wp-site-blocks .m365{display:grid}.wp-site-blocks .about{display:grid}.wp-site-blocks .client-logos{display:grid}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;border-top:1px solid var(--line)}.contact-copy>p:last-child{margin-top:23px;color:var(--muted);max-width:430px}.contact-form-wrap{background:var(--pale);padding:32px;border-radius:4px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field label{display:block;font-size:15px;font-weight:600;margin-bottom:8px;color:var(--navy)}.form-field input{display:block;width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #9db3c2;border-radius:3px;background:#fff;color:var(--ink);font:inherit}.form-field input:focus{outline:2px solid var(--blue);outline-offset:2px}.contact-privacy{font-size:13px;color:var(--muted);line-height:1.6;margin-top:22px}.contact button{border:0;cursor:pointer;font-family:inherit;margin-top:22px}.form-status{margin-top:18px;font-size:15px;color:var(--navy)}.form-status:empty{display:none}.preview-note{font-size:13px;color:var(--muted);margin-top:14px}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.header nav{gap:18px}.header{flex-wrap:wrap}.wp-site-blocks .contact{display:grid}@media(max-width:900px){.contact{gap:35px}.contact-fields{grid-template-columns:1fr}}@media(max-width:740px){.contact{grid-template-columns:1fr;gap:28px}.contact-form-wrap{padding:24px}.contact-fields{gap:18px}.contact button{font-size:14px}}


/* 1.8: result-led copy, personal profile, credentials and mobile hero framing */
.about-photo{overflow:hidden;border-radius:4px 4px 55px 4px;background:var(--pale)}
.about-photo .wp-block-image,.about-photo img{display:block;width:100%}
.about-photo img{height:auto;aspect-ratio:2/2.45;object-fit:cover;object-position:50% 35%}
.credentials{border-top:1px solid var(--line)}
.credentials>h2{max-width:720px}
.credentials-intro{max-width:780px;margin-top:22px;color:var(--muted)}
.credential-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.credential-badge{min-height:145px;border:1px solid var(--line);border-top:3px solid var(--blue);padding:24px 18px;background:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}
.credential-badge strong{color:var(--navy);font-size:18px;line-height:1.25}
.credential-badge span{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}
.score-case .score-case-detail{font-size:15px;line-height:1.7}
@media(max-width:900px){.credential-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){
  .hero-visual>.wp-block-image img{object-position:66% center;transform:scale(.96)}
  .hero-visual>.wp-block-image{inset:-2%}
  .about-photo{max-width:520px}
  .about-photo img{aspect-ratio:4/5;object-position:50% 32%}
  .credential-grid{grid-template-columns:1fr 1fr;gap:12px}
  .credential-badge{min-height:125px;padding:19px 14px}
}
@media(max-width:420px){.credential-grid{grid-template-columns:1fr}}

/* 1.9: authentic credential badges and interactive company logos */
.credential-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:stretch}
.credential-grid .credential-image{min-height:176px;display:flex;justify-content:center;align-items:center;padding:22px 18px;border:1px solid #dce7ef;border-top:3px solid #087ab4;background:#fff;border-radius:5px;transition:transform .25s ease,box-shadow .25s ease;position:relative}
.credential-grid .credential-image img{display:block;width:100%;height:132px;object-fit:contain}
.credential-grid .credential-exam{min-height:148px;border-top-color:#a8c0d0}
.credential-grid .credential-exam img{height:105px}
@media(hover:hover){.credential-grid .credential-image:hover{transform:translateY(-5px) scale(1.055);box-shadow:0 14px 32px rgba(7,31,55,.14);z-index:2}}
.client-logos>.wp-block-image{display:flex;justify-content:center;align-items:center;min-height:80px}
.client-logos img{transition:transform .25s ease,filter .25s ease,opacity .25s ease;transform-origin:center center}
.client-logos>.wp-block-image:first-child img{height:75px;max-width:100%;transform:scale(1.13)}
@media(hover:hover){.client-logos img:hover{transform:scale(1.12);filter:none;opacity:1}.client-logos>.wp-block-image:first-child img:hover{transform:scale(1.27)}}
@media(max-width:850px){.credential-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.credential-grid .credential-image{min-height:145px;padding:12px}.credential-grid .credential-image img{height:115px}.client-logos>.wp-block-image:first-child img{height:58px}}
@media(prefers-reduced-motion:reduce){.credential-grid .credential-image,.client-logos img{transition:none}}

/* Accessible contact confirmation dialog — Altior 1.11 */
.altior-dialog[hidden]{display:none!important}
.altior-dialog{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.altior-dialog-backdrop{position:absolute;inset:0;background:rgba(7,31,55,.72);backdrop-filter:blur(3px)}
.altior-dialog-panel{position:relative;width:min(100%,510px);padding:42px 36px 35px;background:#fff;border-top:5px solid #087ab4;border-radius:8px;box-shadow:0 25px 75px rgba(0,0,0,.24);text-align:center}
.altior-dialog-icon{display:grid;place-items:center;margin:0 auto 19px;width:64px;height:64px;border-radius:50%;background:#eaf7f6;color:#087b69;font-size:36px;font-weight:700}
.altior-dialog-icon.is-warning{background:#fff3e6;color:#a85d00}
.altior-dialog-panel h2{font-size:clamp(25px,4vw,33px);margin:0 0 14px}
.altior-dialog-panel p{margin:0 auto;color:#425a6c;max-width:410px;line-height:1.65}
.altior-dialog-close{margin-top:27px;cursor:pointer;border:0;border-radius:4px;padding:13px 28px;background:#071f37;color:white;font:600 15px 'Segoe UI',Arial,sans-serif}
.altior-dialog-close:hover,.altior-dialog-close:focus-visible{background:#087ab4}
body.altior-dialog-open{overflow:hidden}
@media(max-width:480px){.altior-dialog-panel{padding:32px 22px}}

.altior-exact{position:relative;width:100%;max-width:1024px;margin:0 auto!important;line-height:0;background:white}.altior-exact>img{display:block;width:100%;height:auto;margin:0}.altior-exact-link{position:absolute;display:block;z-index:1;border-radius:5px}.altior-exact-link:focus-visible{outline:3px solid #f5b700;outline-offset:2px;background:#ffffff25}.altior-exact-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}
/* 1.14 shared navigation; reference content below the original 70px header. */
.altior-exact{max-width:1240px;aspect-ratio:1024 / 1465;overflow:hidden}.altior-exact>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-4.5602605863%)}.assessment-menu-link.is-current{color:var(--blue);border-bottom:3px solid #009dff;padding-bottom:9px}

.real-logo{display:block;position:relative;width:370px;aspect-ratio:1280/260;overflow:hidden;flex-shrink:0}.real-logo img{position:absolute;max-width:none;width:130.625%;left:-17.34%;top:-132.3%}.header{gap:24px;min-height:110px}.header nav{margin-left:auto}.header nav [aria-current=page]{color:#087ab4;border-bottom:3px solid #009cff;padding-bottom:7px}
#assessment-banner{border:0;padding:0;background:transparent;width:min(1180px,94vw);max-width:none;max-height:90dvh;overflow:auto;border-radius:24px;box-shadow:0 24px 85px #0006}#assessment-banner::backdrop{background:#071f37a6}.banner-art{position:relative;line-height:0}.banner-art>img{display:block;width:100%;height:auto}.banner-close,.banner-cta{position:absolute;display:block;border:0;background:transparent;cursor:pointer}.banner-close{right:1.6%;top:2.8%;width:3.3%;height:6.8%;border-radius:50%;min-width:24px;min-height:24px}.banner-cta{left:4%;top:82%;width:44.5%;height:11.4%;border-radius:25px}.banner-close:focus-visible,.banner-cta:focus-visible{outline:3px solid #ffc900;outline-offset:2px}.preview-replay{font:inherit;color:#087ab4;border:1px solid #abc;padding:8px 14px;background:white;cursor:pointer}.assessment-art{position:relative;width:100%;max-width:1240px;margin:auto;aspect-ratio:1024/1465;overflow:hidden}.assessment-art>img{position:absolute;width:100%;transform:translateY(-4.5602605863%)}.assessment-art>a{position:absolute;display:block}.assessment-top-cta{left:3.6%;top:18.72%;width:28.8%;height:3.35%}.assessment-bottom-cta{left:67.4%;top:92.88%;width:29%;height:3.88%}
@media(max-width:740px){.real-logo{width:min(370px,100%)}.header nav{margin-left:0}.header{padding:20px}#assessment-banner{border-radius:12px;width:96vw}}body:has(#assessment-banner[open]){overflow:hidden}


.sa{--sa-ink:#080646;--sa-blue:#008bff;max-width:1240px;margin:auto;color:var(--sa-ink);font-family:'Arial Narrow','Segoe UI',Arial,sans-serif;line-height:1.3}.sa h1,.sa h2,.sa h3{color:var(--sa-ink);font-weight:750;letter-spacing:-.6px}.sa p{margin:0}.sa-hero{position:relative;min-height:420px;background:linear-gradient(100deg,#fff 30%,#dce8ed 64%,#00263e 90%);overflow:hidden;display:grid;grid-template-columns:39% 34% 27%;padding:30px 22px 30px 46px}.sa-copy{z-index:2;position:relative}.sa-eyebrow{font-weight:800;color:#006ae6;font-size:17px;white-space:nowrap;margin-bottom:17px!important}.sa h1{font-size:42px;line-height:1.12;margin-bottom:18px}.sa-copy>p:not(.sa-eyebrow){font-size:20px;line-height:1.3;max-width:395px}.sa-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(#04bdf4,#0070d5);border:1px solid #07a9ed;border-radius:12px;padding:13px 25px;color:#fff;font-size:20px;font-weight:700;box-shadow:0 6px 7px #0003;text-decoration:none}.sa-copy .sa-button{margin-top:19px}.sa-button:hover{filter:brightness(.93)}.sa-button span{font-size:27px;line-height:1}.sa-photo{position:absolute;left:35%;top:0;bottom:0;width:39%;}.sa-photo img{width:100%;height:100%;object-fit:cover}.sa-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff,transparent 17%,transparent 94%,#00263e)}.sa-alert{grid-column:3;position:relative;z-index:2;color:#fff;padding-top:4px}.ms-brand{display:flex;gap:10px;align-items:center;font-size:26px;white-space:nowrap;margin:0 15px 20px}.ms-mark{display:grid;grid-template-columns:repeat(2,14px);gap:2px}.ms-mark i{height:14px;background:#f35325}.ms-mark i:nth-child(2){background:#81bc06}.ms-mark i:nth-child(3){background:#05a6f0}.ms-mark i:nth-child(4){background:#ffba08}.sa-alert-box{background:#1b3b50df;border:1px solid #6f879366;border-radius:12px;box-shadow:0 8px 20px #0003}.sa-alert h2{display:flex;align-items:center;gap:10px;background:linear-gradient(#ed282a,#c50b0d);border-radius:12px;padding:13px 12px;color:#fff;font-size:21px;line-height:1.2;letter-spacing:-.4px}.sa-alert h2 span{font-size:43px}.sa-alert ul{list-style:none;padding:10px 17px 12px;margin:0}.sa-alert li{display:flex;align-items:center;gap:15px;font-size:23px;margin:6px 0}.sa-alert li span{font-size:15px}.sa-pillars{padding:40px 34px 35px}.sa-heading{font-size:40px;line-height:1.15}.sa-heading:after{content:'';display:block;width:62px;height:4px;background:#009aff;margin-top:14px}.sa-pillars>.sa-heading{text-align:center}.sa-pillars>.sa-heading:after{margin-left:auto;margin-right:auto}.sa-lead{text-align:center;font-size:23px;line-height:1.35;margin:16px 0 40px!important}.sa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sa-card{display:flex;gap:15px;align-items:flex-start;border:1px solid #e1ebf2;border-radius:16px;padding:13px;background:linear-gradient(135deg,#fff,#f6f9fc);min-height:132px}.sa-icon{width:65px;height:72px;flex:0 0 65px;border-radius:13px;background:linear-gradient(135deg,#eaf7ff,#d9f2fc);display:grid;place-items:center}.sa-icon svg{width:43px;height:43px}.sa-card h3{font-size:21px;line-height:1.08;margin:2px 0 5px}.sa-card p{font-size:15px;line-height:1.15}.sa-report{padding:15px 30px 70px;display:grid;grid-template-columns:27% 73%;grid-template-rows:auto 1fr;gap:24px 0}.sa-report-intro{grid-column:2}.sa-report-intro p{font-size:17px;margin-top:12px}.sa-book{grid-column:1;grid-row:2;width:100%;align-self:center;padding-right:18px;filter:drop-shadow(0 10px 5px #0002)}.sa-rows{grid-column:2;display:grid;gap:12px}.sa-row{display:grid;grid-template-columns:2.2fr 1fr;gap:12px}.sa-review{display:flex;gap:12px;padding:14px 12px;background:linear-gradient(120deg,#fff,#f7f9fb);border:1px solid #edf1f5;border-radius:16px;align-items:flex-start}.sa-review .sa-icon{width:53px;height:57px;flex-basis:53px}.sa-review .sa-icon svg{width:35px;height:35px}.sa h3{font-size:17px;line-height:1.15}.sa-checks{flex:1}.sa-checks ul{list-style:none;padding:0;margin:7px 0 0;font-size:15px;line-height:1.3}.sa-checks li{position:relative;padding-left:23px}.sa-checks li:before{content:'✓';position:absolute;left:0;color:#008dff;font-weight:700;font-size:22px;line-height:1}.sa-rating{flex:0 0 110px;text-align:center;align-self:center;border-left:1px solid #edf1f4;padding-left:8px}.sa-stars{display:block;background:linear-gradient(to right,#008fff var(--score),#d4d7db var(--score));background-clip:text;color:transparent;font-size:25px;white-space:nowrap;letter-spacing:-2px}.sa-rating strong{display:block;margin-top:4px;font-size:18px}.sa-rating small{font-size:14px;font-weight:400}.sa-result{display:flex;gap:12px;background:linear-gradient(120deg,#f9fcff,#eaf3fa);padding:14px;border-radius:16px}.sa-result>svg{width:29px;height:32px;flex:0 0 29px;color:#008cff}.sa-result p{font-size:15px;line-height:1.2;margin-top:5px}.sa-bottom{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px 25px;background:linear-gradient(100deg,#06334f,#087dc7);color:#fff;padding:23px 46px 34px;overflow:hidden}.sa-bottom h2{grid-column:1/-1;color:white;font-size:32px;letter-spacing:-.6px;position:relative}.sa-bottom h2:after{content:'';display:block;width:50px;height:3px;background:#8bd9eb;margin-top:11px}.sa-bottom:before{content:'';position:absolute;right:0;top:0;bottom:0;width:16%;background:url('assets/building.svg') center/cover;opacity:.65}.sa-bottom>div,.sa-bottom>a{position:relative}.sa-price{font-size:25px!important;margin-bottom:12px!important}.sa-price b{font-size:34px}.sa-bottom p{font-size:18px;line-height:1.3}.sa-bottom .sa-button{align-self:center;white-space:nowrap}.sa a:focus-visible{outline:3px solid #e5a500;outline-offset:3px}
@media(max-width:1100px) and (min-width:761px){.sa-hero{min-height:345px;padding:25px 17px 25px 38px}.sa h1{font-size:36px}.sa-copy>p:not(.sa-eyebrow){font-size:17px}.sa-eyebrow{font-size:15px}.sa-button{font-size:17px;padding:11px 22px}.sa-alert h2{font-size:17px}.ms-brand{font-size:23px;margin-left:10px}.sa-alert li span{font-size:13px}.sa-heading{font-size:35px}.sa-lead{font-size:20px}.sa-card{gap:12px;padding:10px;min-height:113px}.sa-card h3{font-size:18px}.sa-card p{font-size:13px}.sa-icon{width:61px;flex-basis:61px;height:62px}.sa-report{padding-bottom:60px}.sa-review{gap:9px;padding:11px 9px}.sa-review .sa-icon{width:45px;flex-basis:45px}.sa h3{font-size:16px}.sa-card h3{font-size:18px}.sa-checks ul{font-size:13px}.sa-rating{flex-basis:95px}.sa-stars{font-size:23px}.sa-result{padding:11px;gap:8px}.sa-result p{font-size:13px}.sa-bottom{padding-left:44px;padding-right:38px}.sa-bottom h2{font-size:29px}.sa-bottom p{font-size:16px}.sa-price{font-size:23px!important}}
@media(max-width:760px){.sa-hero{display:flex;flex-direction:column;padding:26px 22px;background:#fff}.sa-copy{order:0}.sa-photo{position:relative;order:1;left:auto;top:auto;bottom:auto;width:100%;height:320px;margin-top:24px;border-radius:12px;overflow:hidden}.sa-photo img{object-fit:cover;object-position:center}.sa-photo:before{display:none}.sa-alert{order:2;padding:20px;margin-top:12px;background:#052b43;border-radius:12px}.sa-alert-box{box-shadow:none}.ms-brand{margin:0 0 14px}.sa h1{font-size:38px;line-height:1.1;max-width:520px}.sa-eyebrow{white-space:normal;font-size:14px}.sa-copy>p:not(.sa-eyebrow){font-size:18px;max-width:none}.sa-button{font-size:17px;padding:13px 18px;min-height:48px}.sa-pillars{padding:22px}.sa-heading{font-size:31px}.sa-lead{font-size:18px;margin-bottom:24px!important}.sa-lead br{display:none}.sa-grid{grid-template-columns:1fr}.sa-card{min-height:110px;padding:16px}.sa-card h3{font-size:20px}.sa-card p{font-size:16px;line-height:1.3}.sa-report{display:flex;flex-direction:column;padding:28px 22px 40px;gap:24px}.sa-report-intro p{font-size:16px}.sa-book{width:240px;padding:0;align-self:center}.sa-row{grid-template-columns:1fr;gap:8px}.sa-review{flex-wrap:wrap;padding:14px;gap:12px}.sa-checks{min-width:170px}.sa h3{font-size:17px}.sa-card h3{font-size:20px}.sa-checks ul{font-size:14px}.sa-rating{border:0;display:flex;gap:16px;flex-basis:100%;justify-content:flex-end;align-items:center;padding:0}.sa-result p{font-size:15px}.sa-rows{gap:24px}.sa-bottom{grid-template-columns:1fr;padding:26px 22px;gap:20px}.sa-bottom h2{font-size:29px}.sa-bottom p{font-size:17px}.sa-bottom p br{display:none}.sa-price{font-size:21px!important}.sa-price b{font-size:28px}.sa-bottom .sa-button{justify-self:start}.sa-bottom:before{opacity:.15;width:40%}}
@media(min-width:761px) and (max-width:900px){.sa-grid{grid-template-columns:repeat(2,1fr)}.sa-report{grid-template-columns:23% 77%}.sa-row{grid-template-columns:1fr}.sa-result{padding:10px}.sa-hero{grid-template-columns:45% 23% 32%}.sa h1{font-size:32px}.sa-eyebrow{font-size:12px}.sa-bottom{grid-template-columns:1fr}}

/* 1.17: let mobile grid children shrink; size the hero from its available width. */
.hero > *, .section > *, .header > *, .footer-inner > *,
.expertise-grid > *, .security-grid > *, .client-logos > *,
.contact-fields > *, .sa-grid > *, .sa-row > *, .sa-review > * { min-width: 0; }
.hero { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); }
.real-logo { max-width: 100%; }
@media (max-width: 740px) {
  .hero, .wp-site-blocks .hero { grid-template-columns: minmax(0,1fr); width:100%; }
  .hero-visual {
    min-width:0; width:100%; max-width:100%; min-height:0;
    aspect-ratio:auto; align-self:auto;
  }
  .hero-visual > .wp-block-image {
    position:relative; inset:auto; width:100%; height:auto; margin:0;
  }
  .hero-visual > .wp-block-image img,
  .hero-visual > img {
    display:block; position:static; width:100%; max-width:100%; height:auto;
    aspect-ratio:auto; transform:none; object-fit:contain; object-position:center;
  }
  .hero-visual .image-note { position:relative; inset:auto; width:100%; }
  .header nav { min-width:0; max-width:100%; flex-wrap:wrap; }
  .hero .button { max-width:100%; white-space:normal; }
  .hero-copy, .image-note p, .section h2, .section h3 { overflow-wrap:anywhere; }
  .service-strip, .expertise-grid, .contact-fields { min-width:0; }
  .service-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .section.contact, .section.about, .section.m365, .security-grid, .section.network {
    grid-template-columns:minmax(0,1fr);
  }
  .footer-inner .real-logo { width:min(370px,100%); }
}
@media (max-width:760px) {
  .sa-copy, .sa-checks, .sa-result > div { min-width:0; overflow-wrap:anywhere; }
  .sa-checks { min-width:0; flex-basis:150px; }
  .sa-grid, .sa-row, .sa-bottom { grid-template-columns:minmax(0,1fr); }
  .sa-bottom .sa-button { max-width:100%; white-space:normal; }
  .sa-book { max-width:100%; }
  .sa-alert h2 { overflow-wrap:anywhere; }
  .ms-brand { white-space:normal; flex-wrap:wrap; }
}

/* 1.18 — approved combined changes. */
.header .real-logo { width:530px; max-width:100%; }
.header { gap:30px; }
.footer-inner { display:grid; grid-template-columns:minmax(0,550px) minmax(0,1fr) auto; gap:34px; }
.footer-inner .real-logo { width:100%; }
.real-logo img { mix-blend-mode:multiply; }
.footer-inner > p { text-align:left; }
.client-logos { grid-template-columns:minmax(190px,1.8fr) repeat(6,minmax(0,1fr)); }
.client-logos>.wp-block-image.kroonenberg-logo { position:relative; width:100%; aspect-ratio:229 / 104; min-height:0; overflow:hidden; }
.client-logos>.wp-block-image.kroonenberg-logo img,
.client-logos>.wp-block-image.kroonenberg-logo img:hover {
 position:absolute; width:131.0044%; max-width:none; height:auto;
 left:-15.7205%; top:-45.1923%; transform:none; opacity:1; filter:none;
}
.credential-grid .credential-image,
.credential-grid .credential-exam { min-height:190px; padding:20px; }
.credential-grid .credential-image img,
.credential-grid .credential-exam img { width:100%; height:150px; object-fit:contain; }
.sa .sa-photo { left:32%; width:48%; }
.sa .sa-photo img { object-position:center; }
.sa .sa-bottom.sa-pricing { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:38px 46px; background:linear-gradient(110deg,#07304a,#10577b); }
.sa .sa-bottom.sa-pricing::before { display:none; }
.sa-pricing .sa-price-copy { border-left:4px solid #00c7e8; padding-left:22px; }
.sa .sa-pricing h2 { color:#fff; font-size:30px; letter-spacing:0; }
.sa .sa-pricing h2::after { display:none; }
.sa .sa-pricing .sa-price-copy p { font-size:21px; color:#c6e6f6; margin-top:10px; }
.sa .sa-pricing .sa-price-amount { flex-shrink:0; color:#fff; }
.sa-price-amount strong { display:block; font-size:46px; line-height:1.2; }
.sa-price-amount span { display:block; font-size:20px; margin-top:5px; }
#assessment-banner { border-radius:24px; background:#fff; }
.banner-layout { position:relative; display:grid; grid-template-columns:1.1fr 1fr; line-height:1.35; color:#080646; }
.banner-copy { position:relative; z-index:1; padding:28px 0 30px 30px; }
.banner-logo { width:min(400px,100%); margin-bottom:26px; }
.banner-photo { position:absolute; right:0; top:0; bottom:0; width:53%; overflow:hidden; }
.banner-photo>img { width:100%; height:100%; object-fit:cover; object-position:center; }
.banner-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,white,transparent 24%); }
.banner-copy .banner-eyebrow { font-size:15px; font-weight:750; color:#0065f0; margin-bottom:17px; }
.banner-copy h2 { font-size:clamp(28px,3.3vw,43px); line-height:1.1; letter-spacing:-1px; color:#080646; }
.banner-copy>p:not(.banner-eyebrow) { font-size:18px; margin-top:18px; }
.banner-benefits { display:flex; gap:15px; margin-top:24px; font-size:14px; font-weight:650; }
.banner-benefits>span { flex:1; min-width:0; border-left:3px solid #00a7ee; padding-left:8px; }
#assessment-banner .banner-cta { position:relative; left:auto; top:auto; width:auto; height:auto; display:inline-flex; align-items:center; justify-content:center; gap:16px; margin-top:26px; padding:16px 21px; border-radius:14px; background:linear-gradient(#00b6f5,#0056dc); color:white; font-size:20px; font-weight:700; text-decoration:none; }
#assessment-banner .banner-close { right:14px; top:14px; width:38px; height:38px; min-width:38px; min-height:38px; z-index:3; display:grid; place-items:center; color:#080646; background:white; border:1px solid #bdd1df; font-size:30px; line-height:1; }
.banner-ms { position:absolute; right:65px; top:26px; z-index:2; color:white; background:#07304abf; border-radius:5px; padding:5px 10px; font-size:21px; }
@media(max-width:1100px) { .header .real-logo { width:460px; }.footer-inner { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto; gap:24px; } }
@media(max-width:900px) { .client-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }.client-logos>.wp-block-image.kroonenberg-logo { grid-column:span 2; width:min(280px,100%); justify-self:center; }.banner-copy { padding:24px; }.banner-layout { grid-template-columns:1.25fr 1fr; }.banner-copy>p:not(.banner-eyebrow){font-size:16px}.banner-benefits { flex-wrap:wrap; }.banner-benefits>span { flex-basis:40%; } }
@media(max-width:760px) {
 .sa .sa-photo { left:auto; width:100%; height:auto; aspect-ratio:3/2; }
 .sa .sa-photo img { display:block; width:100%; height:auto; }
 .sa .sa-bottom.sa-pricing { flex-direction:column; align-items:flex-start; padding:28px 22px; gap:22px; }
 .sa .sa-pricing h2 { font-size:25px; }.sa .sa-pricing .sa-price-copy p { font-size:18px; }
 .sa-price-amount { padding-left:26px; }.sa-price-amount strong { font-size:38px; }
 .banner-layout { display:flex; flex-direction:column; }
 .banner-copy { padding:22px; order:0; }
 .banner-logo { width:calc(100% - 30px); margin-bottom:20px; }
 .banner-copy h2 { font-size:29px; }.banner-copy .banner-eyebrow { font-size:12px; }
 .banner-photo { position:relative; width:100%; height:auto; aspect-ratio:3/2; order:1; }
 .banner-photo>img { height:auto; display:block; }.banner-photo::after { display:none; }
 .banner-ms { display:none; }
 #assessment-banner .banner-cta { font-size:17px; width:100%; padding:14px 12px; }
 .banner-benefits { font-size:12px; gap:10px; }.banner-benefits>span { flex-basis:25%; }
}
@media(max-width:740px) {
 .header .real-logo { width:min(530px,100%); }
 .footer-inner { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
 .footer-inner .real-logo { width:min(550px,100%); }.footer-inner>p { order:initial; width:100%; }
 .credential-grid .credential-image,.credential-grid .credential-exam { min-height:165px; padding:14px; }
 .credential-grid .credential-image img,.credential-grid .credential-exam img { height:135px; }
}

/* 1.19: price and contact CTA together; cropped logo animates as a whole. */
.sa .sa-bottom.sa-pricing { justify-content:flex-start; flex-wrap:wrap; gap:28px 40px; }
.sa-pricing .sa-price-actions { display:flex; align-items:center; gap:28px; min-width:0; flex-wrap:wrap; }
.sa-pricing .sa-price-actions .sa-info { margin:0; align-self:center; white-space:nowrap; }
.client-logos>.wp-block-image.kroonenberg-logo { transition:transform .25s ease; transform-origin:center; }
@media(hover:hover) and (pointer:fine) {
 .client-logos>.wp-block-image.kroonenberg-logo:hover { transform:scale(1.12); position:relative; z-index:2; }
}
@media(prefers-reduced-motion:reduce) {
 .client-logos>.wp-block-image.kroonenberg-logo { transition:none; }
}
@media(max-width:760px) {
 .sa .sa-bottom.sa-pricing { align-items:flex-start; }
 .sa-pricing .sa-price-actions { width:100%; gap:18px; padding-left:26px; }
 .sa-pricing .sa-price-actions .sa-price-amount { padding-left:0; }
 .sa-pricing .sa-price-actions .sa-info { font-size:16px; padding:12px 16px; }
}
