:root{--noir:#0F1C2E;--bleu:#152234;--bleu2:#192840;--bleu3:#1E3050;--accent:#4F8EF7;--accent2:#3DD6C8;--blanc:#F0EEE8;--gris:#8B9AB8;--gris2:#C0CCDE;--border:rgba(255,255,255,.07);}
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;overflow-x:clip;}
    body{font-family:'DM Sans',sans-serif;background:var(--noir);color:var(--blanc);overflow-x:clip;max-width:100%;}

    /* ── PAGE FADE-IN ── */
    body{animation:pagein .38s ease;}
    @keyframes pagein{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}

    /* ── NAV ── */
    nav{position:fixed;top:0;width:100%;z-index:500;padding:0 5%;height:70px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;}
    nav::before{content:'';position:absolute;inset:0;background:rgba(6,8,16,0);backdrop-filter:blur(0px);transition:all .5s;z-index:-1;}
    nav.scrolled::before{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);}
    .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;}
    .nav-sq{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:.82rem;font-weight:800;color:#fff;flex-shrink:0;}
    .nav-txt{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;color:var(--blanc);white-space:nowrap;}
    .nav-txt span{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .nav-links{display:flex;gap:2rem;list-style:none;}
    .nav-links a{color:var(--gris);text-decoration:none;font-size:.82rem;transition:color .2s;cursor:pointer;position:relative;}
    .nav-links a:hover{color:var(--blanc);}
    .nav-links a.nav-active{color:var(--blanc);}
    .nav-links a.nav-active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;}
    .nav-cta{display:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:500;font-size:.8rem;padding:9px 20px;border-radius:6px;text-decoration:none;cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap;flex-shrink:0;border:none;}
    .nav-cta:hover{opacity:.85;transform:translateY(-1px);}
    @media(min-width:1001px){.nav-cta{display:inline-block;}}

    /* ── HERO ── */
    .hero{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 6% 100px;overflow:hidden;}
    .hero-bg{position:absolute;inset:0;z-index:0;background:url('https://images.unsplash.com/photo-1527930122700-70ada060002f?w=1800&q=85') center/cover no-repeat;filter:brightness(.38) saturate(.75);}
    .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,28,46,.55) 0%,rgba(15,28,46,.7) 55%,var(--noir) 100%);z-index:1;pointer-events:none;}
    .hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;}
    .hero-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:2.2rem;padding:8px 18px;border:1px solid rgba(61,214,200,.35);border-radius:999px;background:rgba(61,214,200,.06);animation:up .8s .2s ease both;}
    .hero-dot{width:6px;height:6px;background:var(--accent2);border-radius:50%;animation:pulse 2s infinite;}
    .hero-label-txt{font-size:.68rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--accent2);}
    .hero h1{font-family:'Syne',sans-serif;font-size:clamp(3.5rem,8vw,7.5rem);font-weight:800;line-height:.95;letter-spacing:-3px;margin-bottom:2rem;animation:up .9s .35s ease both;}
    .grad{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .stroke{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28);}
    .hero-sub{font-size:1.05rem;color:var(--gris2);line-height:1.85;max-width:620px;margin:0 auto 2.5rem;font-weight:300;animation:up 1s .5s ease both;}
    .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:up 1s .65s ease both;}
    .btn-g{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:500;font-size:.88rem;padding:14px 32px;border-radius:6px;text-decoration:none;cursor:pointer;box-shadow:0 4px 28px rgba(79,142,247,.3);transition:transform .2s,box-shadow .2s;border:none;display:inline-block;}
    .btn-g:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(79,142,247,.4);}
    .btn-o{border:1px solid rgba(255,255,255,.18);color:var(--gris2);font-size:.88rem;padding:14px 32px;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.03);backdrop-filter:blur(8px);display:inline-block;}
    .btn-o:hover{border-color:rgba(255,255,255,.35);color:var(--blanc);}
    .hero-offer{margin-top:2rem;display:inline-block;background:rgba(61,214,200,.08);border:1px solid rgba(61,214,200,.3);padding:14px 22px;border-radius:10px;max-width:560px;backdrop-filter:blur(6px);animation:up 1s .8s ease both;}

    /* ── TICKER ── */
    .ticker-wrap{overflow:hidden;white-space:nowrap;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bleu2);width:100%;max-width:100%;}
    .ticker-track{display:inline-flex;animation:ticker 28s linear infinite;}
    .ticker-track:hover{animation-play-state:paused;}
    .ti{display:inline-flex;align-items:center;gap:1.5rem;padding:0 2rem;font-size:.75rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--gris);white-space:nowrap;}
    .td{color:var(--accent);font-size:.5rem;}
    @keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

    /* ── STATS ── */
    .stats-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bleu);border-bottom:1px solid var(--border);}
    .stat-cell{padding:3.5rem 2rem;border-right:1px solid var(--border);text-align:center;}
    .stat-cell:last-child{border-right:none;}
    .stat-val{font-family:'Syne',sans-serif;font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .stat-lbl{font-size:.65rem;color:var(--gris);letter-spacing:2.5px;text-transform:uppercase;margin-top:.5rem;}

    /* ── REVEALS ── */
    .reveal{opacity:0;transform:translateY(50px);transition:opacity .9s ease,transform .9s ease;}
    .reveal.visible{opacity:1;transform:translateY(0);}
    .reveal-l{opacity:0;transform:translateX(-50px);transition:opacity .9s ease,transform .9s ease;}
    .reveal-l.visible{opacity:1;transform:translateX(0);}
    .reveal-r{opacity:0;transform:translateX(50px);transition:opacity .9s ease,transform .9s ease;}
    .reveal-r.visible{opacity:1;transform:translateX(0);}

    /* ── À PROPOS ── */
    #apropos-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;background:var(--bleu);}
    .apropos-l{padding:100px 6% 100px 7%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);}
    .apropos-r{position:relative;overflow:hidden;}
    .apropos-img{width:100%;height:100%;object-fit:cover;object-position:20% top;display:block;filter:brightness(.65) saturate(.8);transition:transform .6s ease;}
    .apropos-r:hover .apropos-img{transform:scale(1.03);}
    .apropos-ov{position:absolute;inset:0;background:linear-gradient(270deg,transparent 55%,var(--bleu) 100%);}

    /* ── SECTION LABELS ── */
    .sec-lbl{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;}
    .sec-lbl-line{width:24px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent2));}
    .sec-lbl-txt{font-size:.65rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--accent2);}
    .sec-title{font-family:'Syne',sans-serif;font-size:clamp(2.5rem,4vw,4rem);font-weight:800;line-height:.95;letter-spacing:-2px;margin-bottom:1.5rem;}
    .sec-sub{font-size:.93rem;color:var(--gris2);line-height:1.85;font-weight:300;margin-bottom:1.2rem;}

    /* ── SERVICES ── */
    #services-section{background:var(--noir);padding:120px 7%;}
    .srv-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:5rem;}
    .srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border);}
    .srv-card{padding:2.5rem;background:var(--bleu);transition:background .3s;position:relative;overflow:hidden;}
    .srv-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s ease;}
    .srv-card:hover{background:var(--bleu2);}
    .srv-card:hover::after{width:100%;}
    .srv-icon{font-size:1.8rem;margin-bottom:1rem;}
    .srv-name{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--blanc);margin-bottom:.5rem;}
    .srv-desc{font-size:.82rem;color:var(--gris);line-height:1.75;font-weight:300;}

    /* ── POUR QUI ── */
    #pourqui-section{background:var(--bleu);padding:120px 7%;}
    .pq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border);margin-top:4rem;}
    .pq-card{padding:2.2rem;background:var(--bleu2);transition:background .3s;display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden;}
    .pq-card::after{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,var(--accent),var(--accent2));transition:height .4s ease;}
    .pq-card:hover{background:var(--bleu3);}
    .pq-card:hover::after{height:100%;}
    .pq-icon{font-size:1.8rem;}
    .pq-name{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;color:var(--blanc);}
    .pq-desc{font-size:.8rem;color:var(--gris);line-height:1.7;font-weight:300;}

    /* ── PROCESS ── */
    #process-section{background:var(--noir);padding:120px 7%;}
    .proc-narration{display:flex;flex-direction:column;gap:0;max-width:680px;margin-top:4rem;}
    .proc-narr-item{display:flex;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--border);}
    .proc-narr-item:last-child{border-bottom:none;}
    .proc-narr-left{display:flex;flex-direction:column;align-items:center;padding-top:2px;}
    .proc-narr-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(79,142,247,.15),rgba(61,214,200,.1));border:1px solid rgba(79,142,247,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
    .proc-narr-line{width:2px;flex:1;background:rgba(79,142,247,.12);margin-top:6px;}
    .proc-narr-item:last-child .proc-narr-line{display:none;}
    .proc-narr-title{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--blanc);margin-bottom:.6rem;}
    .proc-narr-desc{font-size:.88rem;color:var(--gris);line-height:1.85;font-weight:300;}
    .proc-narr-desc em{color:var(--gris2);font-style:normal;}

    /* ── TARIFS ── */
    #tarifs-section{background:var(--noir);padding:120px 7%;}
    .tar-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:5rem;}
    .tar-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--border);}
    .tar-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--border);}
    .tar-card{padding:3.5rem;background:var(--bleu);transition:background .3s;position:relative;}
    .tar-card:hover,.tar-card.feat{background:var(--bleu2);}
    .tar-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:.62rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:3px;margin-bottom:1.5rem;}
    .tar-name{font-size:.65rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--gris);margin-bottom:1.2rem;}
    .tar-prix{font-family:'Syne',sans-serif;font-size:5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;}
    .tar-sous{font-size:.78rem;color:var(--gris);margin-bottom:2.5rem;font-weight:300;}
    .tar-sep{width:100%;height:1px;background:var(--border);margin-bottom:2.5rem;}
    .tar-list{list-style:none;display:flex;flex-direction:column;gap:1rem;}
    .tar-list li{position:relative;padding-left:24px;font-size:.83rem;color:var(--gris2);line-height:1.55;font-weight:300;}
    .ck{position:absolute;left:0;top:0;color:var(--accent2);}
    .tar-cta{display:block;text-align:center;margin-top:2.5rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:.82rem;font-weight:500;padding:14px;border-radius:6px;text-decoration:none;cursor:pointer;letter-spacing:.5px;transition:opacity .2s,transform .2s;border:none;width:100%;}
    .tar-cta:hover{opacity:.85;transform:translateY(-2px);}
    .tar-cta.out{background:transparent;border:1px solid var(--border);color:var(--gris2);}
    .tar-cta.out:hover{border-color:rgba(255,255,255,.2);color:var(--blanc);}

    /* ── RÉALISATIONS ── */
    #realisations-section{background:var(--bleu);padding:120px 7%;}
    .real-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;}
    .real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
    .real-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;background:var(--bleu2);}
    .real-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.5) saturate(.7);transition:filter .6s ease,transform .6s ease;}
    .real-card:hover .real-img{filter:brightness(.28) saturate(.5);transform:scale(1.05);}
    .real-body{position:absolute;inset:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(6,8,16,.95) 0%,transparent 55%);}
    .real-tag{font-size:.62rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent2);margin-bottom:.5rem;}
    .real-name{font-family:'Syne',sans-serif;font-size:1.5rem;font-weight:700;color:var(--blanc);margin-bottom:.4rem;letter-spacing:-.5px;}
    .real-desc{font-size:.8rem;color:var(--gris2);line-height:1.6;}
    .real-link{display:inline-flex;align-items:center;gap:6px;margin-top:1rem;color:var(--accent2);font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s;}
    .real-arrow{transition:transform .2s;}
    .real-link:hover .real-arrow{transform:translateX(4px);}
    .photo-bande{position:relative;height:55vh;overflow:hidden;}
    .photo-bande-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1800&q=85') center/cover no-repeat;filter:brightness(.22);transform:scale(1.05);}
    .photo-bande-ov{position:absolute;inset:0;background:linear-gradient(0deg,var(--bleu) 0%,transparent 35%,transparent 65%,var(--bleu) 100%);}
    .photo-bande-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 7%;}
    .photo-bande-quote{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;color:var(--blanc);line-height:1.1;letter-spacing:-1px;max-width:800px;}

    /* ── FAQ ── */
    #faq-section{background:var(--bleu);padding:120px 7%;}
    .faq-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;}
    .faq-item{border-bottom:1px solid var(--border);}
    .faq-item:first-child{border-top:1px solid var(--border);}
    .faq-btn{width:100%;background:none;border:none;padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;color:var(--blanc);font-family:'DM Sans',sans-serif;font-size:.9rem;text-align:left;gap:1rem;cursor:pointer;transition:color .2s;}
    .faq-btn:hover{color:var(--accent2);}
    .faq-icon{color:var(--accent);flex-shrink:0;font-size:1.2rem;transition:transform .3s;line-height:1;}
    .faq-icon.open{transform:rotate(45deg);}
    .faq-ans{font-size:.83rem;color:var(--gris);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;font-weight:300;}
    .faq-ans.open{max-height:300px;padding-bottom:1.4rem;}

    /* ── AVIS ── */
    #avis-section{background:var(--bleu);padding:120px 7%;}

    /* ── BLOG ── */
    #blog-section{background:var(--noir);padding:120px 7%;border-top:1px solid var(--border);}
    .blog-list{margin-top:4rem;display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
    .blog-item{background:var(--bleu);}
    .blog-btn{width:100%;background:none;border:none;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;color:var(--blanc);font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:600;text-align:left;gap:1.5rem;cursor:pointer;transition:background .2s;letter-spacing:-.3px;}
    .blog-btn:hover{background:var(--bleu2);}
    .blog-meta{font-size:.62rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent2);display:block;margin-bottom:.4rem;}
    .blog-title-row{flex:1;}
    .blog-icon{color:var(--accent);font-size:1.4rem;flex-shrink:0;transition:transform .3s;line-height:1;}
    .blog-icon.open{transform:rotate(45deg);}
    .blog-content{font-size:.9rem;color:var(--gris2);line-height:1.85;font-weight:300;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .3s;padding:0 2.5rem;}
    .blog-content.open{max-height:1500px;padding:0 2.5rem 2.5rem;}
    .blog-content p{margin-bottom:1rem;}
    .blog-content p:last-child{margin-bottom:0;}
    .blog-content strong{color:var(--blanc);font-weight:500;}

    /* ── CONTACT ── */
    #contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;}
    .contact-l{position:relative;overflow:hidden;}
    .contact-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.4) saturate(.7);}
    .contact-ov{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,var(--noir) 100%);}
    .contact-r{padding:100px 7% 80px;display:flex;flex-direction:column;justify-content:center;}
    .contact-rows{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem;}
    .contact-row{display:flex;align-items:flex-start;gap:12px;}
    .contact-icon{font-size:1rem;flex-shrink:0;margin-top:2px;}
    .contact-txt{font-size:.82rem;color:var(--gris2);line-height:1.6;font-weight:300;}
    .cf{display:flex;flex-direction:column;gap:1.2rem;}
    .fg{display:flex;flex-direction:column;gap:.4rem;}
    .frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
    label{font-size:.7rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gris);}
    input,select,textarea{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;padding:11px 14px;color:var(--blanc);font-family:'DM Sans',sans-serif;font-size:.88rem;width:100%;transition:border-color .2s;}
    input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(79,142,247,.5);}
    select option{background:var(--bleu2);}
    textarea{resize:vertical;min-height:120px;}
    .btn-sub{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:600;font-size:.88rem;padding:14px 28px;border-radius:6px;border:none;cursor:pointer;transition:opacity .2s,transform .2s;letter-spacing:.5px;align-self:flex-start;}
    .btn-sub:hover{opacity:.85;transform:translateY(-1px);}

    /* ── MENTIONS / CGV ── */
    #mentions-section{background:var(--bleu);padding:60px 7%;border-top:1px solid var(--border);}
    .men-toggle{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;color:var(--blanc);font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.5px;cursor:pointer;border-bottom:1px solid var(--border);}
    .men-toggle-icon{font-size:1.4rem;transition:transform .3s;color:var(--accent);}
    .men-toggle.open .men-toggle-icon{transform:rotate(45deg);}
    .men-content{max-height:0;overflow:hidden;transition:max-height .5s ease;}
    .men-content.open{max-height:2000px;}
    .men-grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0;font-size:.82rem;color:var(--gris2);line-height:1.85;font-weight:300;}
    .men-title{font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent2);margin-bottom:.6rem;}

    /* ── RAISONS ── */
    .raisons-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;}
    .raisons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border);}
    .raison-card{padding:2.5rem;background:var(--bleu2);}
    .raisons-btns{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;}
    @media(max-width:768px){
      .raisons-header{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;}
      .raisons-grid{grid-template-columns:1fr;}
      .raison-card{border-left:none!important;border-right:none!important;border-bottom:1px solid var(--border);}
      .raison-card:last-child{border-bottom:none;}
      .raisons-btns{flex-direction:column;}
    }

    /* ── FLOATING FAQ BUTTON ── */
    .faq-float{position:fixed;bottom:1.8rem;right:1.8rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;cursor:pointer;z-index:450;box-shadow:0 4px 24px rgba(79,142,247,.45);transition:transform .2s,box-shadow .2s;border:none;text-decoration:none;}
    .faq-float:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 8px 32px rgba(79,142,247,.55);}
    .faq-float-tip{position:absolute;right:58px;background:rgba(6,8,16,.9);border:1px solid var(--border);color:var(--gris2);font-size:.72rem;font-weight:400;white-space:nowrap;padding:5px 10px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s;font-family:'DM Sans',sans-serif;}
    .faq-float:hover .faq-float-tip{opacity:1;}

    /* ── FOOTER ── */
    footer{display:flex;justify-content:space-between;align-items:center;padding:28px 7%;background:var(--bleu2);border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem;}
    .ft-logo{display:flex;align-items:center;gap:8px;}
    .ft-sq{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:800;color:#fff;}
    .ft-txt{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;color:var(--blanc);}
    .ft-txt span{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .ft-info{font-size:.72rem;color:var(--gris);line-height:1.8;text-align:center;}
    .ft-info a{color:var(--gris);text-decoration:none;transition:color .2s;}
    .ft-info a:hover{color:var(--accent2);}
    .ft-nav{display:flex;gap:1.5rem;flex-wrap:wrap;}
    .ft-nav a{font-size:.68rem;color:var(--gris);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .2s;}
    .ft-nav a:hover{color:var(--accent2);}

    /* ── MOBILE NAV ── */
    .nav-burger{display:none;background:none;border:none;width:38px;height:38px;align-items:center;justify-content:center;padding:0;cursor:pointer;}
    .nav-burger span{display:block;width:20px;height:1.5px;background:var(--blanc);position:relative;transition:background .3s;}
    .nav-burger span::before,.nav-burger span::after{content:'';position:absolute;left:0;width:20px;height:1.5px;background:var(--blanc);transition:transform .3s;}
    .nav-burger span::before{top:-6px;}
    .nav-burger span::after{top:6px;}
    .nav-burger.open span{background:transparent;}
    .nav-burger.open span::before{transform:translateY(6px) rotate(45deg);}
    .nav-burger.open span::after{transform:translateY(-6px) rotate(-45deg);}
    .mobile-menu{position:fixed;top:70px;left:0;right:0;background:rgba(6,8,16,.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:1.5rem 7%;z-index:499;transform:translateY(-110%);visibility:hidden;opacity:0;transition:transform .35s ease,visibility 0s linear .35s,opacity .35s ease;}
    .mobile-menu.open{transform:translateY(0);visibility:visible;opacity:1;transition:transform .35s ease,visibility 0s linear 0s,opacity .35s ease;}
    .mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1.2rem;}
    .mobile-menu a{color:var(--gris2);text-decoration:none;font-size:1rem;font-family:'Syne',sans-serif;font-weight:500;cursor:pointer;}

    /* ── KEYFRAMES ── */
    @keyframes up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
    @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.8);}}

    /* ── FOCUS ── */
    button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:3px;border-radius:4px;}

    /* ── RESPONSIVE 1000px ── */
    @media(max-width:1000px){
      .nav-burger{display:flex;}
      .nav-links{display:none;}
      #apropos-wrap,#contact-section{grid-template-columns:1fr;}
      .apropos-r{height:350px;}
      .contact-l{height:300px;}
      .srv-header,.tar-header{grid-template-columns:1fr;}
      .srv-grid{grid-template-columns:1fr 1fr;}
      .tar-grid,.real-grid{grid-template-columns:1fr;}
      .tar-grid-3{grid-template-columns:1fr;}
      .faq-wrap{grid-template-columns:1fr;}
      .pq-grid{grid-template-columns:1fr 1fr;}
      .stats-band{grid-template-columns:1fr 1fr;}
    }
    /* ── RESPONSIVE 768px ── */
    @media(max-width:768px){
      *{box-sizing:border-box;}
      section,div{max-width:100%;}
      .hero h1{font-size:clamp(2.6rem,11vw,4rem);letter-spacing:-1.5px;line-height:1;}
      .hero-sub{font-size:.88rem;line-height:1.7;}
      .hero{padding:90px 5% 70px;}
      .hero-btns{flex-direction:column;gap:.8rem;width:100%;}
      .btn-g,.btn-o{text-align:center;padding:13px 20px;font-size:.85rem;width:100%;}
      .hero-offer{padding:12px 14px;width:100%;}
      #services-section,#realisations-section,#tarifs-section,#process-section,#faq-section,#avis-section,#blog-section,#pourqui-section{padding:60px 5%;}
      .sec-title{font-size:clamp(1.9rem,7vw,2.8rem);letter-spacing:-1px;}
      /* Stats */
      .stats-band{grid-template-columns:1fr 1fr;}
      .stat-cell{padding:1.8rem 1rem;}
      .stat-val{font-size:2rem;}
      .stat-lbl{font-size:.55rem;letter-spacing:1.5px;}
      /* Services */
      .srv-header{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;}
      .srv-grid{grid-template-columns:1fr;}
      .srv-card{padding:1.8rem 1.5rem;}
      /* Réalisations */
      .real-grid{grid-template-columns:1fr;}
      .real-card{aspect-ratio:4/3;}
      .real-name{font-size:1.2rem;}
      .real-header{flex-direction:column;gap:1rem;}
      /* Tarifs */
      .tar-header{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;}
      .tar-grid{grid-template-columns:1fr;}
      .tar-grid-3{grid-template-columns:1fr;}
      .tar-card{padding:2rem 1.5rem;}
      .tar-prix{font-size:3.2rem;}
      /* Pour qui */
      .pq-grid{grid-template-columns:1fr;}
      /* FAQ */
      .faq-wrap{grid-template-columns:1fr;gap:2rem;}
      .faq-btn{font-size:.85rem;padding:1.1rem 0;}
      /* Contact */
      #contact-section{grid-template-columns:1fr;}
      .contact-l{height:220px;}
      .contact-r{padding:50px 5%;}
      .frow{grid-template-columns:1fr;}
      /* À propos */
      #apropos-wrap{grid-template-columns:1fr;}
      .apropos-l{padding:60px 5%;}
      .apropos-r{height:260px;}
      /* Photo bande */
      .photo-bande{height:40vh;}
      .photo-bande-quote{font-size:clamp(1.3rem,5vw,1.8rem);}
      /* Blog */
      .blog-btn{font-size:.88rem;padding:1.5rem;}
      /* Mentions */
      .men-grid-inner{grid-template-columns:1fr;}
      /* Footer */
      footer{flex-direction:column;align-items:center;text-align:center;padding:28px 5%;gap:1.2rem;}
      .ft-nav{flex-wrap:wrap;justify-content:center;gap:1rem;}
      .ft-info{font-size:.68rem;}
      /* Process */
      .proc-narr-desc{font-size:.83rem;}
    }
    /* ── RESPONSIVE 480px ── */
    @media(max-width:480px){
      .hero h1{font-size:clamp(2.2rem,9vw,3rem);}
      .stats-band{grid-template-columns:1fr 1fr;}
      .stat-val{font-size:1.7rem;}
      .stat-cell{padding:1.4rem .6rem;}
      .stat-lbl{font-size:.48rem;letter-spacing:1px;}
      .tar-prix{font-size:2.8rem;}
      .hero-label-txt{font-size:.55rem;letter-spacing:1.5px;}
      nav{padding:0 4%;}
      #services-section,#realisations-section,#tarifs-section,#process-section,#faq-section,#avis-section,#blog-section,#pourqui-section{padding:50px 4%;}
      .srv-card,.tar-card,.pq-card{padding:1.5rem 1.2rem;}
      .raison-card{padding:1.5rem 1.2rem;}
      section[style*="padding:100px 7%"]{padding:60px 4%!important;}
    }

/* ── Tarifs : ajustements ── */
.tar-solo{max-width:560px;margin:0 auto;}
.tar-grid-3 .tar-card{padding:2.4rem 2rem;}
.tar-grid-3 .tar-prix{font-size:3.5rem;}
@media(max-width:1100px){.tar-grid-3 .tar-prix{font-size:3rem;}}