/* ===========================================================================
   NovaIA — Landing SOMBRE (vibe limova/agentova, marque NovaIA)
   Avatars 3D, glows, glassmorphism. Indépendant de site.css.
   =========================================================================== */
:root{
  --bg:#080D1A; --bg-2:#0E1628; --bg-3:#14203A; --carte:#111B30; --carte-2:#16223C;
  --txt:#EAF0FA; --txt-2:#A1B0C8; --txt-3:#6C7C99;
  --bord:rgba(255,255,255,.08); --bord-2:rgba(255,255,255,.14);
  --bleu:#1FA2E0; --cyan:#22D3EE; --indigo:#5B6CF0; --violet:#8B5CF6;
  --teal:#10C9B8; --vert:#22C07E; --orange:#FF7A3D; --orange-2:#FF9B4A; --rose:#F45CA8; --ambre:#F5A623;
  --display:"Bricolage Grotesque",sans-serif; --body:"Inter",sans-serif; --mono:"JetBrains Mono",monospace;
  --r:16px; --r-lg:26px;
  --glow:0 0 0 1px var(--bord), 0 20px 50px -24px rgba(0,0,0,.7);
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
body{font-family:var(--body);color:var(--txt);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"),
    radial-gradient(150% 100% at 50% -25%, #101A30 0%, var(--bg) 58%) fixed;
  background-blend-mode:overlay, normal}
/* halos de couleur */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(50% 40% at 80% -5%, rgba(91,108,240,.20), transparent 60%),
  radial-gradient(45% 35% at 5% 12%, rgba(34,211,238,.11), transparent 60%),
  radial-gradient(55% 45% at 50% 110%, rgba(16,201,184,.07), transparent 60%)}
/* grille fine (nervures structurelles) */
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:62px 62px;background-position:center top;
  -webkit-mask-image:radial-gradient(125% 85% at 50% 0%, #000 28%, transparent 80%);
  mask-image:radial-gradient(125% 85% at 50% 0%, #000 28%, transparent 80%)}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;line-height:1.03;color:#fff}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- avatars 3D ---- */
.ava{border-radius:50%;flex:none;object-fit:cover;background:#0B1424;border:1px solid var(--bord-2)}
.ava.s30{width:30px;height:30px}.ava.s40{width:40px;height:40px}.ava.s48{width:48px;height:48px}
.ava.s56{width:56px;height:56px}.ava.s64{width:64px;height:64px}.ava.s80{width:80px;height:80px}.ava.s96{width:96px;height:96px}
.glow{box-shadow:0 0 0 1px var(--bord-2), 0 10px 30px -8px var(--gc, rgba(31,162,224,.6))}

/* couleurs (glow) par employé */
.g-alex{--gc:rgba(91,108,240,.6)}.g-maxime{--gc:rgba(34,192,126,.6)}.g-julien{--gc:rgba(31,120,224,.6)}
.g-ines{--gc:rgba(16,201,184,.6)}.g-lea{--gc:rgba(255,122,61,.6)}.g-hugo{--gc:rgba(245,166,35,.6)}
.g-thomas{--gc:rgba(132,180,38,.6)}.g-camille{--gc:rgba(31,162,224,.6)}.g-clara{--gc:rgba(244,92,168,.6)}
.g-nadia{--gc:rgba(190,60,170,.6)}.g-sophie{--gc:rgba(34,211,238,.6)}.g-elisa{--gc:rgba(139,92,246,.6)}

/* ---- boutons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15.5px;padding:13px 24px;border-radius:13px;transition:transform .14s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-cta{background:linear-gradient(120deg,var(--orange),var(--orange-2));color:#1a0f06;box-shadow:0 10px 34px -8px rgba(255,122,61,.6)}
.btn-cta:hover{box-shadow:0 14px 42px -8px rgba(255,122,61,.8);transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--bord-2);color:#fff;background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--bord-2)}
.btn-clair{background:#fff;color:#0B1424}.btn-clair:hover{filter:brightness(.95)}
.btn-lg{padding:16px 30px;font-size:17px;border-radius:14px}
.btn-bloc{width:100%}

/* ---- en-tête ---- */
.entete{position:sticky;top:0;z-index:60;transition:background .25s,box-shadow .25s,backdrop-filter .25s}
.entete.scrolled{background:rgba(8,13,26,.72);backdrop-filter:blur(16px) saturate(160%);box-shadow:0 1px 0 var(--bord)}
.entete .wrap{display:flex;align-items:center;gap:26px;height:74px}
.logo{font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-.04em;display:flex;align-items:center;gap:9px;color:#fff}
.logo .spark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--indigo));display:inline-flex;align-items:center;justify-content:center;color:#06101f;font-size:15px;box-shadow:0 8px 22px -6px rgba(34,211,238,.7)}
.entete nav{display:flex;gap:2px;margin-left:6px}
.entete nav a{padding:9px 14px;border-radius:10px;color:var(--txt-2);font-weight:600;font-size:14.5px;transition:.15s}
.entete nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.entete .droite{margin-left:auto;display:flex;align-items:center;gap:12px}
.lien-conn{font-weight:700;font-size:14.5px;padding:9px 14px;color:#fff}
.burger{display:none;font-size:26px;margin-left:auto;color:#fff}

/* ---- bandeau promo ---- */
.promo{background:linear-gradient(90deg,rgba(255,122,61,.18),rgba(139,92,246,.18));border-bottom:1px solid var(--bord);color:#fff;text-align:center;font-size:13.5px;font-weight:600;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
.promo .cd{font-family:var(--mono);font-weight:700;background:rgba(0,0,0,.3);border:1px solid var(--bord);border-radius:8px;padding:3px 10px;letter-spacing:.04em;color:var(--orange-2)}
.promo b{color:#fff}

/* ---- héro ---- */
.hero{position:relative;padding:60px 0 30px;text-align:center}
.kpill{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid var(--bord-2);border-radius:99px;padding:6px 16px 6px 7px;font-size:13px;font-weight:600;color:var(--txt-2);margin-bottom:28px;backdrop-filter:blur(8px)}
.kpill .pt{width:8px;height:8px;border-radius:50%;background:var(--vert);box-shadow:0 0 0 4px rgba(34,192,126,.2),0 0 12px var(--vert)}
.hero h1{font-size:74px;font-weight:800;max-width:960px;margin:0 auto}
.hero h1 .grad{background:linear-gradient(110deg,var(--orange),var(--rose) 38%,var(--violet) 70%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .accroche{font-size:20px;color:var(--txt-2);margin:26px auto 34px;max-width:640px}
.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero .sous{margin-top:18px;font-size:13.5px;color:var(--txt-3);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.hero .sous span{display:inline-flex;align-items:center;gap:7px}.hero .sous .v{color:var(--vert)}

/* strip avatars animé */
.team-strip{display:flex;justify-content:center;gap:14px;margin-top:54px;flex-wrap:wrap;max-width:920px;margin-left:auto;margin-right:auto}
.ts-av{position:relative;animation:flot 6s ease-in-out infinite}
.ts-av img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12)}
.ts-av .nm{position:absolute;left:50%;transform:translateX(-50%);bottom:-22px;font-size:11px;font-weight:700;color:var(--txt-2);white-space:nowrap;opacity:0;transition:opacity .2s}
.ts-av:hover .nm{opacity:1}
.ts-av:hover img{box-shadow:0 0 0 2px var(--cyan),0 12px 30px -6px var(--gc,rgba(34,211,238,.7))}
.ts-av:nth-child(2n){animation-delay:-2s}.ts-av:nth-child(3n){animation-delay:-4s}.ts-av:nth-child(4n){animation-delay:-1s}.ts-av:nth-child(5n){animation-delay:-3s}
@keyframes flot{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* preuve */
.preuve-rang{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:54px;color:var(--txt-3);font-size:14px}
.preuve-rang .note{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff}
.preuve-rang .etoiles{color:var(--ambre);letter-spacing:2px}
.preuve-rang b{color:#fff}

/* ---- sections ---- */
section.bloc{padding:82px 0;position:relative}
section.bloc::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 48px));height:1px;background:linear-gradient(90deg,transparent,var(--bord-2) 20%,var(--bord-2) 80%,transparent);opacity:.7}
/* reliefs (bevel haut) sur les panneaux */
.cemp,.etape,.metr,.temoin,.plan,.qa,.inclus,.glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.surt{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(110deg,var(--cyan),var(--indigo));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}
.bloc h2{font-size:46px;font-weight:800}
.bloc .lede{font-size:19px;color:var(--txt-2);margin-top:16px;max-width:660px}
.centre{text-align:center}.centre .lede,.centre h2{margin-left:auto;margin-right:auto}

/* ---- carte verre ---- */
.glass{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bord);border-radius:var(--r);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}

/* ---- COMPARATIF différenciation ---- */
.comparatif{margin-top:46px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--bord-2);background:linear-gradient(180deg,var(--carte-2),var(--carte));box-shadow:0 34px 80px -42px #000, inset 0 1px 0 rgba(255,255,255,.05)}
.comp-tete{display:grid;grid-template-columns:1.8fr 1fr 1.25fr;background:rgba(255,255,255,.018)}
.comp-tete>div{padding:22px 24px;font-weight:700;font-size:15px}
.comp-tete .nv{position:relative;background:linear-gradient(165deg,rgba(34,211,238,.18),rgba(91,108,240,.12));color:#fff;display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:18px;border-left:1px solid var(--bord-2);border-right:1px solid var(--bord-2)}
.comp-tete .nv::before{content:"";position:absolute;left:-1px;right:-1px;top:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--indigo))}
.comp-tete .au{color:var(--txt-2);text-align:center;justify-content:center;display:flex;align-items:center}
.comp-row{display:grid;grid-template-columns:1.8fr 1fr 1.25fr;border-top:1px solid var(--bord);transition:background .15s}
.comp-row:nth-of-type(even){background:rgba(255,255,255,.014)}
.comp-row:hover{background:rgba(34,211,238,.045)}
.comp-row>div{padding:17px 24px;display:flex;align-items:center;gap:11px;font-size:14.8px;line-height:1.45}
.comp-row .crit{color:var(--txt);font-weight:600}
.comp-row .nv{justify-content:center;background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(34,211,238,.025));border-left:1px solid var(--bord-2);border-right:1px solid var(--bord-2);color:#fff;font-weight:700}
.comp-row:last-child .nv{border-bottom-left-radius:0}
.comp-row .au{justify-content:center;color:var(--txt-3);text-align:center}
.ico-ok{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,var(--vert),var(--teal));color:#06101f;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;flex:none;box-shadow:0 4px 12px -4px rgba(34,192,126,.6)}
.ico-no{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.05);color:var(--txt-3);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none;border:1px solid var(--bord-2)}
.comp-note{text-align:center;color:var(--txt-2);font-size:14px;margin-top:20px}

/* ---- étapes ---- */
.etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.etape{padding:30px;border-radius:var(--r);background:var(--carte);border:1px solid var(--bord);transition:transform .2s,border-color .2s}
.etape:hover{transform:translateY(-5px);border-color:var(--bord-2)}
.etape .n{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.etape h3{font-size:21px}.etape p{color:var(--txt-2);margin-top:9px;font-size:15px}

/* ---- équipe (cartes avatars) ---- */
.grille-emp{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.cemp{position:relative;padding:24px;border-radius:20px;background:var(--carte);border:1px solid var(--bord);overflow:hidden;transition:transform .2s,border-color .2s}
.cemp::before{content:"";position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:160px;height:160px;border-radius:50%;background:var(--gc,rgba(34,211,238,.5));filter:blur(50px);opacity:.18;transition:opacity .25s}
.cemp:hover{transform:translateY(-6px);border-color:var(--bord-2)}.cemp:hover::before{opacity:.34}
.cemp .haut{display:flex;align-items:center;gap:14px;position:relative}
.cemp .haut img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}
.cemp .haut b{font-size:18px;display:block;font-family:var(--display);color:#fff;letter-spacing:-.02em}
.cemp .haut span{font-size:12.5px;color:var(--txt-3);font-weight:600}
.cemp .bulle{margin-top:16px;background:rgba(255,255,255,.04);border:1px solid var(--bord);border-radius:13px;border-top-left-radius:4px;padding:12px 14px;font-size:13.5px;color:var(--txt-2);position:relative}
.cemp .cap{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px;position:relative}
.cemp .cap i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--txt-2);background:rgba(255,255,255,.05);border:1px solid var(--bord);border-radius:8px;padding:4px 10px}
.cemp.full{grid-column:span 2;background:linear-gradient(140deg,var(--carte),rgba(91,108,240,.08))}
.cemp .ruban{margin-left:auto;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--violet),var(--indigo));border-radius:99px;padding:5px 12px}

/* ---- téléphonie ---- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:32px}
.coches{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:16px}
.coches li{display:flex;gap:13px;align-items:flex-start;font-size:16px;color:var(--txt)}
.coches .ck{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--vert));color:#06101f;display:flex;align-items:center;justify-content:center;font-weight:900;flex:none;font-size:14px}
.tel-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--bord);background:var(--carte);box-shadow:0 30px 70px -34px #000}
.tel-card .top{background:linear-gradient(150deg,rgba(31,162,224,.2),rgba(91,108,240,.16));padding:22px 24px;border-bottom:1px solid var(--bord)}
.tel-card .top .num{font-family:var(--mono);font-size:23px;letter-spacing:.04em;color:#fff;margin-top:4px}
.tel-card .top small{color:var(--cyan);font-size:12px}
.tel-card .body{padding:16px 22px;display:flex;flex-direction:column;gap:12px}
.lap{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--txt)}
.lap .res{margin-left:auto;font-size:11px;font-weight:800;border-radius:99px;padding:3px 11px}
.r-v{background:rgba(34,192,126,.15);color:#5FE6A8}.r-b{background:rgba(31,162,224,.15);color:#6FD0F5}.r-o{background:rgba(255,122,61,.15);color:#FFA877}

/* ---- cerveau ---- */
.cerveau-vis{position:relative;margin:50px auto 0;max-width:760px;height:340px}
.cerveau-coeur{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:38px;
  background:linear-gradient(150deg,var(--indigo),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:62px;
  box-shadow:0 0 80px -10px rgba(34,211,238,.6),0 30px 60px -20px #000;animation:respire 4s ease-in-out infinite;z-index:2}
@keyframes respire{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}
.noeud{position:absolute;background:var(--carte);border:1px solid var(--bord);border-radius:13px;padding:11px 15px;font-size:13.5px;font-weight:600;color:var(--txt);box-shadow:0 14px 30px -14px #000;display:flex;align-items:center;gap:9px;animation:flot 7s ease-in-out infinite}
.noeud .pt{width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#06101f;font-weight:800}
.n1{top:4%;left:6%}.n2{top:-2%;right:12%;animation-delay:-2s}.n3{top:44%;left:-2%;animation-delay:-1s}
.n4{top:42%;right:-2%;animation-delay:-3s}.n5{bottom:2%;left:16%;animation-delay:-1.5s}.n6{bottom:-2%;right:14%;animation-delay:-2.5s}
@media(max-width:780px){.cerveau-vis{height:auto;display:flex;flex-direction:column;gap:12px;align-items:center}.cerveau-coeur,.noeud{position:static;transform:none;animation:none}}

/* ---- métriques ---- */
.metriques{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.metr{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);padding:28px 22px;text-align:center}
.metr .n{font-family:var(--display);font-size:42px;font-weight:800;background:var(--gt,linear-gradient(120deg,var(--cyan),var(--indigo)));-webkit-background-clip:text;background-clip:text;color:transparent}
.metr .l{font-size:13.5px;color:var(--txt-2);margin-top:4px}

/* ---- témoignages ---- */
.temoins{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.temoin{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);padding:26px}
.temoin .et{color:var(--ambre);letter-spacing:1px;font-size:14px}
.temoin p{font-size:15.5px;color:var(--txt);margin:12px 0 18px;font-style:italic}
.temoin .qui{display:flex;align-items:center;gap:12px}
.temoin .qui img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--bord-2)}
.temoin .qui b{font-size:14px;display:block;color:#fff}.temoin .qui span{font-size:12px;color:var(--txt-3)}

/* ---- pricing ---- */
.prix{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px;align-items:stretch}
.plan{background:var(--carte);border:1px solid var(--bord);border-radius:22px;padding:32px;display:flex;flex-direction:column;position:relative}
.plan.pop{border:1px solid rgba(34,211,238,.4);background:linear-gradient(165deg,rgba(34,211,238,.1),var(--carte) 55%);box-shadow:0 0 60px -20px rgba(34,211,238,.5);transform:translateY(-8px)}
.plan .tagp{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,var(--orange),var(--orange-2));color:#1a0f06;font-size:12px;font-weight:800;padding:6px 16px;border-radius:99px}
.plan h3{font-size:22px}.plan .px{font-family:var(--display);font-size:46px;font-weight:800;margin:14px 0 2px;color:#fff}
.plan .px small{font-size:16px;font-weight:500;color:var(--txt-3)}
.plan .desc{color:var(--txt-2);font-size:14.5px;min-height:46px}
.plan ul{list-style:none;margin:22px 0;display:flex;flex-direction:column;gap:12px;flex:1}
.plan ul li{display:flex;gap:10px;font-size:15px;align-items:flex-start;color:var(--txt)}
.plan ul li::before{content:"✓";color:var(--vert);font-weight:800;flex:none}
.inclus{margin-top:30px;background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);padding:20px 24px;display:flex;align-items:center;gap:18px;font-size:15.5px;flex-wrap:wrap}
.inclus .pile{display:flex}.inclus .pile img{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-left:-12px;border:2px solid var(--carte)}.inclus .pile img:first-child{margin-left:0}
.inclus b{color:#fff}

/* ---- faq ---- */
.faq{max-width:800px;margin:44px auto 0}
.qa{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);margin-bottom:12px;overflow:hidden}
.qa summary{padding:20px 24px;font-weight:700;font-size:16.5px;cursor:pointer;list-style:none;display:flex;align-items:center;color:#fff}
.qa summary::after{content:"+";margin-left:auto;font-size:24px;color:var(--cyan);transition:transform .2s}
.qa[open] summary::after{transform:rotate(45deg)}
.qa .rep{padding:0 24px 20px;color:var(--txt-2);font-size:15.5px}

/* ---- CTA final ---- */
.final{position:relative;border-radius:var(--r-lg);padding:66px;text-align:center;overflow:hidden;border:1px solid var(--bord-2);
  background:linear-gradient(150deg,rgba(91,108,240,.22),rgba(34,211,238,.1) 50%,rgba(255,122,61,.14))}
.final::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 50% -10%,rgba(255,255,255,.12),transparent 60%)}
.final h2{font-size:48px;position:relative}
.final p{color:var(--txt-2);font-size:19px;margin:16px auto 30px;max-width:560px;position:relative}
.final .btn{position:relative}

/* ---- pied ---- */
footer.pied{padding:60px 0 40px;border-top:1px solid var(--bord);margin-top:30px}
footer.pied .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
footer.pied .logo{margin-bottom:14px}
footer.pied p{color:var(--txt-3);font-size:14px;max-width:280px}
footer.pied h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--txt-3);margin-bottom:14px;font-family:var(--body)}
footer.pied a{display:block;color:var(--txt-2);font-size:14.5px;padding:5px 0}
footer.pied a:hover{color:#fff}
.copy{text-align:center;color:var(--txt-3);font-size:13px;margin-top:40px}

/* ---- responsive ---- */
@media(max-width:980px){
  .hero h1{font-size:48px}.bloc h2{font-size:32px}.final h2{font-size:34px}
  .metriques,.etapes,.grille-emp,.temoins,.prix{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .entete nav{display:none}.entete .lien-conn{display:none}.burger{display:none}
  .final{padding:40px 26px}.cemp.full{grid-column:span 2}
  .comp-tete>div,.comp-row>div{padding:14px 14px;font-size:13.5px}
  footer.pied .wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .hero h1{font-size:38px}.metriques,.grille-emp,.temoins,.prix{grid-template-columns:1fr}.cemp.full{grid-column:span 1}
  .comp-tete,.comp-row{grid-template-columns:1.4fr .8fr .8fr}.ts-av img{width:58px;height:58px}
}