.why-section{display:block}
.why-panel{max-width:1200px;margin:auto}

.track-order-section{padding:82px clamp(22px,7vw,105px);background:#f4f7fa;color:#09213a;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:48px;align-items:start}.track-order-section h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-2px;margin:14px 0}.track-order-section>div>p:last-child{color:#536b82;line-height:1.7}.track-order-form{background:#fff;border:1px solid #cbd8e3;border-radius:12px;padding:28px;box-shadow:0 18px 42px #071b2d12}.track-order-form label{display:block;font-weight:800;margin-bottom:10px}.track-order-form>div{display:flex;gap:10px}.track-order-form input{min-width:0;flex:1;padding:14px;border:1px solid #9fb3c7;border-radius:7px;font:inherit;text-transform:uppercase}.track-order-error{color:#a51d2d;min-height:1.4em;margin:10px 0 0}.track-order-result{grid-column:1/-1;background:#fff;border-left:6px solid #087b9e;border-radius:10px;padding:28px;box-shadow:0 18px 42px #071b2d12}.track-order-result h3{font-size:1.4rem}.track-order-result dl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 0}.track-order-result dl div{padding:16px;background:#eef4f8;border-radius:8px}.track-order-result dt{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:#536b82;font-weight:800}.track-order-result dd{margin:8px 0 0;font-weight:700;text-transform:capitalize}.track-order-result dl div:nth-child(3) dd{text-transform:none;font-weight:600}

.service-card{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--division);z-index:2}.service-card:after{content:"";position:absolute;width:190px;height:190px;right:-85px;top:-90px;border-radius:50%;background:var(--division-glow);z-index:-1}.service-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #071b2d24;border-color:var(--division)}.service-card .service-number,.service-card h3,.service-card a{color:var(--division)}.service-card a{font-weight:800}.service-card.secure{--division:#087b9e;--division-glow:#087b9e1f;background:linear-gradient(150deg,#fff 55%,#e8f8fc)}.service-card.advisory{--division:#b77908;--division-glow:#d99b191f;background:linear-gradient(150deg,#fff 55%,#fff7e2)}.service-card.academy{--division:#237a4b;--division-glow:#2e8b5720;background:linear-gradient(150deg,#fff 55%,#ebf8f0)}.service-card.shop{--division:#8b3fd1;--division-glow:#8b3fd120;background:linear-gradient(150deg,#fff 55%,#f5ecff)}.service-card.secure:hover{box-shadow:0 22px 48px #087b9e2e}.service-card.advisory:hover{box-shadow:0 22px 48px #b779082e}.service-card.academy:hover{box-shadow:0 22px 48px #237a4b2e}.service-card.shop:hover{box-shadow:0 22px 48px #8b3fd12e}

