*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    :root{
      --blue:#1A6BFF;--blue-l:#4F8FFF;--blue-xl:#8FB4FF;
      --orange:#FF5B2E;--orange-l:#FF8055;
      --green:#00C96A;--green-l:#33D888;
      --violet:#7C3AFF;--pink:#F43F8C;
      --wa:#25D366;--wa-dark:#128C7E;
      --t1:#09090F;--t2:#3F3F5A;--t3:#8888AA;
      --border:rgba(0,0,0,.07);--bord2:rgba(0,0,0,.12);
    }
    html{scroll-behavior:smooth;}
    body{font-family:'Inter',-apple-system,sans-serif;background:#fff;color:var(--t1);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
    .wrap{max-width:min(1100px,92vw);margin:0 auto;padding:0 36px;position:relative;z-index:10;}

    /* ═══ BG SHAPES REMOVED — cleaner for artisan audience ═══ */
    .bg-shapes{display:none;}

    /* ═══ GRADIENT ORBS ═══ */
    .orb{position:fixed;border-radius:50%;pointer-events:none;z-index:4;filter:blur(80px);opacity:.4;}
    .orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(37,211,102,.2),transparent 70%);top:10%;left:-5%;animation:orbFloat1 25s ease-in-out infinite;}
    .orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(26,107,255,.15),transparent 70%);top:40%;right:-8%;animation:orbFloat2 30s ease-in-out infinite;}
    .orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,255,.12),transparent 70%);bottom:10%;left:20%;animation:orbFloat3 22s ease-in-out infinite;}
    @keyframes orbFloat1{0%,100%{transform:translate(0,0);}25%{transform:translate(60px,-40px);}50%{transform:translate(20px,60px);}75%{transform:translate(-30px,20px);}}
    @keyframes orbFloat2{0%,100%{transform:translate(0,0);}33%{transform:translate(-50px,40px);}66%{transform:translate(30px,-60px);}}
    @keyframes orbFloat3{0%,100%{transform:translate(0,0);}50%{transform:translate(50px,-50px);}}

    /* ═══ NOISE ═══ */
    .noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:.025;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

    /* ═══ WAVE SEP ═══ */
    .wave-sep{position:relative;z-index:6;margin-top:-1px;line-height:0;}
    .wave-sep svg{display:block;width:100%;height:80px;filter:drop-shadow(0 -2px 6px rgba(0,0,0,.03));}
    .wave-flip{transform:scaleY(-1);margin-bottom:-1px;margin-top:0;}

    /* ═══ NAV ═══ */
    nav{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;background:rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 1px 20px rgba(0,0,0,.04);}
    .nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;}
    .nav-logo-icon{width:28px;height:28px;flex-shrink:0;}
    .nav-logo-text{font-family:'Space Grotesk','Inter',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--t1);line-height:1;}
    .nav-logo-text .nai{background:linear-gradient(135deg,#25D366,var(--blue),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .nav-links{display:flex;align-items:center;gap:32px;}
    .nav-link{font-size:13px;font-weight:500;color:var(--t2);text-decoration:none;transition:color .2s;position:relative;}
    .nav-link::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--blue);border-radius:2px;transition:width .25s ease;}
    .nav-link:hover{color:var(--t1);}.nav-link:hover::after{width:100%;}
    .nav-cta{padding:10px 24px;border-radius:980px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .22s;box-shadow:0 4px 18px rgba(37,211,102,.3);}
    .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.45);}
    .nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;font-size:20px;color:var(--t1);}
    @media(max-width:768px){
      .nav-burger{display:flex;align-items:center;justify-content:center;}
      .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);padding:16px 24px;gap:0;border-bottom:1px solid var(--border);box-shadow:0 12px 32px rgba(0,0,0,.1);}
      .nav-links.open{display:flex;}
      .nav-links .nav-link{display:block!important;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:14px;}
      .nav-links .nav-link::after{display:none;}
      .nav-links .nav-cta{margin-top:8px;text-align:center;display:block;}
    }

    /* ═══ HERO ═══ */
    .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 36px 60px;position:relative;background:radial-gradient(ellipse 80% 60% at 50% -5%,rgba(37,211,102,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(26,107,255,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 5% 75%,rgba(255,91,46,.06) 0%,transparent 55%),linear-gradient(180deg,#EEFFF3 0%,#F8FAFF 40%,#fff 70%);}
    .hero-grid{position:absolute;inset:0;pointer-events:none;z-index:0;perspective:700px;overflow:hidden;}
    .hero-grid-inner{position:absolute;left:-60%;right:-60%;bottom:-10px;height:50%;transform:rotateX(70deg);background-image:linear-gradient(rgba(37,211,102,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,211,102,.08) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to top,rgba(0,0,0,.45),transparent);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.45),transparent);animation:gridPulse 8s ease-in-out infinite;}
    @keyframes gridPulse{0%,100%{opacity:.7;}50%{opacity:1;}}
    .hero-sparkles{display:none;}/* remplacé par global-sparkles */
    /* ═══ LOGOS FLOTTANTS GLOBAUX — toute la page ═══ */
    .global-sparkles{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden;}
    .sparkle-logo{position:fixed;pointer-events:none;opacity:0;}
    .sparkle-logo svg{display:block;}
    .sparkle-logo.sl-big{filter:drop-shadow(0 0 6px rgba(37,211,102,.2));}
    .sparkle-logo.sl-mid{filter:drop-shadow(0 0 3px rgba(26,107,255,.2));}
    .sparkle-logo.sl-front{filter:drop-shadow(0 0 4px rgba(124,58,255,.25));}
    @keyframes logoUp{0%{opacity:0;transform:translateY(0) scale(.6) rotate(-5deg);}6%{opacity:var(--sl-op,.5);}40%{opacity:calc(var(--sl-op,.5)*.7);}80%{opacity:calc(var(--sl-op,.5)*.25);}100%{opacity:0;transform:translateY(-110vh) scale(.85) rotate(22deg);}}
    @keyframes logoUpSlow{0%{opacity:0;transform:translateY(0) scale(.8) rotate(0deg);}4%{opacity:var(--sl-op,.2);}50%{opacity:calc(var(--sl-op,.2)*.7);}90%{opacity:calc(var(--sl-op,.2)*.15);}100%{opacity:0;transform:translateY(-120vh) scale(1) rotate(12deg);}}
    @keyframes logoUpFast{0%{opacity:0;transform:translateY(0) scale(.5) rotate(-8deg);}7%{opacity:var(--sl-op,.65);}35%{opacity:calc(var(--sl-op,.65)*.7);}75%{opacity:calc(var(--sl-op,.65)*.2);}100%{opacity:0;transform:translateY(-105vh) scale(.7) rotate(32deg);}}

    .hero-content{position:relative;z-index:10;max-width:min(920px,88vw);}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:980px;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.25);font-size:11px;font-weight:700;color:#16A34A;letter-spacing:.07em;text-transform:uppercase;margin-bottom:36px;backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(37,211,102,.08);}
    .bdot{width:6px;height:6px;border-radius:50%;background:#25D366;animation:blink 2s ease-in-out infinite;box-shadow:0 0 6px rgba(37,211,102,.5);}
    @keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}
    .hero-h1{font-size:clamp(38px,6.5vw,82px);font-weight:900;line-height:.96;letter-spacing:-.05em;margin-bottom:24px;}
    .h1-line1{display:block;color:var(--t1);}
    .h1-line2{display:block;background:linear-gradient(130deg,#25D366,var(--blue),var(--violet));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradMove 6s ease-in-out infinite alternate;}
    @keyframes gradMove{0%{background-position:0% center;}100%{background-position:200% center;}}
    .hero-sub{font-size:clamp(14px,1.6vw,17px);line-height:1.75;color:var(--t2);max-width:540px;margin:0 auto;}
    .hero-sub strong{color:var(--t1);font-weight:600;}
    .hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
    .btn-p{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:980px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:15px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:all .25s;box-shadow:0 8px 28px rgba(37,211,102,.35);position:relative;overflow:hidden;}
    .btn-p::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 60%);pointer-events:none;}
    .btn-p:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(37,211,102,.5);}
    .btn-g{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:980px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);color:var(--t2);font-size:15px;font-weight:500;text-decoration:none;border:1.5px solid var(--border);transition:all .25s;font-family:inherit;}
    .btn-g:hover{border-color:var(--bord2);color:var(--t1);transform:translateY(-2px);background:rgba(255,255,255,.9);box-shadow:0 4px 16px rgba(0,0,0,.06);}
    .hero-stats{display:flex;gap:44px;justify-content:center;flex-wrap:wrap;margin-top:48px;}
    .stat{text-align:center;}.stat-n{font-size:28px;font-weight:900;letter-spacing:-.05em;}
    .stat-n.c-gr{color:#25D366;text-shadow:0 0 20px rgba(37,211,102,.15);}
    .stat-n.c-bl{color:var(--blue);text-shadow:0 0 20px rgba(26,107,255,.15);}
    .stat-n.c-or{color:var(--orange);text-shadow:0 0 20px rgba(255,91,46,.12);}
    .stat-l{font-size:11px;color:var(--t3);margin-top:4px;}
    .sdiv{width:1px;background:var(--border);align-self:stretch;}

    /* ═══ HERO PHONE 3D — PREMIUM ═══ */
    .hero-visual{position:relative;z-index:10;margin-top:56px;display:flex;justify-content:center;perspective:1200px;}
    /* Halo lumineux derrière le téléphone */
    .hero-visual::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px;background:radial-gradient(circle,rgba(37,211,102,.18) 0%,rgba(26,107,255,.1) 40%,rgba(124,58,255,.05) 65%,transparent 80%);border-radius:50%;filter:blur(40px);animation:haloBreath 5s ease-in-out infinite;pointer-events:none;z-index:0;}
    @keyframes haloBreath{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12);}}
    /* Anneaux orbitaux */
    .hero-visual::after{content:'';position:absolute;top:50%;left:50%;width:320px;height:320px;border:1.5px solid rgba(37,211,102,.1);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg);animation:orbitSpin 20s linear infinite;pointer-events:none;z-index:1;}
    @keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0deg);}100%{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg);}}
    .phone-3d{animation:iFloat 10s ease-in-out infinite;transform-style:preserve-3d;position:relative;z-index:5;}
    @keyframes iFloat{0%{transform:rotateX(8deg) rotateY(-14deg) translateY(0);}30%{transform:rotateX(3deg) rotateY(6deg) translateY(-18px);}65%{transform:rotateX(6deg) rotateY(-7deg) translateY(-6px);}100%{transform:rotateX(8deg) rotateY(-14deg) translateY(0);}}
    /* Cadre titane réaliste */
    .iphone{background:linear-gradient(160deg,#3A3A3C,#1C1C1E 30%,#2C2C2E 70%,#3A3A3C);border-radius:44px;border:4px solid;border-color:#444 #333 #222 #333;position:relative;overflow:hidden;box-shadow:
      0 0 0 1px rgba(255,255,255,.15),
      0 2px 4px rgba(0,0,0,.3),
      0 8px 20px rgba(0,0,0,.35),
      0 24px 50px rgba(0,0,0,.4),
      0 60px 120px rgba(0,0,0,.45),
      0 20px 60px rgba(37,211,102,.12),
      0 40px 80px rgba(26,107,255,.06),
      inset 0 1px 0 rgba(255,255,255,.2),
      inset 0 -1px 0 rgba(0,0,0,.3);}
    /* Reflet verre sur l'écran */
    .iphone::before{content:'';position:absolute;inset:0;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.12) 0%,transparent 35%,transparent 60%,rgba(255,255,255,.03) 100%);pointer-events:none;z-index:5;}
    /* Reflet edge lumineux */
    .iphone::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 180deg,transparent 0%,rgba(37,211,102,.08) 10%,transparent 20%,rgba(26,107,255,.06) 40%,transparent 50%,rgba(124,58,255,.05) 70%,transparent 80%);animation:edgeShine 8s linear infinite;pointer-events:none;z-index:4;border-radius:40px;mix-blend-mode:screen;}
    @keyframes edgeShine{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
    .iphone-screen{position:absolute;inset:4px;background:#0b141a;display:flex;flex-direction:column;border-radius:40px;overflow:hidden;z-index:3;}
    .iphone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:76px;height:24px;background:#000;border-radius:20px;z-index:10;box-shadow:inset 0 0 4px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);}
    /* Capteur dans le dynamic island */
    .iphone-island::after{content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#1a1a2e,#0a0a12);box-shadow:inset 0 0 2px rgba(30,60,120,.4),0 0 3px rgba(30,60,120,.15);}
    .iphone-status{height:42px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px 4px;font-size:9px;color:rgba(255,255,255,.7);font-weight:600;flex-shrink:0;}
    .wa-bar{background:#1f2c34;padding:9px 12px;display:flex;align-items:center;gap:8px;flex-shrink:0;}
    .wa-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.2);}
    .wa-n{font-size:12px;font-weight:700;color:#e9edef;}
    .wa-s{font-size:9px;color:#8696a0;}
    .wa-body{flex:1;padding:8px 10px;background:#0b141a;display:flex;flex-direction:column;gap:5px;overflow:hidden;}
    .wm{max-width:84%;padding:6px 9px;border-radius:8px;font-size:10.5px;line-height:1.5;}
    .wm.i{background:#202c33;color:#e9edef;border-top-left-radius:2px;align-self:flex-start;}
    .wm.o{background:#005c4b;color:#e9edef;border-top-right-radius:2px;align-self:flex-end;}
    .wt{font-size:8px;color:#8696a0;text-align:right;margin-top:2px;}
    .wt.c::after{content:' ✓✓';color:#53bdeb;}
    .wa-foot{background:#1f2c34;padding:6px 9px;display:flex;align-items:center;gap:6px;flex-shrink:0;}
    .wa-foot input{flex:1;background:#2a3942;border:none;border-radius:18px;padding:6px 10px;color:#e9edef;font-size:10px;outline:none;}
    .wa-foot input::placeholder{color:#8696a0;}
    .wa-snd{width:26px;height:26px;border-radius:50%;background:#00a884;border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.2);}
    /* Ombre réaliste multi-couches */
    .phone-shadow{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:200px;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.25) 0%,rgba(37,211,102,.12) 40%,transparent 75%);filter:blur(20px);pointer-events:none;z-index:0;animation:shadowPulse 10s ease-in-out infinite;}
    @keyframes shadowPulse{0%,100%{opacity:.8;transform:translateX(-50%) scaleX(1);}50%{opacity:1;transform:translateX(-50%) scaleX(1.15);}}
    /* Floating indicators autour du phone */
    .hero-float{position:absolute;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-size:11px;font-weight:700;backdrop-filter:blur(16px);border:1px solid;z-index:15;pointer-events:none;white-space:nowrap;box-shadow:0 8px 32px rgba(0,0,0,.12);}
    .hero-float i{font-size:12px;}
    .hf-1{top:15%;right:-30%;background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.25);color:#16A34A;animation:hfFloat1 6s ease-in-out infinite;}
    .hf-2{bottom:30%;left:-35%;background:rgba(26,107,255,.1);border-color:rgba(26,107,255,.2);color:var(--blue);animation:hfFloat2 7s ease-in-out infinite;}
    .hf-3{top:55%;right:-25%;background:rgba(255,91,46,.1);border-color:rgba(255,91,46,.2);color:var(--orange);animation:hfFloat3 5.5s ease-in-out infinite;}
    @keyframes hfFloat1{0%,100%{transform:translateY(0) translateX(0);}50%{transform:translateY(-12px) translateX(6px);}}
    @keyframes hfFloat2{0%,100%{transform:translateY(0) translateX(0);}50%{transform:translateY(10px) translateX(-8px);}}
    @keyframes hfFloat3{0%,100%{transform:translateY(0) translateX(0);}50%{transform:translateY(-8px) translateX(10px);}}
    @media(max-width:768px){.hero-float{display:none;}}

    /* ═══ SECTION HEADERS ═══ */
    .s-pre{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;}
    .s-title{font-size:clamp(26px,3.8vw,44px);font-weight:900;line-height:1.08;letter-spacing:-.04em;color:var(--t1);margin-bottom:14px;}
    .s-desc{font-size:clamp(13px,1.4vw,15px);color:var(--t2);line-height:1.72;max-width:500px;}
    .s-head{text-align:center;margin-bottom:52px;}.s-head .s-desc{margin:0 auto;}

    /* ═══ ARTISANS DIAGRAM ═══ */
    .sectors{padding:90px 0 70px;position:relative;background:linear-gradient(135deg,#E8F0FF 0%,#E8FFE8 40%,#E8F8FF 100%);}
    .sectors::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;}
    .diagram{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:20px;max-width:700px;margin:0 auto;position:relative;}
    .dia-hub{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;}
    .dia-core{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#25D366,var(--blue));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 50px rgba(37,211,102,.4),0 0 100px rgba(37,211,102,.12),0 8px 32px rgba(37,211,102,.25);animation:corePulse 4s ease-in-out infinite;position:relative;}
    .dia-core::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(37,211,102,.2);animation:coreRing 4s ease-in-out infinite;}
    .dia-core::after{content:'';position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(26,107,255,.08);animation:coreRing 4s ease-in-out infinite .5s;}
    @keyframes coreRing{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.08);opacity:1;}}
    @keyframes corePulse{0%,100%{box-shadow:0 0 50px rgba(37,211,102,.4),0 0 100px rgba(37,211,102,.12);}50%{box-shadow:0 0 70px rgba(37,211,102,.55),0 0 140px rgba(37,211,102,.2);}}
    .dia-core-name{font-size:18px;font-weight:900;color:#fff;letter-spacing:-.5px;text-shadow:0 1px 4px rgba(0,0,0,.2);}
    .dia-core-sub{font-size:8px;color:rgba(255,255,255,.7);font-weight:600;margin-top:2px;letter-spacing:.05em;text-transform:uppercase;}
    .dia-node{display:flex;align-items:center;justify-content:center;}
    .dia-card{border-radius:16px;padding:16px 14px;width:100%;text-align:center;backdrop-filter:blur(12px);border:1.5px solid;transition:all .3s;cursor:default;box-shadow:0 4px 16px rgba(0,0,0,.04);}
    .dia-card:hover{transform:scale(1.06);box-shadow:0 8px 24px rgba(0,0,0,.08);}
    .dia-ico{font-size:24px;margin-bottom:6px;display:block;}
    .dia-name{font-size:13px;font-weight:800;letter-spacing:-.02em;}
    .dia-sub{font-size:10px;margin-top:3px;opacity:.6;}
    .dn-bl .dia-card{background:rgba(26,107,255,.1);border-color:rgba(26,107,255,.25);}.dn-bl .dia-name{color:var(--blue);}
    .dn-or .dia-card{background:rgba(255,91,46,.1);border-color:rgba(255,91,46,.25);}.dn-or .dia-name{color:var(--orange);}
    .dn-gr .dia-card{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.25);}.dn-gr .dia-name{color:#16A34A;}
    .dn-vi .dia-card{background:rgba(124,58,255,.1);border-color:rgba(124,58,255,.25);}.dn-vi .dia-name{color:var(--violet);}
    .dn-pk .dia-card{background:rgba(244,63,140,.1);border-color:rgba(244,63,140,.25);}.dn-pk .dia-name{color:var(--pink);}

    /* ═══ PROCESS ═══ */
    /* ═══ PROCESS TIMELINE ═══ */
    .how{padding:100px 0 80px;position:relative;background:linear-gradient(180deg,#fff 0%,#F0FFF4 30%,#E8FFE8 50%,#F0FFF4 70%,#fff 100%);overflow:hidden;}
    .how-timeline{position:relative;max-width:640px;margin:0 auto;padding:20px 0 0;}
    .how-timeline::before{content:'';position:absolute;top:0;bottom:0;left:36px;width:3px;background:linear-gradient(180deg,#25D366 0%,var(--blue) 50%,var(--violet) 100%);border-radius:4px;opacity:.25;}
    .how-timeline::after{content:'';position:absolute;top:0;left:36px;width:3px;height:0;background:linear-gradient(180deg,#25D366 0%,var(--blue) 50%,var(--violet) 100%);border-radius:4px;transition:height 1.8s cubic-bezier(.22,1,.36,1);}
    .how-timeline.tl-active::after{height:100%;}

    .tl-step{display:flex;gap:28px;align-items:flex-start;position:relative;padding-bottom:48px;opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease;}
    .tl-step:last-child{padding-bottom:0;}
    .tl-step.tl-visible{opacity:1;transform:translateY(0);}
    .tl-step:nth-child(2){transition-delay:.15s;}
    .tl-step:nth-child(3){transition-delay:.3s;}

    .tl-marker{flex-shrink:0;width:75px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:2;}
    .tl-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;}
    .tl-step:hover .tl-icon{transform:scale(1.12) rotate(-3deg);}
    .tl-icon.ti-green{background:linear-gradient(135deg,#D6FFE8,#A0E8B8);color:#16A34A;border:2px solid rgba(37,211,102,.3);box-shadow:0 4px 16px rgba(37,211,102,.2);}
    .tl-icon.ti-blue{background:linear-gradient(135deg,#D6E4FF,#B0CCFF);color:var(--blue);border:2px solid rgba(26,107,255,.3);box-shadow:0 4px 16px rgba(26,107,255,.15);}
    .tl-icon.ti-violet{background:linear-gradient(135deg,#E8DCFF,#D0B8FF);color:var(--violet);border:2px solid rgba(124,58,255,.3);box-shadow:0 4px 16px rgba(124,58,255,.15);}
    .tl-num{font-size:11px;font-weight:800;color:var(--t3);letter-spacing:.06em;}

    .tl-content{flex:1;padding-top:4px;}
    .tl-content h3{font-size:19px;font-weight:800;color:var(--t1);letter-spacing:-.02em;margin-bottom:6px;line-height:1.3;}
    .tl-content>p{font-size:14px;color:var(--t2);line-height:1.7;margin-bottom:14px;}

    /* Mini conversation bubbles inside steps */
    .tl-chat{display:flex;flex-direction:column;gap:8px;}
    .tl-bubble{padding:10px 14px;border-radius:14px;font-size:12.5px;line-height:1.55;max-width:88%;position:relative;opacity:0;transform:translateX(-12px);transition:opacity .4s ease,transform .4s ease;}
    .tl-visible .tl-bubble{opacity:1;transform:translateX(0);}
    .tl-visible .tl-bubble:nth-child(1){transition-delay:.3s;}
    .tl-visible .tl-bubble:nth-child(2){transition-delay:.5s;}
    .tl-visible .tl-bubble:nth-child(3){transition-delay:.7s;}
    .tl-visible .tl-bubble:nth-child(4){transition-delay:.9s;}
    .tl-bubble.bub-you{background:#DCF8C6;color:#1A3A0A;border-bottom-left-radius:4px;align-self:flex-start;}
    .tl-bubble.bub-ai{background:#fff;color:var(--t1);border:1px solid rgba(0,0,0,.06);border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 2px 8px rgba(0,0,0,.04);}
    .tl-bubble .bub-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;display:block;}
    .tl-bubble.bub-you .bub-tag{color:#16A34A;}
    .tl-bubble.bub-ai .bub-tag{color:var(--blue);}

    /* Result chips for step 3 */
    .tl-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
    .tl-chip{padding:6px 14px;border-radius:980px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;opacity:0;transform:scale(.85);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);}
    .tl-visible .tl-chip{opacity:1;transform:scale(1);}
    .tl-visible .tl-chip:nth-child(1){transition-delay:.4s;}
    .tl-visible .tl-chip:nth-child(2){transition-delay:.55s;}
    .tl-visible .tl-chip:nth-child(3){transition-delay:.7s;}
    .tl-visible .tl-chip:nth-child(4){transition-delay:.85s;}
    .tl-chip.tc-green{background:rgba(37,211,102,.12);color:#16A34A;}
    .tl-chip.tc-blue{background:rgba(26,107,255,.12);color:var(--blue);}
    .tl-chip.tc-violet{background:rgba(124,58,255,.12);color:var(--violet);}
    .tl-chip.tc-orange{background:rgba(255,91,46,.12);color:var(--orange);}

    /* Pulse on step 3 icon */
    @keyframes tlPulse{0%,100%{box-shadow:0 4px 16px rgba(124,58,255,.15);}50%{box-shadow:0 4px 24px rgba(124,58,255,.35),0 0 0 8px rgba(124,58,255,.06);}}
    .tl-visible:last-child .tl-icon{animation:tlPulse 2.5s ease-in-out infinite 1.2s;}

    /* ═══ FEATURES DARK TIMELINE ═══ */
    .features{padding:90px 0 70px;position:relative;overflow:visible;background:linear-gradient(180deg,#1A1F3A 0%,#1E2445 30%,#1A1F3A 70%,#161B30 100%);}
    .features::before{content:'';position:absolute;top:10%;left:-10%;width:40%;height:60%;background:radial-gradient(ellipse,rgba(37,211,102,.05),transparent 70%);pointer-events:none;}
    .features::after{content:'';position:absolute;bottom:10%;right:-10%;width:40%;height:50%;background:radial-gradient(ellipse,rgba(26,107,255,.04),transparent 70%);pointer-events:none;}
    .feat-grid-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.08;}
    .feat-grid-bg::before{content:'';position:absolute;inset:-50%;background-image:linear-gradient(rgba(37,211,102,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,255,.3) 1px,transparent 1px);background-size:80px 80px;animation:featGridMove 40s linear infinite;}
    @keyframes featGridMove{0%{transform:translate(0,0);}100%{transform:translate(80px,80px);}}
    .features .wrap{z-index:10;position:relative;}
    .feat-head{text-align:center;margin-bottom:52px;}
    .feat-head .s-pre{color:var(--green);}
    .feat-head .s-title{color:#fff;}
    .feat-head .s-desc{color:rgba(255,255,255,.55);margin:0 auto;}
    .wave-timeline{position:relative;max-width:900px;margin:0 auto;}
    /* Central glowing line */
    .wt-line{position:absolute;left:32px;top:0;bottom:0;width:3px;z-index:0;background:linear-gradient(180deg,rgba(37,211,102,.5),rgba(26,107,255,.5),rgba(255,91,46,.4),rgba(0,201,106,.5));border-radius:4px;box-shadow:0 0 12px rgba(37,211,102,.2),0 0 24px rgba(26,107,255,.1);}
    .wt-line::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,211,102,.6),rgba(26,107,255,.6),rgba(255,91,46,.5),rgba(0,201,106,.6));border-radius:4px;animation:lineGlow 4s ease-in-out infinite;filter:blur(4px);}
    @keyframes lineGlow{0%,100%{opacity:.4;}50%{opacity:1;}}
    .wt-items{display:flex;flex-direction:column;gap:0;position:relative;z-index:1;}
    .wt-item{display:flex;gap:24px;padding:20px 0;position:relative;align-items:flex-start;transition:all .3s;opacity:1!important;animation:wtFadeIn .6s ease both;}
    .wt-item:nth-child(1){animation-delay:.1s;}.wt-item:nth-child(2){animation-delay:.25s;}.wt-item:nth-child(3){animation-delay:.4s;}.wt-item:nth-child(4){animation-delay:.55s;}
    @keyframes wtFadeIn{from{opacity:0;transform:translateX(-16px);}to{opacity:1;transform:translateX(0);}}
    .wt-item:hover{transform:translateX(8px);}
    .wt-dot{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative;z-index:2;transition:all .4s;}
    .wt-dot::before{content:'';position:absolute;inset:-4px;border-radius:22px;z-index:-1;animation:dotPulse 3s ease-in-out infinite;}
    .wt-dot.g{background:rgba(37,211,102,.15);border:2px solid rgba(37,211,102,.3);box-shadow:0 0 30px rgba(37,211,102,.25);}
    .wt-dot.g::before{background:rgba(37,211,102,.1);animation-delay:0s;}
    .wt-dot.b{background:rgba(26,107,255,.15);border:2px solid rgba(26,107,255,.3);box-shadow:0 0 30px rgba(26,107,255,.25);}
    .wt-dot.b::before{background:rgba(26,107,255,.1);animation-delay:.5s;}
    .wt-dot.o{background:rgba(255,91,46,.12);border:2px solid rgba(255,91,46,.25);box-shadow:0 0 30px rgba(255,91,46,.2);}
    .wt-dot.o::before{background:rgba(255,91,46,.08);animation-delay:1s;}
    .wt-dot.v{background:rgba(0,201,106,.12);border:2px solid rgba(0,201,106,.25);box-shadow:0 0 30px rgba(0,201,106,.2);}
    .wt-dot.v::before{background:rgba(0,201,106,.08);animation-delay:1.5s;}
    @keyframes dotPulse{0%,100%{transform:scale(1);opacity:.4;}50%{transform:scale(1.25);opacity:.8;}}
    .wt-item:hover .wt-dot{transform:scale(1.1);box-shadow:0 0 40px currentColor;}
    .wt-body{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px 22px;backdrop-filter:blur(4px);transition:all .3s;}
    .wt-item:hover .wt-body{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.2);}
    .wt-time{font-size:11px;color:rgba(255,255,255,.35);font-weight:700;letter-spacing:.06em;margin-bottom:5px;font-variant-numeric:tabular-nums;}
    .wt-title{font-size:16px;font-weight:800;color:rgba(255,255,255,.95);margin-bottom:5px;letter-spacing:-.02em;}
    .wt-desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.65;}
    .wt-badge-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
    .wt-badge{padding:4px 10px;border-radius:980px;font-size:10px;font-weight:700;backdrop-filter:blur(4px);}
    .wb-g{background:rgba(37,211,102,.15);color:#33D888;border:1px solid rgba(37,211,102,.2);}.wb-b{background:rgba(26,107,255,.15);color:#60A5FA;border:1px solid rgba(26,107,255,.2);}.wb-o{background:rgba(255,91,46,.12);color:#FF8055;border:1px solid rgba(255,91,46,.15);}.wb-v{background:rgba(124,58,255,.12);color:#A78BFA;border:1px solid rgba(124,58,255,.15);}
    /* Moon visual */
    .feat-moon{position:absolute;top:40px;right:60px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF8DC,#F5DEB3);box-shadow:0 0 40px rgba(255,248,220,.2),0 0 80px rgba(255,248,220,.1);z-index:1;animation:moonFloat 8s ease-in-out infinite;}
    .feat-moon::before{content:'';position:absolute;top:8px;right:5px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.06);}
    .feat-moon::after{content:'';position:absolute;bottom:15px;left:12px;width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.04);}
    @keyframes moonFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
    .feat-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}
    .fs-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px 28px;position:relative;overflow:hidden;transition:all .3s;backdrop-filter:blur(4px);opacity:1!important;animation:wtFadeIn .5s ease both;}
    .fs-card:nth-child(1){animation-delay:.15s;}.fs-card:nth-child(2){animation-delay:.3s;}.fs-card:nth-child(3){animation-delay:.45s;}
    .fs-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
    .fs-g::before{background:linear-gradient(90deg,#25D366,var(--blue));}.fs-b::before{background:linear-gradient(90deg,var(--blue),var(--violet));}.fs-o::before{background:linear-gradient(90deg,var(--orange),var(--pink));}
    .fs-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2);}
    .fs-num{font-size:38px;font-weight:900;letter-spacing:-.06em;line-height:1;margin-bottom:6px;}
    .fs-g .fs-num{color:var(--green-l);text-shadow:0 0 20px rgba(37,211,102,.3);}.fs-b .fs-num{color:var(--blue-l);text-shadow:0 0 20px rgba(26,107,255,.25);}.fs-o .fs-num{color:var(--orange-l);text-shadow:0 0 20px rgba(255,91,46,.25);}
    .fs-label{font-size:12px;color:rgba(255,255,255,.5);line-height:1.5;}
    .fs-glow{position:absolute;bottom:-16px;right:-8px;width:80px;height:80px;border-radius:50%;filter:blur(30px);pointer-events:none;}
    .fs-g .fs-glow{background:rgba(37,211,102,.15);}.fs-b .fs-glow{background:rgba(26,107,255,.15);}.fs-o .fs-glow{background:rgba(255,91,46,.12);}

    /* ═══ DEMO — animated messages ═══ */
    .demo{padding:100px 0 80px;background:linear-gradient(180deg,#fff 0%,#F0F4FF 30%,#E8EEFF 50%,#F0F4FF 70%,#fff 100%);position:relative;overflow:hidden;}
    .demo::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(26,107,255,.06),transparent 70%);pointer-events:none;}
    .demo-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:44px;flex-wrap:wrap;}
    .dtab{padding:10px 22px;border-radius:980px;border:1.5px solid var(--border);font-size:13px;font-weight:600;color:var(--t2);cursor:pointer;transition:all .25s;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(0,0,0,.04);}
    .dtab:hover{border-color:rgba(37,211,102,.3);color:var(--t1);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.08);}
    .dtab.on{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border-color:#25D366;box-shadow:0 6px 20px rgba(37,211,102,.35);transform:translateY(-2px);}
    .demo-scr{display:none;align-items:stretch;gap:0;justify-content:center;max-width:860px;margin:0 auto;background:rgba(255,255,255,.7);border-radius:28px;border:1.5px solid rgba(0,0,0,.06);box-shadow:0 20px 60px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.8) inset;backdrop-filter:blur(12px);overflow:hidden;}
    .demo-scr.on{display:flex;opacity:1!important;animation:demoFadeIn .7s ease both;}
    @keyframes demoFadeIn{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
    .demo-phone-col{flex:0 0 280px;padding:32px 28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(37,211,102,.04),rgba(26,107,255,.04));position:relative;}
    .demo-phone-col::after{content:'';position:absolute;top:10%;right:0;width:1px;height:80%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.08),transparent);}
    .demo-phone-col .iphone{box-shadow:0 24px 48px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.1);}
    .demo-info-col{flex:1;padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:20px;}
    .demo-info-col h3{font-size:20px;font-weight:800;color:var(--t1);letter-spacing:-.03em;line-height:1.3;}
    .demo-info-col>p{font-size:14px;color:var(--t2);line-height:1.7;}
    .demo-steps{display:flex;flex-direction:column;gap:12px;margin-top:4px;}
    .demo-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.04);transition:all .3s;opacity:1!important;animation:stepSlideIn .5s ease both;}
    .demo-step:nth-child(1){animation-delay:.1s;}.demo-step:nth-child(2){animation-delay:.2s;}.demo-step:nth-child(3){animation-delay:.3s;}.demo-step:nth-child(4){animation-delay:.4s;}
    @keyframes stepSlideIn{from{opacity:0;transform:translateX(16px);}to{opacity:1;transform:translateX(0);}}
    .demo-step:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateX(4px);}
    .demo-step-num{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;}
    .demo-step-num.s1{background:linear-gradient(135deg,#25D366,#128C7E);}
    .demo-step-num.s2{background:linear-gradient(135deg,var(--blue),var(--violet));}
    .demo-step-num.s3{background:linear-gradient(135deg,var(--orange),var(--pink));}
    .demo-step-num.s4{background:linear-gradient(135deg,var(--green),var(--wa-dark));}
    .demo-step-text{font-size:13px;color:var(--t2);line-height:1.5;}
    .demo-step-text strong{color:var(--t1);font-weight:600;}
    .demo-db-note{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,rgba(26,107,255,.06),rgba(124,58,255,.06));border:1px solid rgba(26,107,255,.12);font-size:11px;font-weight:600;color:var(--blue);margin-top:8px;opacity:1!important;animation:stepSlideIn .5s ease .5s both;}
    .demo-db-note i{font-size:13px;color:var(--violet);}
    .demo-info-col h3,.demo-info-col>p{opacity:1!important;}
    .demo-platform{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:980px;font-size:11px;font-weight:700;background:rgba(37,211,102,.1);color:#16A34A;width:fit-content;}
    /* Animated messages */
    .wa-body .msg-anim{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;}
    .wa-body .msg-anim.visible{opacity:1;transform:translateY(0);}
    /* Typing indicator */
    .typing-indicator{display:none;align-self:flex-start;background:#202c33;border-radius:8px;border-top-left-radius:2px;padding:8px 14px;gap:4px;align-items:center;}
    .typing-indicator.show{display:flex;}
    .typing-dot{width:5px;height:5px;border-radius:50%;background:#8696a0;animation:typingBounce 1.2s ease-in-out infinite;}
    .typing-dot:nth-child(2){animation-delay:.2s;}
    .typing-dot:nth-child(3){animation-delay:.4s;}
    @keyframes typingBounce{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-4px);}}

    /* ═══ BEFORE / AFTER — NARRATIVE TIMELINE ═══ */
    .before-after-sec{padding:100px 0 80px;background:linear-gradient(180deg,#0D0F1A 0%,#131630 50%,#0D0F1A 100%);position:relative;overflow:hidden;}
    .before-after-sec::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(255,91,46,.06),transparent 60%);pointer-events:none;}
    .before-after-sec .s-pre{color:var(--orange);}.before-after-sec .s-title{color:#fff;}.before-after-sec .s-desc{color:rgba(255,255,255,.45);}
    .ba-header{display:flex;justify-content:center;gap:40px;margin-bottom:40px;}
    .ba-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.02em;}
    .ba-label.bad-l{color:#EF4444;}.ba-label.good-l{color:#25D366;}
    .ba-label-dot{width:10px;height:10px;border-radius:50%;}
    .ba-label.bad-l .ba-label-dot{background:#EF4444;box-shadow:0 0 12px rgba(239,68,68,.5);}
    .ba-label.good-l .ba-label-dot{background:#25D366;box-shadow:0 0 12px rgba(37,211,102,.5);}
    .ba-timeline{max-width:820px;margin:0 auto;position:relative;}
    .ba-timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));transform:translateX(-50%);z-index:0;}
    .ba-row{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:0;margin-bottom:16px;position:relative;}
    .ba-time{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;}
    .ba-time-badge{padding:5px 12px;border-radius:980px;font-size:11px;font-weight:800;color:rgba(255,255,255,.7);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px);white-space:nowrap;}
    .ba-cell{padding:12px 16px;border-radius:14px;font-size:13px;line-height:1.55;transition:all .3s;position:relative;}
    .ba-cell:hover{transform:scale(1.03);}
    .ba-cell.bad-c{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:rgba(255,255,255,.55);text-align:right;}
    .ba-cell.bad-c:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);}
    .ba-cell.good-c{background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.15);color:rgba(255,255,255,.85);}
    .ba-cell.good-c:hover{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.25);}
    .ba-cell-ico{font-size:15px;margin-bottom:4px;display:block;}
    .ba-cell strong{font-weight:700;}
    .ba-cell.bad-c strong{color:#EF4444;}.ba-cell.good-c strong{color:#25D366;}
    @media(max-width:768px){.ba-row{grid-template-columns:1fr;gap:8px;}.ba-time{order:-1;}.ba-cell.bad-c{text-align:left;}.ba-header{gap:20px;}}

    /* ═══ FORM ═══ */
    .cta-sec{padding:90px 0;background:linear-gradient(180deg,#fff,#EEFFF3 50%,#fff);}
    .cta-inner{max-width:620px;margin:0 auto;text-align:center;}
    .cta-inner .s-desc{max-width:460px;margin:0 auto;}
    .form-card{background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:22px;padding:40px 36px;box-shadow:0 20px 60px rgba(0,0,0,.08);margin-top:40px;position:relative;overflow:hidden;}
    .form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#25D366,var(--blue),var(--violet));opacity:.6;}
    .f-ttl{font-size:17px;font-weight:800;color:var(--t1);margin-bottom:4px;}
    .f-sub{font-size:11px;color:var(--t3);margin-bottom:24px;}
    .fg{margin-bottom:12px;text-align:left;}
    .fg label{display:block;font-size:10px;font-weight:700;color:var(--t3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.07em;}
    .fg input,.fg select,.fg textarea{width:100%;padding:11px 13px;background:#FAFBFF;border:1.5px solid var(--border);border-radius:10px;color:var(--t1);font-size:13px;font-family:inherit;outline:none;transition:all .25s;}
    .fg textarea{min-height:80px;resize:vertical;}
    .fg input::placeholder,.fg textarea::placeholder{color:var(--t3);}
    .fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#25D366;background:rgba(37,211,102,.03);box-shadow:0 0 0 3px rgba(37,211,102,.1);}
    .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
    .f-btn{width:100%;padding:13px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;transition:all .25s;font-family:inherit;box-shadow:0 8px 28px rgba(37,211,102,.3);position:relative;overflow:hidden;}
    .f-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);pointer-events:none;}
    .f-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(37,211,102,.45);}
    .social-signal{padding:40px 0;background:#fff;}
    .signal-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
    .signal-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:980px;background:rgba(37,211,102,.06);border:1px solid rgba(37,211,102,.15);font-size:13px;font-weight:600;color:#16A34A;}
    .signal-chip i{font-size:14px;}
    .f-price-hint{font-size:12px;font-weight:600;color:var(--wa);margin-top:14px;text-align:center;letter-spacing:-.01em;}
    .f-priv{font-size:9px;color:var(--t3);margin-top:6px;text-align:center;}
    .divider{display:flex;align-items:center;gap:10px;margin:20px 0;}.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}.divider span{font-size:10px;color:var(--t3);}
    .contact-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;}
    .c-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:980px;font-size:11px;font-weight:600;text-decoration:none;transition:all .25s;border:1.5px solid;}
    .c-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06);}
    .c-wa{background:rgba(37,211,102,.06);border-color:rgba(37,211,102,.3);color:#16A34A;}.c-em{background:rgba(255,91,46,.06);border-color:rgba(255,91,46,.3);color:var(--orange);}
    .success-msg{display:none;text-align:center;padding:36px 18px;}
    .suc-ico{font-size:48px;margin-bottom:12px;}.success-msg h3{font-size:18px;font-weight:800;color:var(--t1);margin-bottom:6px;}.success-msg p{font-size:12px;color:var(--t2);}

    /* ═══ FAQ ═══ */
    .faq{padding:100px 0 80px;background:linear-gradient(180deg,#fff,#F0FFF4 40%,#E8FFE8 60%,#fff);position:relative;}
    .faq::before{content:'';position:absolute;top:20%;right:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(37,211,102,.06),transparent 70%);pointer-events:none;}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:860px;margin:0 auto;}
    .faq-item{padding:20px 22px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border:1.5px solid rgba(0,0,0,.06);border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,.03);opacity:1!important;animation:faqFadeIn .5s ease both;}
    .faq-item:nth-child(1){animation-delay:.05s;}.faq-item:nth-child(2){animation-delay:.1s;}.faq-item:nth-child(3){animation-delay:.15s;}.faq-item:nth-child(4){animation-delay:.2s;}.faq-item:nth-child(5){animation-delay:.25s;}.faq-item:nth-child(6){animation-delay:.3s;}.faq-item:nth-child(7){animation-delay:.35s;}.faq-item:nth-child(8){animation-delay:.4s;}
    @keyframes faqFadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
    .faq-item:hover{border-color:rgba(37,211,102,.25);box-shadow:0 6px 24px rgba(37,211,102,.08);transform:translateY(-2px);}
    .faq-q{font-size:14px;font-weight:700;color:#09090F;display:flex;justify-content:space-between;align-items:center;gap:10px;}
    .faq-tog{width:28px;height:28px;border-radius:8px;background:rgba(37,211,102,.08);color:#16A34A;font-size:12px;flex-shrink:0;transition:all .3s;display:flex;align-items:center;justify-content:center;}
    .faq-a{font-size:13px;color:#3F3F5A;line-height:1.75;max-height:0;overflow:hidden;transition:max-height .4s ease,margin .3s ease,padding .3s ease;padding-top:0;margin-top:0;}
    .faq-item.open .faq-a{max-height:300px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);}
    .faq-item.open .faq-tog{transform:rotate(45deg);background:rgba(37,211,102,.2);}
    .faq-item.open{border-color:#25D366;box-shadow:0 8px 28px rgba(37,211,102,.12);background:#fff;}

    /* ═══ FOOTER ═══ */
    footer{padding:40px 0 24px;background:linear-gradient(180deg,#0D0D14,var(--t1));}
    .foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
    .foot-logo{font-size:20px;font-weight:900;color:#fff;}.foot-logo em{font-style:normal;color:var(--green-l);}
    .foot-sub{font-size:11px;color:rgba(255,255,255,.35);margin-top:4px;}
    .foot-links{display:flex;gap:22px;}.foot-links a{font-size:11px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;}.foot-links a:hover{color:rgba(255,255,255,.85);}
    .foot-copy{font-size:9px;color:rgba(255,255,255,.12);}
    .floaters{position:fixed;bottom:22px;right:22px;z-index:999;display:flex;flex-direction:column;gap:9px;}
    .fl{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;text-decoration:none;transition:transform .25s;box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.1);}
    .fl-wa{background:#25D366;color:#fff;animation:flt 3.5s ease-in-out infinite;}
    .fl-em{background:linear-gradient(135deg,var(--blue),#4F8FFF);color:#fff;animation:flt 3.5s .6s ease-in-out infinite;}
    @keyframes flt{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
    .fl:hover{animation:none!important;transform:scale(1.14);}

    /* ═══ RESPONSIVE ═══ */
    @media(max-width:1024px){
      .ba-grid{grid-template-columns:1fr;}
      .feat-stats-row{grid-template-columns:1fr 1fr!important;}
      .demo-scr.on{flex-direction:column;align-items:center;gap:28px;}
      .demo-info{max-width:100%;text-align:center;}
    }
    @media(max-width:768px){
      nav{padding:12px 18px;}
      .nav-links .nav-link{display:none;}
      .wrap{padding:0 18px;}
      .hero{padding:100px 18px 40px;min-height:auto;}
      .hero-h1{font-size:clamp(28px,7vw,48px);}
      .hero-sub{font-size:clamp(13px,3.2vw,15px);}
      .hero-stats{gap:16px;}.sdiv{display:none;}
      .hero-visual .iphone{width:180px!important;height:340px!important;}
      .hero-visual .iphone .iphone-island{width:60px;height:18px;top:8px;}
      .diagram{grid-template-columns:1fr 1fr;gap:12px;}
      .dia-hub{grid-column:1/3;}.dia-core{width:90px;height:90px;}.dia-core-name{font-size:15px;}
      .how-timeline::before,.how-timeline::after{left:24px;}
      .tl-marker{width:52px;}.tl-icon{width:44px;height:44px;font-size:18px;border-radius:12px;}
      .tl-step{gap:16px;padding-bottom:36px;}.tl-content h3{font-size:17px;}.tl-bubble{font-size:12px;max-width:95%;}
      .wt-dot{width:48px;height:48px;font-size:18px;border-radius:14px;}
      .wt-line{left:23px;}
      .wt-body{padding:14px 16px;}
      .wt-title{font-size:14px;}
      .feat-moon{width:50px;height:50px;top:20px;right:20px;}
      .feat-stats-row{grid-template-columns:1fr!important;}
      .demo-scr.on{flex-direction:column;align-items:center;border-radius:20px;}
      .demo-phone-col{flex:0 0 auto;padding:24px 20px;}
      .demo-phone-col::after{display:none;}
      .demo-phone-col .iphone{width:200px!important;height:380px!important;}
      .demo-info-col{padding:24px 20px;}
      .demo-info-col h3{font-size:17px;}
      .ba-row{grid-template-columns:1fr;gap:6px;}.ba-time{order:-1;}.ba-cell.bad-c{text-align:left;}
      .faq-grid{grid-template-columns:1fr;}
      .form-card{padding:24px 16px;}
      .foot-row{flex-direction:column;text-align:center;gap:12px;}
      .foot-links{justify-content:center;}
      .floaters{bottom:14px;right:14px;}.fl{width:38px;height:38px;font-size:15px;}
      .orb{display:none;}
    }
    @media(max-width:520px){
      .hero-cta{flex-direction:column;align-items:center;width:100%;}
      .btn-p,.btn-g{width:100%;max-width:280px;justify-content:center;}
      .diagram{grid-template-columns:1fr;}.dia-hub{grid-column:1;}.dia-core{width:100px;height:100px;}
      .fg-row{grid-template-columns:1fr;}
      .contact-row{flex-direction:column;align-items:center;}
      .hero-visual .iphone{width:160px!important;height:300px!important;}
      .s-title{font-size:clamp(22px,6vw,32px);}
    }
    .iphone{max-width:100%;height:auto;aspect-ratio:auto;}
    section{overflow-x:hidden;}
  

/* ═══ EXTENSION multi-pages (tokens du site d'origine) ═══ */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1000px;margin:0 auto}
.door{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--bord2);border-radius:22px;padding:42px 38px;text-decoration:none;color:var(--t1);overflow:hidden;transition:transform .28s,box-shadow .28s,border-color .28s}
.door::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--violet))}
.door.d-wa::before{background:linear-gradient(90deg,var(--wa),var(--green))}
.door:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(26,107,255,.14);border-color:var(--blue-xl)}
.door.d-wa:hover{box-shadow:0 24px 60px rgba(37,211,102,.16);border-color:var(--green-l)}
.door-ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));margin-bottom:22px}
.door.d-wa .door-ico{background:linear-gradient(135deg,var(--wa),var(--green))}
.door h3{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.door .d-who{font-size:13px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.door p{font-size:15.5px;color:var(--t2);line-height:1.7;margin-bottom:20px}
.door ul{list-style:none;margin:0 0 26px;padding:0}
.door li{font-size:14.5px;color:var(--t2);padding-left:22px;position:relative;margin-bottom:9px}
.door li::before{content:'\2713';position:absolute;left:0;color:var(--blue);font-weight:700}
.door.d-wa li::before{color:var(--wa-dark)}
.door .d-go{margin-top:auto;font-weight:600;font-size:15px;color:var(--blue);display:inline-flex;gap:8px;align-items:center;transition:gap .2s}
.door.d-wa .d-go{color:var(--wa-dark)}
.door:hover .d-go{gap:14px}
@media(max-width:860px){.doors{grid-template-columns:1fr}}

.legal-body{max-width:72ch;margin:0 auto}
.legal-body h2{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.01em;margin:42px 0 12px;color:var(--t1)}
.legal-body p{font-size:15.5px;color:var(--t2);line-height:1.8;margin-bottom:13px}
.legal-body strong{color:var(--t1)}
.todo{color:var(--orange);border-bottom:1px dotted var(--orange)}

.page-hero{padding:170px 0 70px;text-align:center;position:relative}
.page-hero .hero-badge{margin:0 auto 22px}
.page-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5.6vw,64px);line-height:1.07;letter-spacing:-.03em;font-weight:700;max-width:820px;margin:0 auto}
.page-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero .hero-sub{margin:22px auto 34px}

.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto}
@media(max-width:760px){.contact-cards{grid-template-columns:1fr}}

/* ═══ Ajustements sections sombres (multi-pages) ═══ */
.features .s-title,.before-after-sec .s-title{color:#fff}
.features .s-desc,.before-after-sec .s-desc{color:rgba(255,255,255,.55)}
.features .s-head p.s-pre,.before-after-sec .s-head p.s-pre{color:var(--green-l)}

/* ═══ CORRECTIFS — 19/08 soir (mobile, FAQ, extrait de devis) ═══ */
html,body{overflow-x:hidden;max-width:100%}
section,.wave-sep{overflow-x:clip}
.faq-grid{display:block;max-width:720px;margin:0 auto}
.faq-item{margin-bottom:12px}
.faq-item.open .faq-a{max-height:520px}
.faq-item:hover{transform:none}
.devis-mock{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--bord2);border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(13,15,26,.10)}
.dm-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 26px;background:#0D0F1A;color:#fff;flex-wrap:wrap}
.dm-brand{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;letter-spacing:.14em}
.dm-ref{font-size:12px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.55)}
.dm-meta{display:flex;gap:10px;flex-wrap:wrap;padding:16px 26px;border-bottom:1px solid var(--bord2);background:#FAFBFC}
.dm-meta span{font-size:12px;font-weight:600;color:var(--t3);background:#fff;border:1px solid var(--bord2);border-radius:980px;padding:5px 12px}
.dm-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.dm-tbl td{padding:13px 16px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.05)}
.dm-tbl td:first-child{padding-left:26px}.dm-tbl td:last-child{padding-right:26px}
.dm-lot td{background:rgba(26,107,255,.05);font-size:11.5px;font-weight:800;letter-spacing:.09em;color:var(--blue);text-transform:uppercase}
.dm-des strong{display:block;font-size:14px;color:var(--t1);margin-bottom:4px}
.dm-des span{display:block;font-size:12.5px;color:var(--t3);line-height:1.6}
.dm-q,.dm-pu,.dm-tot{white-space:nowrap;text-align:right;color:var(--t2);font-variant-numeric:tabular-nums}
.dm-tot{font-weight:700;color:var(--t1)}
.dm-sum td{background:#FAFBFC;font-weight:700;color:var(--t1)}
.dm-cut{padding:14px 26px;text-align:center;font-size:12.5px;color:var(--t3);background:repeating-linear-gradient(90deg,var(--bord2) 0 6px,transparent 6px 12px) top/100% 1px no-repeat,#fff}
.dm-foot{padding:16px 26px;font-size:12.5px;color:var(--t3);border-top:1px solid var(--bord2);background:#FAFBFC}
@media(max-width:680px){
  .dm-top{padding:16px 18px}.dm-meta{padding:13px 18px;gap:7px}.dm-meta span{font-size:11.5px;padding:4px 10px}
  .dm-brand{font-size:15px}.dm-ref{font-size:11px}
  .dm-tbl,.dm-tbl tbody,.dm-tbl tr,.dm-tbl td{display:block;width:auto}
  .dm-tbl tr{border-bottom:1px solid rgba(0,0,0,.05)}
  .dm-tbl td{border:0;padding:0 18px}
  .dm-des{padding-top:14px!important}
  .dm-tbl .dm-q,.dm-tbl .dm-pu{display:none}
  .dm-tot{text-align:right;padding:8px 18px 14px!important;font-size:15px}
  .dm-lot td{padding:11px 18px!important}
  .dm-tbl .dm-sum{display:flex;justify-content:space-between;align-items:center;background:#FAFBFC}
  .dm-sum td{padding:12px 18px!important}
  .dm-sum .dm-tot{padding:12px 18px!important}
  .dm-cut,.dm-foot{padding:14px 18px}
}
.honest-note{max-width:760px;margin:0 auto;padding:20px 24px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid var(--bord2);border-left:4px solid var(--orange);font-size:15px;color:var(--t2);line-height:1.75}
.honest-note strong{color:var(--t1)}
@media(max-width:860px){.doors{grid-template-columns:1fr!important}}
@media(max-width:768px){
  .page-hero{padding:116px 0 34px}
  .page-hero h1{font-size:clamp(29px,7.6vw,44px)}
  .ba-header{flex-wrap:wrap;gap:14px;margin-bottom:26px}
  .legal-body h2{margin:30px 0 10px;font-size:19px}
  .honest-note{padding:16px 18px;font-size:14px}
  .devis-mock{border-radius:16px}
}

/* Badge central de la timeline avant/après : ne doit plus chevaucher le texte */
@media(min-width:769px){
  /* on garde les cartes resserrées comme à l'origine : la pastille reste posée
     par-dessus, mais le texte s'arrête avant elle grâce à une marge intérieure */
  .ba-row{grid-template-columns:1fr 60px 1fr;column-gap:0}
  .ba-cell.bad-c{padding-right:56px}
  .ba-cell.good-c{padding-left:56px}
  .ba-time-badge{position:relative;z-index:3}
  .ba-cell:hover{transform:none}
}


/* ═══ TARIFS ═══ */
.pricing{padding:86px 0 96px;background:#fff}
.pricing .s-head{text-align:center;margin-bottom:46px}
.pricing .s-desc{margin-left:auto;margin-right:auto;max-width:640px}

.pr-feat{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto 22px}
.pr-card{background:#fff;border:1px solid var(--bord2);border-radius:20px;padding:32px 28px;transition:transform .25s,box-shadow .25s}
.pr-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(13,15,26,.09)}
.pr-hi{border-color:rgba(26,107,255,.4);box-shadow:0 14px 40px rgba(26,107,255,.10)}
.pr-tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:rgba(26,107,255,.09);padding:6px 13px;border-radius:980px;margin-bottom:18px}
.pr-hi .pr-tag{color:var(--violet);background:rgba(124,58,255,.10)}
.pr-name{font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--t1);margin:0 0 18px}
.pr-name span{display:block;font-size:17px;font-weight:500;color:var(--t3);margin-top:5px}
.pr-amount{font-family:'Space Grotesk','Inter',sans-serif;font-size:46px;font-weight:800;letter-spacing:-.04em;color:var(--t1);line-height:1;margin-bottom:22px}
.pr-amount span{font-size:18px;font-weight:600;color:var(--t3);letter-spacing:0}
.pr-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border);padding-top:20px}
.pr-list li{position:relative;padding-left:24px;font-size:17px;line-height:1.62;color:var(--t2);margin-bottom:12px}
.pr-list li:last-child{margin-bottom:0}
.pr-list li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue))}

.pr-rows{max-width:960px;margin:0 auto;border:1px solid var(--border);border-radius:20px;overflow:hidden}
.pr-row{display:flex;align-items:center;gap:26px;padding:24px 28px;border-bottom:1px solid var(--border);background:#fff;transition:background .2s}
.pr-row:last-child{border-bottom:none}
.pr-row:hover{background:rgba(26,107,255,.025)}
.pr-r-left{flex:1;min-width:0}
.pr-r-name{font-size:19px;font-weight:700;color:var(--t1);letter-spacing:-.01em;margin-bottom:6px}
.pr-r-desc{font-size:16.5px;line-height:1.62;color:var(--t2)}
.pr-r-price{flex-shrink:0;text-align:right;font-family:'Space Grotesk','Inter',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--t1);line-height:1.1}
.pr-r-price span{display:block;font-size:14px;font-weight:600;color:var(--t3);letter-spacing:0;margin-top:4px}

.pr-note{max-width:960px;margin:28px auto 0;padding:22px 26px;border-radius:18px;background:rgba(0,201,106,.06);border:1px solid rgba(0,201,106,.22);font-size:17px;line-height:1.7;color:var(--t2);text-align:center}
.pr-note strong{color:var(--t1);font-weight:700}

@media(max-width:860px){
  .pricing{padding:62px 0 68px}
  .pr-feat{grid-template-columns:1fr;max-width:540px;gap:16px}
  .pr-card{padding:26px 22px}
  .pr-amount{font-size:40px}
  .pr-row{flex-direction:column;align-items:flex-start;gap:12px;padding:22px}
  .pr-r-price{text-align:left;font-size:28px}
  .pr-r-price span{display:inline;margin-left:8px}
  .pr-note{padding:20px;text-align:left}
}

/* ═══ LISIBILITÉ — échelle typographique (02/09, v2) ═══ */
.s-desc{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.72!important}
.hero-sub{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.72!important}
.s-pre{font-size:13.5px!important;letter-spacing:.11em!important}
.door p{font-size:17px!important;line-height:1.65!important}
.door ul li{font-size:16.5px!important;line-height:1.6!important}
.door h3{font-size:24px!important}
.d-who{font-size:14.5px!important}
.wt-title{font-size:20px!important}
.wt-desc{font-size:17px!important;line-height:1.65!important}
.wt-time{font-size:13.5px!important}
.wt-badge{font-size:13px!important;padding:5px 11px!important}
.faq-q{font-size:18.5px!important;line-height:1.42!important}
.faq-a{font-size:17px!important;line-height:1.7!important}
.nav-link{font-size:15px!important}
.nav-cta{font-size:14.5px!important}
.stat-v{font-size:26px!important}
.stat-l{font-size:13.5px!important}
.foot-sub,.foot-copy,.foot-links a{font-size:15px!important}
.btn-p,.btn-g,.c-btn{font-size:16.5px!important}
p,li{text-wrap:pretty}
@media(max-width:640px){
  .s-desc{font-size:17px!important}
  .hero-sub{font-size:18px!important}
  .door p,.wt-desc,.faq-a,.pr-r-desc,.pr-list li,.pr-note{font-size:16.5px!important}
  .faq-q{font-size:17.5px!important}
  .door ul li{font-size:16px!important}
}


/* ═══ PAGES LÉGALES — compléments (07/09/2026) ═══ */
.legal-intro{font-size:15px;color:var(--t3);line-height:1.65;padding-bottom:18px;
  border-bottom:1px solid var(--border);margin-bottom:8px}
.legal-body p{font-size:16px;line-height:1.72;color:var(--t2);margin-bottom:14px}
.legal-body p strong{color:var(--t1);font-weight:600}
.legal-body a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(26,107,255,.3)}
.legal-body a:hover{border-bottom-color:var(--blue)}
.legal-table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:14.5px;
  display:block;overflow-x:auto}
.legal-table th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--t3);padding:0 14px 9px 0;border-bottom:1.5px solid var(--bord2)}
.legal-table td{padding:11px 14px 11px 0;border-bottom:1px solid var(--border);
  color:var(--t2);line-height:1.55;vertical-align:top;min-width:150px}
.legal-table tr:last-child td{border-bottom:0}
.foot-statut{color:rgba(255,255,255,.55)}
.pr-statut{background:#FFF8E6;border-left:4px solid #E8B800;border-radius:0 10px 10px 0;
  padding:15px 20px;margin:0 0 20px;font-size:15.5px;line-height:1.65;color:var(--t2)}
.pr-statut strong{color:var(--t1);font-weight:700}
.no-js-reveal .tl-step,.no-js-reveal .tl-bubble,.no-js-reveal .tl-chip,
.no-js-reveal .msg-anim{opacity:1!important;transform:none!important}