/* ENELIFES 4.4 — composition issue de la référence Hostinger, assets locaux. */
:root{--bg:#fff;--surface:#fff;--soft:#f8f6fb;--ink:#211a30;--muted:#655f70;--border:#e7e2ed;--tint:#f3edf9;--accent:#6b2fa0;--radius:14px;--shadow:0 12px 38px -18px #211a3028;--type-h1:clamp(2.2rem,4vw,3.6rem);--type-h2:clamp(1.85rem,2.9vw,2.7rem);--type-h3:1.375rem}
:root[data-theme=dark]{--bg:#100d1d;--surface:#1a1529;--soft:#221b33;--ink:#f5f2fa;--muted:#bfb6cd;--border:#352b47;--tint:#2b203d;--accent:#fed800;--shadow:0 12px 38px -18px #0007}
body{font:400 1rem/1.65 Saira,sans-serif;background:var(--bg);color:var(--ink)}
h1,h2,h3,h4{font-family:Saira,sans-serif;letter-spacing:-.022em;font-weight:600;line-height:1.18}h1{font-size:var(--type-h1)}h2{font-size:var(--type-h2)}h3{font-size:var(--type-h3)}p{color:var(--muted);font-size:1rem;line-height:1.7}.lead{font-size:1.125rem}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.13em}.container{width:min(1280px,calc(100% - 80px))}.section{padding:82px 0}.section-head{gap:30px}.section-head.center{display:block;text-align:center;max-width:810px;margin:0 auto 40px}.section-head.center p{max-width:650px;margin:18px auto 0}.section-head h2{margin-top:14px}.soft-section{background:var(--soft)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:600}
.btn{border-radius:9px;min-height:48px;padding:13px 22px;font-size:.9375rem;font-weight:600;gap:10px}.btn.small{min-height:42px;border-radius:8px}.btn.purple:hover{background:#54227f}.btn.gold:hover{background:#ffe341}.btn.hero-outline{border:1px solid #ffffff50;background:#ffffff0d;color:#fff}.btn.hero-outline:hover{background:#ffffff20}.btn.hero-white{background:#fff;color:#29173b;border:1px solid #fff}.icon-button{border-radius:8px;min-width:40px;width:40px;height:40px}.actions{gap:12px}.card,.service-card,.download-card,.auth-card,.model-card,.portal-card{border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.card{padding:28px}.card p{font-size:1rem}.card-icon{border-radius:10px;background:var(--tint)}.model-card.dark,.on-showcase,.portal-banner{background:linear-gradient(115deg,#29173b,#6b2fa0);color:#fff;border-radius:16px}.notice,.pill,.status,.tag{border-radius:7px}.form-card{border-radius:16px}.field input,.field select,.field textarea,input,select,textarea{border-radius:8px;min-height:46px;font-family:Saira,sans-serif}.modal{border-radius:16px}
.institutional-header{background:var(--surface);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.institutional-header .header-inner{height:74px;gap:24px}.institutional-header .brand img{width:170px;height:auto;aspect-ratio:2048/507}.header-purpose{font-size:.8125rem;color:var(--muted)}.header-actions{gap:8px}.main-nav{gap:28px;justify-content:space-between}.nav-group{flex:0 1 auto}.nav-group summary{justify-content:flex-start;font-size:.875rem;font-weight:500;padding:12px 2px;min-height:46px;white-space:nowrap;transition:color .2s}.nav-group summary span,.nav-group summary::after{display:none;content:none}.nav-group summary::marker{content:''}.nav-group summary::-webkit-details-marker{display:none}.nav-group[open] summary,.nav-group.current summary{color:var(--accent);box-shadow:inset 0 -2px var(--yellow)}.nav-flyout{border-radius:0 0 12px 12px;min-width:275px;padding:9px;box-shadow:0 18px 42px -15px #211a3050}.nav-flyout a{border-radius:7px;line-height:1.5;font-size:.9375rem;padding:12px}.nav-flyout a:hover{background:var(--tint)}.nav-flyout a[aria-current=page]{background:var(--tint);font-weight:600}.nav-group[open]{z-index:50}
.reference-hero{position:relative;overflow:hidden;background:#171021;min-height:650px;display:flex;align-items:center}.reference-hero-media,.reference-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.reference-hero-media{opacity:.9}.reference-hero-video{opacity:.78}.reference-shade{position:absolute;inset:0;background:linear-gradient(105deg,#100b20e8 0%,#1d1235bc 54%,#24163273 100%)}.reference-hero-content{position:relative;padding:70px 0 54px;z-index:1}.reference-hero .eyebrow{color:#fed800}.reference-hero h1{font-weight:700;line-height:1.06;font-size:clamp(2.65rem,5.3vw,4.6rem);max-width:920px;color:#fff;margin:22px 0}.reference-hero h1 em{font-style:normal;color:#fed800}.reference-hero p{color:#ece6f4;font-size:1.125rem;max-width:710px;margin:0 0 30px;line-height:1.65}.reference-hero .actions{flex-wrap:wrap}.reference-value-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;max-width:850px;border-top:1px solid #ffffff26;padding-top:24px;margin-top:44px}.reference-value-row strong{display:block;font-size:1.3125rem;font-weight:600;color:#fed800}.reference-value-row span{display:block;font-size:.875rem;color:#d2cadd;margin-top:4px}.hero-media-control{position:absolute;right:20px;bottom:14px;z-index:2;border:1px solid #ffffff55;border-radius:8px;background:#120d20aa;color:#fff;font-size:.8125rem;font-family:Saira,sans-serif;padding:8px 12px;cursor:pointer}.reference-hero .photo-credit{bottom:14px;left:40px;right:auto;color:#d7cde0;font-size:.6875rem}
.comparison-grid,.reference-models,.reference-commitments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-card{padding:32px;background:var(--soft);border:1px solid var(--border);border-radius:16px}.comparison-card.highlight{background:linear-gradient(120deg,var(--tint),var(--surface));border-color:#6b2fa04a;position:relative}.comparison-card .label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:50px;padding:6px 12px;background:var(--border);color:var(--ink)}.comparison-card.highlight .label{background:#6b2fa0;color:#fff}.comparison-card h3{font-size:1.625rem;margin:20px 0 12px}.comparison-card p{font-size:1rem}.comparison-card ul{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:12px}.comparison-card li{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem}.comparison-card li::before{content:'−';background:var(--border);color:var(--muted);flex:0 0 24px;height:24px;text-align:center;border-radius:50%;font-weight:600;line-height:24px}.comparison-card.highlight li::before{content:'✓';background:#fed80033;color:var(--accent)}.comparison-note{font-size:.8125rem;color:var(--muted);text-align:center;margin:20px 0 0}
.reference-model{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.reference-model figure{width:100%;margin:0 0 24px;position:relative;overflow:hidden;border-radius:10px}.reference-model figure img{width:100%;height:245px;object-fit:cover;display:block;transition:transform .5s}.reference-model:hover figure img{transform:scale(1.035)}.reference-model h3{font-size:1.625rem;margin:10px 0 12px}.reference-model p{margin:0 0 22px}.reference-model .text-link{margin-top:auto}.model-badge{position:absolute;bottom:14px;left:14px;border-radius:7px;background:#21182dcc;color:#fed800;font-size:.8125rem;padding:6px 10px}.reference-expertise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.reference-expertise .editorial-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.reference-expertise .editorial-photo{border-radius:0;aspect-ratio:1.55}.reference-expertise .editorial-copy{padding:20px}.reference-expertise h3{font-size:1.125rem}.reference-expertise p{font-size:.9375rem;margin-bottom:0}.reference-expertise .editorial-photo>span{width:34px;height:34px;background:#fff;color:#6b2fa0;border-radius:50%}
.reference-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.reference-split h2{margin:16px 0 22px}.reference-split p{margin-bottom:24px}.reference-split figure{margin:0;position:relative}.reference-split figure img{display:block;width:100%;height:auto;min-height:330px;object-fit:cover;border-radius:18px;border:1px solid var(--border);box-shadow:0 18px 45px -22px #6b2fa06b}.reference-split figcaption{font-size:.75rem;color:var(--muted);text-align:right;margin-top:7px}.client-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.client-capabilities div{padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.client-capabilities strong{display:block;font-size:.9375rem}.client-capabilities span{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.client-capabilities b{color:var(--accent);font-weight:500;margin-right:7px}
.reference-commitments .commitment-card{border-radius:14px;padding:24px;gap:24px;grid-template-columns:135px 1fr;box-shadow:var(--shadow)}.programme-logo{border-radius:9px;height:130px}.reference-cta{margin:0 auto 72px;padding:56px 28px;text-align:center;background:linear-gradient(115deg,#3c1b59 0%,#6b2fa0 68%,#81654a 100%);border-radius:20px;position:relative;overflow:hidden}.reference-cta h2{max-width:770px;margin:0 auto;color:#fff;font-weight:600}.reference-cta p{max-width:640px;margin:20px auto 26px;color:#e7ddf0;font-size:1.0625rem}.reference-cta .actions{justify-content:center}.reference-cta .eyebrow{color:#fed800;display:block;margin-bottom:16px}
.institutional-page-hero{background:var(--soft);grid-template-columns:1.1fr 1fr;gap:0;padding:32px max(40px,calc((100vw - 1280px)/2));position:relative}.institutional-page-hero>.container{padding:32px 42px 32px 0;width:auto;margin:0;max-width:none}.institutional-page-hero .page-hero-image{min-height:360px;border-radius:18px;overflow:hidden;margin:16px 0}.institutional-page-hero h1{font-size:var(--type-h1);line-height:1.12}.institutional-page-hero .lead{font-size:1.0625rem}.service-photo{border-radius:13px 13px 0 0}.programme-feature{background:linear-gradient(115deg,#29173b,#6b2fa0);border-radius:16px}.phone-preview{border-radius:18px}.workspace-preview{border-radius:16px;box-shadow:var(--shadow)}.portal-banner h2{font-size:1.75rem}.portal-banner p{color:#ece4f4}.portal-sidebar{border-radius:14px;background:var(--surface)}.portal-nav button,.portal-nav a{border-radius:8px;font-size:.9375rem}.portal-main h1{font-size:clamp(1.75rem,2vw,2.125rem)}.portal-main h2{font-size:1.375rem}.portal-card h3{font-size:1.125rem}.portal-bottom-nav button{font-size:.75rem;min-height:48px;padding:6px 8px}.quick-action{border-radius:10px;font-size:.9375rem}.auth-wrap h1{font-size:var(--type-h1);line-height:1.15}.auth-card{padding:32px}.portal-top .actions .btn{font-size:.875rem}.portal-table th,.portal-table td{font-size:.9375rem}.portal-metrics .metric{border-radius:12px}.portal-metrics .metric strong{font-size:2rem}
.site-footer{padding:34px 0 18px;background:var(--soft);border-top:1px solid var(--border)}.site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;max-width:none;margin:0;gap:32px;text-align:left;align-items:start}.site-footer .footer-identity{grid-column:auto;display:flex;align-items:flex-start;gap:20px;min-width:0}.site-footer .square-brand{flex:0 0 72px}.site-footer .square-brand img{width:72px!important;height:auto;aspect-ratio:1720/2048;object-fit:contain}.footer-identity-copy{min-width:0;max-width:250px}.site-footer .footer-identity p{font-size:.875rem;line-height:1.6;margin:0 0 10px;max-width:none}.site-footer .footer-grid h3{font-size:.875rem;font-weight:600;letter-spacing:.02em;margin:0 0 13px}.site-footer .footer-links{font-size:.8125rem;gap:7px;line-height:1.6;align-items:flex-start}.site-footer .footer-links a{overflow-wrap:anywhere}.site-footer .footer-programmes{justify-content:flex-start;gap:28px;padding:14px 0 0;margin-top:23px;flex-wrap:wrap;font-size:.75rem;letter-spacing:0}.site-footer .footer-bottom{display:flex;justify-content:space-between;text-align:left;align-items:center;gap:18px;margin-top:15px;padding-top:15px;font-size:.75rem;line-height:1.6;flex-wrap:wrap}.site-footer .footer-bottom a:hover{text-decoration:underline}
@media(min-width:1600px){.container{width:min(1360px,calc(100% - 112px))}.institutional-page-hero{padding-inline:max(56px,calc((100vw - 1360px)/2))}.reference-hero{min-height:710px}}
@media(max-width:1100px){.reference-expertise{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-split{gap:35px}.site-footer .footer-grid{grid-template-columns:1.45fr 1fr 1fr;gap:28px}.site-footer .footer-grid>div:last-child{grid-column:2/4}.site-footer .footer-grid>div:last-child .footer-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px}}
@media(max-width:1049px){.container{width:calc(100% - 56px)}.institutional-header .header-inner{height:74px;gap:14px}.navigation-shell{max-height:calc(100dvh - 74px)}.main-nav{padding-block:10px}.nav-group summary{justify-content:flex-start;font-size:1rem;min-height:52px;white-space:normal;padding:14px 4px}.nav-group[open] summary{box-shadow:inset 3px 0 var(--yellow);padding-left:14px;background:var(--tint)}.nav-flyout{position:static;border:0;box-shadow:none;min-width:0;max-width:none;padding:6px 0 12px}.reference-hero{min-height:610px}.reference-hero-content{padding:68px 0 56px}.reference-hero h1{font-size:clamp(2.6rem,6vw,4.2rem)}.section{padding:64px 0}.institutional-page-hero{padding:22px 28px}.institutional-page-hero>.container{padding:26px 28px 26px 0}.institutional-page-hero h1{font-size:2.5rem}.reference-commitments .commitment-card{grid-template-columns:1fr;gap:14px}.reference-commitments .programme-logo{height:100px}.reference-cta{margin-bottom:58px}}
@media(max-width:767px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.institutional-header .header-inner{height:70px;gap:12px}.institutional-header .brand img{width:146px}.institutional-header .header-actions{gap:6px}.institutional-header .client-header{min-height:40px;padding:9px 12px;font-size:.8125rem}.icon-button{width:36px;min-width:36px;height:40px}.navigation-shell{max-height:calc(100dvh - 70px)}.reference-hero{min-height:620px}.reference-hero-content{padding:54px 0 45px}.reference-hero h1{font-size:clamp(2.65rem,8vw,3.7rem);margin:20px 0;max-width:650px}.reference-hero p{font-size:1rem;max-width:520px;line-height:1.65}.reference-hero .btn{font-size:.875rem}.reference-value-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin-top:30px;padding-top:22px}.reference-value-row strong{font-size:1.125rem}.reference-value-row span{font-size:.8125rem}.reference-hero .photo-credit{left:20px;font-size:.625rem}.hero-media-control{right:12px;font-size:.75rem;padding:7px 10px}.section{padding:48px 0}.section-head.center{margin-bottom:28px}.section-head h2{font-size:clamp(1.8rem,5.5vw,2.25rem)}.comparison-grid,.reference-models,.reference-split,.reference-commitments{grid-template-columns:1fr;gap:22px}.comparison-card{padding:24px}.comparison-card h3{font-size:1.375rem}.reference-model{padding:20px}.reference-model figure img{height:225px}.reference-model h3{font-size:1.5rem}.reference-expertise{gap:18px}.reference-expertise .editorial-copy{padding:18px}.reference-expertise .editorial-photo{aspect-ratio:1.4}.reference-expertise h3{font-size:1.125rem}.reference-split figure img{min-height:0}.reference-commitments .commitment-card{grid-template-columns:110px 1fr;gap:20px}.reference-cta{padding:38px 22px;margin-bottom:45px;border-radius:16px}.reference-cta h2{font-size:1.9rem}.reference-cta p{font-size:1rem}.reference-cta .actions{flex-wrap:wrap}.institutional-page-hero{display:flex;flex-direction:column;padding:28px 20px}.institutional-page-hero>.container{padding:0 0 20px}.institutional-page-hero h1{font-size:2.15rem;margin-top:15px}.institutional-page-hero .eyebrow{margin-top:15px}.institutional-page-hero .page-hero-image{min-height:240px;aspect-ratio:1.8;margin:0;border-radius:14px}.page-hero:not(.institutional-page-hero) h1{font-size:2.15rem}.portal-main{padding:24px 20px 105px}.portal-top .actions{max-width:none}.portal-top .actions .btn{font-size:.8125rem;padding:10px 13px}.portal-top h1{font-size:1.75rem}.portal-banner h2{font-size:1.5rem}.portal-bottom-nav button{font-size:.6875rem;min-height:48px;padding:5px}.metric span{font-size:.875rem}.card{padding:24px}.service-photo{width:calc(100% + 48px);margin:-24px -24px 22px}.site-footer{padding:28px 0 18px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:26px 24px}.site-footer .footer-identity{grid-column:1/-1;gap:18px;align-items:center}.site-footer .footer-grid>div:last-child{grid-column:1/-1}.site-footer .footer-identity-copy{max-width:none}.site-footer .square-brand{flex-basis:62px}.site-footer .square-brand img{width:62px!important}.site-footer .footer-programmes{gap:12px 25px;margin-top:20px}.site-footer .footer-bottom{gap:10px;display:flex;text-align:left;justify-content:flex-start}.site-footer .footer-grid h3{font-size:.875rem}.site-footer .footer-links{font-size:.8125rem}}
@media(max-width:420px){.container{width:calc(100% - 32px)}.institutional-header .header-inner{gap:8px;height:66px}.institutional-header .brand img{width:106px}.institutional-header .header-actions{gap:4px}.icon-button{width:32px;min-width:32px;height:38px}.institutional-header .client-header{font-size:.75rem;min-height:38px;padding:8px}.navigation-shell{max-height:calc(100dvh - 66px)}.reference-hero{min-height:620px}.reference-hero-content{padding:44px 0 40px}.reference-hero h1{font-size:2.65rem;line-height:1.07}.reference-hero .actions{gap:10px}.reference-hero .actions .btn{padding:12px 16px;flex:1 1 auto;font-size:.8125rem}.reference-hero .actions .btn:last-child{flex:0 1 auto}.reference-expertise{grid-template-columns:1fr}.reference-expertise .editorial-photo{aspect-ratio:1.85}.reference-commitments .commitment-card{grid-template-columns:1fr}.client-capabilities{grid-template-columns:1fr}.reference-model figure img{height:190px}.reference-value-row{gap:15px}.reference-value-row strong{font-size:1rem}.reference-cta .btn{width:100%}.institutional-page-hero{padding:26px 16px}.site-footer .footer-grid{gap:24px 20px}.site-footer .footer-links{font-size:.8125rem}.site-footer .footer-identity p{font-size:.8125rem}.site-footer .footer-programmes{font-size:.6875rem}.portal-main{padding-inline:16px}.portal-top .actions .btn{font-size:.75rem;padding:9px}.portal-bottom-nav button{font-size:.625rem;min-height:48px}.metric span{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-model:hover figure img{transform:none}.reference-hero-video{display:none}}
.portal-brand-footer{display:flex;justify-content:flex-start;align-items:center;gap:22px;padding:20px 0;margin:26px auto 0;width:min(1280px,calc(100% - 40px));text-align:left;border-top:1px solid var(--border)}.portal-brand-footer .square-brand{flex:0 0 56px}.portal-brand-footer .square-brand img{width:56px!important;height:auto}.portal-brand-footer p{margin:0;font-size:.8125rem}.portal-brand-footer .text-link{font-size:.8125rem}.portal-main .portal-brand-footer{width:100%}
@media(max-width:420px){.portal-brand-footer{gap:16px;flex-wrap:wrap}.portal-brand-footer .square-brand{flex-basis:46px}.portal-brand-footer .square-brand img{width:46px!important}.portal-brand-footer .text-link{font-size:.75rem}}
@media print{.site-header,.site-footer{display:none!important}.reference-hero-video,.hero-media-control{display:none}.reference-hero{min-height:400px}.section{padding-block:24px}}
