/* Feuille de la page « arrad-sofiane », sortie du contenu.
   Ecrite dans la page, elle etait retelechargee a chaque visite
   d'une autre page. En fichier, le navigateur la garde. */
.sa,.sa *{margin:0!important;padding:0!important;box-sizing:border-box!important;}

.sa{

  font-family:'Outfit',sans-serif!important;

  background:#080b0f!important;

  color:#e7edf3!important;

  line-height:1.6!important;

  overflow-x:hidden!important;

  width:100%!important;

  position:relative!important;

}



/* ══ AURORA BACKGROUND ══ */

.sa-bg{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;overflow:hidden!important;}

.sa-bg::before{

  content:''!important;position:absolute!important;inset:0!important;

  background:

    radial-gradient(ellipse 90% 70% at 20% -5%, rgba(60, 255, 190,0.22) 0%, transparent 65%),

    radial-gradient(ellipse 70% 50% at 85% 110%, rgba(6,182,212,0.16) 0%, transparent 60%),

    radial-gradient(ellipse 60% 60% at 50% 50%, rgba(40, 180, 133,0.06) 0%, transparent 70%)!important;

}

.sa-orb{position:absolute!important;border-radius:50%!important;filter:blur(90px)!important;mix-blend-mode:screen!important;will-change:transform!important;}

.sa-orb-1{width:700px!important;height:700px!important;background:radial-gradient(circle,rgba(50, 255, 187,0.65) 0%,rgba(30, 200, 143,0.2) 45%,transparent 70%)!important;top:-220px!important;left:-200px!important;animation:saOrbA 20s ease-in-out infinite!important;}

.sa-orb-2{width:650px!important;height:650px!important;background:radial-gradient(circle,rgba(0,210,255,0.5) 0%,rgba(6,182,212,0.12) 50%,transparent 70%)!important;bottom:-180px!important;right:-180px!important;animation:saOrbB 25s ease-in-out infinite!important;}

.sa-orb-3{width:480px!important;height:480px!important;background:radial-gradient(circle,rgba(60, 230, 207,0.38) 0%,rgba(50, 200, 180,0.08) 50%,transparent 70%)!important;top:38%!important;left:55%!important;animation:saOrbC 30s ease-in-out infinite!important;}

.sa-orb-4{width:380px!important;height:380px!important;background:radial-gradient(circle,rgba(255,180,0,0.22) 0%,transparent 70%)!important;top:15%!important;right:8%!important;animation:saOrbD 22s ease-in-out infinite!important;}

@keyframes saOrbA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(100px,70px) scale(1.12)}66%{transform:translate(-50px,130px) scale(0.92)}}

@keyframes saOrbB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-90px,-70px) scale(1.18)}66%{transform:translate(70px,-110px) scale(0.88)}}

@keyframes saOrbC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-130px,90px) scale(1.28)}}

@keyframes saOrbD{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-70px) scale(1.35)}}

.sa-gridbg{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:1!important;background-image:linear-gradient(rgba(130, 255, 213,0.028) 1px,transparent 1px),linear-gradient(90deg,rgba(130, 255, 213,0.028) 1px,transparent 1px)!important;background-size:65px 65px!important;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 100%)!important;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 100%)!important;}

.sa-vig{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:1!important;background:radial-gradient(ellipse 130% 120% at 50% 50%,transparent 45%,rgba(3, 10, 8,0.75) 100%)!important;}



/* ══ ANIMATIONS ══ */

@keyframes saGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

@keyframes saFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@keyframes saPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.55)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}

@keyframes saMarq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

@keyframes saShim{0%{background-position:-200% 0}100%{background-position:200% 0}}

.sa .rv{opacity:0!important;transform:translateY(22px)!important;transition:opacity .65s ease,transform .65s ease!important;}

.sa .rvl{opacity:0!important;transform:translateX(-22px)!important;transition:opacity .65s ease,transform .65s ease!important;}

.sa .rvr{opacity:0!important;transform:translateX(22px)!important;transition:opacity .65s ease,transform .65s ease!important;}

