/* CESI Algérie V9 — presentation layer for the original PHP architecture. */
@font-face{font-family:Switzer;src:url('/assets/switzer-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url('/assets/switzer-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Switzer;src:url('/assets/switzer-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url('/assets/barlow-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url('/assets/barlow-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url('/assets/barlow-800.ttf') format('truetype');font-weight:800;font-display:swap}

:root{
  --accent:#ffe500;
  --accent-strong:#ffd800;
  --navy:#151820;
  --navy-2:#20242d;
  --font-sans:Switzer,Arial,sans-serif;
  --font-display:BarlowCondensed,Impact,sans-serif;
  --radius-sm:0;
  --radius:2px;
  --radius-md:4px;
  --radius-lg:6px;
}

html{scroll-padding-top:94px}
body{font-family:var(--font-sans);color:#17191f;background:#fff}
h1,h2,h3,.button,.section-kicker,.eyebrow{font-family:var(--font-display);letter-spacing:.01em}
.container-wide{width:min(1180px,calc(100% - 48px))}
.section{padding-top:84px;padding-bottom:84px}
.section.alt{background:#f4f5f7}
.section-heading h2,.page-hero h1{letter-spacing:-.018em;text-transform:uppercase}
.section-heading h2{font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:.95}
.section-kicker,.eyebrow{font-weight:700;letter-spacing:.12em;text-transform:uppercase}

.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:none}
.site-header .container-wide{width:min(1180px,calc(100% - 48px))}
.header-inner{min-height:90px}
.brand .brand-logo{height:54px}
.site-nav{gap:2px}
.site-nav a{position:relative;border-radius:0;padding:33px 16px 30px;color:#202229;font-size:.82rem;font-weight:600}
.site-nav a::after{content:"";position:absolute;right:16px;bottom:24px;left:16px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-nav a:hover,.site-nav a.active{color:#050505;background:transparent}
.site-nav a:hover::after,.site-nav a.active::after{transform:scaleX(1)}
.header-actions{gap:14px}
.nav-cta{min-height:48px;padding-inline:22px;background:var(--accent);color:#050505;border-color:var(--accent)}
.header-search-icon{border:0;background:transparent}

.home-hero{min-height:640px;background:#171b23}
.home-slide::after{background:linear-gradient(90deg,rgba(9,13,17,.98) 0%,rgba(9,13,17,.86) 38%,rgba(9,13,17,.18) 72%,rgba(9,13,17,.08) 100%)}
.home-hero-inner{min-height:520px;padding-top:62px;padding-bottom:145px}
.home-hero-copy{max-width:670px}
.home-hero-copy h1{max-width:650px;font-size:clamp(3.45rem,6vw,5.6rem);line-height:.86;letter-spacing:-.015em}
.home-hero-copy h1 mark{color:var(--accent)}
.home-hero-copy>p:not(.eyebrow){max-width:610px;color:#e1e3e7;font-size:1.06rem;line-height:1.65}
.motion-ready .home-hero-copy>*{opacity:0;animation:v9HeroCopyIn .78s cubic-bezier(.16,1,.3,1) forwards}
.motion-ready .home-hero-copy>*:nth-child(1){animation-delay:.08s}.motion-ready .home-hero-copy>*:nth-child(2){animation-delay:.18s}.motion-ready .home-hero-copy>*:nth-child(3){animation-delay:.30s}.motion-ready .home-hero-copy>*:nth-child(4){animation-delay:.42s}
.home-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.home-hero-secondary{color:#fff;font-weight:600;border-bottom:1px solid #ffffff70;padding:9px 0}
.home-hero-secondary:hover{color:var(--accent)}
.slider-controls{right:0;top:54px}
.home-hero-stats{bottom:32px;border-top:1px solid #ffffff2b;background:#11151ccf;backdrop-filter:blur(8px)}
.home-hero-stats>div{padding:24px 28px;border-right:1px solid #ffffff24}
.home-hero-stats strong{color:var(--accent);font:700 2.45rem/1 var(--font-display)}
.home-slide{transform:scale(1.035);transition:opacity 1s ease,transform 8s cubic-bezier(.2,.8,.2,1)}
.home-slide.is-active{transform:scale(1.09)}
.home-hero-stats>div{opacity:0;animation:v9StatIn .62s cubic-bezier(.16,1,.3,1) forwards}.home-hero-stats>div:nth-child(1){animation-delay:.45s}.home-hero-stats>div:nth-child(2){animation-delay:.54s}.home-hero-stats>div:nth-child(3){animation-delay:.63s}.home-hero-stats>div:nth-child(4){animation-delay:.72s}

.training-search-wrap{position:relative;z-index:5;width:min(1180px,calc(100% - 48px));margin:-28px auto 0}
.training-search-panel{border:1px solid #e2e3e6;border-radius:6px;padding:27px;background:#fff;box-shadow:0 18px 45px rgba(17,22,31,.16)}
.motion-ready .training-search-panel{animation:v9PanelIn .7s .35s cubic-bezier(.16,1,.3,1) both}
.training-search-title{background:var(--accent);color:#050505;border-radius:3px;padding:19px}
.training-search-title h2{font-size:1.6rem}
.training-search-panel label{border:1px solid #dfe1e5;border-radius:3px;background:#fff}
.training-search-panel select,.training-search-panel input{font-family:var(--font-sans)}

.quick-card,.domain-card,.popular-card,.news-card,.value-card,.formation-card{border-radius:3px;border-color:#dfe1e5;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.quick-card:hover,.domain-card:hover,.popular-card:hover,.news-card:hover,.value-card:hover,.formation-card:hover{transform:translateY(-4px);border-color:#bfc2c8;box-shadow:0 14px 34px rgba(21,24,32,.1)}
.quick-icon{color:#111;background:var(--accent)}
.domain-card{background:#fff;min-height:205px}
.domain-card>span{color:#7568aa;font:700 2rem var(--font-display)}
.domain-card strong{font:700 1.55rem/1.05 var(--font-display);text-transform:uppercase}
.popular-scroller{scrollbar-color:var(--accent) #e6e7e9}
.popular-card h3,.news-card h3{font-family:var(--font-display);line-height:1.03}
.popular-card>img,.news-card>img{filter:saturate(.85);transition:filter .2s ease,transform .35s ease}
.popular-card:hover>img,.news-card:hover>img{filter:saturate(1);transform:scale(1.025)}
.why-section{background:#fff}
.why-stats>div>span{background:var(--accent);color:#050505}
.why-stats strong{font-family:var(--font-display)}
.partner-logo{background:#fff;border:1px solid #e4e5e8;border-radius:3px}
.partner-logo img{object-fit:contain;max-width:82%;max-height:72px}
.cta-section{width:min(1180px,calc(100% - 48px));margin:0 auto 70px;border-radius:4px;background:var(--accent);color:#050505}
.cta-section h2{font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase}
.cta-section .button{background:#101218;color:#fff;border-color:#101218}

.page-hero,.v9-domain-hero{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:82px 48px;background:#20242d;color:#fff}
.page-hero h1,.v9-domain-hero h1{max-width:850px;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.88;text-transform:uppercase}
.page-hero>p:not(.eyebrow),.v9-domain-hero>p:not(.eyebrow){max-width:720px;color:#d2d5dc;font-size:1.08rem;line-height:1.65}
.v9-domain-hero .button,.page-hero .button{margin-top:16px}
.consulting-hero{background:linear-gradient(105deg,#181c24 0 62%,#2a2f3a 62%)}

.v9-article{background:#fff}
.v9-article-hero{display:grid;grid-template-columns:1fr 1fr;width:min(1180px,calc(100% - 48px));margin:0 auto;background:#20242d;color:#fff}
.v9-article-hero>div{padding:64px 52px}
.v9-article-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.93;text-transform:uppercase}
.v9-article-hero p:not(.eyebrow){color:#d2d5dc;line-height:1.65}
.v9-article-hero img{width:100%;height:100%;min-height:480px;object-fit:cover}
.v9-article-body{width:min(820px,calc(100% - 48px));margin:0 auto;padding:78px 0}
.v9-article-body section+section{margin-top:48px}
.v9-article-body h2{font-size:2.35rem;text-transform:uppercase}
.v9-article-body p{font-size:1.05rem;line-height:1.78;color:#4c5059}
.v9-article-contact{padding:34px;background:#f2f3f5;border-left:6px solid var(--accent)}
.v9-related{padding:70px max(24px,calc((100% - 1180px)/2));background:#f2f3f5}
.v9-related>div{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.v9-related a{display:flex;flex-direction:column;gap:12px;padding:28px;background:#fff;border:1px solid #dfe1e5}
.v9-related strong{font:700 1.55rem/1.05 var(--font-display);text-transform:uppercase}
.consulting-steps>div{align-items:flex-start;text-align:left}
.consulting-steps>div>span{flex:none}
.consulting-steps strong{font-size:1.8rem}

.site-footer{background:#111319;color:#c7cad1}
.footer-grid h2{color:#fff;font:700 1rem var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.footer-grid a:hover{color:var(--accent)}

@keyframes v9HeroCopyIn{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes v9StatIn{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}
@keyframes v9PanelIn{from{opacity:0;transform:translate3d(0,24px,0) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:1050px){
  .site-nav a{padding-inline:10px;font-size:.78rem}.nav-cta{display:none}
  .home-hero-copy h1{font-size:clamp(3.15rem,7.2vw,4.8rem)}
}

@media(max-width:820px){
  .container-wide,.site-header .container-wide,.training-search-wrap,.page-hero,.v9-domain-hero,.v9-article-hero,.cta-section{width:min(100% - 32px,1180px)}
  .site-nav,.header-search-icon{display:none}.nav-cta{display:none}.mobile-toggle{display:inline-flex}
  .header-inner{min-height:72px}.brand .brand-logo{height:43px}
  .home-hero{min-height:690px}.home-hero-inner{min-height:560px;padding-top:55px;padding-bottom:175px}
  .home-hero-copy h1{font-size:clamp(3rem,10vw,4.5rem)}
  .home-hero-stats{grid-template-columns:repeat(2,1fr);bottom:20px}.home-hero-stats>div{padding:18px}.home-hero-stats strong{font-size:2rem}
  .training-search-wrap{margin-top:-12px}.training-search-panel{grid-template-columns:1fr 1fr}.training-search-title{grid-column:1/-1}
  .v9-article-hero{grid-template-columns:1fr}.v9-article-hero img{min-height:300px}.v9-related>div{grid-template-columns:1fr}
}

@media(max-width:560px){
  .container-wide,.site-header .container-wide,.training-search-wrap,.page-hero,.v9-domain-hero,.v9-article-hero,.cta-section{width:min(100% - 24px,1180px)}
  .section{padding-top:58px;padding-bottom:58px}.home-hero{min-height:690px}.home-hero-inner{padding-top:38px}
  .home-hero-copy h1{font-size:clamp(2.65rem,12.7vw,3.75rem)}.home-hero-copy>p:not(.eyebrow){font-size:.94rem}.home-hero-actions{gap:16px}
  .slider-controls{top:auto;right:12px;bottom:156px}
  .home-hero-stats{right:12px;bottom:14px;left:12px}.home-hero-stats>div{padding:14px 11px}.home-hero-stats strong{font-size:1.75rem}.home-hero-stats span{font-size:.65rem}
  .training-search-panel{grid-template-columns:1fr;padding:18px}.training-search-title{grid-column:auto}.training-search-panel .button{width:100%}
  .quick-grid{grid-template-columns:1fr 1fr}.quick-card:last-child{grid-column:1/-1}
  .page-hero,.v9-domain-hero{padding:56px 25px}.page-hero h1,.v9-domain-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}
  .v9-article-hero>div{padding:44px 26px}.v9-article-hero h1{font-size:2.8rem}.v9-article-body{width:min(100% - 32px,820px);padding:55px 0}
  .cta-section{margin-bottom:45px}.partner-logo img{max-height:58px}
}

@media(prefers-reduced-motion:reduce){.quick-card,.domain-card,.popular-card,.news-card,.value-card,.formation-card,.popular-card>img,.news-card>img,.home-slide{transition:none}.motion-ready .home-hero-copy>*,.home-hero-stats>div,.motion-ready .training-search-panel{animation:none;opacity:1;transform:none}}