/* Kitok · feuille de style unique du site */
@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:url(fonts/outfit-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:url(fonts/outfit-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;font-weight:800;font-display:swap;src:url(fonts/outfit-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:url(fonts/outfit-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:url(fonts/outfit-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;font-weight:800;font-display:swap;src:url(fonts/outfit-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#16181a;--ink2:#3a3e43;--muted:#5d636a;--line:#dde1e5;--paper:#f2f3f5;--white:#fff;
  /* HACCP */--h:#1d58c9;--h-deep:#132f63;--h-soft:#e3ecfb;
  /* Productivité */--p:#2f5d50;--p-cream:#fbf3e6;--p-soft:#e2ece5;--p-line:#ecdcc3;
  /* Pilotage */--c:#b5652f;--c-dark:#22201d;--c-dark2:#2e2b27;--c-soft:#f2dcc9;--c-ink:#f6eee2;
  --ok:#17914f;--bad:#c2462b;
  --fd:Outfit,"Segoe UI",Arial,sans-serif;--fb:Manrope,"Segoe UI",Arial,sans-serif;
  --r:16px;--wrap:1140px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--fb);text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.08;margin:0 0 .45em;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(36px,6.2vw,66px)}
h2{font-size:clamp(28px,4.2vw,44px)}
h3{font-size:clamp(20px,2.2vw,24px);font-weight:700;letter-spacing:-.01em}
h4{font-size:18px;font-weight:700}
p{margin:0 0 1em}
a{color:var(--h);text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:10px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid #7aa7ee;outline-offset:2px;border-radius:6px}
.lead{font-size:clamp(18px,2.1vw,21px);color:var(--ink2);max-width:36em}
.small{font-size:14.5px;color:var(--muted)}
.tag{display:inline-block;font:700 13px/1 var(--fd);letter-spacing:.02em;padding:7px 11px;border-radius:99px;margin-bottom:16px}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:14px;border:2px solid transparent;font:700 16.5px/1.1 var(--fd);text-decoration:none;cursor:pointer;background:var(--h);color:#fff;transition:transform .15s ease,box-shadow .15s ease;text-align:center}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(29,88,201,.25)}
.btn.line{background:transparent;color:var(--ink);border-color:currentColor}
.btn.line:hover{box-shadow:none;background:rgba(0,0,0,.04)}
.btn.pine{background:var(--p)}.btn.pine:hover{box-shadow:0 8px 20px rgba(47,93,80,.28)}
.btn.copper{background:var(--c)}.btn.copper:hover{box-shadow:0 8px 20px rgba(181,101,47,.35)}
.btn.dark{background:var(--ink)}
.btn.block{width:100%}
.btn.sm{min-height:42px;padding:0 16px;font-size:15px;border-radius:12px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}

/* Navigation */
.top{position:sticky;top:0;z-index:50;background:rgba(242,243,245,.93);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:10px;min-height:66px}
.logo{display:flex;align-items:center;gap:10px;font:800 23px var(--fd);color:var(--ink);text-decoration:none;letter-spacing:-.02em;margin-right:auto}
.logo img{width:36px;height:36px;border-radius:10px}
.menu{display:flex;align-items:center;gap:2px}
.menu a{padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:600 15.5px var(--fb)}
.menu a:hover,.menu a[aria-current=page]{background:rgba(0,0,0,.06)}
.menu .login{color:var(--muted)}
.burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:transform .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.top.open .burger span{background:transparent}.top.open .burger span::before{transform:translateY(6px) rotate(45deg)}.top.open .burger span::after{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:940px){
  .burger{display:inline-flex}
  .menu{display:none;position:absolute;left:0;right:0;top:66px;background:var(--paper);flex-direction:column;align-items:stretch;padding:10px 20px 22px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.08)}
  .top.open .menu{display:flex}
  .menu a{padding:14px 10px;font-size:17px;border-bottom:1px solid var(--line);border-radius:0}
  .menu .btn{margin-top:14px;border-radius:14px;border:0;color:#fff}
  .top .cta-top{display:none}
}
.menu .btn{color:#fff;padding:0 16px;margin-left:8px}
.menu .btn:hover{background:var(--h)}

/* Téléphone */
.phone{position:relative;width:min(300px,78vw);aspect-ratio:390/844;border-radius:44px;background:#0d0f12;padding:9px;box-shadow:0 30px 60px -18px rgba(10,20,40,.45),0 0 0 1px rgba(255,255,255,.06) inset;flex:none}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:36px}
.phone.sm{width:min(250px,64vw);border-radius:38px;padding:8px}.phone.sm img{border-radius:31px}
.phone.tilt-l{transform:rotate(-3deg)}.phone.tilt-r{transform:rotate(3deg)}
.duo{display:flex;justify-content:center;align-items:flex-start;gap:22px}
.duo .phone:nth-child(2){margin-top:56px}
@media(max-width:560px){.duo .phone{width:46vw;border-radius:30px;padding:6px}.duo .phone img{border-radius:25px}.duo{gap:12px}.duo .phone:nth-child(2){margin-top:34px}}

/* Héros */
.hero{padding:52px 0 70px;background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);overflow:hidden}
.hero-g{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{max-width:12.5em}
.hero .phone{margin:0 auto;transform:rotate(2.5deg)}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.checks li{position:relative;padding-left:30px}
.checks li::before{content:"";position:absolute;left:0;top:5px;width:19px;height:19px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
@media(max-width:860px){.hero{padding:30px 0 50px}.hero-g{grid-template-columns:1fr;gap:34px}}

/* Les trois univers (bande de couleur) */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:22px;overflow:hidden;margin-top:-34px;position:relative;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)}
.trio a{display:block;padding:26px 24px 24px;text-decoration:none;color:inherit;min-height:100%}
.trio a b{display:block;font:800 21px/1.15 var(--fd);margin-bottom:6px}
.trio a span{display:block;font-size:15.5px;opacity:.88}
.trio a em{display:inline-block;margin-top:12px;font:700 13.5px var(--fd);font-style:normal;padding:5px 10px;border-radius:99px}
.trio .t-h{background:var(--h-deep);color:#fff}.trio .t-h em{background:#fff;color:var(--h-deep)}
.trio .t-p{background:var(--p-cream);color:var(--p)}.trio .t-p em{background:var(--p);color:var(--p-cream)}
.trio .t-c{background:var(--c-dark);color:var(--c-ink)}.trio .t-c em{background:var(--c);color:#fff}
@media(max-width:760px){.trio{grid-template-columns:1fr;margin-top:-24px}}

/* Sections univers */
.sec{padding:84px 0}
.sec-h{background:#fff}
.sec-p{background:var(--p-cream);color:#2d3a2f}
.sec-p h2,.sec-p h3{color:var(--p)}
.sec-c{background:var(--c-dark);color:var(--c-ink)}
.sec-c h2,.sec-c h3{color:#fff}
.sec-c .lead{color:#e6dccd}
.sec-c a{color:#f0b98f}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split.rev>:first-child{order:2}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:40px}.split.rev>:first-child{order:0}.sec{padding:60px 0}}
.points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:18px}
.points li{padding-left:18px;border-left:3px solid var(--h)}
.points b{display:block;font:700 18px/1.3 var(--fd);margin-bottom:2px}
.points span{color:var(--muted)}
.sec-p .points li{border-color:var(--p)}.sec-p .points span{color:#4d5e50}
.sec-c .points li{border-color:var(--c)}.sec-c .points span{color:#cfc4b4}
.t-hl{background:var(--h-soft);color:var(--h)}.t-pl{background:var(--p);color:var(--p-cream)}.t-cl{background:var(--c);color:#fff}

/* Histoire du beurre */
.story{display:grid;gap:10px;margin:28px 0 8px}
.story div{display:grid;grid-template-columns:9.5em 1fr;gap:16px;align-items:center;background:var(--c-dark2);border:1px solid #3d3933;border-radius:var(--r);padding:16px 18px}
.story b{font:800 24px/1.1 var(--fd);color:#fff;white-space:nowrap}
.story span{font-size:15.5px;color:#d8cdbd}
@media(max-width:420px){.story div{grid-template-columns:1fr;gap:4px}}

/* Offres */
.seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:16px;padding:5px;gap:4px;max-width:100%;overflow-x:auto}
.seg button{border:0;background:none;min-height:46px;padding:0 15px;border-radius:12px;font:700 15px var(--fd);cursor:pointer;white-space:nowrap;color:var(--ink);line-height:1.1}
.seg button small{display:block;font:700 11.5px var(--fb);color:var(--ok)}
.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.seg button[aria-pressed=true] small{color:#9be3b9}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 14px;align-items:stretch}
@media(max-width:1060px){.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.plans{grid-template-columns:1fr}}
.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;position:relative}
.plan.reco{border:2px solid var(--h);box-shadow:0 18px 40px -22px rgba(29,88,201,.5)}
.plan .badge{position:absolute;top:-13px;left:22px;background:var(--h);color:#fff;font:700 13px var(--fd);padding:6px 12px;border-radius:99px}
.plan h3{margin-bottom:4px}
.plan .pitch{font-size:15.5px;color:var(--muted);min-height:3em}
.price{display:flex;align-items:baseline;gap:6px;margin:6px 0 2px}
.price b{font:800 38px/1 var(--fd);letter-spacing:-.03em}
.price span{font-size:14.5px;color:var(--muted)}
.price-note{font-size:13.5px;color:var(--ok);min-height:1.4em;margin-bottom:12px;font-weight:600}
.plan ul{list-style:none;padding:0;margin:4px 0 18px;display:grid;gap:9px;font-size:15.5px}
.plan li{padding-left:24px;position:relative}
.plan li::before{content:"";position:absolute;left:2px;top:8px;width:12px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.plan .kit{margin-top:auto;padding:12px 14px;border-radius:12px;background:var(--paper);font-size:14.5px;margin-bottom:14px}
.plan .kit b{font-family:var(--fd)}
.addon{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--c-dark);color:var(--c-ink);border-radius:20px;padding:20px 24px;margin-top:6px}
.addon .ic{width:48px;height:48px;border-radius:13px;background:#3a2a1e;display:grid;place-items:center}
.addon b{font:800 20px var(--fd);color:#fff;display:block}
.addon span{font-size:15px;color:#d8cdbd}
.addon .p{font:800 24px var(--fd);color:#fff;white-space:nowrap;text-align:right}
.addon .p small{display:block;font:600 13px var(--fb);color:#d8cdbd}
@media(max-width:700px){.addon{grid-template-columns:1fr;text-align:left}.addon .p{text-align:left}.addon .ic{display:none}}

/* Comparatif */
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:20px}
table.cmp{border-collapse:collapse;width:100%;min-width:720px;font-size:15px}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp th:first-child,.cmp td:first-child{text-align:left;width:38%}
.cmp thead th{font:700 15px var(--fd);background:var(--paper);position:sticky;top:0}
.cmp tr.grp td{background:#f7f8f9;font:700 14px var(--fd);color:var(--h-deep);text-align:left}
.cmp .y{color:var(--ok);font-weight:800}.cmp .n{color:#b0b5ba}

/* FAQ */
details.q{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
details.q summary{cursor:pointer;list-style:none;padding:17px 52px 17px 20px;font:700 17.5px/1.35 var(--fd);position:relative}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";position:absolute;right:20px;top:12px;font:500 26px var(--fd);color:var(--h)}
details.q[open] summary::after{content:"\2212"}
details.q .a{padding:0 20px 18px;color:var(--ink2)}
details.q .a p:last-child{margin:0}

/* Chef */
.chef{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}
.chef .mono{width:84px;height:84px;border-radius:22px;background:var(--c-dark);display:grid;place-items:center}
.chef .mono img{width:62px;height:62px}
.chef blockquote{margin:0;font:600 clamp(19px,2.3vw,23px)/1.45 var(--fd);letter-spacing:-.01em}
.chef cite{display:block;margin-top:12px;font:600 15px var(--fb);font-style:normal;color:var(--muted)}
@media(max-width:600px){.chef{grid-template-columns:1fr;padding:24px}}

/* Bandeau final */
.final{background:var(--h-deep);color:#fff;border-radius:26px;padding:48px 40px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.final h2{color:#fff;margin:0 0 8px}
.final p{color:#cfdcf5;margin:0}
.final .btn.line{color:#fff}
@media(max-width:760px){.final{grid-template-columns:1fr;padding:34px 24px}}

/* Pied de page */
footer{background:#16181a;color:#c9cdd2;padding:54px 0 34px;margin-top:80px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer h4{color:#fff;font-size:16px;margin-bottom:12px}
footer a{color:#c9cdd2;text-decoration:none;display:block;padding:4px 0}
footer a:hover{color:#fff;text-decoration:underline}
footer .brand{display:flex;align-items:center;gap:10px;font:800 22px var(--fd);color:#fff;margin-bottom:10px}
footer .brand img{width:34px;height:34px;border-radius:9px}
footer .legal{border-top:1px solid #2c3035;margin-top:34px;padding-top:20px;font-size:13.5px;color:#9aa0a6;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
@media(max-width:820px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:480px){footer .cols{grid-template-columns:1fr}}

/* Pages de contenu */
.page-head{padding:54px 0 30px;background:#fff;border-bottom:1px solid var(--line)}
.page-head.c{background:var(--c-dark);color:var(--c-ink);border:0}.page-head.c h1{color:#fff}.page-head.c .lead{color:#e6dccd}
.prose{padding:40px 0 10px}
.prose h2{font-size:clamp(24px,3vw,32px);margin-top:1.6em}
.prose h3{margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.25em}.prose li{margin-bottom:.4em}
.prose table{border-collapse:collapse;width:100%;font-size:15.5px;margin:10px 0 20px;background:#fff}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--paper);font-family:var(--fd)}
.note{background:#fff8e8;border:1px solid #f0d9a8;border-radius:14px;padding:16px 18px;color:#5b4300;font-size:15.5px;margin:18px 0}
.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.toc a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 14px;text-decoration:none;color:var(--ink);font:600 14.5px var(--fb)}
.toc a:hover{border-color:var(--h);color:var(--h)}
.lbl{display:inline-block;font:700 12.5px var(--fd);padding:3px 9px;border-radius:99px;margin-right:6px;vertical-align:2px}
.lbl.ob{background:#fde3e1;color:#a5261f}.lbl.gb{background:var(--h-soft);color:var(--h)}.lbl.co{background:var(--p-soft);color:var(--p)}
.gallery{display:flex;gap:22px;overflow-x:auto;padding:10px 4px 26px;scroll-snap-type:x mandatory}
.gallery figure{margin:0;scroll-snap-align:start;flex:none}
.gallery figcaption{font:600 15px var(--fd);margin-top:14px;max-width:250px;text-align:center}
.gallery .phone{width:250px}

/* Formulaire */
.form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}
.fld{margin-bottom:20px}
.fld>label,.fld legend{display:block;font:700 15.5px var(--fd);margin-bottom:8px;padding:0}
.fld .opt{font:500 13.5px var(--fb);color:var(--muted)}
fieldset{border:0;margin:0;padding:0;min-width:0}
input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;font:500 16.5px var(--fb);padding:13px 14px;border:1.5px solid #cfd4d9;border-radius:12px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--h);outline:none;box-shadow:0 0 0 3px rgba(29,88,201,.15)}
textarea{min-height:110px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.row2{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:1.5px solid #cfd4d9;border-radius:99px;font:600 15px var(--fb);background:#fff;cursor:pointer;user-select:none}
.chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.chip input:focus-visible+span{outline:3px solid #7aa7ee;outline-offset:2px}
.chip span small{font-weight:500;opacity:.75;margin-left:5px}
.err{color:var(--bad);font-size:14.5px;font-weight:600;margin-top:6px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.consent input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--h)}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.ok-box{background:#e7f6ed;border:1px solid #b7e2c6;border-radius:18px;padding:26px;color:#0f5f35}
.ok-box h2{color:#0f5f35;font-size:28px}
.recap{background:var(--paper);border-radius:14px;padding:14px 16px;font-size:15px;margin:12px 0}
.side{display:grid;gap:14px;align-content:start}
.contact-g{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
@media(max-width:900px){.contact-g{grid-template-columns:1fr}}
.center{text-align:center}.mt0{margin-top:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.addon a{color:#f0b98f}
/* Compactage mobile */
@media(max-width:620px){
  .hero .phone{width:min(240px,64vw);aspect-ratio:390/600}
  .hero .phone img{object-position:top}
  .trio a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:16px 18px}
  .trio a span{display:none}.trio a em{margin:0}
  .gallery .phone{width:170px;border-radius:28px;padding:6px}.gallery .phone img{border-radius:23px}
  .gallery figcaption{max-width:170px;font-size:14px}
  .plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-20px;margin-right:-20px;padding:16px 20px 8px}
  .plan{flex:0 0 84%;scroll-snap-align:center}
  .swipe{display:block!important}
  .points{gap:14px}
  .sec{padding:52px 0}
}
.swipe{display:none;font-size:14px;color:var(--muted);margin:4px 0 0}
.pilot-chk{align-self:end;padding-bottom:12px}

/* ===== v39 ===== */
.menu button.login{background:none;border:0;cursor:pointer;font:600 15.5px var(--fb);color:var(--ink);padding:10px 12px;border-radius:10px}
.menu button.login:hover{background:rgba(0,0,0,.06)}
@media(max-width:940px){.menu button.login{text-align:left;padding:14px 10px;font-size:17px;border-bottom:1px solid var(--line);border-radius:0}}
/* Couleurs des piliers */
.pill-h{background:var(--h-soft);color:var(--h)}.pill-p{background:var(--p-soft);color:var(--p)}.pill-c{background:var(--c-soft);color:#8a4b1f}
/* Héros v39 */
.hero h1{max-width:13em}
.hero .promise{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.hero .promise span{font:700 14.5px var(--fd);padding:7px 12px;border-radius:99px}
.btn.play::before{content:"";width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-right:2px}
.inst{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;font:700 15.5px var(--fb);color:var(--h);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.live{position:relative}
.live .phone{transform:rotate(2deg)}
.live-ui{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}
.live-ui .btn{min-height:44px}
.phone.vid video,.phone iframe{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:36px;display:block;background:#f2f3f5;border:0}
.phone.sm.vid video{border-radius:31px}
.vplay{position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(22,24,26,.72);color:#fff;cursor:pointer;display:grid;place-items:center;opacity:.85}
.vplay:hover{opacity:1}
.vplay::before{content:"";width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff;box-sizing:border-box}
.vplay.paused::before{border:0;width:0;height:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
/* Piliers */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-36px;position:relative}
.pillar{border-radius:22px;padding:26px 24px;display:flex;flex-direction:column;box-shadow:0 22px 40px -26px rgba(0,0,0,.4)}
.pillar .kicker{font:800 13.5px var(--fd);letter-spacing:.02em;opacity:.85;margin-bottom:6px}
.pillar h3{font-size:28px;margin-bottom:8px}
.pillar p{font-size:16px;margin-bottom:14px}
.pillar ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px;font-size:15.5px}
.pillar li{padding-left:22px;position:relative}
.pillar li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:6px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg);opacity:.8}
.pillar .go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font:700 16px var(--fd);text-decoration:none;padding:12px 16px;border-radius:14px;align-self:flex-start}
.pillar .go::before{content:"";border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.pillar .price-tag{display:inline-block;font:700 13.5px var(--fd);padding:5px 10px;border-radius:99px;margin-bottom:12px;align-self:flex-start}
.pl-h{background:var(--h-deep);color:#fff}.pl-h .go{background:#fff;color:var(--h-deep)}.pl-h .price-tag{background:#fff;color:var(--h-deep)}
.pl-p{background:var(--p-cream);color:#2d3a2f;border:1px solid var(--p-line)}.pl-p h3{color:var(--p)}.pl-p .go{background:var(--p);color:var(--p-cream)}.pl-p .price-tag{background:var(--p);color:var(--p-cream)}
.pl-c{background:var(--c-dark);color:var(--c-ink)}.pl-c h3{color:#fff}.pl-c .go{background:var(--c);color:#fff}.pl-c .price-tag{background:var(--c);color:#fff}
@media(max-width:900px){.pillars{grid-template-columns:1fr;margin-top:-22px}}
/* Avant / après */
.ba{display:grid;gap:10px;margin-top:26px}
.ba-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}
.ba-row>div{padding:16px 18px}
.ba-row .bef{background:#fbf3f1;color:#5a2a1f}
.ba-row .aft{color:var(--ink)}
.ba-row b{display:block;font:700 13px var(--fd);margin-bottom:3px;opacity:.75}
.ba-row .t{display:inline-block;margin-top:6px;font:700 13.5px var(--fd);color:var(--ok)}
@media(max-width:640px){.ba-row{grid-template-columns:1fr}}
/* Calculateurs */
.calc{background:var(--c-dark2);border:1px solid #3d3933;border-radius:20px;padding:22px}
.calc.light{background:#fff;border-color:var(--line);color:var(--ink)}
.calc label{display:block;font:700 15px var(--fd);margin:0 0 6px}
.calc .row{margin-bottom:16px}
.calc input[type=range]{width:100%;accent-color:var(--c)}
.calc.light input[type=range]{accent-color:var(--h)}
.calc .val{float:right;font:800 16px var(--fd)}
.calc .res{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.calc .res div{background:rgba(255,255,255,.06);border-radius:14px;padding:14px}
.calc.light .res div{background:var(--paper)}
.calc .res b{display:block;font:800 26px/1.1 var(--fd);color:#fff}
.calc.light .res b{color:var(--ink)}
.calc .res span{font-size:14px;opacity:.85}
.calc .res .big{grid-column:1/-1;background:var(--c);}
.calc .res .big b,.calc .res .big span{color:#fff;opacity:1}
.calc.light .res .big{background:var(--h)}
.calc .hyp{font-size:13.5px;opacity:.75;margin:12px 0 0}
/* Garanties */
.guar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.guar div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.guar b{display:block;font:700 16px var(--fd);margin-bottom:4px;padding-left:26px;position:relative}
.guar b::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.guar span{font-size:14.5px;color:var(--muted)}
@media(max-width:900px){.guar{grid-template-columns:1fr 1fr}}@media(max-width:520px){.guar{grid-template-columns:1fr}}
.addon .gar{display:block;margin-top:6px;color:#f0b98f;font-weight:600}
.eng-note{font-size:14.5px;color:var(--muted);margin:10px 0 0}
/* Page démo */
.demo-nav{position:sticky;top:66px;z-index:40;background:rgba(242,243,245,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.demo-nav .wrap{display:flex;gap:8px;padding-top:10px;padding-bottom:10px;overflow-x:auto}
.demo-nav a{white-space:nowrap;text-decoration:none;font:700 15px var(--fd);padding:9px 14px;border-radius:99px}
.scene{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;padding:34px 0}
.scene+.scene{border-top:1px solid rgba(127,127,127,.2)}
.scene.rev{grid-template-columns:1fr auto}.scene.rev>.phone{order:2}
.scene h3{font-size:clamp(22px,2.6vw,30px)}
.scene .steps-v{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px;counter-reset:s}
.scene .steps-v li{counter-increment:s;padding-left:34px;position:relative}
.scene .steps-v li::before{content:counter(s);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--fd);background:currentColor}
.scene .steps-v li::after{content:counter(s);position:absolute;left:0;top:1px;width:24px;height:24px;display:grid;place-items:center;font:800 13px var(--fd);color:#fff}
.sec-p .scene .steps-v li::before{background:var(--p)}.sec-c .scene .steps-v li::before{background:var(--c)}.sec-h .scene .steps-v li::before{background:var(--h)}
.gain{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.gain span{font:700 14px var(--fd);padding:7px 12px;border-radius:12px;background:rgba(23,145,79,.12);color:#0f6a39}
.sec-c .gain span{background:rgba(240,185,143,.15);color:#f0b98f}
@media(max-width:820px){.scene,.scene.rev{grid-template-columns:1fr;gap:24px}.scene.rev>.phone{order:0}.scene .phone{margin:0 auto}}
.pain{border-left:4px solid var(--bad);padding:4px 0 4px 14px;margin:14px 0;font-weight:600}
.sec-c .pain{border-color:#f0b98f;color:#f6e3d3}
.disclaim{font-size:13.5px;opacity:.75}
/* Simulateur */
.sim{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start;margin-top:20px}
.sim .box{padding:22px}
.sim .tot{position:sticky;top:90px;background:var(--ink);color:#fff;border-radius:20px;padding:24px}
.sim .tot b{font:800 44px/1 var(--fd);display:block;margin:6px 0}
.sim .tot ul{list-style:none;padding:0;margin:14px 0;font-size:15px;display:grid;gap:6px;color:#d6d9dc}
@media(max-width:820px){.sim{grid-template-columns:1fr}.sim .tot{position:static}}
/* Fenêtre installation */
dialog#install{border:0;border-radius:22px;padding:0;max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
dialog#install::backdrop{background:rgba(10,14,20,.55)}
.dlg{padding:26px}
.dlg h2{font-size:26px}
.steps-i{padding-left:1.2em;margin:16px 0 0;display:grid;gap:8px}
.dlg .seg{margin-top:4px}
@media(max-width:520px){.seg{display:flex;width:100%}.seg button{flex:1;padding:0 6px;font-size:13.5px;min-height:48px}.seg button small{font-size:11px}}
@media(max-width:620px){.scene .phone{width:min(250px,70vw);border-radius:36px;padding:7px}.scene .phone video{border-radius:30px}.pillars .pillar{padding:22px 20px}}

/* ===== v40 : retour au site V1 + vidéos en fenêtre ===== */
.eyebrow{font:600 13px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--h);margin-bottom:10px}
.v1-hero{background:linear-gradient(180deg,#fff,var(--paper));padding:48px 0 40px}
.v1-hero .hero-g{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.v1-hero h1{font-size:clamp(34px,5.6vw,58px)}
.v1-hero .btn.dark{margin-top:4px}
.vlink{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;font:700 16px var(--fb);color:var(--h);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.vlink::before{content:"";border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.phone-wrap{text-align:center}
.phone.v1{width:300px;max-width:100%;aspect-ratio:9/18;margin:0 auto;background:#111;border-radius:42px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.25);transform:none}
.phone.v1 .screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#232528;position:relative}
.phone.v1 iframe{width:100%;height:100%;border:0;background:#fff;display:block}
.launch{all:unset;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f2ede6;text-align:center;cursor:pointer;padding:20px;font-family:var(--fb)}
.launch b{font:700 20px var(--fd)}.launch img{border-radius:18px}.launch span{color:#aab}
.launch:focus-visible{outline:3px solid #7aa7ee}
.full{display:inline-block;margin-top:12px;font-weight:600}
@media(max-width:860px){.v1-hero .hero-g{grid-template-columns:1fr}.phone.v1{width:260px}}
/* 3 étapes */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0;text-align:left}
.steps3 .card{display:flex;flex-direction:column;border-top:5px solid var(--h)}
.steps3 .card.p{border-top-color:var(--p);background:var(--p-cream)}.steps3 .card.c{border-top-color:var(--c);background:var(--c-dark);color:var(--c-ink)}
.steps3 .card.c h3{color:#fff}.steps3 .card.p h3{color:var(--p)}
.steps3 .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--h);color:#fff;font:700 18px var(--fd);margin-bottom:10px}
.steps3 .p .n{background:var(--p)}.steps3 .c .n{background:var(--c)}
.steps3 .pil{font:800 13px var(--fd);letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-bottom:4px}
.steps3 p{flex:1}
.steps3 .vbtn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;font:700 15.5px var(--fd);padding:11px 15px;border-radius:12px;background:var(--h);color:#fff}
.steps3 .p .vbtn{background:var(--p)}.steps3 .c .vbtn{background:var(--c)}
.vbtn::before{content:"";border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.vbtn small{font:600 13px var(--fb);opacity:.85}
@media(max-width:860px){.steps3{grid-template-columns:1fr}}
/* Légende offres */
.legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0 6px}
.legend div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:14.5px;text-align:center}
.legend b{display:block;font:700 15px var(--fd)}
.legend .l-h b{color:var(--h)}.legend .l-p b{color:var(--p)}.legend .l-c b{color:var(--c)}
.seg-wrap{display:flex;justify-content:center;margin:18px 0 8px}
/* Cartes V1 */
.plan .acc{font:700 16px/1.3 var(--fd);margin:0 0 10px;color:var(--ink2)}
.plan .badge2{position:absolute;top:-13px;left:22px;background:var(--h);color:#fff;font:700 12.5px var(--fd);letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.plan .promesse{font-size:15px;color:var(--muted);margin:0 0 12px}
.plan .meta{font-size:14.5px;margin:0 0 6px}
.plan .meta b{font-family:var(--fd)}
.plan .eqs{display:grid;gap:8px;margin:10px 0 12px}
.plan .eqs label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:14px}
.plan .eqs input{margin-top:3px;accent-color:var(--h)}
.plan .eqs b{display:block;font:700 14.5px var(--fd)}
.plan details{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.plan details summary{cursor:pointer;font:700 15px var(--fd);color:var(--h);list-style:none;padding:6px 0}
.plan details summary::-webkit-details-marker{display:none}
.plan details summary::after{content:" ⌄"}
.plan details[open] summary::after{content:" ⌃"}
.plan details ul{margin-top:6px}
.plan .ctas{margin-top:auto;display:grid;gap:8px}
.plan .vmini{background:none;border:0;cursor:pointer;color:var(--h);font:700 14.5px var(--fb);text-decoration:underline;text-underline-offset:3px;padding:4px 0}
/* Pilotage V1 */
.pil{background:var(--c-dark);color:var(--c-ink);padding:72px 0}
.pil h2{color:#fff}.pil .eyebrow{color:#f0b98f}
.pil-top{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:end;margin-bottom:26px}
.pil-price{background:var(--c-dark2);border:1px solid #3d3933;border-radius:18px;padding:20px;text-align:center}
.pil-price b{display:block;font:800 40px/1 var(--fd);color:#fff}
.pil-price span{display:block;font-size:14px;color:#cfc4b4;margin:6px 0 12px}
.blocs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.blocs div{background:var(--c-dark2);border:1px solid #3d3933;border-radius:16px;padding:18px}
.blocs b{display:block;font:700 17px var(--fd);color:#fff;margin-bottom:4px}
.blocs span{font-size:15px;color:#d8cdbd}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.mini{background:#fffcf7;color:var(--ink);border-radius:16px;padding:16px;font-size:14.5px}
.mini h4{font-size:15.5px;margin:0 0 10px}
.mini table{width:100%;border-collapse:collapse}
.mini td{padding:5px 0;border-bottom:1px solid #eee3d3}
.mini td:last-child{text-align:right;font-weight:700}
.mini .up{color:var(--bad)}.mini .chk{color:#a8701a}
.mini ul{margin:0;padding-left:1.1em}
.mini small{display:block;margin-top:8px;color:#8a7f70}
.pil .notes{font-size:14px;color:#cfc4b4;margin:14px 0 0;padding-left:1.1em}
.pil-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media(max-width:900px){.pil-top,.blocs,.minis{grid-template-columns:1fr}}
/* Exemple */
.story3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.story3 .card b{display:block;font:700 18px var(--fd);margin-bottom:6px;color:var(--c)}
@media(max-width:760px){.story3{grid-template-columns:1fr}}
/* Bouton flottant */
.float-call{position:fixed;right:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;background:var(--h);color:#fff;text-decoration:none;font:700 16px var(--fd);padding:14px 20px;border-radius:99px;box-shadow:0 10px 30px rgba(29,88,201,.4)}
@media(min-width:941px){.float-call{display:none}}
/* Fenêtre vidéo */
dialog#vdlg{border:0;padding:0;border-radius:24px;max-width:860px;width:calc(100% - 24px);max-height:calc(100% - 24px);box-shadow:0 30px 80px rgba(0,0,0,.45);background:#fff}
dialog#vdlg::backdrop{background:rgba(10,14,20,.7)}
.vd{display:grid;grid-template-columns:auto 1fr;gap:26px;padding:22px;align-items:center}
.vd video{display:block;height:min(74vh,640px);aspect-ratio:600/1298;width:auto;border-radius:26px;background:#111;box-shadow:0 0 0 8px #111}
.vd h2{font-size:26px;margin:0 0 12px}
.vd dl{margin:0 0 16px;display:grid;gap:10px}
.vd dt{font:800 13px var(--fd);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vd dd{margin:2px 0 0;font-size:16px}
.vd .x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:var(--paper);font:700 22px var(--fd);cursor:pointer}
@media(max-width:700px){.vd{grid-template-columns:1fr;gap:14px;padding:14px}.vd video{height:auto;width:min(100%,300px);margin:0 auto}.vd h2{font-size:21px}}