.service-details{margin-top:82px;border-top:1px solid #cbd8e3;padding-top:58px}.detail-intro{display:grid;grid-template-columns:.65fr 1.3fr 1fr;gap:28px;align-items:start;margin-bottom:35px}.detail-intro h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-1.5px;margin:0}.detail-intro>p:last-child{color:#536b82;line-height:1.7}.detail-grid-public{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #cbd8e3;border-radius:10px;overflow:hidden}.detail-grid-public article{padding:30px;border-bottom:1px solid #d8e1e9}.detail-grid-public article:nth-child(odd){border-right:1px solid #d8e1e9}.detail-grid-public article:nth-last-child(-n+2){border-bottom:0}.detail-grid-public h3{margin:0 0 11px;font-size:1.12rem}.detail-grid-public p{margin:0;color:#5a6e81;line-height:1.7}.academy-programs{padding:92px clamp(22px,7vw,105px);background:#0a2748}.academy-programs .section-heading>p{color:#b3c6d7}.academy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.academy-grid article{padding:28px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:9px}.academy-grid span{color:#e6b84f;font-size:.75rem;letter-spacing:2px}.academy-grid h3{font-size:1.2rem;margin:25px 0 12px}.academy-grid p{color:#b8c9d8;line-height:1.7;font-size:.92rem}.academy-button{margin-top:30px}.faq-section{padding:90px clamp(22px,7vw,105px);background:#f4f7fa;color:#09213a}.faq-list{max-width:980px;margin:auto;border-top:1px solid #cbd8e3}.faq-list details{border-bottom:1px solid #cbd8e3;padding:0}.faq-list summary{cursor:pointer;padding:23px 42px 23px 0;font-weight:750;font-size:1.05rem;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;color:#087b9e;font-size:1.4rem}.faq-list details[open] summary:after{content:'–'}.faq-list p{color:#536b82;line-height:1.75;margin:0;padding:0 50px 24px 0}.contact-section{padding:82px clamp(22px,7vw,105px);background:linear-gradient(110deg,#102b49,#0b2039)}.contact-section h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-2px;margin:15px 0}.contact-section>div:first-child>p:last-child{color:#adbdcd;max-width:720px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0}.contact-grid>a,.contact-grid>div{display:flex;flex-direction:column;gap:8px;padding:23px;border:1px solid #ffffff24;border-radius:9px;background:#ffffff08;text-decoration:none;min-width:0}.contact-grid>a:hover{border-color:#e6b84f}.contact-grid span{color:#e6b84f;text-transform:uppercase;letter-spacing:1.5px;font-size:.68rem;font-weight:800}.contact-grid strong{overflow-wrap:anywhere}.contact-grid small{color:#9fb3c7}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:980px){.detail-intro{grid-template-columns:1fr}.academy-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.detail-grid-public,.academy-grid,.contact-grid{grid-template-columns:1fr}.detail-grid-public article,.detail-grid-public article:nth-child(odd),.detail-grid-public article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #d8e1e9}.detail-grid-public article:last-child{border-bottom:0}}
.service-details{margin-top:82px;border-top:1px solid #cbd8e3;padding-top:58px}.detail-intro{display:grid;grid-template-columns:.65fr 1.3fr 1fr;gap:28px;align-items:start;margin-bottom:35px}.detail-intro h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-1.5px;margin:0}.detail-intro>p:last-child{color:#536b82;line-height:1.7}.detail-grid-public{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #cbd8e3;border-radius:10px;overflow:hidden}.detail-grid-public article{padding:30px;border-bottom:1px solid #d8e1e9}.detail-grid-public article:nth-child(odd){border-right:1px solid #d8e1e9}.detail-grid-public article:nth-last-child(-n+2){border-bottom:0}.detail-grid-public h3{margin:0 0 11px;font-size:1.12rem}.detail-grid-public p{margin:0;color:#5a6e81;line-height:1.7}.academy-programs{padding:92px clamp(22px,7vw,105px);background:#0a2748}.academy-programs .section-heading>p{color:#b3c6d7}.academy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.academy-grid article{padding:28px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:9px}.academy-grid span{color:#e6b84f;font-size:.75rem;letter-spacing:2px}.academy-grid h3{font-size:1.2rem;margin:25px 0 12px}.academy-grid p{color:#b8c9d8;line-height:1.7;font-size:.92rem}.academy-button{margin-top:30px}.faq-section{padding:90px clamp(22px,7vw,105px);background:#f4f7fa;color:#09213a}.faq-list{max-width:980px;margin:auto;border-top:1px solid #cbd8e3}.faq-list details{border-bottom:1px solid #cbd8e3;padding:0}.faq-list summary{cursor:pointer;padding:23px 42px 23px 0;font-weight:750;font-size:1.05rem;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;color:#087b9e;font-size:1.4rem}.faq-list details[open] summary:after{content:'–'}.faq-list p{color:#536b82;line-height:1.75;margin:0;padding:0 50px 24px 0}.contact-section{padding:82px clamp(22px,7vw,105px);background:linear-gradient(110deg,#102b49,#0b2039)}.contact-section h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-2px;margin:15px 0}.contact-section>div:first-child>p:last-child{color:#adbdcd;max-width:720px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0}.contact-grid>a,.contact-grid>div{display:flex;flex-direction:column;gap:8px;padding:23px;border:1px solid #ffffff24;border-radius:9px;background:#ffffff08;text-decoration:none;min-width:0}.contact-grid>a:hover{border-color:#e6b84f}.contact-grid span{color:#e6b84f;text-transform:uppercase;letter-spacing:1.5px;font-size:.68rem;font-weight:800}.contact-grid strong{overflow-wrap:anywhere}.contact-grid small{color:#9fb3c7}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:980px){.detail-intro{grid-template-columns:1fr}.academy-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}.track-order-section{grid-template-columns:1fr}.track-order-result{grid-column:auto}.track-order-result dl{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.detail-grid-public,.academy-grid,.contact-grid{grid-template-columns:1fr}.detail-grid-public article,.detail-grid-public article:nth-child(odd),.detail-grid-public article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #d8e1e9}.detail-grid-public article:last-child{border-bottom:0}.track-order-form>div{flex-direction:column}.track-order-result dl{grid-template-columns:1fr}}

.about-section{padding:92px clamp(22px,7vw,105px);background:#f4f7fa;color:#09213a}.about-company{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:32px;align-items:start;max-width:1200px;margin:0 auto 58px}.about-company h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-2px;margin:0}.about-company p{color:#536b82;line-height:1.75;margin:0}.founder-profile{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr);background:#fff;border:1px solid #cbd8e3;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #071b2d14}.founder-photo-wrap{min-height:610px;background:#dfe7ed}.founder-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%}.founder-copy{padding:clamp(30px,5vw,60px)}.founder-copy h2{font-size:clamp(2rem,3.7vw,3.3rem);letter-spacing:-1.8px;margin:10px 0 4px}.founder-title{color:#b77908!important;font-weight:800;font-size:1.05rem;margin:0 0 26px!important}.founder-copy>p{color:#536b82;line-height:1.75}.founder-copy .section-label{color:#087b9e}@media(max-width:900px){.about-company{grid-template-columns:1fr}.founder-profile{grid-template-columns:1fr}.founder-photo-wrap{min-height:0;aspect-ratio:4/5;max-height:680px}.founder-photo{object-position:center 18%}}@media(max-width:600px){.about-section{padding-block:72px}.founder-copy{padding:28px 22px}}


/* Public Academy course catalogue */
.public-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.public-course-card,.public-course-status{background:#fff;color:#09213a;border:1px solid #d8e3eb;border-radius:16px;padding:26px;box-shadow:0 16px 38px #071b2d12}
.public-course-card{display:flex;flex-direction:column;min-height:100%}
.public-course-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}
.public-course-badge,.public-course-places{font-size:.76rem;font-weight:800;letter-spacing:.03em;padding:7px 10px;border-radius:999px;background:#e6f4f7;color:#075f78}
.public-course-places{background:#eef7e9;color:#326b25;text-align:right}
.public-course-places.is-full{background:#fcebec;color:#9a2634}
.public-course-card h3,.public-course-status h3{font-size:1.35rem;line-height:1.25;margin:0 0 12px}
.public-course-card>p,.public-course-status p{color:#536b82;line-height:1.65;margin:0}
.public-course-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.public-course-card dl div{background:#f3f7fa;border-radius:10px;padding:13px}
.public-course-card dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#657c90;font-weight:800}
.public-course-card dd{margin:6px 0 0;font-weight:800}
.public-course-button{margin-top:auto;text-align:center}
.public-course-button.is-disabled{opacity:.58;cursor:not-allowed}
.public-course-status{grid-column:1/-1;text-align:center}
.public-course-error{border-color:#e9b9bf}
.academy-registration-note{max-width:820px;margin:28px auto 0;text-align:center;color:#536b82;line-height:1.6}
@media(max-width:920px){.public-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-course-grid{grid-template-columns:1fr}.public-course-card dl{grid-template-columns:1fr}.public-course-top{align-items:flex-start;flex-direction:column}}

.public-course-art{height:180px;margin:-26px -26px 24px;overflow:hidden;background:linear-gradient(135deg,#09213a,#0d5570)}
.public-course-art img{display:block;width:100%;height:100%;object-fit:cover}
.public-course-content{display:flex;flex-direction:column;flex:1}

.course-catalog-page{min-height:70vh;padding-top:72px}.course-catalog-page .academy-programs{min-height:62vh}.course-catalog-intro{max-width:760px}
@media(max-width:700px){.course-catalog-page{padding-top:28px}}


/* Interactive business homepage */
.platform-home{--gold:#63def0;--cyan:#63def0}
.platform-home [hidden]{display:none!important}
.platform-home section[id]{scroll-margin-top:105px}
.platform-home .site-header{gap:22px}
.platform-home .site-header nav{gap:20px}
.platform-home .wordmark small{font-size:.75rem}
.platform-home .button{font-size:1rem;border-radius:9px;min-height:48px;cursor:pointer;font-family:inherit}
.platform-home .button:disabled{opacity:.45;cursor:default;transform:none}
.platform-home :focus-visible{outline:3px solid #07829e;outline-offset:5px}
.platform-home .hero-home{padding-block:72px 88px;min-height:660px;gap:64px}
.platform-home .hero-home h1{font-size:clamp(3.2rem,5.7vw,5.8rem);line-height:1.02;letter-spacing:-.055em}
.platform-home .hero-home h1 span{color:#63def0}
.platform-home .hero-visual:before{display:none}
.platform-home .hero-visual img{max-width:430px;aspect-ratio:1;object-fit:contain;margin:auto;border-radius:22px}
.hero-tool{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 28px;margin:-28px 20px 0;background:#10334d;border:1px solid #43869d;border-radius:16px;text-decoration:none;box-shadow:0 20px 50px #0005}
.hero-tool strong{font-size:1.35rem;line-height:1.35}
.hero-tool>span:not(.section-label){color:#d2e5ef;font-size:1rem}
.hero-tool .tool-link{color:#72e5f3!important;font-weight:700}
.platform-home .intro{padding-block:64px}
.platform-home .section-label,.platform-home .kicker{font-size:.875rem;letter-spacing:.12em}
.platform-home .services-section .section-label,.platform-home .faq-section .section-label,.platform-home .about-section .section-label{color:#066f89}
.platform-home .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.platform-home .service-card{padding:28px 24px;min-height:460px}
.platform-home .service-card.academy{color:#09213a}
.platform-home .service-card.academy p,.platform-home .service-card.academy ul{color:#405b6b}
.platform-home .service-card h3{font-size:1.45rem}
.platform-home .service-card li,.platform-home .service-card p{font-size:1rem}
.platform-home .detail-intro{grid-template-columns:1fr 1.2fr}
.platform-home .detail-intro .section-label{grid-column:1/-1}
.platform-home .detail-grid-public article{padding:24px}
.platform-home .contact-grid span{font-size:.875rem;color:#76deef}
.platform-home .contact-grid small,.platform-home .site-footer{font-size:.875rem}
.platform-home .track-order-section .section-label{color:#066f89}
.risk-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:96px clamp(22px,7vw,105px);background:linear-gradient(125deg,#071b30,#10374e)}
.risk-intro h2,.case-section h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.1;letter-spacing:-.035em;margin:16px 0 24px}
.risk-intro>p:not(.section-label){color:#c5d9e6;line-height:1.8;font-size:1.0625rem}
.risk-facts{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.risk-facts span{font-size:.875rem;border:1px solid #5a8a9a;padding:8px 12px;border-radius:8px}
.risk-method{border-top:1px solid #4b6f81;padding-top:18px;color:#c5d9e6;line-height:1.7}
.risk-method summary{cursor:pointer;color:#82e9f5}
.risk-workspace{background:#fff;color:#0a253d;border:1px solid #d3e4e8;border-radius:20px;padding:clamp(24px,3vw,40px);box-shadow:0 25px 65px #0003;align-self:start;min-width:0}
.risk-progress-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.875rem;color:#456476}
.risk-workspace progress{width:100%;height:8px;appearance:none;border:none;border-radius:8px;overflow:hidden;background:#e4edf1;margin:16px 0 32px}
.risk-workspace progress::-webkit-progress-bar{background:#e4edf1}
.risk-workspace progress::-webkit-progress-value{background:#087c94}
.risk-workspace progress::-moz-progress-bar{background:#087c94}
.risk-workspace fieldset{padding:0;margin:0;border:0;min-width:0}
.risk-workspace legend{font-size:1.5rem;font-weight:750;line-height:1.3;max-width:100%}
#risk-help{color:#4c6878;line-height:1.65}
.risk-options{display:grid;gap:10px;margin:26px 0}
.risk-options label{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #b6cbd4;border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s}
.risk-options label:has(input:checked){border-color:#06768c;background:#ecfafd;box-shadow:inset 0 0 0 1px #06768c}
.risk-options label:hover{background:#f1f8fa}
.risk-options input{accent-color:#087c94;width:20px;height:20px;flex-shrink:0}
.risk-options span{font-weight:750}
.risk-options small{display:block;font-size:.875rem;font-weight:400;margin-top:4px;color:#4c6878}
.risk-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.risk-workspace .button-outline{color:#12394f;border-color:#8da7b3}
.risk-workspace .button-gold{background:#075e75;border-color:#075e75;color:#fff}
.risk-privacy,.risk-disclaimer{font-size:.875rem;line-height:1.65;color:#526d7c;margin:24px 0 0}
.risk-score-row{display:flex;align-items:center;gap:24px;margin:26px 0}
#risk-score{font-size:2.6rem;color:#075e75;letter-spacing:-.05em}
#risk-result-title{margin:0;font-size:1.35rem}
#risk-summary{color:#4c6878;line-height:1.65}
#risk-priorities{padding-left:22px;line-height:1.7}
#risk-priorities li{padding:8px 0 8px 6px}
#risk-result .risk-controls{margin-top:28px}
#risk-result .section-label{color:#066f89}
.case-section{padding:96px clamp(22px,7vw,105px);background:#eaf1f5;color:#09213a}
.case-section .section-label{color:#066f89}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-card{padding:36px;border:1px solid #bdd0dc;border-radius:16px;background:#fff;min-width:0}
.case-card:nth-child(2){background:#092a42;color:#fff;border-color:#092a42}
.case-top{display:flex;justify-content:space-between;gap:14px;font-size:.875rem;color:#476779}
.case-card:nth-child(2) .case-top{color:#a6c9dd}
.case-card h3{font-size:2.25rem;letter-spacing:-.04em;margin:30px 0 16px}
.case-card>p{font-size:1.0625rem;line-height:1.6}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.case-tags span{font-size:.875rem;padding:7px 10px;border:1px solid #95b2c2;border-radius:6px}
.case-card details{border-top:1px solid #95b2c2;padding-top:20px}
.case-card summary{cursor:pointer;font-weight:700}
.case-card dl{line-height:1.7}
.case-card dt{font-weight:750;margin-top:22px}
.case-card dd{margin:6px 0 0}
.case-card details a{display:inline-block;margin:16px 16px 0 0;text-underline-offset:5px}
.nav-toggle{display:none;background:transparent;border:1px solid #6c9daf;border-radius:7px;color:#fff;font:inherit;padding:10px 14px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:981px) and (max-width:1200px){.platform-home .site-header{padding-inline:22px;gap:16px}.platform-home .site-header nav{gap:14px}.platform-home .wordmark small{font-size:.65rem}}
@media(max-width:1100px){.platform-home .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-section{gap:32px}.platform-home .hero-home{gap:36px}}
@media(max-width:980px){.platform-home .nav-toggle{display:block;margin-left:auto}.platform-home .header-login{margin-left:0}.platform-home .site-header nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#09273e;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px;border-bottom:1px solid #6c9daf}.platform-home .site-header nav a{padding:14px;font-size:1rem}.platform-home .hero-visual{width:100%;max-width:500px}.risk-section{grid-template-columns:1fr}.risk-intro{max-width:760px}.risk-workspace{width:100%}.platform-home .hero-home{padding-block:56px}.platform-home .detail-intro{grid-template-columns:1fr}}
@media(max-width:640px){.platform-home .service-grid,.case-grid{grid-template-columns:1fr}.risk-section,.case-section{padding-block:64px}.case-card{padding:26px}.risk-score-row{align-items:flex-start;flex-direction:column;gap:8px}.platform-home .site-header{gap:10px;padding-inline:18px}.platform-home .hero-home h1{font-size:clamp(2.7rem,10vw,3.7rem);letter-spacing:-.04em}.hero-tool{margin-inline:0}.risk-controls .button{flex:1}.platform-home .hero-visual img{max-width:340px}}
@media(prefers-reduced-motion:reduce){.platform-home *, .platform-home *:before, .platform-home *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.platform-home .service-card:hover,.platform-home .button:hover{transform:none}}

.risk-chart-layout{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin:28px 0 36px}
.risk-chart{margin:0;text-align:center}
.risk-chart svg{display:block;width:100%;max-width:200px;margin:auto}
.risk-chart figcaption{font-size:.875rem;color:#526d7c;line-height:1.5;margin-top:12px}
.risk-pie-legend{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.risk-pie-legend li{display:grid;grid-template-columns:14px 1fr;gap:6px 10px;font-size:.875rem;align-items:center}
.risk-pie-legend strong{grid-column:2;font-size:1rem}
.risk-swatch{width:14px;height:14px;border-radius:3px}
.risk-swatch.response-yes{background:#087b80}
.risk-swatch.response-partial{background:#dcaa31}
.risk-swatch.response-no{background:#bd5366}
#risk-pie .response-yes{fill:#087b80}
#risk-pie .response-partial{fill:#dcaa31}
#risk-pie .response-no{fill:#bd5366}
#risk-pie path{stroke:#fff;stroke-width:2}
.risk-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.risk-category{border:1px solid #bdcfd8;border-radius:10px;padding:16px;min-width:0}
.risk-category h5{font-size:1rem;margin:0 0 12px;line-height:1.4}
.risk-category-status{font-weight:700;font-size:.875rem;margin:0 0 8px}
.risk-category-status.response-yes{color:#08676d}
.risk-category-status.response-partial{color:#805b04}
.risk-category-status.response-no{color:#a22d44}
.risk-category-points{font-size:.875rem;color:#526d7c;margin:0}
@media(max-width:440px){.risk-chart-layout,.risk-category-grid{grid-template-columns:1fr}.risk-pie-legend li{grid-template-columns:14px 1fr auto}.risk-pie-legend strong{grid-column:auto}.risk-chart svg{max-width:180px}}

/* Compact navigation, service disclosures and project previews */
.platform-home .site-header nav{gap:24px}
.nav-explore{position:relative;color:#c7d4e1;font-size:1rem}
.nav-explore>summary{cursor:pointer;list-style:none;padding:12px 0;display:flex;gap:9px;align-items:center}
.nav-explore>summary:after{content:'+';font-size:1.15rem;color:#63def0}
.nav-explore[open]>summary:after{content:'−'}
.nav-explore>summary::-webkit-details-marker{display:none}
.explore-menu{position:absolute;top:100%;right:0;min-width:210px;padding:10px;border:1px solid #517285;border-radius:12px;background:#0b293f;box-shadow:0 16px 40px #0005}
.platform-home .explore-menu a{display:block;padding:13px 15px;border-radius:7px}
.platform-home .explore-menu a:hover{background:#153d54}
.platform-home .services-section{padding-block:76px}
.platform-home .service-card{min-height:310px;padding:28px;background:#fff;box-shadow:0 10px 28px #071b2d09}
.platform-home .service-card:after{display:none}
.platform-home .service-card:before{height:4px}
.platform-home .service-card h3{color:#09213a;margin-top:24px}
.platform-home .service-card p{margin:0 0 20px;line-height:1.7}
.platform-home .service-card .service-number,.platform-home .service-card a{color:var(--division)}
.division-details{margin:0 0 24px}
.division-details summary{cursor:pointer;font-weight:700;font-size:.9375rem;color:#304b64}
.platform-home .division-details ul{margin:18px 0 0;padding:0}
.platform-home .service-card>a{padding-top:8px;line-height:1.5}
.service-guide-section{padding:48px clamp(22px,7vw,105px) 64px;background:#f4f7fa;color:#09213a}
.platform-home .service-details{margin:0;border:1px solid #bdcfd8;padding:0;border-radius:14px;background:#fff;overflow:hidden}
.service-details>summary{padding:26px 30px;font-size:1.2rem;font-weight:750;cursor:pointer}
.service-guide-note{margin:0;padding:0 30px 22px;color:#526d7c}
.platform-home .detail-grid-public{border:0;border-top:1px solid #d5e1e8;border-radius:0;display:block}
.service-description{border-bottom:1px solid #d5e1e8;padding:0 30px}
.service-description:last-child{border-bottom:0}
.service-description summary{padding:20px 0;cursor:pointer;font-size:1rem;font-weight:700}
.service-description p{color:#526d7c;line-height:1.7;padding:0 0 22px;margin:0}
.platform-home .risk-section,.platform-home .case-section{padding-block:80px}
.platform-home .case-card{overflow:hidden;padding:30px}
.project-preview{display:block;margin:-30px -30px 28px;position:relative;background:#081e33;overflow:hidden}
.project-preview img{display:block;width:100%;height:auto;aspect-ratio:1.46;object-fit:cover;transition:transform .3s ease}
.project-preview:hover img{transform:scale(1.025)}
.project-preview>span{display:block;font-size:.9375rem;font-weight:700;padding:13px 20px;background:#0b293f;color:#e6f4f9}
.platform-home .case-top{line-height:1.5}
.platform-home .case-card h3{margin-top:22px}
.platform-home .section-heading{gap:36px;margin-bottom:36px}
.platform-home .hero-actions .button,.platform-home .contact-actions .button{padding-inline:24px}
@media(max-width:980px){.platform-home .site-header nav.is-open{max-height:calc(100dvh - 88px);overflow:auto}.nav-explore{width:100%}.nav-explore>summary{padding:14px}.explore-menu{position:static;box-shadow:none;margin:0 0 10px;min-width:0}.platform-home .explore-menu a{padding-left:28px}}
@media(max-width:640px){.platform-home .service-card{min-height:0;padding:26px}.platform-home .risk-section,.platform-home .case-section{padding-block:64px}.platform-home .case-card{padding:24px}.project-preview{margin:-24px -24px 24px}.service-details>summary{padding:22px;font-size:1.0625rem}.service-description{padding-inline:22px}.service-guide-note{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.project-preview:hover img{transform:none}}

/* Light blue business security check panel */
.platform-home .risk-workspace{background:#EAF4FA;color:#0a253d}

/* Clear service offers and delivery process */
.platform-home .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.delivery-grid,.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}
.delivery-grid article,.offer-grid article{background:#fff;border:1px solid #cbdbe5;border-radius:14px;padding:26px;color:#09213a}
.delivery-grid span{color:#087b9e;font-weight:800}
.delivery-grid p,.offer-grid p,.offer-grid li,.service-offer>p{color:#405b6b;line-height:1.75}
.service-page h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;margin:12px 0}
.service-page h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2}
.service-page .service-offer:nth-child(even){background:#eaf4fa}
.service-offer .button-outline{color:#09213a;border-color:#708b9c}
.service-jump{display:flex;flex-wrap:wrap;gap:12px}
.service-jump a{padding:12px 18px;border:1px solid #9bb8c8;border-radius:9px}
@media(max-width:1100px){.platform-home .service-grid,.delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.platform-home .service-grid,.delivery-grid,.offer-grid{grid-template-columns:1fr}}


.platform-home .hero-home{grid-template-columns:1.05fr 1fr;min-height:620px;padding-block:64px 76px;gap:54px;background:radial-gradient(ellipse at 90% 20%,#164157 0,transparent 55%),#061a33}
.platform-home .hero-home h1{font-size:clamp(3rem,5.2vw,5.1rem)}
.platform-home .hero-lead{max-width:580px;font-size:1.15rem;line-height:1.75}
.project-window{border:1px solid #5b8297;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 28px 70px #0004}
.project-window-bar{margin:0;padding:14px 20px;background:#163349;color:#d1e2ed;font-size:.8rem;letter-spacing:.08em}
.project-window>a{display:block;text-decoration:none}
.platform-home .hero-project img{display:block;width:100%;max-width:none;aspect-ratio:1.46;object-fit:cover;border-radius:0;margin:0}
.hero-project-caption{display:flex;flex-direction:column;gap:7px;padding:20px 24px;color:#12334a;background:#fff}
.hero-project-caption strong{font-size:1.2rem;letter-spacing:.06em}
.hero-project-caption>span{font-size:.875rem}
.hero-project-caption>span:last-child{color:#076b80;font-weight:700;margin-top:4px}
.platform-home .hero-project .hero-tool{margin:18px 0 0;padding:20px 24px;border-radius:14px;box-shadow:none;gap:8px}
.platform-home .intro{padding-block:42px}
.platform-home .services-section,.platform-home .case-section,.platform-home .risk-section{padding-block:64px}
.platform-home .service-card{border-radius:14px}
.platform-home .service-card h3{line-height:1.3}
.homepage-faq{border:1px solid #bdcfd8;border-radius:12px;background:#fff;color:#09213a}
.homepage-faq>summary{padding:22px 26px;cursor:pointer;font-weight:700}
.homepage-faq .faq-list{padding:0 26px 12px}
@media(max-width:980px){.platform-home .hero-home{grid-template-columns:1fr;gap:36px}.platform-home .hero-project{max-width:620px}}
@media(max-width:640px){.platform-home .hero-home{padding-block:42px 52px}.platform-home .hero-home h1{font-size:clamp(2.6rem,10vw,3.7rem)}.platform-home .hero-lead{font-size:1.05rem}.platform-home .services-section,.platform-home .case-section,.platform-home .risk-section{padding-block:48px}}

.platform-home .hero-project img{height:auto;box-shadow:none;border:0}

/* Homepage footer */
.platform-home .footer-refresh{display:block;padding:56px clamp(22px,7vw,105px) 24px;background:#061a33;border-top:1px solid #294056;color:#b9cbd8;font-size:.9375rem}
.platform-home .footer-refresh .footer-columns{display:grid;grid-template-columns:1.2fr .7fr 1fr;align-items:start;gap:64px}
.footer-refresh .footer-brand .wordmark{display:inline-flex}
.footer-refresh .wordmark img{width:38px;height:38px}
.footer-refresh .wordmark small{font-size:.7rem;line-height:1.5}
.footer-refresh p{margin:20px 0 0;line-height:1.75;max-width:340px;text-align:left}
.footer-refresh h2{font-size:1rem;color:#f4f8fc;margin:0 0 20px;font-weight:700}
.footer-refresh .footer-links,.footer-refresh .footer-contact{display:flex;flex-direction:column;gap:12px;min-width:0}
.footer-refresh .footer-links h2,.footer-refresh .footer-contact h2{margin-bottom:6px}
.footer-refresh a{color:#c6d6e1;text-decoration:none;overflow-wrap:anywhere;line-height:1.6}
.footer-refresh a:hover{color:#63def0}
.footer-refresh a:focus-visible{outline:2px solid #63def0;outline-offset:5px}
.footer-refresh .footer-contact p{margin-top:6px;font-size:.875rem}
.platform-home .footer-refresh .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:22px;border-top:1px solid #294056;font-size:.8125rem;color:#9eb4c5}
@media(max-width:800px){.platform-home .footer-refresh .footer-columns{grid-template-columns:1fr 1fr;gap:32px}.footer-refresh .footer-brand{grid-column:1/-1}}
@media(max-width:520px){.platform-home .footer-refresh .footer-columns{grid-template-columns:1fr;gap:30px}.footer-refresh .footer-brand{grid-column:auto}.platform-home .footer-refresh .footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-refresh .wordmark small{display:block}}

.platform-home .footer-refresh .footer-bottom{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center}.footer-bottom .footer-service-area{text-align:center;line-height:1.65}.footer-bottom>a{justify-self:end}@media(max-width:700px){.platform-home .footer-refresh .footer-bottom{grid-template-columns:1fr;text-align:center;justify-items:center}.footer-bottom>a{justify-self:center}}

/* Equal footer bottom columns */
.platform-home .footer-refresh .footer-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:center}
.platform-home .footer-refresh .footer-bottom>span,.platform-home .footer-refresh .footer-bottom>a{justify-self:center;text-align:center}
@media(max-width:700px){.platform-home .footer-refresh .footer-bottom{grid-template-columns:1fr;gap:20px}}

/* Even spacing for all three footer sections */
.platform-home .footer-refresh .footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:800px){.platform-home .footer-refresh .footer-columns{grid-template-columns:1fr;gap:30px}.footer-refresh .footer-brand{grid-column:auto}}

/* Align the content within each equal footer column */
.platform-home .footer-refresh .footer-columns{justify-items:stretch}
.platform-home .footer-refresh .footer-columns>div,.platform-home .footer-refresh .footer-columns>nav{width:100%;text-align:center;align-items:center}
.platform-home .footer-refresh .footer-brand .wordmark{justify-content:center}
.platform-home .footer-refresh .footer-brand p{margin:20px auto 0;text-align:center}
.platform-home .footer-refresh .footer-links a,.platform-home .footer-refresh .footer-contact a{display:block;text-align:center}
.platform-home .footer-refresh .footer-columns h2{margin-top:0;min-height:38px;display:flex;align-items:center;justify-content:center}

/* Brand on the left; navigation and contact grouped on the right */
.platform-home .footer-refresh .footer-columns{grid-template-columns:minmax(0,1fr) minmax(140px,180px) minmax(230px,280px);column-gap:36px}
.platform-home .footer-refresh .footer-columns>div,.platform-home .footer-refresh .footer-columns>nav{text-align:left;align-items:flex-start}
.platform-home .footer-refresh .footer-brand .wordmark{justify-content:flex-start}
.platform-home .footer-refresh .footer-brand p{margin:20px 0 0;text-align:left}
.platform-home .footer-refresh .footer-links a,.platform-home .footer-refresh .footer-contact a{text-align:left}
.platform-home .footer-refresh .footer-columns h2{justify-content:flex-start}
@media(max-width:800px){.platform-home .footer-refresh .footer-columns{grid-template-columns:1fr 1fr;gap:30px}.footer-refresh .footer-brand{grid-column:1/-1}}
@media(max-width:520px){.platform-home .footer-refresh .footer-columns{grid-template-columns:1fr}.footer-refresh .footer-brand{grid-column:auto}}

/* Academy catalogue refresh */
.academy-refresh .course-catalog-page{padding-top:0}
.academy-welcome{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;padding:72px clamp(22px,7vw,105px);background:radial-gradient(ellipse at 90% 10%,#164157,transparent 60%),#061a33}
.academy-welcome h1{font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.04em;margin:18px 0 24px}
.academy-welcome h1 span{color:#63def0}
.academy-welcome p{line-height:1.8;color:#c5d9e6;max-width:630px}
.academy-learning-panel{background:#12354c;border:1px solid #51768b;border-radius:18px;padding:32px;align-self:center}
.academy-learning-panel h2{font-size:1.8rem}
.academy-learning-panel a{color:#83e8f3;text-underline-offset:5px}
.academy-refresh .academy-programs{background:#f1f6f9;padding:64px clamp(22px,7vw,105px);color:#09213a}
.academy-refresh .public-course-card{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #071b2d0c}
.academy-refresh .public-course-art{height:160px}
.academy-refresh .public-course-art img{object-fit:contain}
.course-disclosure{border-top:1px solid #d4e0e9;border-bottom:1px solid #d4e0e9;margin:8px 0 0;padding:16px 0}
.course-disclosure summary{cursor:pointer;font-weight:700;color:#075f78;line-height:1.5}
.course-disclosure p{line-height:1.7;color:#405b6b}
.course-disclosure a{color:#075f78}
.academy-course-guidance,.academy-enrollment{margin-top:36px;border:1px solid #c9dbe5;border-radius:16px;padding:28px;background:#fff}
.academy-course-guidance p{line-height:1.75;color:#405b6b}
.academy-course-guidance a{color:#075f78}
.academy-enrollment ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-left:22px}
.academy-enrollment li{padding-left:6px}
.academy-enrollment strong,.academy-enrollment span{display:block;line-height:1.7}
.academy-enrollment span{color:#405b6b;margin-top:8px}
.academy-refresh .public-course-button{background:#075f78;color:#fff;border-color:#075f78;min-height:48px;margin-top:auto}
.academy-refresh .public-course-button.is-disabled{background:#e4edf3;color:#405b6b}
@media(max-width:900px){.academy-welcome{grid-template-columns:1fr;gap:28px}.academy-learning-panel{max-width:650px}}
@media(max-width:620px){.academy-welcome{padding-block:44px}.academy-refresh .academy-programs{padding-block:44px}.academy-enrollment ol{grid-template-columns:1fr;gap:20px}.academy-welcome .hero-actions .button{width:100%}}

.academy-refresh .academy-programs .section-label{color:#066f89}.academy-refresh .academy-programs .section-heading>p{color:#405b6b}

/* Website service presentation */
.services-refresh .services-section .section-label{color:#066f89}
.services-refresh .services-section .section-heading>p{color:#405b6b}
.website-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.website-intro h2{font-size:clamp(2.5rem,4.5vw,4.2rem);letter-spacing:-.035em;margin:20px 0}
.website-intro h2 span{color:#066f89}
.website-intro p,.website-scope li,.website-proof p,.website-quote-guide p{line-height:1.75;color:#405b6b}
.website-scope{padding:30px;background:#fff;border:1px solid #bed4e0;border-radius:18px}
.website-scope li{padding:5px 0}
.website-options-heading{margin-top:64px;max-width:800px}
.website-options-heading h3{font-size:1.8rem;margin:14px 0}
.website-options-heading>p:last-child{color:#405b6b;line-height:1.7}
.website-options article{display:flex;flex-direction:column;padding:30px}
.option-number{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#066f89;font-weight:700}
.website-options h3{font-size:1.5rem;line-height:1.3}
.website-options ul{padding-left:20px}
.website-options details{border-top:1px solid #cedfe8;padding:18px 0;margin:8px 0 20px}
.website-options summary,.website-quote-guide summary{cursor:pointer;font-weight:700;color:#075f78;line-height:1.5}
.website-options .button{margin-top:auto;background:#075f78;border-color:#075f78;color:#fff;text-align:center}
.website-proof{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:#fff;border:1px solid #bed4e0;border-radius:18px;padding:24px;margin-top:44px}
.website-proof img{display:block;width:100%;height:auto;border-radius:10px}
.website-proof h3{font-size:1.8rem;line-height:1.3}
.website-proof a{color:#075f78;text-underline-offset:5px}
.website-quote-guide{padding:24px;background:#fff;border:1px solid #bed4e0;border-radius:14px;margin-top:24px}
@media(max-width:900px){.website-intro{grid-template-columns:1fr;gap:28px}.website-options{grid-template-columns:1fr}}
@media(max-width:620px){.website-proof{grid-template-columns:1fr;padding:20px}.website-options-heading{margin-top:40px}.website-intro .button{width:100%}}


/* Slow clockwise text ring in the homepage hero */
.platform-home .hero-visual{display:grid;place-items:center}
.platform-home .hero-visual>img{grid-area:1/1}
.hero-spin-ring{grid-area:1/1;width:min(118%,680px);aspect-ratio:1;z-index:2;pointer-events:none;animation:yellah-spin-clockwise 22s linear infinite}
.hero-spin-ring svg{display:block;width:100%;height:100%;overflow:visible}
.hero-spin-ring text{fill:#e6b84f;font-size:11px;font-weight:800;letter-spacing:2.2px}
@keyframes yellah-spin-clockwise{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero-spin-ring{width:min(112%,560px)}}
@media(max-width:640px){.hero-spin-ring{width:min(112%,390px)}.hero-spin-ring text{font-size:10px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:reduce){.hero-spin-ring{animation:none}}






/* Yellah Secure: rotating cybersecurity ring */
.service-card.secure .service-number{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid #087b9e55;isolation:isolate}
.service-card.secure .service-number::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid transparent;border-top-color:#087b9e;border-right-color:#087b9e66;animation:yellah-secure-ring 5.5s linear infinite;pointer-events:none}
.service-card.secure .service-number::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed #087b9e55;animation:yellah-secure-ring-reverse 9s linear infinite;pointer-events:none}
@keyframes yellah-secure-ring{to{transform:rotate(360deg)}}
@keyframes yellah-secure-ring-reverse{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.service-card.secure .service-number::before,.service-card.secure .service-number::after{animation:none}}


/* Other Yellah categories: coordinated rotating rings */
.service-card.academy .service-number,.service-card.advisory .service-number,.service-card.shop .service-number{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid color-mix(in srgb,var(--division) 35%,transparent);isolation:isolate}
.service-card.academy .service-number::before,.service-card.advisory .service-number::before,.service-card.shop .service-number::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid transparent;border-top-color:var(--division);border-right-color:color-mix(in srgb,var(--division) 42%,transparent);animation:yellah-category-ring 6.5s linear infinite;pointer-events:none}
.service-card.academy .service-number::after,.service-card.advisory .service-number::after,.service-card.shop .service-number::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--division) 35%,transparent);animation:yellah-category-ring-reverse 10s linear infinite;pointer-events:none}
.service-card.academy .service-number::before{animation-duration:7s}.service-card.academy .service-number::after{animation-duration:11s}
.service-card.advisory .service-number::before{animation-duration:6s}.service-card.advisory .service-number::after{animation-duration:9.5s}
.service-card.shop .service-number::before{animation-duration:5.5s}.service-card.shop .service-number::after{animation-duration:8.5s}
@keyframes yellah-category-ring{to{transform:rotate(360deg)}}
@keyframes yellah-category-ring-reverse{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.service-card.academy .service-number::before,.service-card.academy .service-number::after,.service-card.advisory .service-number::before,.service-card.advisory .service-number::after,.service-card.shop .service-number::before,.service-card.shop .service-number::after{animation:none}}


/* Service interaction polish: hover, link arrows, mobile */
@media(hover:hover) and (pointer:fine){
.service-card:hover{transform:translateY(-6px);border-color:var(--division);box-shadow:0 20px 46px color-mix(in srgb,var(--division) 20%,#071b2d24)}
.service-card:hover .service-number{box-shadow:0 0 0 5px color-mix(in srgb,var(--division) 10%,transparent),0 0 22px color-mix(in srgb,var(--division) 24%,transparent)}
.service-card>a:not(.button){display:inline-flex;align-items:center;gap:.38rem;text-decoration-thickness:1px;text-underline-offset:4px}
.service-card>a:not(.button)::after{content:"→";display:inline-block;transition:transform .22s ease}
.service-card>a:not(.button):hover::after,.service-card>a:not(.button):focus-visible::after{transform:translateX(5px)}
}
.service-card:focus-within{border-color:var(--division);box-shadow:0 16px 38px color-mix(in srgb,var(--division) 16%,#071b2d1c)}
@media(max-width:640px){
.service-card{transform:none!important;box-shadow:none}
.service-card .service-number{width:46px;height:46px}
.service-card.secure .service-number::before,.service-card.academy .service-number::before,.service-card.advisory .service-number::before,.service-card.shop .service-number::before{inset:-5px}
.service-card.secure .service-number::after,.service-card.academy .service-number::after,.service-card.advisory .service-number::after,.service-card.shop .service-number::after{inset:-9px}
}
@media(prefers-reduced-motion:reduce){.service-card,.service-card>a::after{transition:none!important}.service-card:hover{transform:none!important}}


/* How We Work: animated delivery timeline */
#how-we-work .delivery-grid{position:relative;isolation:isolate}
#how-we-work .delivery-grid::before,#how-we-work .delivery-grid::after{content:"";position:absolute;left:6.5%;right:6.5%;top:27px;height:3px;border-radius:999px;z-index:0}
#how-we-work .delivery-grid::before{background:#d6e3e9}
#how-we-work .delivery-grid::after{background:linear-gradient(90deg,#087b9e,#e6b84f);transform:scaleX(0);transform-origin:left;transition:transform 2.4s cubic-bezier(.22,.75,.25,1)}
#how-we-work.is-active .delivery-grid::after{transform:scaleX(1)}
#how-we-work .delivery-grid article{position:relative;z-index:1;opacity:.5;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
#how-we-work .delivery-grid article>span{position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid #bfd2dc;color:#075f78;font-weight:900;box-shadow:0 0 0 6px #fff;transition:background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
#how-we-work.is-active .delivery-grid article{opacity:1;transform:translateY(0)}
#how-we-work.is-active .delivery-grid article>span{background:#075f78;color:#fff;border-color:#075f78;box-shadow:0 0 0 6px #fff,0 0 0 9px #075f7822}
#how-we-work.is-active .delivery-grid article:nth-child(1){transition-delay:.15s}#how-we-work.is-active .delivery-grid article:nth-child(1)>span{transition-delay:.15s}
#how-we-work.is-active .delivery-grid article:nth-child(2){transition-delay:.7s}#how-we-work.is-active .delivery-grid article:nth-child(2)>span{transition-delay:.7s}
#how-we-work.is-active .delivery-grid article:nth-child(3){transition-delay:1.25s}#how-we-work.is-active .delivery-grid article:nth-child(3)>span{transition-delay:1.25s}
#how-we-work.is-active .delivery-grid article:nth-child(4){transition-delay:1.8s}#how-we-work.is-active .delivery-grid article:nth-child(4)>span{transition-delay:1.8s}
@media(max-width:700px){#how-we-work .delivery-grid{display:grid;gap:26px;padding-left:8px}#how-we-work .delivery-grid::before,#how-we-work .delivery-grid::after{left:34px;right:auto;top:27px;bottom:27px;width:3px;height:auto}#how-we-work .delivery-grid::after{transform:scaleY(0);transform-origin:top}#how-we-work.is-active .delivery-grid::after{transform:scaleY(1)}#how-we-work .delivery-grid article{padding-left:76px;min-height:70px}#how-we-work .delivery-grid article>span{position:absolute;left:0;top:0}}
@media(prefers-reduced-motion:reduce){#how-we-work .delivery-grid::after{transform:none!important;transition:none}#how-we-work .delivery-grid article{opacity:1;transform:none;transition:none}#how-we-work .delivery-grid article>span{transition:none}}


/* Portfolio and hero interaction polish */
@media(hover:hover) and (pointer:fine){
.case-card .project-preview{overflow:hidden}
.case-card .project-preview img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.case-card:hover .project-preview img{transform:scale(1.035)}
.case-card .project-preview>span{display:inline-flex;align-items:center;gap:.35rem}
.case-card .project-preview>span::after{content:"→";display:inline-block;transition:transform .22s ease}
.case-card .project-preview:hover>span::after,.case-card .project-preview:focus-visible>span::after{transform:translateX(5px)}
.case-card details>a{display:inline-flex;align-items:center;gap:.35rem}
.case-card details>a::after{content:"→";display:inline-block;transition:transform .22s ease}
.case-card details>a:hover::after,.case-card details>a:focus-visible::after{transform:translateX(5px)}
.hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem}
.hero-actions .button::after{content:"→";display:inline-block;transition:transform .22s ease}
.hero-actions .button:hover::after,.hero-actions .button:focus-visible::after{transform:translateX(5px)}
}
@media(max-width:640px){.case-card .project-preview img{transform:none!important}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.case-card .project-preview img,.case-card .project-preview>span::after,.case-card details>a::after,.hero-actions .button::after{transition:none!important;transform:none!important}}