/* SitePrime Premium Upgrade 2026 */
:root{--sp-cyan:#00A8FF;--sp-blue:#005BFF;--sp-night:#050B18;--sp-card:rgba(255,255,255,.075);--sp-line:rgba(255,255,255,.12);--sp-text:#DDE7F7;--sp-muted:#A7B0C0;--sp-gold:#FFD166;}
.premium-promo-bar{position:relative;z-index:20;background:linear-gradient(90deg,rgba(0,168,255,.20),rgba(0,91,255,.30),rgba(255,209,102,.16));border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,91,255,.14)}
.premium-promo-inner{width:92%;max-width:1250px;margin:auto;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:13px 0;color:#fff;font-weight:900;flex-wrap:wrap}
.premium-promo-inner strong{color:#fff}.premium-promo-inner span{color:#C8F1FF}.premium-promo-inner a{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#050B18;padding:9px 15px;border-radius:999px;font-size:13px;box-shadow:0 10px 25px rgba(0,0,0,.18);transition:.25s}.premium-promo-inner a:hover{transform:translateY(-2px)}
.old-price{text-decoration:line-through;color:#8793a7;font-weight:800;margin-right:8px}.promo-price{display:inline-block;color:#fff;background:linear-gradient(135deg,#00A8FF,#005BFF);padding:3px 9px;border-radius:999px;box-shadow:0 8px 22px rgba(0,91,255,.28)}
.premium-section{padding:70px 0}.premium-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.premium-card,.proof-card,.before-after-card{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.18);position:relative;overflow:hidden}.premium-card:before,.proof-card:before,.before-after-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at top right,rgba(0,168,255,.22),transparent 35%);pointer-events:none}.premium-card h3,.proof-card h3,.before-after-card h3{position:relative;font-size:24px;margin-bottom:10px}.premium-card p,.proof-card p,.before-after-card p,.before-after-card li{position:relative;color:var(--sp-muted)}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.proof-card{text-align:center;padding:24px}.proof-number{font-size:34px;font-weight:1000;line-height:1;color:#fff;background:linear-gradient(90deg,#fff,#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.proof-label{font-size:14px;color:var(--sp-muted)}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:22px}.before-after-card ul{list-style:none;padding:0;margin:14px 0 0}.before-after-card li{margin-bottom:10px}.premium-negative{border-color:rgba(255,95,87,.22)}.premium-positive{border-color:rgba(0,168,255,.33)}
.premium-cta-band{margin:30px auto 0;padding:32px;border-radius:34px;background:linear-gradient(135deg,rgba(0,168,255,.18),rgba(0,91,255,.22));border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.premium-cta-band h3{font-size:28px;line-height:1.15}.premium-cta-band p{color:var(--sp-muted)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
.service,.project,.step,.faq-item,.contact,.symbol-glow,.browser,.premium-card,.proof-card,.before-after-card{will-change:transform}.symbol-glow{animation:spFloat 5.8s ease-in-out infinite}.browser-main{animation:spFloat2 7s ease-in-out infinite}.browser-small{animation:spFloat3 6.2s ease-in-out infinite}.floating-tag{animation:spPulse 2.2s ease-in-out infinite}.nav-btn,.btn-primary,.project-btn,button{position:relative;overflow:hidden}.nav-btn:after,.btn-primary:after,.project-btn:after,button:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:.75s}.nav-btn:hover:after,.btn-primary:hover:after,.project-btn:hover:after,button:hover:after{left:130%}
@keyframes spFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(1.5deg)}}@keyframes spFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes spFloat3{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spPulse{0%,100%{box-shadow:0 0 0 rgba(0,168,255,0)}50%{box-shadow:0 0 35px rgba(0,168,255,.22)}}
@media(max-width:900px){.premium-card-grid,.proof-strip,.before-after{grid-template-columns:1fr}.premium-promo-inner{justify-content:center;text-align:center}.premium-cta-band{text-align:center;justify-content:center}.premium-section{padding:46px 0}.proof-number{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Correctif menu mobile - Réalisations visible */
@media(max-width:900px){
  header{z-index:99999!important;}
  .nav{position:relative!important;}
  .menu{
    z-index:99998!important;
    max-height:calc(100vh - 90px)!important;
    overflow-y:auto!important;
  }
  .menu.active{
    display:flex!important;
  }
  .menu a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    padding:12px 0!important;
    color:#DDE7F7!important;
    font-size:16px!important;
  }
  .menu a[href*="realisations.html"]{
    color:#00A8FF!important;
    font-weight:900!important;
  }
}

/* tighter header-promo spacing */
.premium-promo-bar{margin-top:-8px}.hero{padding-top:20px!important}


/* FIX FINAL 2026 */
.premium-promo-bar{margin-top:0!important}
@media(min-width:901px){.hero{padding-top:35px!important;padding-bottom:75px!important}}
@media(max-width:900px){.hero{padding-top:18px!important;padding-bottom:45px!important}.portfolio-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}main,section,.project{display:block!important;visibility:visible!important;opacity:1!important}}