#site-public{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:400;line-height:1.6;color:var(--encre);background:var(--papier);min-height:100vh;-webkit-font-smoothing:antialiased}
  #site-public h1,#site-public h2,#site-public h3{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:800;letter-spacing:-.025em;color:var(--cedre-profond);margin:0}
  #site-public a{color:var(--cedre);text-decoration:none}
  #site-public a:hover{text-decoration:underline}
  #site-public .ph{display:flex;align-items:center;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;padding:20px 40px;border-bottom:1px solid var(--grege);background:var(--papier);position:sticky;top:0;z-index:5}
  #site-public .marque{margin-right:auto;display:flex;align-items:baseline;gap:14px}
  #site-public .marque .sous{font-size:.72rem;letter-spacing:2.4px;text-transform:uppercase;color:var(--pousse)}
  /* Rendre au logo sa taille : la regle globale .marque svg{width:30px} (petite marque de
     la carte de connexion) l'ecrasait a 30x30. Scopee, celle-ci la bat sans toucher l'app. */
  #site-public .marque svg{height:52px;width:auto;flex:0 0 auto}
  #site-public .nav-liens{display:flex;gap:26px;font-size:.86rem;letter-spacing:.4px}
  #site-public .nav-liens a{color:var(--encre);opacity:.75}
  #site-public .actions{display:flex;gap:12px;flex-wrap:wrap}
  #site-public .pbtn{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:700;font-size:.9rem;letter-spacing:0;padding:11px 20px;border-radius:10px;border:1px solid var(--cedre);background:transparent;color:var(--cedre);cursor:pointer;transition:all .18s ease}
  #site-public .pbtn:hover{background:var(--ivoire);filter:none}
  #site-public .pbtn.plein{background:var(--cedre-profond);border-color:var(--cedre-profond);color:var(--creme)}
  #site-public .pbtn.plein:hover{background:var(--cedre)}
  #site-public .pmain{max-width:1080px;margin:0 auto;padding:0 40px 40px}
  #site-public .hero{padding:72px 0 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
  #site-public .hero h1{font-size:2.9rem;line-height:1.12;margin-bottom:20px}
  #site-public .chapeau{width:100%;max-width:none;font-size:1.12rem;opacity:.9}
  #site-public .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
  #site-public .embleme{display:flex;justify-content:center}
  #site-public .embleme svg{width:230px;height:auto}
  #site-public .surtitre{font-size:.74rem;letter-spacing:2.6px;text-transform:uppercase;color:var(--pousse);margin:0 0 14px}
  #site-public .traits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
  #site-public .pcarte{background:var(--ivoire);border:1px solid var(--grege);border-radius:14px;padding:22px}
  #site-public .pcarte h3{font-size:1.06rem;margin-bottom:8px}
  #site-public .pcarte p{font-size:.92rem;margin:0;opacity:.9}
  #site-public .capacites{margin-top:64px;padding-top:44px;border-top:1px solid var(--grege)}
  #site-public .capacites h2{font-size:1.9rem;margin-bottom:12px}
  #site-public .capacites .intro{width:100%;max-width:none;font-size:1.02rem;opacity:.9;margin:0 0 34px;text-align:justify;text-justify:inter-word;hyphens:auto}
  #site-public .grille{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  #site-public .bloc{background:#fff;border:1px solid var(--grege);border-radius:14px;padding:24px 26px}
  #site-public .bloc .puce{width:30px;height:30px;border-radius:50%;background:var(--cedre-profond);color:var(--creme);display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:12px}
  #site-public .bloc h3{font-size:1.1rem;margin-bottom:8px}
  #site-public .bloc p{font-size:.94rem;margin:0;opacity:.9}
  #site-public .panneau{display:none}
  #site-public .panneau.visible{display:block}
  #site-public .cadre{max-width:560px;margin:40px auto 0;background:#fff;border:1px solid var(--grege);border-radius:18px;padding:40px 42px;box-shadow:0 1px 0 rgba(60,74,54,.04),0 18px 40px -30px rgba(60,74,54,.5)}
  #site-public .cadre h2{font-size:1.7rem;margin-bottom:6px;text-align:center}
  #site-public .cadre .sub{text-align:center;font-size:.92rem;opacity:.75;margin-bottom:28px}
  #site-public .cadre label{display:block;font-size:.82rem;letter-spacing:.4px;margin:16px 0 6px;color:var(--cedre)}
  #site-public .cadre input{width:100%;padding:11px 13px;border:1px solid var(--grege);border-radius:9px;background:var(--papier);font-family:Arial,"Helvetica Neue",sans-serif;font-weight:400;font-size:.95rem;color:var(--encre)}
  #site-public .cadre input:focus{outline:none;border-color:var(--pousse);background:#fff}
  /* AFFICHER LE MOT DE PASSE (demande de Flore, 24 juillet 2026) : on doit pouvoir
     verifier ce qu'on a tape. Le bouton est un mot, pas un pictogramme : il dit ce
     qu'il fait. Rien ne part au serveur, la bascule est purement locale. */
  #site-public .champ-mdp{position:relative}
  #site-public .champ-mdp input{padding-right:82px}
  #site-public .oeil{position:absolute;right:5px;top:50%;transform:translateY(-50%);
    background:transparent;border:0;padding:6px 9px;border-radius:7px;cursor:pointer;
    font-family:Arial,"Helvetica Neue",sans-serif;font-weight:400;font-size:.78rem;color:var(--cedre);
    line-height:1}
  #site-public .oeil:hover{background:var(--grege);color:var(--encre)}
  #site-public .duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  #site-public .cadre .pbtn.plein{width:100%;margin-top:26px;padding:13px}
  #site-public .retour{display:block;text-align:center;margin-top:18px;font-size:.85rem}
  /* Pages legales (B1) : plus larges que les formulaires, lecture a gauche. */
  #site-public .cadre.legale{max-width:800px;text-align:left}
  #site-public .cadre.legale h2{text-align:left;margin-bottom:4px}
  #site-public .cadre.legale .sub{text-align:left;margin-bottom:22px}
  #site-public .cadre.legale p{font-size:.92rem;line-height:1.62;margin:0 0 13px}
  #site-public .cadre.legale p strong{color:var(--cedre-profond);font-weight:500}
  /* Modale legale de l'espace connecte (B1) : autonome, hors portee #vue-accueil. */
  .voile-legale{position:fixed;inset:0;background:rgba(44,55,41,.42);display:none;align-items:flex-start;justify-content:center;z-index:120;padding:36px 16px;overflow:auto}
  .voile-legale.on{display:flex}
  .voile-legale .modale-legale{background:#fff;border-radius:16px;width:min(820px,100%);box-shadow:0 24px 70px rgba(20,28,16,.4);overflow:hidden}
  .voile-legale .mtete-legale{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--grege)}
  .voile-legale .mtete-legale h2{flex:1;font-size:1.3rem;margin:0}
  .voile-legale .mcorps-legale{padding:22px 26px;max-height:70vh;overflow:auto}
  .voile-legale .mcorps-legale p{font-size:.92rem;line-height:1.62;margin:0 0 13px}
  .voile-legale .mcorps-legale p strong{color:var(--cedre-profond);font-weight:500}
  .voile-legale .fermer-legale{border:1px solid var(--grege);background:var(--papier);border-radius:9px;padding:6px 12px;cursor:pointer;font-family:Arial,"Helvetica Neue",sans-serif;font-size:.9rem}
  #site-public .encadre{background:var(--ivoire);border:1px solid var(--grege);border-left:3px solid var(--pousse);border-radius:10px;padding:14px 16px;margin-top:22px;font-size:.84rem;opacity:.95}
  #site-public .encadre strong{color:var(--cedre-profond);font-weight:500}
  #site-public .rgpd{max-width:1080px;margin:56px auto 0;padding:22px 40px;background:var(--ivoire);border:1px solid var(--grege);border-radius:14px;font-size:.86rem;opacity:.95}
  #site-public .rgpd h3{font-size:1rem;margin-bottom:6px}
  #site-public .pfooter{border-top:1px solid var(--grege);margin-top:56px;padding:34px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:.82rem;color:var(--encre)}
  #site-public .pfooter .liens{display:flex;gap:22px;flex-wrap:wrap}
  #site-public .pfooter .editeur{opacity:.7}
  #site-public .msg{max-width:520px;margin:0 auto}
  @media(max-width:820px){
    #site-public .ph{flex-direction:column;gap:16px;align-items:flex-start}
    #site-public .hero{grid-template-columns:1fr;gap:32px}
    #site-public .embleme{order:-1}
    #site-public .traits{grid-template-columns:1fr}
    #site-public .grille{grid-template-columns:1fr}
    #site-public .nav-liens{display:none}
  }

  /* VITRINE VALIDÉE LE 25 AOÛT 2026 : société technologique, humaine et directe. */
  #site-public .pmain{max-width:none;padding:0}
  #site-public .ph{padding:14px 4%;border-bottom:1px solid #cad0c7;background:#fbfaf7;font-family:Arial,sans-serif}
  #site-public .marque svg{height:46px}
  #site-public .marque .sous{display:none}
  #site-public .nav-liens{gap:24px;font:700 13px/1 Arial,sans-serif;letter-spacing:0}
  #site-public .nav-liens a{color:#0b0d0c;opacity:1}
  #site-public .nav-liens a:hover{text-decoration:underline;text-underline-offset:5px}
  #site-public .ph-actions{gap:10px}
  #site-public .ph .pbtn{font:800 12px/1 Arial,sans-serif;letter-spacing:0;padding:13px 19px;border-width:2px;border-color:#34462f;color:#0b0d0c}
  #site-public .ph .pbtn.plein{background:#34462f;color:#fff}
  #site-public .pbtn{border-radius:999px;padding:10px 18px}
  #site-public .k-vitrine{font-family:Arial,sans-serif;color:#0b0d0c;background:#fff}
  #site-public .k-vitrine h1,#site-public .k-vitrine h2,#site-public .k-vitrine h3{font-family:Arial,sans-serif;color:inherit;font-weight:800}
  #site-public .k-hero-public{min-height:610px;display:grid;grid-template-columns:1fr 1fr;background:#f7f5ef;overflow:hidden}
  #site-public .k-hero-public>img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center;grid-column:2;grid-row:1}
  #site-public .k-hero-copy{grid-column:1;grid-row:1;padding:72px 8%;display:flex;flex-direction:column;justify-content:center}
  #site-public .k-kicker{margin:0 0 26px;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;color:#3157ff}
  #site-public .k-hero-copy h1{font-size:clamp(42px,5.7vw,72px);line-height:.96;letter-spacing:-3px;margin:0}
  #site-public .k-hero-copy h1 em{font-style:normal;color:#526d47}
  #site-public .k-lead{width:100%;max-width:none;font-size:16px;line-height:1.5;color:#2b2e2c;margin:25px 0;text-align:justify;text-justify:inter-word;hyphens:auto}
  #site-public .k-hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
  #site-public .k-solid,#site-public .k-link{font:800 12px Arial,sans-serif;border-radius:999px;padding:14px 20px;cursor:pointer}
  #site-public .k-solid{background:#34462f;color:#fff;border:2px solid #34462f}
  #site-public .k-link{border:0;background:transparent;color:#0b0d0c}
  #site-public .k-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#34462f;color:#fff;padding:10px}
  #site-public .k-proof span{min-height:70px;padding:10px 22px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:11px}
  #site-public .k-proof span:last-child{border-right:0}
  #site-public .k-long section{padding:76px 6%;border-top:1px solid #d6dad3}
  #site-public .k-long h2{font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-2.5px;margin:0}
  #site-public .k-long h3{font-size:22px;line-height:1.05;letter-spacing:-.6px;margin:14px 0 12px}
  #site-public .k-long p{font-size:15px;line-height:1.55}
  #site-public .k-activation{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:36px;align-items:start}
  #site-public .k-activation>div:last-child{width:100%;max-width:none;padding-top:4px}
  #site-public .k-activation a{display:inline-block;color:#0b0d0c;font-weight:800;border-bottom:2px solid #0b0d0c;padding:10px 0}
  #site-public .k-why{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;background:#26362c;color:#fff}
  #site-public .k-why-name{min-height:310px;border:1px solid #82907f;border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:#304137}
  #site-public .k-why-name .k-kicker{color:#d6e7c6}
  #site-public .k-why-name strong{font:800 82px/1 Arial,"Helvetica Neue",sans-serif;color:#d6e7c6}
  #site-public .k-why-name span{font-size:12px;text-transform:uppercase;letter-spacing:1.2px}
  #site-public .k-why-story p{width:100%;max-width:none;color:#dce3d9;text-align:justify;text-justify:inter-word;hyphens:auto}
  #site-public .k-why-story blockquote{margin:24px 0;padding:20px 22px;border-left:3px solid #d6e7c6;background:rgba(255,255,255,.06)}
  #site-public .k-why-story blockquote i,#site-public .k-why-story blockquote span{display:block;font-size:14px;line-height:1.55}
  #site-public .k-why-story blockquote span{margin-top:12px;color:#dce3d9}
  #site-public .k-why-story>b{display:block;margin-top:28px;font-size:18px;color:#d6e7c6}
  #site-public .k-why-story small{display:block;margin-top:24px;color:#aeb9b1;line-height:1.5}
  #site-public .k-why-story small a{color:#d6e7c6;text-decoration:underline}
  #site-public .k-missions{background:#0b0d0c;color:#fff}
  #site-public .k-mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}
  #site-public .k-mission-grid article{padding:28px 24px;min-height:220px;border:1px solid rgba(255,255,255,.28);border-radius:18px}
  #site-public .k-mission-grid article>b{color:#6f8aff;font-size:12px}
  #site-public .k-mission-grid p{color:#d9d9d9}
  #site-public .k-feature{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:center;background:#eef0ff}
  #site-public .k-screen{background:#fff;border:1px solid #b9c0bb;border-radius:18px;overflow:hidden;box-shadow:10px 12px 0 rgba(49,87,255,.18);min-height:430px}
  #site-public .k-screenbar{height:48px;border-bottom:1px solid #d4d8d4;display:flex;gap:7px;align-items:center;padding:0 16px}
  #site-public .k-screenbar>span{width:9px;height:9px;border:2px solid #0b0d0c;border-radius:50%}
  #site-public .k-screenbar strong{margin-left:12px;font-size:12px}
  #site-public .k-screenbar em{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;color:#3157ff}
  #site-public .k-screenbody{display:grid;grid-template-columns:150px 1fr;min-height:378px}
  #site-public .k-screenbody>aside{background:#34462f;color:#fff;padding:25px 18px;display:flex;flex-direction:column;gap:20px;font-size:11px}
  #site-public .k-screenbody>aside .is-active{color:#aebcff;font-weight:800}
  #site-public .k-summary{padding:24px}
  #site-public .k-summary-title{display:flex;justify-content:space-between;gap:16px;align-items:start}
  #site-public .k-summary-title>strong{color:#3157ff;background:#eef0ff;border-radius:999px;padding:8px 11px;font-size:10px}
  #site-public .k-summary-title h3{font-size:31px;margin:5px 0 18px}
  #site-public .k-summary small{font-weight:800;color:#3157ff}
  #site-public .k-summary-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
  #site-public .k-summary-columns section{padding:12px;border:1px solid #d4d8d4;border-radius:10px;background:#fbfaf7;display:flex;flex-direction:column;gap:5px;min-width:0}
  #site-public .k-summary-columns b{font-size:11px}
  #site-public .k-summary-columns span,#site-public .k-summary-columns i{font-size:9px;font-style:normal}
  #site-public .k-summary-columns i{color:#3e6a35}
  #site-public .k-live-head{display:flex;justify-content:space-between;font-size:11px;padding-bottom:8px}
  #site-public .k-live-head span{color:#3157ff;font-weight:800}
  #site-public .k-event{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d1d5d1;padding:16px 0;font-size:12px}
  #site-public .k-event span{text-align:right}
  #site-public .k-feature-copy ul,#site-public .k-offer ul{padding-left:18px;line-height:1.8}
  #site-public .k-feature-copy button,#site-public .k-final button,#site-public .k-signup-grid button,#site-public .k-offer button{border:0;border-radius:999px;background:#34462f;color:#fff;padding:13px 19px;font-weight:800;cursor:pointer}
  #site-public .k-daily-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:54px}
  #site-public .k-daily-grid article{border:1px solid #d2d7d1;border-radius:18px;padding:26px;background:#fbfaf7}
  #site-public .k-daily-grid span{color:#3157ff;font-weight:800}
  #site-public .k-trust{background:#f3f2ed}
  #site-public .k-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  #site-public .k-trust-grid article{padding:26px;border:1px solid #ccd2ca;border-radius:18px;background:#fff}
  #site-public .k-pricing{background:#e8efdd}
  #site-public .k-price-intro,#site-public .k-signup-head{display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:35px;align-items:start;margin-bottom:46px}
  #site-public .k-price-intro>p:last-child{font-size:16px;margin-top:0}
  #site-public .k-offers,#site-public .k-signup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  #site-public .k-offer,#site-public .k-signup-grid article{padding:30px;border:1px solid #aeb8aa;border-radius:20px;background:#fbfaf7}
  #site-public .k-offer-ai{background:#fff;border-color:#aeb5db}
  #site-public .k-offer>small,#site-public .k-signup-grid small{font-weight:800;letter-spacing:1.2px;color:#526d47}
  #site-public .k-price{display:flex;align-items:end;gap:16px;margin:24px 0}
  #site-public .k-price b{font-size:44px;line-height:.9;letter-spacing:-2px}
  #site-public .k-price span{font-size:11px;line-height:1.3}
  #site-public .k-offer-ai button{background:#425fcc}
  #site-public .k-price-note,#site-public .k-client-note{margin:18px 0 0;padding:16px 20px;border-radius:14px;background:rgba(255,255,255,.6)}
  #site-public .k-roi{margin-top:18px;padding:26px;border-radius:20px;background:#26362c;color:#fff}
  #site-public .k-roi>div:first-child{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:24px;align-items:start}
  #site-public .k-roi small{color:#b9d1a8;font-weight:800;letter-spacing:1.2px}
  #site-public .k-roi h3,#site-public .k-roi>div:first-child p{margin-top:0}
  #site-public .k-roi>div:first-child p,#site-public .k-roi-use{color:#dce3d9}
  #site-public .k-roi-flow,#site-public .k-roi-result{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}
  #site-public .k-roi-flow{margin:22px 0;padding:20px 0;border-top:1px solid #69766d;border-bottom:1px solid #69766d}
  #site-public .k-roi-flow span,#site-public .k-roi-result div{display:flex;flex-direction:column;gap:6px}
  #site-public .k-roi-flow b{font-size:27px;color:#d6e7c6}
  #site-public .k-roi-flow em,#site-public .k-roi-flow>i{font-size:10px;font-style:normal;color:#aeb9b1}
  #site-public .k-roi-result b{font-size:20px}
  #site-public .k-roi-result>i{font-style:normal;font-size:22px;color:#aeb9b1}
  #site-public .k-roi-value{background:#d6e7c6;color:#26362c;padding:16px;border-radius:14px}
  #site-public .k-roi-disclaimer{font-size:10px;color:#aeb9b1}
  #site-public .k-signup-grid .k-signup-other{background:#eef0ff;border-color:#c6ccef}
  #site-public .k-signup-grid .k-signup-other button{background:#425fcc}
  #site-public .k-final{text-align:center;background:#26362c;color:#fff;padding:95px 8%}
  #site-public .k-final h2{max-width:850px;margin:0 auto 34px}
  #site-public .k-final>p:not(.k-kicker){max-width:580px;margin:18px auto 30px;color:#dce3d9}
  /* Le bloc de confiance et le pied de page prolongent la vitrine dans la meme
     famille typographique que l'application. */
  #site-public .rgpd{box-sizing:border-box;max-width:none;margin:0;padding:42px 6%;border:0;border-top:1px solid #d6dad3;border-radius:0;background:#f3f2ed;color:#2b2e2c;font:400 14px/1.65 Arial,sans-serif;opacity:1}
  #site-public .rgpd h3{margin:0 0 12px;color:#0b0d0c;font:800 22px/1.1 Arial,sans-serif;letter-spacing:-.4px}
  #site-public .rgpd p{width:100%;max-width:none;margin:0;text-align:justify;text-justify:inter-word;hyphens:auto}
  #site-public .rgpd strong{font-weight:800;color:#0b0d0c}
  #site-public .rgpd a{color:#34462f;font-weight:800;text-decoration:underline;text-underline-offset:3px}
  #site-public .pfooter{box-sizing:border-box;margin:0;padding:22px 6%;border:0;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#26362c,#314630);color:#f5f3ed;font:400 12px/1.5 Arial,sans-serif;align-items:center}
  #site-public .pfooter strong{font-size:13px;font-weight:800;letter-spacing:.7px}
  #site-public .pfooter .editeur{margin-top:3px;color:#cdd6cb;opacity:1}
  #site-public .pfooter .liens{gap:8px 10px;justify-content:flex-end}
  #site-public .pfooter .liens a{padding:7px 10px;border-radius:999px;color:#f5f3ed;font-weight:700;text-decoration:none}
  #site-public .pfooter .liens a:hover{background:rgba(255,255,255,.1);text-decoration:none}
  #site-public .panneau:not(.k-vitrine){font-family:Arial,sans-serif;color:#0b0d0c}
  #site-public .panneau:not(.k-vitrine) .cadre{border:1px solid #cbd0c9;border-radius:20px;background:#fff;box-shadow:10px 12px 0 rgba(49,87,255,.10)}
  #site-public .panneau:not(.k-vitrine) .cadre h2{font:800 30px/1.05 Arial,sans-serif;letter-spacing:-1px;color:#0b0d0c}
  #site-public .panneau:not(.k-vitrine) .cadre .sub{font:400 14px/1.5 Arial,sans-serif;color:#555b57;opacity:1}
  #site-public .panneau:not(.k-vitrine) .cadre label{font:700 12px/1.2 Arial,sans-serif;color:#34462f;letter-spacing:0}
  #site-public .panneau:not(.k-vitrine) .cadre input,#site-public .panneau:not(.k-vitrine) .oeil{font-family:Arial,sans-serif}
  #site-public .panneau:not(.k-vitrine) .cadre input{border-color:#cbd0c9;border-radius:10px;background:#f7f5ef}
  #site-public .panneau:not(.k-vitrine) .cadre input:focus{border-color:#3157ff;background:#fff}
  #site-public .panneau:not(.k-vitrine) .encadre{border:0;border-left:4px solid #526d47;border-radius:12px;background:#f3f2ed;font:400 13px/1.55 Arial,sans-serif}
  #site-public .panneau:not(.k-vitrine) .retour{font:700 12px/1 Arial,sans-serif;color:#34462f}
  #site-public .panneau:not(.k-vitrine) .cadre.legale{max-width:900px}
  #site-public .panneau:not(.k-vitrine) .cadre.legale h2{text-align:left}
  #site-public .panneau:not(.k-vitrine) .cadre.legale p{font:400 14px/1.65 Arial,sans-serif}
  #site-public .panneau:not(.k-vitrine) .cadre.legale p{text-align:justify;text-justify:inter-word;hyphens:auto}
  #site-public .panneau:not(.k-vitrine) .cadre.legale p strong{font-weight:800;color:#0b0d0c}
  /* Connexion : une page a part entiere, calme et compacte, dans la charte de la
     vitrine. Le formulaire et ses gestes restent strictement les memes. */
  #site-public #p-connexion{position:relative;min-height:calc(100vh - 188px);padding:52px 24px 64px;overflow:hidden;background:linear-gradient(145deg,#f3f2ed 0 58%,#e7ebe4 58% 100%)}
  #site-public #p-connexion::before{content:"";position:absolute;width:420px;height:420px;right:-130px;top:55px;border:1px solid rgba(52,70,47,.16);border-radius:50%}
  #site-public #p-connexion::after{content:"";position:absolute;width:240px;height:240px;left:-80px;bottom:-95px;border-radius:50%;background:#dfe6dc}
  #site-public #p-connexion .cadre{position:relative;z-index:1;width:min(100%,480px);max-width:none;margin:0 auto;padding:38px 40px;border:1px solid rgba(52,70,47,.18);border-radius:24px;box-shadow:0 24px 70px -46px rgba(20,35,22,.65)}
  #site-public #p-connexion .cadre::before{content:"";display:block;width:46px;height:46px;margin:0 auto 20px;border-radius:13px;background-color:#34462f;background-position:center;background-repeat:no-repeat;background-size:30px 30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 25V7M16 21l-5-2.5M16 21l5-2.5M16 16.5L11.5 14M16 16.5l4.5-2.5M16 12l-4-2.3M16 12l4-2.3' fill='none' stroke='%23EDE6D6' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");box-shadow:0 6px 18px rgba(38,54,44,.18)}
  #site-public #p-connexion .cadre h2{font-size:34px;letter-spacing:-1.2px}
  #site-public #p-connexion .cadre .sub{margin-bottom:24px}
  #site-public #p-connexion .cadre input{min-height:44px;background:#fbfaf7}
  #site-public #p-connexion .pbtn.plein{min-height:46px;margin-top:10px;border-radius:999px;background:#34462f;font-weight:800}
  #site-public #p-connexion .retour{margin-top:20px}
  @media(max-width:800px){
    #site-public .k-hero-public{grid-template-columns:1fr;min-height:0}
    #site-public .k-hero-public>img{grid-column:1;grid-row:1;height:340px;min-height:0}
    #site-public .k-hero-copy{grid-column:1;grid-row:2;padding:48px 24px}
    #site-public .k-proof{grid-template-columns:1fr}
    #site-public .k-long section{padding:54px 24px}
    #site-public .k-long h2{font-size:42px;letter-spacing:-2px}
    #site-public .k-activation,#site-public .k-why,#site-public .k-feature,#site-public .k-price-intro,#site-public .k-signup-head{grid-template-columns:1fr}
    #site-public .k-mission-grid,#site-public .k-trust-grid{grid-template-columns:1fr 1fr}
    #site-public .k-screenbody{grid-template-columns:105px 1fr}
    #site-public .k-summary-columns{grid-template-columns:1fr}
    #site-public .k-roi>div:first-child,#site-public .k-roi-flow,#site-public .k-roi-result{grid-template-columns:1fr}
    #site-public .rgpd{padding:42px 24px}
    #site-public .pfooter{padding:30px 24px;align-items:flex-start}
    #site-public .pfooter .liens{justify-content:flex-start}
  }
  @media(max-width:520px){
    #site-public .k-mission-grid,#site-public .k-daily-grid,#site-public .k-trust-grid,#site-public .k-offers,#site-public .k-signup-grid{grid-template-columns:1fr}
    #site-public .k-screenbody{grid-template-columns:1fr}
    #site-public .k-screenbody>aside{display:none}
    #site-public .k-event{display:block}
    #site-public .k-event span{display:block;text-align:left;margin-top:5px}
  }