.sa .rv.on,.sa .rvl.on,.sa .rvr.on{opacity:1!important;transform:translate(0)!important;}



/* ══ COMMUNS ══ */

.sa section{position:relative!important;z-index:10!important;}

.sa-section-hd{text-align:center!important;max-width:700px!important;margin:0 auto 42px!important;padding:0 16px!important;}

.sa-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 16px!important;background:rgba(130, 255, 213,0.08)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(130, 255, 213,0.22)!important;border-radius:50px!important;font-size:0.7rem!important;font-weight:700!important;color:#a7f3d0!important;letter-spacing:1.8px!important;text-transform:uppercase!important;margin-bottom:14px!important;box-shadow:0 0 20px rgba(130, 255, 213,0.1),inset 0 1px 0 rgba(255,255,255,0.08)!important;}

.sa-title{font-family:'Syne',sans-serif!important;font-size:2rem!important;font-weight:800!important;color:#e7edf3!important;margin-bottom:14px!important;line-height:1.15!important;}

.sa-title span{color:#34d399!important;}

.sa-desc{font-size:0.95rem!important;color:#8b9aa6!important;line-height:1.72!important;}

.sa a{text-decoration:none!important;}



/* ══ BOUTONS ══ */

.sa-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:13px 26px!important;border-radius:12px!important;font-weight:700!important;font-size:0.93rem!important;text-decoration:none!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important;}

.sa-btn-p{background:linear-gradient(135deg,#34d399,#0f9d6b)!important;color:#06231a!important;box-shadow:0 4px 24px rgba(80, 255, 197,0.45),inset 0 1px 0 rgba(255,255,255,0.2)!important;border:1px solid rgba(130, 255, 213,0.3)!important;position:relative!important;overflow:hidden!important;}

.sa-btn-p::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,0.14) 50%,transparent 65%)!important;background-size:200% auto!important;animation:saShim 3s linear infinite!important;}

.sa-btn-p:hover{transform:translateY(-2px)!important;box-shadow:0 10px 35px rgba(80, 255, 197,0.6)!important;color:#fff!important;}

.sa-btn-s{background:rgba(255,255,255,0.04)!important;color:#e7edf3!important;border:1px solid rgba(255,255,255,0.1)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.07)!important;}

.sa-btn-s:hover{background:rgba(130, 255, 213,0.08)!important;border-color:rgba(130, 255, 213,0.28)!important;color:#e7edf3!important;}



/* ══ FIL D'ARIANE ══ */

.sa-crumb{position:relative!important;z-index:10!important;max-width:1280px!important;margin:0 auto!important;padding:22px 5% 0!important;font-size:0.74rem!important;color:#8b9aa6!important;}

.sa-crumb a{color:#8b9aa6!important;transition:color .3s!important;}

.sa-crumb a:hover{color:#34d399!important;}



/* ══ HERO ══ */

.sa-hero{padding:50px 5% 65px!important;position:relative!important;}

.sa-hero-in{display:grid!important;grid-template-columns:1.12fr 0.88fr!important;gap:72px!important;max-width:1280px!important;margin:0 auto!important;align-items:center!important;position:relative!important;z-index:2!important;}

.sa-hero-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 20px!important;background:rgba(255,255,255,0.04)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(130, 255, 213,0.22)!important;border-radius:50px!important;margin-bottom:24px!important;font-size:0.8rem!important;font-weight:600!important;color:#a7f3d0!important;box-shadow:0 4px 22px rgba(80, 255, 197,0.14),inset 0 1px 0 rgba(255,255,255,0.1)!important;}

.sa-dot{width:7px!important;height:7px!important;background:#22c55e!important;border-radius:50%!important;animation:saPulse 2s infinite!important;box-shadow:0 0 8px rgba(34,197,94,0.8)!important;flex-shrink:0!important;}

.sa-hero h1{font-family:'Syne',sans-serif!important;font-size:3.4rem!important;font-weight:800!important;line-height:1.08!important;margin-bottom:10px!important;color:#e7edf3!important;letter-spacing:-1px!important;}

.sa-hero h1 em{font-style:normal!important;display:inline!important;background:linear-gradient(120deg,#34d399 0%,#6ee7b7 35%,#60a5fa 70%,#34d399 100%)!important;background-size:300% auto!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:saGrad 5s ease infinite!important;padding-bottom:4px!important;}

.sa-hero-role{font-family:'Syne',sans-serif!important;font-size:1.05rem!important;font-weight:600!important;color:#34d399!important;margin-bottom:20px!important;}

.sa-hero-p{font-size:1rem!important;color:#8b9aa6!important;line-height:1.78!important;margin-bottom:26px!important;}

.sa-hero-p strong{color:#e7edf3!important;font-weight:600!important;}

.sa-hero-p a{color:#34d399!important;}

.sa-hero-p a:hover{color:#a7f3d0!important;}

.sa-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:28px!important;}

.sa-tag{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 14px!important;background:rgba(255,255,255,0.04)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:50px!important;font-size:0.74rem!important;font-weight:600!important;color:rgba(231, 237, 243,0.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important;}

.sa-hero-btns{display:flex!important;gap:12px!important;flex-wrap:wrap!important;}

.sa-photo-m{display:none!important;width:128px!important;height:128px!important;margin:0 auto 18px!important;object-fit:contain!important;filter:drop-shadow(0 10px 28px rgba(80, 255, 197,0.45))!important;}



/* Carte profil */

.sa-hero-vis{position:relative!important;}

.sa-profile{background:rgba(255,255,255,0.04)!important;backdrop-filter:blur(30px) saturate(160%)!important;-webkit-backdrop-filter:blur(30px) saturate(160%)!important;border:1px solid rgba(130, 255, 213,0.14)!important;border-radius:20px!important;padding:26px 22px 22px!important;box-shadow:0 28px 70px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.03),inset 0 1px 0 rgba(255,255,255,0.1)!important;text-align:center!important;}

.sa-avatar-wrap{position:relative!important;width:150px!important;height:150px!important;margin:0 auto 14px!important;}

.sa-avatar{position:absolute!important;inset:0!important;width:150px!important;height:150px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 10px 28px rgba(80, 255, 197,0.45))!important;}

.sa-avatar-fb{position:absolute!important;inset:0!important;border-radius:50%!important;background:linear-gradient(135deg,#34d399,#0f9d6b)!important;display:none!important;align-items:center!important;justify-content:center!important;font-family:'Syne',sans-serif!important;font-size:3rem!important;font-weight:900!important;color:#06231a!important;}

.sa-avatar-fb.on{display:flex!important;}

.sa-profile-name{font-family:'Syne',sans-serif!important;font-size:1.3rem!important;font-weight:800!important;color:#e7edf3!important;margin-bottom:4px!important;}

.sa-profile-role{font-size:0.78rem!important;color:#34d399!important;font-weight:600!important;margin-bottom:16px!important;}

.sa-profile-logo{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px 14px!important;background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.09)!important;border-radius:12px!important;margin-bottom:14px!important;}

.sa-profile-logo img{height:38px!important;width:auto!important;max-width:100%!important;display:block!important;}

.sa-profile-logo span{font-size:0.64rem!important;color:#8b9aa6!important;text-transform:uppercase!important;letter-spacing:1.2px!important;font-weight:700!important;}

.sa-profile-rows{display:flex!important;flex-direction:column!important;gap:7px!important;}

.sa-prow{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 12px!important;background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:10px!important;font-size:0.74rem!important;color:rgba(231, 237, 243,0.72)!important;text-align:left!important;}

.sa-prow b{color:#e7edf3!important;font-weight:700!important;}

.sa-float{position:absolute!important;padding:9px 15px!important;border-radius:12px!important;font-size:0.72rem!important;font-weight:700!important;color:#e7edf3!important;animation:saFloat 4s ease-in-out infinite!important;white-space:nowrap!important;z-index:10!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 8px 32px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.18)!important;}

.sa-fl1{top:-18px!important;right:-14px!important;background:rgba(34,197,94,0.16)!important;border:1px solid rgba(34,197,94,0.32)!important;}

.sa-fl2{top:38%!important;left:-78px!important;background:rgba(80, 255, 197,0.16)!important;border:1px solid rgba(130, 255, 213,0.32)!important;animation-delay:1.2s!important;}

.sa-fl3{bottom:-20px!important;right:-10px!important;background:rgba(6,182,212,0.16)!important;border:1px solid rgba(6,182,212,0.32)!important;animation-delay:2.4s!important;}



/* ══ STATS ══ */

.sa-statsbar{position:relative!important;z-index:10!important;padding:0 5% 20px!important;}

.sa-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;max-width:1280px!important;margin:0 auto!important;background:rgba(255,255,255,0.03)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)!important;}

.sa-stat{padding:20px 16px!important;text-align:center!important;border-right:1px solid rgba(255,255,255,0.06)!important;}

.sa-stat:last-child{border-right:none!important;}

.sa-stat-n{font-family:'Syne',sans-serif!important;font-size:1.8rem!important;font-weight:800!important;color:#34d399!important;display:block!important;line-height:1!important;margin-bottom:6px!important;}

.sa-stat-l{font-size:0.7rem!important;color:#8b9aa6!important;line-height:1.3!important;}



/* ══ MARQUEE STACK ══ */

.sa-stackbar{padding:28px 0!important;border-top:1px solid rgba(130, 255, 213,0.12)!important;border-bottom:1px solid rgba(130, 255, 213,0.12)!important;overflow:hidden!important;background:rgba(5, 18, 14,0.4)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;position:relative!important;z-index:10!important;margin-top:22px!important;}

.sa-stackbar-hd{text-align:center!important;font-size:0.7rem!important;color:rgba(231, 237, 243,0.55)!important;text-transform:uppercase!important;letter-spacing:3px!important;margin-bottom:16px!important;font-weight:700!important;}

.sa-stack-trk{display:flex!important;gap:44px!important;animation:saMarq 34s linear infinite!important;width:max-content!important;}

.sa-stk{font-family:'Syne',sans-serif!important;font-size:0.86rem!important;font-weight:700!important;color:rgba(255,255,255,0.75)!important;white-space:nowrap!important;transition:color .3s ease!important;}

.sa-stk:hover{color:#a7f3d0!important;}



/* ══ SECTIONS ══ */

.sa-sec{padding:75px 5%!important;}

.sa-sec-alt{background:rgba(80, 255, 197,0.02)!important;}

.sa-2col{display:grid!important;grid-template-columns:1.1fr 0.9fr!important;gap:55px!important;max-width:1200px!important;margin:0 auto!important;align-items:center!important;}

.sa-sec h2{font-family:'Syne',sans-serif!important;font-size:2rem!important;font-weight:800!important;color:#e7edf3!important;margin-bottom:14px!important;line-height:1.2!important;}

.sa-sec h2 span{color:#34d399!important;}

.sa-p{font-size:0.95rem!important;color:#8b9aa6!important;line-height:1.78!important;margin-bottom:18px!important;}

.sa-p strong{color:#e7edf3!important;font-weight:600!important;}

.sa-p a{color:#34d399!important;}



/* Carte citation */

.sa-quote{position:relative!important;background:rgba(255,255,255,0.04)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;border:1px solid rgba(130, 255, 213,0.18)!important;border-radius:20px!important;padding:34px 28px 28px!important;box-shadow:0 28px 70px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.1)!important;}

.sa-q-mark{position:absolute!important;top:-18px!important;left:24px!important;width:44px!important;height:44px!important;background:linear-gradient(135deg,#34d399,#0f9d6b)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:'Syne',sans-serif!important;font-size:1.6rem!important;font-weight:900!important;color:#06231a!important;box-shadow:0 8px 24px rgba(15, 157, 107,0.5)!important;}

.sa-q-text{font-size:1.02rem!important;color:#e7edf3!important;line-height:1.7!important;font-style:italic!important;margin-bottom:20px!important;margin-top:8px!important;}

.sa-q-text strong{color:#a7f3d0!important;font-style:normal!important;font-weight:700!important;}

.sa-q-author{display:flex!important;align-items:center!important;gap:12px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,0.07)!important;}

.sa-q-av{width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(135deg,#34d399,#0f9d6b)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:'Syne',sans-serif!important;font-weight:800!important;color:#06231a!important;font-size:1.05rem!important;flex-shrink:0!important;}

.sa-q-nm{font-family:'Syne',sans-serif!important;font-size:0.9rem!important;font-weight:700!important;color:#e7edf3!important;}

.sa-q-co{font-size:0.72rem!important;color:#34d399!important;}



/* ══ GRILLE DE CARTES ══ */

.sa-grid3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;max-width:1200px!important;margin:0 auto!important;}

.sa-card{background:rgba(255,255,255,0.03)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:18px!important;padding:26px 22px!important;transition:all .35s ease!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 24px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.06)!important;}

.sa-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(130, 255, 213,0.5),transparent)!important;opacity:0!important;transition:opacity .35s ease!important;}

.sa-card::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(130, 255, 213,0.06),transparent)!important;opacity:0!important;transition:opacity .35s ease!important;pointer-events:none!important;}

.sa-card:hover{border-color:rgba(130, 255, 213,0.2)!important;transform:translateY(-6px)!important;box-shadow:0 22px 55px rgba(0,0,0,0.45),0 0 35px rgba(80, 255, 197,0.08),inset 0 1px 0 rgba(255,255,255,0.1)!important;}

.sa-card:hover::before,.sa-card:hover::after{opacity:1!important;}

.sa-card-ic{width:48px!important;height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.3rem!important;margin-bottom:14px!important;}

.sa-card h3{font-family:'Syne',sans-serif!important;font-size:1rem!important;font-weight:700!important;color:#e7edf3!important;margin-bottom:8px!important;}

.sa-card p{font-size:0.82rem!important;color:#8b9aa6!important;line-height:1.6!important;}

.sa-card .sa-kicker{display:inline-block!important;font-size:0.6rem!important;font-weight:800!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:#34d399!important;margin-bottom:9px!important;}

.sa-c1 .sa-card-ic{background:rgba(130, 255, 213,0.12)!important;box-shadow:0 0 15px rgba(130, 255, 213,0.18)!important;}

.sa-c2 .sa-card-ic{background:rgba(34,197,94,0.12)!important;box-shadow:0 0 15px rgba(34,197,94,0.18)!important;}

.sa-c3 .sa-card-ic{background:rgba(251,146,60,0.12)!important;box-shadow:0 0 15px rgba(251,146,60,0.18)!important;}

.sa-c4 .sa-card-ic{background:rgba(6,182,212,0.12)!important;box-shadow:0 0 15px rgba(6,182,212,0.18)!important;}

.sa-c5 .sa-card-ic{background:rgba(72, 236, 214,0.12)!important;box-shadow:0 0 15px rgba(72, 236, 214,0.18)!important;}

.sa-c6 .sa-card-ic{background:rgba(234,179,8,0.12)!important;box-shadow:0 0 15px rgba(234,179,8,0.18)!important;}



/* ══ PLUGINS ══ */

.sa-plug{background:rgba(255,255,255,0.03)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:18px!important;padding:22px!important;position:relative!important;overflow:hidden!important;transition:all .35s ease!important;box-shadow:0 4px 28px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.06)!important;}

.sa-plug::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;background:var(--pc)!important;opacity:.9!important;}

.sa-plug:hover{transform:translateY(-6px)!important;border-color:rgba(130, 255, 213,0.18)!important;box-shadow:0 26px 64px rgba(0,0,0,0.46),inset 0 1px 0 rgba(255,255,255,0.1)!important;background:rgba(255,255,255,0.05)!important;}

.sa-plug.p1{--pc:linear-gradient(90deg,#10b981,#6ee7b7)!important;}

.sa-plug.p2{--pc:linear-gradient(90deg,#fb923c,#fcd34d)!important;}

.sa-plug.p3{--pc:linear-gradient(90deg,#06b6d4,#67e8f9)!important;}

.sa-plug-hd{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:14px!important;}

.sa-plug-ico{width:44px!important;height:44px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;}

.p1 .sa-plug-ico{background:rgba(16,185,129,0.12)!important;}

.p2 .sa-plug-ico{background:rgba(251,146,60,0.12)!important;}

.p3 .sa-plug-ico{background:rgba(6,182,212,0.12)!important;}

.sa-plug-ok{padding:3px 8px!important;border-radius:20px!important;font-size:0.57rem!important;font-weight:700!important;background:rgba(34,197,94,0.1)!important;color:#4ade80!important;border:1px solid rgba(34,197,94,0.2)!important;}

.sa-plug h3{font-family:'Syne',sans-serif!important;font-size:0.95rem!important;font-weight:800!important;color:#e7edf3!important;margin-bottom:6px!important;}

.sa-plug p{font-size:0.79rem!important;color:#8b9aa6!important;line-height:1.55!important;margin-bottom:14px!important;}

.sa-plug-lnk{display:inline-flex!important;align-items:center!important;gap:5px!important;font-weight:700!important;font-size:0.78rem!important;transition:gap .3s!important;}

.sa-plug-lnk:hover{gap:9px!important;}

.p1 .sa-plug-lnk{color:#10b981!important;}

.p2 .sa-plug-lnk{color:#fb923c!important;}

.p3 .sa-plug-lnk{color:#06b6d4!important;}



/* ══ TIMELINE ══ */

.sa-tl{max-width:820px!important;margin:0 auto!important;position:relative!important;padding-left:34px!important;}

.sa-tl::before{content:''!important;position:absolute!important;left:7px!important;top:8px!important;bottom:8px!important;width:2px!important;background:linear-gradient(180deg,rgba(130, 255, 213,0.6),rgba(6,182,212,0.35),transparent)!important;}

.sa-tl-item{position:relative!important;margin-bottom:26px!important;background:rgba(255,255,255,0.03)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:16px!important;padding:22px 24px!important;box-shadow:0 4px 24px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05)!important;transition:all .35s ease!important;}

.sa-tl-item:hover{border-color:rgba(130, 255, 213,0.2)!important;background:rgba(255,255,255,0.05)!important;}

.sa-tl-item::before{content:''!important;position:absolute!important;left:-34px!important;top:26px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:linear-gradient(135deg,#34d399,#0f9d6b)!important;border:3px solid #080b0f!important;box-shadow:0 0 14px rgba(80, 255, 197,0.7)!important;}

.sa-tl-when{display:inline-block!important;font-size:0.62rem!important;font-weight:800!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#34d399!important;margin-bottom:7px!important;}

.sa-tl-item h3{font-family:'Syne',sans-serif!important;font-size:1.05rem!important;font-weight:700!important;color:#e7edf3!important;margin-bottom:7px!important;}

.sa-tl-item p{font-size:0.85rem!important;color:#8b9aa6!important;line-height:1.65!important;}



/* ══ MÉTHODE ══ */

.sa-method{max-width:900px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:11px!important;}

.sa-mrow{display:flex!important;gap:14px!important;align-items:flex-start!important;padding:18px 20px!important;background:rgba(130, 255, 213,0.04)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(130, 255, 213,0.1)!important;border-radius:14px!important;transition:all .3s ease!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important;}

.sa-mrow:hover{border-color:rgba(130, 255, 213,0.26)!important;background:rgba(130, 255, 213,0.07)!important;transform:translateX(4px)!important;}

.sa-mnum{font-family:'Syne',sans-serif!important;font-size:1.1rem!important;font-weight:900!important;color:rgba(130, 255, 213,0.85)!important;flex-shrink:0!important;width:26px!important;line-height:1.4!important;}

.sa-mrow :is(h3, h4){font-family:'Syne',sans-serif!important;font-size:0.92rem!important;font-weight:700!important;color:#e7edf3!important;margin-bottom:4px!important;}

.sa-mrow p{font-size:0.83rem!important;color:#8b9aa6!important;line-height:1.6!important;}



/* ══ RÉSEAUX ══ */

.sa-social{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;max-width:820px!important;margin:0 auto!important;}

.sa-soc{display:flex!important;align-items:center!important;gap:13px!important;padding:18px 20px!important;background:rgba(255,255,255,0.03)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:14px!important;transition:all .35s ease!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important;}

.sa-soc:hover{transform:translateY(-4px)!important;border-color:rgba(130, 255, 213,0.28)!important;background:rgba(255,255,255,0.05)!important;box-shadow:0 18px 44px rgba(0,0,0,0.4)!important;}

.sa-soc-ic{width:40px!important;height:40px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;}

.sa-soc-ic svg{width:19px!important;height:19px!important;fill:#fff!important;}

.sa-soc.li .sa-soc-ic{background:rgba(10,102,194,0.9)!important;}

.sa-soc.ig .sa-soc-ic{background:linear-gradient(135deg,#f9ce34,#2aeed4,#28d79d)!important;}

.sa-soc.fb .sa-soc-ic{background:rgba(24,119,242,0.9)!important;}

.sa-soc-nm{font-family:'Syne',sans-serif!important;font-size:0.88rem!important;font-weight:700!important;color:#e7edf3!important;}

.sa-soc-hd{font-size:0.71rem!important;color:#8b9aa6!important;}



/* ══ FAQ ══ */

.sa-faq{max-width:860px!important;margin:0 auto!important;}

.sa-faq details{background:rgba(255,255,255,0.03)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:14px!important;margin-bottom:11px!important;overflow:hidden!important;transition:all .3s ease!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important;}

.sa-faq details[open]{border-color:rgba(130, 255, 213,0.26)!important;background:rgba(130, 255, 213,0.05)!important;}

.sa-faq summary{cursor:pointer!important;padding:18px 22px!important;font-family:'Syne',sans-serif!important;font-weight:700!important;font-size:0.95rem!important;color:#e7edf3!important;list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;}

.sa-faq summary::-webkit-details-marker{display:none!important;}

.sa-faq summary::after{content:'+'!important;font-size:1.5rem!important;color:#34d399!important;font-weight:400!important;flex-shrink:0!important;line-height:1!important;transition:transform .3s ease!important;}

.sa-faq details[open] summary::after{transform:rotate(45deg)!important;}

.sa-faq-a{padding:0 22px 20px!important;font-size:0.87rem!important;color:#8b9aa6!important;line-height:1.72!important;}

.sa-faq-a a{color:#34d399!important;}



/* ══ CTA ══ */

.sa-cta{padding:60px 5% 80px!important;}

.sa-cta-card{max-width:900px!important;margin:0 auto!important;padding:52px 42px!important;background:rgba(50, 255, 187,0.1)!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(130, 255, 213,0.22)!important;border-radius:24px!important;position:relative!important;overflow:hidden!important;text-align:center!important;box-shadow:0 36px 90px rgba(40, 255, 183,0.22),inset 0 1px 0 rgba(255,255,255,0.15)!important;}

.sa-cta-card::before{content:''!important;position:absolute!important;top:-55%!important;right:-12%!important;width:340px!important;height:340px!important;background:radial-gradient(circle,rgba(255,255,255,0.07),transparent 70%)!important;border-radius:50%!important;pointer-events:none!important;}

.sa-cta-card::after{content:''!important;position:absolute!important;bottom:-38%!important;left:-8%!important;width:280px!important;height:280px!important;background:radial-gradient(circle,rgba(80, 255, 197,0.18),transparent 70%)!important;border-radius:50%!important;pointer-events:none!important;}

.sa-cta-in{position:relative!important;z-index:2!important;}

.sa-cta-ttl{font-family:'Syne',sans-serif!important;font-size:1.9rem!important;font-weight:800!important;color:#e7edf3!important;margin-bottom:10px!important;}

.sa-cta-p{font-size:0.95rem!important;color:rgba(231, 237, 243,0.72)!important;margin:0 auto 28px!important;max-width:460px!important;line-height:1.7!important;}

.sa-cta-btns{display:flex!important;gap:12px!important;justify-content:center!important;flex-wrap:wrap!important;}

.sa-cta-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:14px 30px!important;border-radius:12px!important;font-weight:700!important;font-size:0.95rem!important;transition:all .3s ease!important;}

.sa-cta-btn.wh{background:#e7edf3!important;color:#0b6b49!important;box-shadow:0 4px 22px rgba(0,0,0,0.28)!important;}

.sa-cta-btn.wh:hover{transform:translateY(-2px)!important;color:#22c98f!important;}

.sa-cta-btn.ol{background:rgba(255,255,255,0.07)!important;color:#e7edf3!important;border:1px solid rgba(255,255,255,0.22)!important;backdrop-filter:blur(12px)!important;}

.sa-cta-btn.ol:hover{background:rgba(255,255,255,0.13)!important;color:#e7edf3!important;}



/* ══ BLOC À COMPLÉTER (à supprimer après remplissage) ══ */

.sa-todo{background:rgba(234,179,8,0.07)!important;border:1px dashed rgba(234,179,8,0.4)!important;border-radius:12px!important;padding:13px 16px!important;margin:14px 0!important;font-size:0.78rem!important;color:#fcd34d!important;line-height:1.6!important;}

.sa-todo b{color:#fde68a!important;font-weight:800!important;}



/* ══ RESPONSIVE ══ */

@media(max-width:1100px){

  .sa-hero-in{grid-template-columns:1fr!important;text-align:center!important;}

  .sa-hero-btns,.sa-tags{justify-content:center!important;}

  .sa-hero-vis{max-width:400px!important;margin:0 auto!important;}

  .sa-float{display:none!important;}

  .sa-photo-m{display:block!important;}

  .sa-avatar-wrap{display:none!important;}

  .sa-grid3{grid-template-columns:repeat(2,1fr)!important;}

  .sa-social{grid-template-columns:repeat(3,1fr)!important;}

}

@media(max-width:900px){

  .sa-2col{grid-template-columns:1fr!important;gap:32px!important;}

  .sa-stats{grid-template-columns:repeat(2,1fr)!important;}

  .sa-stat:nth-child(2){border-right:none!important;}

  .sa-stat:nth-child(1),.sa-stat:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.06)!important;}

}

@media(max-width:768px){

  .sa-hero{padding:34px 4% 45px!important;}

  .sa-hero h1{font-size:2.4rem!important;}

  .sa-hero-role{font-size:0.95rem!important;}

  .sa-hero-p{font-size:0.93rem!important;}

  .sa-grid3{grid-template-columns:1fr!important;}

  .sa-social{grid-template-columns:1fr!important;}

  .sa-sec,.sa-cta{padding-left:4%!important;padding-right:4%!important;}

  .sa-sec{padding-top:55px!important;padding-bottom:55px!important;}

  .sa-title,.sa-sec h2{font-size:1.75rem!important;}

  .sa-cta-card{padding:36px 22px!important;}

  .sa-cta-ttl{font-size:1.5rem!important;}

  .sa-tl{padding-left:26px!important;}

  .sa-tl-item::before{left:-26px!important;width:13px!important;height:13px!important;}

  .sa-btn,.sa-cta-btn{min-height:44px!important;}

  .sa-float{display:none!important;}

}

@media(max-width:480px){

  .sa-hero h1{font-size:2rem!important;}

  .sa-btn{width:100%!important;justify-content:center!important;}

  .sa-hero-btns{flex-direction:column!important;}

  .sa-stats{grid-template-columns:1fr!important;}

  .sa-stat{border-right:none!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;}

  .sa-stat:last-child{border-bottom:none!important;}

  .sa-cta-btns{flex-direction:column!important;}

  .sa-cta-btn{width:100%!important;justify-content:center!important;}

  .sa-title,.sa-sec h2{font-size:1.5rem!important;}

  .sa-cta-ttl{font-size:1.3rem!important;}

}


/* Niveau de titre remonte pour une hierarchie continue.
   L echelle globale pose un interlignage par balise : on fige
   la valeur d origine pour que le rendu ne bouge pas. */
.sa-mrow h3{line-height:30px!important;}
