/* Design « Cockpit » — repris tel quel de la maquette d'origine.
   Les textes et les blocs viennent de la page privée (onglet « Design Cockpit »). */
:root{--ink:#15102d;--muted:#69657c;--muted2:#837e94;--violet:#642bfa;--violet-dark:#4720b8;--lav:#f5f2ff;--paper:#fff;--line:#e9e5f0;--shadow:0 22px 65px rgba(35,15,88,.10);--r:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,'Segoe UI',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ad93ff;outline-offset:4px}::selection{background:#dcd1ff}
.wrap{max-width:1200px;padding:0 34px;margin:0 auto}.topbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(110,87,160,.09)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{height:46px;width:auto;object-fit:contain}.navlinks{display:flex;align-items:center;gap:35px;color:#454055;font-size:13px;font-weight:600}.navlinks a:hover,.textlink:hover{color:var(--violet)}.rightnav{display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid transparent;border-radius:11px;padding:0 22px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s,box-shadow .2s,color .2s,background .2s;cursor:pointer}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 8px 20px rgba(100,43,250,.14)}.btn-primary:hover{background:#5422e0;box-shadow:0 12px 23px rgba(100,43,250,.24)}.btn-outline{border-color:#e0dbe9;background:white;color:var(--ink)}.btn-outline:hover{border-color:#c0b0e6}.nav .btn{min-height:43px;font-size:12px;padding:0 18px}.burger{display:none;border:0;background:none;color:var(--ink);padding:7px}.burger svg{width:24px;height:24px}.mobilemenu{display:none;padding:6px 24px 20px;border-top:1px solid var(--line);background:#fff}.mobilemenu.active{display:flex;flex-direction:column;gap:0}.mobilemenu a{padding:13px 4px;border-bottom:1px solid #f0ebf6;font-size:14px;font-weight:600}
.eyebrow{font-size:10px;letter-spacing:2.15px;font-weight:800;color:var(--violet);text-transform:uppercase}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h2,.centerhead h2{margin:11px 0 0;font-weight:800;letter-spacing:-2.2px;line-height:1.1;font-size:clamp(34px,3.2vw,46px)}.section-head p,.centerhead p{font-size:15px;color:var(--muted);line-height:1.65}.centerhead{text-align:center;max-width:650px;margin:0 auto 39px}.centerhead p{margin:13px auto 0;max-width:600px}.ital{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--violet);font-weight:500;letter-spacing:-1.7px}.textlink{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:700;color:#3e3653}.textlink svg{width:16px;height:16px}
.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 86% 24%,#eee8ff 0%,rgba(245,241,255,.58) 32%,transparent 65%),#fff}.hero::before{content:"";position:absolute;right:-230px;top:90px;width:560px;height:560px;border-radius:50%;border:75px solid rgba(153,120,246,.07);pointer-events:none}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:545px;gap:0;padding-top:40px;padding-bottom:60px}.hero-copy{position:relative;z-index:1;padding:12px 14px 35px 0}.hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.045;letter-spacing:-3.9px;margin:22px 0 24px;font-weight:830}.hero h1 span{color:var(--violet)}.hero .lead{color:#575267;font-size:17px;line-height:1.64;max-width:520px;margin:0}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.hero .textlink{font-size:14px}.quiet-proof{display:flex;gap:21px;flex-wrap:wrap;margin-top:25px;color:#797287;font-size:11px}.quiet-proof span{display:flex;align-items:center;gap:7px}.quiet-proof i{display:inline-block;width:5px;height:5px;background:#9f76ff;border-radius:50%}
.hero-product{position:relative;padding:8px 0 0 26px}.screen-frame{background:white;border:1px solid #e3e0f0;border-radius:17px;box-shadow:0 26px 75px rgba(43,20,95,.18),0 4px 11px rgba(43,20,95,.07);padding:8px;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg);overflow:hidden}.screen-frame img{width:100%;border-radius:10px}.screen-mascot{position:absolute;right:-18px;bottom:-28px;width:107px;filter:drop-shadow(0 12px 15px rgba(58,29,120,.11));border-radius:20px;mask-image:linear-gradient(to bottom,#000 83%,transparent 100%);opacity:.95}.float-tag{position:absolute;top:-16px;left:11px;background:#fff;border:1px solid #e8e3f1;border-radius:999px;padding:9px 12px;box-shadow:0 8px 28px rgba(32,10,75,.1);font-size:11px;font-weight:700;color:#4a395e}.float-tag b{color:var(--violet)}
.pain{background:#f8f7fc;border-top:1px solid #f0edf8;border-bottom:1px solid #efecf6;padding:75px 0}.pain .centerhead{margin-bottom:35px}.pain .centerhead h2{font-size:clamp(30px,3vw,43px)}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pain-item{background:#fff;border:1px solid #eeeaf4;padding:28px 27px;border-radius:17px;box-shadow:0 8px 21px rgba(54,27,98,.025)}.pain-icon,.module-icon{display:grid;place-items:center;width:39px;height:39px;background:#f1eaff;border-radius:12px;color:var(--violet)}.pain-item svg,.module-icon svg{width:20px;height:20px}.pain-item h3{font-size:16px;letter-spacing:-.45px;margin:18px 0 7px}.pain-item p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.modules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module{border:1px solid #ebe7f0;border-radius:17px;min-height:197px;padding:24px 24px 22px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}.module:hover{border-color:#cfbffb;box-shadow:0 15px 30px rgba(49,18,93,.07);transform:translateY(-3px)}.module h3{margin:19px 0 8px;font-size:16px;letter-spacing:-.4px}.module p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.modules-extra{color:#756d82;text-align:center;font-size:12px;margin:30px auto 0;line-height:1.7}.modules-extra strong{color:#4c405c}
.connect{padding:0 0 94px}.connect-panel{background:#f4efff;border:1px solid #eee7ff;border-radius:24px;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:275px;overflow:hidden}.connect-copy{padding:40px 20px 40px 50px}.connect-copy h2{font-size:33px;line-height:1.08;letter-spacing:-1.55px;margin:12px 0}.connect-copy p{font-size:14px;line-height:1.65;color:#635b76;max-width:435px;margin:0}.connect-visual{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;position:relative}.toolstack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-width:192px}.toolstack span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e5dbfc;border-radius:11px;padding:13px 10px;font-size:11px;color:#645a73;font-weight:600;box-shadow:0 5px 13px rgba(75,35,145,.04)}.toolstack span svg{width:14px;height:14px;color:#7e48f2}.arrow-right{color:#9a80db;font-size:30px;font-weight:200}.hub-mark{background:#622afa;color:#fff;width:116px;height:106px;display:flex;align-items:center;justify-content:center;border-radius:20px;box-shadow:0 15px 25px #d9cbfc;font-size:18px;font-weight:850;letter-spacing:-1.1px}
.ai{background:#211038;color:#fff;padding:94px 0 100px;overflow:hidden;position:relative}.ai::after{position:absolute;content:"";width:650px;height:650px;background:radial-gradient(circle,rgba(119,59,255,.25),transparent 70%);right:-225px;top:-120px;pointer-events:none}.ai .eyebrow{color:#bda4ff}.ai-inner{display:grid;grid-template-columns:42% 58%;gap:20px;align-items:center;position:relative;z-index:1}.ai h2{font-size:clamp(36px,3.8vw,52px);letter-spacing:-2.5px;line-height:1.07;margin:15px 0 17px}.ai h2 em{font-style:normal;color:#ae8cff}.ai .ai-description{color:#c2b8d2;font-size:15px;line-height:1.68;max-width:400px}.ai-list{display:flex;flex-direction:column;gap:13px;margin:27px 0 34px;font-size:13px;color:#e4dded}.ai-list div{display:flex;gap:10px;align-items:center}.ai-list svg{color:#b09aff;width:17px;height:17px;flex-shrink:0}.ai .btn-light{color:#302146;background:#fff}.ai .btn-light:hover{background:#f5f0ff}.agent-panel{margin-left:18px;background:white;color:var(--ink);border-radius:20px;padding:24px;box-shadow:0 22px 45px rgba(10,2,24,.25);min-height:350px}.agent-head{display:flex;gap:13px;align-items:center;border-bottom:1px solid #eeebf3;padding-bottom:17px}.agent-head .spark{width:40px;height:40px;background:#f0eaff;color:var(--violet);display:grid;place-items:center;border-radius:13px;font-size:21px}.agent-head strong{font-size:15px;display:block}.agent-head small{color:#777087;font-size:11px}.agent-tabs{display:flex;gap:8px;margin:22px 0 20px;flex-wrap:wrap}.agent-tab{border:1px solid #e8e3ef;background:#fff;color:#625a73;padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.agent-tab[aria-selected="true"]{background:#eee7ff;color:#5c25e6;border-color:#d8c8ff}.agent-work{min-height:135px;background:#faf8ff;border:1px solid #f0ebfc;border-radius:13px;padding:19px}.agent-work .mini{color:#7442ec;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.agent-work h3{font-size:19px;line-height:1.3;letter-spacing:-.6px;margin:9px 0}.agent-work p{font-size:12.5px;line-height:1.6;color:#70677d;margin:0}.agent-foot{display:flex;gap:9px;margin-top:15px;align-items:center;color:#716a7c;font-size:11px}.agent-foot .dot{width:7px;height:7px;border-radius:50%;background:#7b54f0}
.product{padding:100px 0 95px;background:linear-gradient(180deg,#fff,#faf9ff)}.product .centerhead{margin-bottom:36px}.showcase{background:#fff;padding:20px;border:1px solid #eeeaf3;border-radius:24px;box-shadow:var(--shadow)}.shot-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.shot-tabs button{border:0;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700;background:transparent;color:#82788e;cursor:pointer}.shot-tabs button[aria-selected="true"]{background:#eee8ff;color:#5523da}.shot-container{border:1px solid #eae7f0;border-radius:14px;overflow:hidden;background:#f9fbff;position:relative}.shot-container img{width:100%;height:auto;aspect-ratio:1600/759;object-fit:contain;display:block}.shot-description{margin:14px 5px 0;color:#817b8b;font-size:12px}
.security{padding:80px 0;border-top:1px solid #f0edf4}.security-grid{display:grid;grid-template-columns:1.1fr repeat(3,.88fr);gap:28px;align-items:center}.security-head h2{font-size:32px;line-height:1.15;letter-spacing:-1.45px;margin:10px 0}.security-head p{color:#6e677c;font-size:13px;line-height:1.6}.security-point{display:flex;flex-direction:column;gap:9px;border-left:1px solid #e9e5f0;padding-left:25px;min-height:105px}.security-point svg{color:var(--violet);width:24px;height:24px}.security-point b{font-size:13px}.security-point p{font-size:12px;line-height:1.52;color:#716a7e;margin:0}
.pricing{background:#f8f7fc;padding:90px 0 105px}.pricing .centerhead{margin-bottom:35px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{background:white;border:1px solid #eae5f2;border-radius:18px;padding:28px 28px 23px}.price-card:first-child{border-color:#cdbdff}.price-card small{font-size:12px;color:#6f6879;font-weight:700}.amount{margin:22px 0 6px;font-size:42px;letter-spacing:-2px;font-weight:850;line-height:1}.amount span{font-size:13px;letter-spacing:0;color:#777082;font-weight:600}.price-card p{font-size:12px;color:#817a89;margin:0}.price-addon{margin:20px auto 0;max-width:900px;padding:16px 20px;display:flex;align-items:center;gap:13px;background:#f1ecfc;border:1px solid #e7ddfb;border-radius:14px;color:#514566;font-size:13px;line-height:1.55}
.price-addon-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:10px;color:#672aff;font-size:17px}
.price-addon strong{color:#211633;font-weight:800}
.price-addon b{color:#5420b9;font-weight:800}
.price-note{margin:12px auto 0;max-width:800px;text-align:center;color:#857d90;font-size:11px;line-height:1.7}.price-note b{color:#40384c}.price-action{text-align:center;margin-top:26px}
.faq{padding:88px 0}.faq-grid{display:grid;grid-template-columns:33% 67%;gap:36px}.faq h2{font-size:35px;letter-spacing:-1.6px;line-height:1.1;margin:10px 0 0}.faq-list details{border-bottom:1px solid #e7e2ed;padding:18px 0}.faq-list summary{list-style:none;font-weight:700;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:20px;color:#824eff}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:13px;line-height:1.7;color:#716979;max-width:650px;margin:12px 25px 3px 0}
.closing{padding:10px 0 85px}.closing-panel{background:linear-gradient(105deg,#4c21c5,#7339ff);border-radius:24px;padding:43px 50px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.closing-panel:after{content:"";height:330px;width:330px;border:1px solid rgba(255,255,255,.16);border-radius:50%;position:absolute;right:90px;top:-130px}.closing h2{font-size:29px;line-height:1.14;letter-spacing:-1.3px;margin:0 0 10px}.closing p{font-size:13px;color:#e7dfff;line-height:1.5;margin:0}.closing .btn{background:#fff;color:#4826a4;position:relative;z-index:1}.footer{background:#180f2c;color:#d0c9dc;padding:31px 0}.footwrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-logo{font-size:21px;color:#fff;font-weight:850;letter-spacing:-1px}.footer small{font-size:11px;color:#ac9fbf}.footnav{display:flex;gap:23px;font-size:11px}.footnav a:hover{color:#fff}
@media(max-width:1100px){.wrap{padding:0 28px}.hero h1{font-size:53px}.quiet-proof{gap:11px}.navlinks{gap:20px}.ai-inner{grid-template-columns:43% 57%}.agent-panel{margin-left:0}.connect-copy{padding-left:32px}.toolstack{min-width:168px}}
@media(max-width:800px){.wrap{padding:0 24px}.nav{height:68px}.navlinks{display:none}.burger{display:block}.nav .btn{font-size:11px;padding:0 13px;min-height:39px}.logo img{height:39px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:46px;padding-bottom:66px;gap:31px}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,7vw,58px);letter-spacing:-2.8px;margin:15px 0 20px}.hero .lead{font-size:16px;max-width:670px}.hero-product{padding:0 13px 5px}.screen-mascot{width:86px;right:-8px;bottom:-16px}.float-tag{left:-7px}.section{padding:77px 0}.section-head h2,.centerhead h2{font-size:35px;letter-spacing:-1.6px}.pain{padding:70px 0}.pain-grid{gap:12px}.pain-item{padding:20px}.modules-grid{grid-template-columns:repeat(2,1fr)}.connect{padding:0 0 65px}.connect-panel{grid-template-columns:1fr 1fr}.connect-visual{gap:8px}.toolstack{min-width:140px}.toolstack span{font-size:10px;padding:10px 7px}.hub-mark{width:90px;height:95px;font-size:14px}.ai{padding:70px 0}.ai-inner{grid-template-columns:1fr}.ai-description{max-width:700px}.ai-list{margin:22px 0}.agent-panel{max-width:700px;margin:0 auto;width:100%}.product{padding:75px 0}.security-grid{grid-template-columns:repeat(3,1fr)}.security-head{grid-column:1/-1}.security-point{min-height:110px}.faq-grid{grid-template-columns:1fr;gap:12px}.closing-panel{padding:34px 30px}}
@media(max-width:540px){.wrap{padding:0 19px}.nav{height:65px;gap:7px}.nav .btn{min-height:38px;padding:0 10px;font-size:11px}.logo img{height:32px}.rightnav{gap:5px}.hero-grid{padding-top:37px;padding-bottom:53px;gap:34px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:clamp(36px,9.4vw,48px);line-height:1.08;letter-spacing:-2.1px}.hero .lead{font-size:15px;line-height:1.58}.hero-actions{gap:15px;margin-top:24px}.hero-actions .btn{padding:0 18px;min-height:47px}.quiet-proof{font-size:10px;gap:10px 15px}.hero-product{padding:0 5px 7px}.screen-frame{padding:6px;border-radius:11px;transform:none}.screen-frame img{border-radius:7px}.screen-mascot{width:70px;right:-12px;bottom:-12px}.float-tag{top:-12px;left:-6px;font-size:9px;padding:7px 9px}.pain{padding:57px 0}.centerhead{margin-bottom:26px}.centerhead h2,.section-head h2{font-size:32px}.pain-grid{grid-template-columns:1fr;gap:9px}.pain-item{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px}.pain-item .pain-icon{grid-row:span 2}.pain-item h3{margin:0 0 3px;font-size:14px}.pain-item p{font-size:12px}.section{padding:65px 0}.section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:24px}.modules-grid{grid-template-columns:1fr 1fr;gap:10px}.module{min-height:175px;padding:17px 15px}.module-icon{width:34px;height:34px}.module-icon svg{width:17px;height:17px}.module h3{font-size:13px;line-height:1.3;margin:15px 0 7px}.module p{font-size:11px;line-height:1.5}.modules-extra{font-size:11px;margin-top:20px}.connect{padding:0 0 60px}.connect-panel{display:flex;flex-direction:column;align-items:stretch;border-radius:18px}.connect-copy{padding:31px 24px 5px}.connect-copy h2{font-size:30px}.connect-copy p{font-size:13px}.connect-visual{padding:20px 12px 27px}.toolstack{min-width:170px;gap:7px}.toolstack span{font-size:10px}.hub-mark{width:94px;height:92px}.ai{padding:65px 0}.ai h2{font-size:42px}.ai .ai-description{font-size:14px}.ai-list{font-size:12px}.agent-panel{padding:18px;border-radius:16px}.agent-tabs{gap:6px}.agent-tab{font-size:11px;padding:9px 10px}.agent-work{padding:16px}.agent-work h3{font-size:17px}.product{padding:65px 0}.showcase{padding:10px;border-radius:16px}.shot-tabs{gap:4px}.shot-tabs button{font-size:10px;padding:9px 10px}.shot-description{font-size:11px}.security{padding:55px 0}.security-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}.security-head h2{font-size:30px}.security-point{min-height:0;display:grid;grid-template-columns:29px 1fr;column-gap:10px;padding:0;border:0}.security-point svg{grid-row:span 2}.security-point b{font-size:13px}.security-point p{font-size:12px}.pricing{padding:63px 0}.price-addon{padding:14px 15px;gap:11px;font-size:12px;line-height:1.5}.price-addon-icon{width:30px;height:30px;font-size:15px}.pricing-grid{grid-template-columns:1fr;gap:9px}.price-card{padding:20px 21px;display:flex;align-items:center;justify-content:space-between}.price-card .amount{font-size:31px;margin:0}.price-card p{display:none}.price-card small{font-size:12px}.amount span{font-size:11px}.price-note{font-size:11px}.faq{padding:60px 0}.faq h2{font-size:30px}.faq-list summary{font-size:13px}.closing{padding:2px 0 53px}.closing-panel{padding:30px 24px;flex-direction:column;align-items:flex-start;border-radius:19px}.closing h2{font-size:27px}.footer{padding:25px 0}.footwrap{flex-direction:column;align-items:flex-start;gap:12px}.footnav{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.module{transition:none}}
  
/* V7.2 — Section sécurité : une preuve différenciante, sans surcharge */
.security-v2{padding:93px 0 82px;border-top:1px solid #f0edf4;background:#fff;scroll-margin-top:76px}
.secure-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end;margin-bottom:34px}
.secure-intro h2{font-size:clamp(35px,3.5vw,47px);line-height:1.09;letter-spacing:-2.2px;margin:13px 0 17px;font-weight:820}
.secure-intro p{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:590px}
.secure-distinction{display:flex;align-items:center;gap:17px;padding:19px 21px;background:#f7f4ff;border:1px solid #eee8fd;border-radius:17px;margin-bottom:2px}
.secure-emblem{width:49px;height:49px;flex:none;display:grid;place-items:center;background:#eee7ff;color:var(--violet);border-radius:14px}
.secure-emblem svg{width:25px;height:25px}
.secure-distinction strong{display:block;font-size:14px;letter-spacing:-.2px;margin-bottom:5px}
.secure-distinction span:not(.secure-emblem){display:block;font-size:12px;line-height:1.52;color:#746a83}
.secure-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.secure-choice{display:flex;align-items:start;gap:18px;background:white;border:1px solid #e9e4f0;border-radius:17px;padding:25px 26px;min-height:155px}
.secure-choice-icon{height:42px;width:42px;border-radius:12px;background:#f1ebff;display:grid;place-items:center;color:var(--violet);flex:none}
.secure-choice-icon svg{height:21px;width:21px}
.secure-choice-label{text-transform:uppercase;letter-spacing:1.1px;font-size:10px;font-weight:800;color:#8a68dc}
.secure-choice h3{font-size:17px;letter-spacing:-.35px;margin:7px 0 8px}
.secure-choice p{font-size:13px;line-height:1.58;color:#716a7e;margin:0;max-width:370px}
.secure-trust{border-top:1px solid #eeeaf2;margin-top:26px;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.secure-trust span{display:flex;align-items:center;gap:10px;color:#625c70;font-size:12px;font-weight:600;white-space:nowrap}
.secure-trust svg{height:17px;width:17px;color:#7142eb;flex:none}
.secure-footer{margin:22px 0 0;color:#837d8c;font-size:11.5px;line-height:1.6}
.secure-footer a{display:inline-flex;gap:3px;color:#6433e5;font-weight:700;margin-left:5px}
.secure-footer a:hover{text-decoration:underline}
@media(max-width:800px){
  .security-v2{padding:73px 0}
  .secure-heading{grid-template-columns:1fr;gap:20px;margin-bottom:22px}
  .secure-intro h2{font-size:39px}
  .secure-choices{gap:12px}
  .secure-choice{padding:23px 20px;gap:12px}
  .secure-trust{justify-content:flex-start;gap:17px 28px}
}
@media(max-width:540px){
  .security-v2{padding:66px 0 62px}
  .secure-heading{gap:20px;margin-bottom:20px}
  .secure-intro h2{font-size:36px;letter-spacing:-1.7px;margin:13px 0}
  .secure-intro p{font-size:13px;line-height:1.62}
  .secure-distinction{padding:16px;gap:13px}
  .secure-emblem{width:42px;height:42px;border-radius:12px}
  .secure-emblem svg{height:22px;width:22px}
  .secure-choices{grid-template-columns:1fr;gap:10px}
  .secure-choice{padding:18px 17px;min-height:auto;gap:13px}
  .secure-choice-icon{width:38px;height:38px;border-radius:10px}
  .secure-choice h3{font-size:15px;margin:4px 0 6px}
  .secure-choice p{font-size:12px;line-height:1.5}
  .secure-trust{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;margin-top:21px;padding-top:19px}
  .secure-trust span{font-size:10px;gap:6px;white-space:normal}
  .secure-trust svg{width:15px;height:15px}
  .secure-footer{font-size:10px;margin-top:20px}
  .secure-footer a{margin-left:0}
}

  
/* V8 : navigation métiers — écran desktop sobre, onglets horizontaux mobiles */
.agent-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:21px 0 19px}
.agent-tab{width:100%;min-height:44px;font-size:12px;line-height:1.24;text-align:center;padding:10px 11px;white-space:normal;border-radius:11px;transition:border-color .18s,background .18s,color .18s}
.agent-tab:hover{border-color:#c9b5ff;color:var(--violet)}
.agent-tab[aria-selected="true"]{background:#eee6ff;border-color:#cbb5ff;box-shadow:inset 0 0 0 1px rgba(100,43,250,.025)}
.agent-work{min-height:154px;display:flex;flex-direction:column;justify-content:center}
.agent-foot{min-height:28px}
@media (max-width:800px){
  .agent-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
  .agent-tab{width:100%;max-width:none;min-height:46px;white-space:normal;text-align:center;line-height:1.23;padding:10px 9px}
}
@media (max-width:540px){
  .agent-tab{font-size:11.5px;padding:9px 11px;min-height:41px}
  .agent-panel{overflow:hidden}
  .agent-tabs{margin-left:0;margin-right:0}
  .agent-work{min-height:177px}
}


/* Encadré RGPD du bloc Sécurité (repris du design Classique) */
.secure-rgpd{display:flex;align-items:center;gap:16px;margin-top:22px;padding:16px 20px;background:#f7f4ff;border:1px solid #eee8fd;border-radius:17px}
.secure-rgpd img{width:54px;height:54px;object-fit:contain;border-radius:10px;flex:none;background:#fff}
.secure-rgpd p{margin:0;font-size:13px;line-height:1.6;color:#625c70}
.secure-rgpd strong{color:var(--ink)}
.secure-proofs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:22px}
.secure-proofs .secure-rgpd{margin-top:0}
.secure-drapeau{width:54px;height:36px;flex:none;border-radius:6px;box-shadow:0 0 0 1px #e9e4f0,0 4px 10px rgba(35,15,88,.08)}

/* Ligne du bas du pied de page : droits, crédit, version, pages légales */
.footbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#ac9fbf}
.footbottom strong{color:#fff;font-weight:700}
.footbottom a:hover{color:#fff;text-decoration:underline}

/* Fenêtre « Mentions légales » */
.legal-overlay{position:fixed;inset:0;z-index:200;background:rgba(21,16,45,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.legal-overlay[hidden]{display:none}
.legal-box{position:relative;background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:85vh;overflow:auto;padding:34px 32px;box-shadow:var(--shadow)}
.legal-close{position:absolute;top:12px;right:14px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}
.legal-content h2{margin:0 0 14px;font-size:26px;letter-spacing:-1px}
.legal-content h3{margin:20px 0 6px;font-size:15px;color:var(--violet)}
.legal-content p{margin:0 0 8px;font-size:13px;line-height:1.65;color:var(--muted)}
.legal-update{font-style:italic;margin-top:18px!important}
@media(max-width:540px){.secure-proofs{grid-template-columns:1fr;gap:10px}.secure-drapeau{width:44px;height:30px}.secure-rgpd{padding:14px;gap:12px}.secure-rgpd p{font-size:12px}.footbottom{flex-direction:column}.legal-box{padding:28px 20px}}

/* Flèche « remonter en haut » */
.to-haut{position:fixed;right:22px;bottom:22px;z-index:95;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #e0dbe9;background:#fff;color:var(--violet);box-shadow:0 10px 26px rgba(43,20,95,.16);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s,background .2s,color .2s}
.to-haut.visible{opacity:1;visibility:visible;transform:none}
.to-haut:hover{background:var(--violet);color:#fff;border-color:var(--violet);transform:translateY(-3px)}
@media(max-width:540px){.to-haut{right:14px;bottom:14px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.to-haut{transition:opacity .2s,visibility .2s}.to-haut:hover{transform:none}}

/* Bloc « Contact » : compact, les fiches se gèrent dans le back-office */
.contact{padding:0 0 85px;scroll-margin-top:76px}
.contact-panel{display:grid;grid-template-columns:36% 64%;gap:28px;align-items:center;background:#f8f7fc;border:1px solid #efecf6;border-radius:24px;padding:34px 36px}
.contact-intro h2{font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-1.5px;margin:11px 0 10px;font-weight:800}
.contact-intro p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.contact-social{display:flex;gap:8px;margin-top:16px}
.contact-social a{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid #e5dbfc;color:var(--violet);transition:background .2s,color .2s}
.contact-social a:hover{background:var(--violet);color:#fff}
.contact-social svg{width:17px;height:17px}
.contact-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.contact-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ebe7f0;border-radius:15px;padding:12px 12px 12px 13px;transition:border-color .2s,box-shadow .2s}
.contact-card:hover{border-color:#cfbffb;box-shadow:0 10px 22px rgba(49,18,93,.06)}
.contact-pic{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.contact-ini{display:grid;place-items:center;background:#f1eaff;color:var(--violet);font-weight:800;font-size:14px}
.contact-who{min-width:0;flex:1}
.contact-who h3{margin:0;font-size:14px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-who span{display:block;margin-top:2px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Logo transparent dans le carré violet du bloc « Vos outils » */
.hub-mark img{width:84%;height:auto;display:block;filter:brightness(0) invert(1)}
/* Numéro de téléphone visible, en gras et cliquable */
.contact-tel{display:block;margin-top:3px;font-size:13px;font-weight:700;color:inherit;text-decoration:none;white-space:nowrap}
.contact-tel:hover{text-decoration:underline}
.contact-actions{display:flex;gap:6px;flex:none}
.contact-actions a{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1eaff;color:var(--violet);transition:background .2s,color .2s,transform .2s}
.contact-actions a:hover{background:var(--violet);color:#fff;transform:translateY(-2px)}
.contact-actions svg{width:16px;height:16px}
.contact-actions .contact-wa{background:#25d366;color:#fff}
.contact-actions .contact-wa:hover{background:#1ebe5b}
@media(max-width:800px){.contact{padding-bottom:65px}.contact-panel{grid-template-columns:1fr;gap:20px;padding:28px 24px}}
@media(max-width:540px){.contact{padding-bottom:53px}.contact-panel{padding:24px 16px;border-radius:19px}.contact-list{grid-template-columns:1fr}}

/* Carrousel du haut de page — net avant tout :
   pas d'inclinaison 3D ni de zoom (ils rendent l'image floue), un simple
   fondu enchaîné. L'image est plus grande et s'agrandit au clic. */
.hero-grid{grid-template-columns:42% 58%}
.hero-product{padding-left:20px}
.hero-slides{display:grid;position:relative;transform:none;cursor:zoom-in}
.hero-slides .hero-slide{grid-area:1/1;width:100%;height:auto;object-fit:contain;opacity:0;transition:opacity .9s ease}
.hero-slides .hero-slide.active{opacity:1}
.hero-zoom{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:99px;background:rgba(21,16,45,.72);color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s}
.hero-zoom:hover{background:var(--violet)}
.hero-zoom svg{width:14px;height:14px}

/* Agrandissement plein écran */
.zoom-voile{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:56px 70px;background:rgba(12,8,28,.92);animation:ckFondu .2s ease-out}
.zoom-voile[hidden]{display:none}
.zoom-voile img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);background:#fff}
.zoom-btn{position:absolute;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}
.zoom-btn:hover{background:var(--violet)}
.zoom-fermer{top:16px;right:16px}
.zoom-prec{left:14px;top:50%;transform:translateY(-50%)}
.zoom-suiv{right:14px;top:50%;transform:translateY(-50%)}
.zoom-legende{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#d7cfe8;font-size:12px}
@media(max-width:1100px){.hero-grid{grid-template-columns:45% 55%}}
@media(max-width:800px){.hero-product{padding-left:0}}
@media(max-width:540px){
  .hero-zoom{right:10px;bottom:10px;padding:7px 10px}
  .zoom-voile{padding:64px 10px 70px}
  .zoom-prec,.zoom-suiv{top:auto;bottom:14px;transform:none}
  .zoom-prec{left:calc(50% - 58px)}.zoom-suiv{right:calc(50% - 58px)}
  .zoom-legende{display:none}
}

/* Points : le point actif s'allonge et se remplit comme une barre de temps */
.hero-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.hero-dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#d8cdf5;cursor:pointer;overflow:hidden;transition:width .4s ease,background .3s}
.hero-dot:hover{background:#bba8f3}
.hero-dot.active{width:28px;background:#e3d9fb}
.hero-dot.active::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--violet);transform-origin:left;animation:ckProgres var(--duree,5s) linear forwards}
.en-pause .hero-dot.active::after{animation-play-state:paused}
@keyframes ckProgres{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(prefers-reduced-motion:reduce){
  .hero-slides .hero-slide{transition:opacity .3s}
  .hero-dot.active::after{animation:none;transform:none}
}

/* ── Lien « Espace client » du menu (ex. Roadmap) ── */
.lien-client{display:inline-flex;align-items:center;gap:6px}
.lien-cadenas{width:13px;height:13px;flex:none;color:var(--violet)}
.lien-badge{font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--violet);background:#f1eaff;border-radius:99px;padding:3px 7px}

/* ── Menu : burger dès la tablette (6 liens ne tiennent plus en ligne) ── */
.burger-fermer{display:none}
.burger[aria-expanded="true"] .burger-ouvrir{display:none}
.burger[aria-expanded="true"] .burger-fermer{display:block}
@media(max-width:1024px){.navlinks{display:none}.burger{display:block}}
.mobilemenu{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;padding:10px 24px 24px;box-shadow:0 24px 40px rgba(35,15,88,.12)}
.mobilemenu.active{animation:ckMenu .25s ease-out}
.mobilemenu-liens{display:flex;flex-direction:column}
.mobilemenu .mobilemenu-liens a{display:flex;align-items:center;gap:10px;padding:15px 4px;font-size:15px;min-height:52px}
.mobilemenu .mobilemenu-liens a:hover{color:var(--violet)}
.mobilemenu .lien-cadenas{width:16px;height:16px}
.mobilemenu .lien-badge{margin-left:auto}
.mobilemenu-btn{margin-top:18px;width:100%;min-height:52px}
@keyframes ckMenu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(min-width:541px) and (max-width:1024px){.mobilemenu{padding:10px max(28px,calc((100% - 720px)/2)) 28px}}

/* ── Fenêtre « Espace client » ──
   Ordinateur et tablette : carte centrée. Téléphone : panneau qui monte du bas. */
.cnx-voile{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(21,16,45,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ckFondu .2s ease-out}
.cnx-voile[hidden]{display:none}
.cnx-boite{position:relative;width:100%;max-width:430px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;background:#fff;border-radius:24px;padding:34px 32px 26px;box-shadow:0 40px 90px rgba(21,10,60,.3);animation:ckMonte .3s cubic-bezier(.2,.8,.2,1)}
.cnx-poignee{display:none}
.cnx-fermer{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:12px;background:#f5f2ff;color:#5b4f75;font-size:24px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.cnx-fermer:hover{background:var(--violet);color:#fff}
.cnx-entete{text-align:center;margin-bottom:22px}
.cnx-emblem{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#f1eaff,#e4d8ff);color:var(--violet)}
.cnx-emblem svg{width:27px;height:27px}
.cnx-entete h2{margin:8px 0 8px;font-size:27px;letter-spacing:-1.2px;line-height:1.1}
.cnx-entete p{margin:0 auto;max-width:330px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.cnx-form{display:flex;flex-direction:column;gap:14px}
.cnx-champ{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#4a395e}
.cnx-champ input{width:100%;min-height:50px;padding:0 15px;border:1px solid #e0dbe9;border-radius:13px;background:#fbfaff;font:inherit;font-size:16px;font-weight:500;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.cnx-champ input:focus{outline:none;border-color:#a98bff;background:#fff;box-shadow:0 0 0 4px rgba(100,43,250,.12)}
.cnx-mdp{position:relative;display:block}
.cnx-mdp input{padding-right:52px}
.cnx-oeil{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:#837e94;cursor:pointer}
.cnx-oeil:hover,.cnx-oeil[aria-pressed="true"]{color:var(--violet);background:#f1eaff}
.cnx-oeil svg{width:18px;height:18px}
.cnx-envoyer{width:100%;min-height:52px;margin-top:4px}
.cnx-message{margin:0;min-height:0;font-size:13px;line-height:1.5;text-align:center;color:#4720b8}
.cnx-message:not(:empty){padding:11px 13px;background:#f5f2ff;border:1px solid #e5dbfc;border-radius:12px}
.cnx-note{display:flex;align-items:flex-start;gap:8px;margin:2px 0 0;font-size:11.5px;line-height:1.5;color:#857d90}
.cnx-note svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--violet)}
@keyframes ckFondu{from{opacity:0}to{opacity:1}}
@keyframes ckMonte{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ckTiroir{from{transform:translateY(100%)}to{transform:none}}
@media(max-width:540px){
  .cnx-voile{align-items:flex-end;padding:0}
  .cnx-boite{max-width:none;border-radius:24px 24px 0 0;padding:14px 20px calc(22px + env(safe-area-inset-bottom));max-height:92vh;max-height:92dvh;animation:ckTiroir .32s cubic-bezier(.2,.8,.2,1)}
  .cnx-poignee{display:block;width:42px;height:5px;margin:0 auto 14px;border-radius:99px;background:#e0dbe9}
  .cnx-fermer{top:12px;right:12px;width:36px;height:36px}
  .cnx-emblem{width:50px;height:50px;border-radius:15px;margin-bottom:10px}
  .cnx-entete{margin-bottom:18px}
  .cnx-entete h2{font-size:24px}
}
@media(max-height:560px) and (min-width:541px){.cnx-boite{padding:22px 26px}.cnx-emblem{display:none}}

/* ── Très petits téléphones (320–380 px) ── */
@media(max-width:380px){
  .wrap{padding:0 15px}
  .nav .btn{padding:0 9px;font-size:10.5px;gap:6px}
  .nav .btn svg{display:none}
  .logo img{height:28px}
  .hero h1{font-size:33px;letter-spacing:-1.6px}
  .contact-card{flex-wrap:wrap}
  .contact-actions{width:100%;justify-content:flex-end}
  .modules-grid{grid-template-columns:1fr}
  .secure-trust{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.mobilemenu.active,.cnx-voile,.cnx-boite{animation:none}}

/* ── Fenêtre de prise de rendez-vous (agenda Google dans le site) ── */
.rdv-voile{position:fixed;inset:0;z-index:230;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(21,16,45,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ckFondu .2s ease-out}
.rdv-voile[hidden]{display:none}
.rdv-boite{display:flex;flex-direction:column;width:100%;max-width:1000px;height:min(760px,calc(100vh - 48px));height:min(760px,calc(100dvh - 48px));background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(21,10,60,.3);animation:ckMonte .3s cubic-bezier(.2,.8,.2,1)}
.rdv-tete{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--line)}
.rdv-ico{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:#f1eaff;color:var(--violet)}
.rdv-ico svg{width:18px;height:18px}
.rdv-tete h2{margin:0;flex:1;min-width:0;font-size:17px;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdv-externe{font-size:12px;font-weight:700;color:var(--violet);white-space:nowrap}
.rdv-externe:hover{text-decoration:underline}
.rdv-fermer{width:40px;height:40px;flex:none;border:0;border-radius:12px;background:#f5f2ff;color:#5b4f75;font-size:24px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.rdv-fermer:hover{background:var(--violet);color:#fff}
.rdv-corps{position:relative;flex:1;background:#fbfaff}
.rdv-corps iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;opacity:0;transition:opacity .3s}
.rdv-corps.pret iframe{opacity:1}
.rdv-chargement{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:13px;color:var(--muted)}
.rdv-chargement span{width:34px;height:34px;border-radius:50%;border:3px solid #e5dbfc;border-top-color:var(--violet);animation:ckTourne .8s linear infinite}
@keyframes ckTourne{to{transform:rotate(360deg)}}
@media(max-width:540px){
  .rdv-voile{padding:0}
  .rdv-boite{max-width:none;height:100vh;height:100dvh;border-radius:0;animation:ckTiroir .3s cubic-bezier(.2,.8,.2,1)}
  .rdv-tete{padding:10px 10px calc(10px) 14px;padding-top:max(10px,env(safe-area-inset-top))}
  .rdv-externe{display:none}
}
@media(prefers-reduced-motion:reduce){.rdv-voile,.rdv-boite{animation:none}.rdv-chargement span{animation-duration:2s}}
.agent-pane[hidden]{display:none}