/* Clic'N Start — Landing Accueil. Tout est scopé .cns-accueil / cns-* ; hex purs ; aucun sélecteur global. */
.cns-accueil{min-height:100vh;margin:0;background:#f3f2f2 repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/12 - 1px),rgba(32,30,29,.055) calc(100%/12 - 1px),rgba(32,30,29,.055) calc(100%/12));color:#201e1d;font-family:"Archivo",system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}
.cns-accueil *,.cns-accueil *::before,.cns-accueil *::after{box-sizing:border-box}
.cns-accueil h1,.cns-accueil h2,.cns-accueil h3,.cns-accueil p{margin:0;padding:0;color:inherit}
.cns-accueil a{color:#ae4a2c;text-decoration:none}
.cns-accueil a:focus-visible,.cns-accueil input:focus-visible,.cns-accueil summary:focus-visible,.cns-accueil button:focus-visible{outline:2px solid #e2673f;outline-offset:2px}
.cns-wrap{max-width:1280px;margin:0 auto}
.cns-rule{border-bottom:2px solid #201e1d}
.cns-kicker{margin:0 0 24px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d;display:flex;gap:16px;align-items:center}
.cns-kicker::before{content:"";width:40px;height:2px;background:#201e1d;display:inline-block;flex:none}
.cns-h2{font-weight:800;font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
.cns-h2 em,.cns-h1 em{font-style:normal;color:#e2673f}
.cns-lead{font-size:17px;color:#444141;line-height:1.5}
.cns-2col{display:grid}
.cns-4col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.cns-btn{display:flex;justify-content:space-between;gap:40px;background:#201e1d;color:#f3f2f2;padding:22px 28px;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em;transition:background .2s}
.cns-btn:hover{background:#e2673f;color:#201e1d}
.cns-btn-outline{display:inline-flex;justify-content:space-between;gap:40px;border:2px solid #201e1d;color:#201e1d;padding:16px 22px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;min-width:260px;transition:background .2s,color .2s}
.cns-btn-outline:hover{background:#201e1d;color:#f3f2f2}

/* nav */
.cns-nav{position:sticky;top:0;z-index:20;background:#f3f2f2;border-bottom:2px solid #201e1d}
.cns-nav-inner{padding:0 24px;display:flex;align-items:stretch;min-height:68px}
.cns-nav-brand{display:flex;align-items:center;flex:none;padding-right:28px;border-right:2px solid #201e1d}
.cns-nav-brand img{height:40px;width:auto;display:block}
.cns-nav-links{display:flex;gap:28px;align-items:center;margin:0 0 0 28px;padding:0;list-style:none}
.cns-nav-links a{color:#201e1d;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;white-space:nowrap}
.cns-nav-links a:hover{color:#e2673f}
.cns-nav-cta{margin-left:auto;display:flex;align-items:center;gap:14px;padding:0 24px;background:#f8a58a;color:#201e1d;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;white-space:nowrap}
.cns-nav-cta:hover{background:#201e1d;color:#f3f2f2}
.cns-burger{display:none;margin-left:12px;align-items:center;justify-content:center;width:56px;border:0;border-left:2px solid #201e1d;background:transparent;cursor:pointer;color:#201e1d}
.cns-nav-open .cns-nav-links{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;margin:0;background:#f3f2f2;border-bottom:2px solid #201e1d}
.cns-nav-open .cns-nav-links li{width:100%;border-top:1px solid #201e1d}
.cns-nav-open .cns-nav-links a{display:block;padding:18px 24px;font-size:14px}

/* hero */
.cns-hero-top{padding:56px 24px 40px}
.cns-h1{font-weight:800;font-size:clamp(44px,8.2vw,124px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}
.cns-hero-grid{grid-template-columns:7fr 5fr;border-top:2px solid #201e1d}
.cns-hero-copy{padding:40px 40px 48px 24px;border-right:2px solid #201e1d;display:flex;flex-direction:column;justify-content:space-between;gap:36px}
.cns-hero-copy .cns-lead{font-size:clamp(18px,1.7vw,24px);line-height:1.4;max-width:600px}
.cns-cta-row{display:flex;flex-wrap:wrap;gap:2px;align-items:stretch}
.cns-cta-row .cns-btn{min-width:min(440px,100%)}
.cns-cta-note{display:flex;align-items:center;padding:0 20px;border:2px solid #201e1d;font-size:13px;color:#444141}
.cns-hero-media{display:grid;grid-template-rows:auto 1fr}
.cns-hero-media-head{padding:14px 24px;border-bottom:2px solid #201e1d;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d;display:flex;justify-content:space-between}
.cns-hero-media-head span:last-child{color:#e2673f}
.cns-hero-media-body{padding:32px 24px;display:flex;justify-content:center;align-items:center;background:#f8a58a}
.cns-phone{position:relative;width:min(260px,76vw);aspect-ratio:9/16;background:#201e1d;border:2px solid #201e1d;box-shadow:12px 12px 0 #201e1d}
.cns-phone iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cns-spec{border-top:2px solid #201e1d}
.cns-spec > div{padding:22px 24px;border-right:2px solid #201e1d}
.cns-spec > div:last-child{border-right:0}
.cns-spec small{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d}
.cns-spec strong{display:block;font-weight:800;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;line-height:1}
.cns-spec strong.cns-accent{color:#e2673f}

/* clients */
.cns-clients{padding:18px 0;overflow:hidden}
.cns-track{display:flex;width:max-content;animation:cns-marquee 40s linear infinite}
.cns-track span{font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:-.01em;padding:0 32px;display:inline-flex;align-items:center;gap:32px;white-space:nowrap}
.cns-track span::after{content:"";width:8px;height:8px;background:#f8a58a;display:inline-block}

/* avis */
.cns-avis{grid-template-columns:4fr 8fr}
.cns-avis-head{padding:40px 24px;border-right:2px solid #201e1d}
.cns-avis-head .cns-h2{font-size:clamp(24px,2.4vw,32px)}
.cns-trustindex{min-height:180px;display:flex;align-items:center;justify-content:center;padding:32px 24px}

/* constat */
.cns-constat{grid-template-columns:5fr 7fr}
.cns-constat-head{padding:72px 40px 72px 24px;border-right:2px solid #201e1d}
.cns-constat-list p{padding:32px 24px;border-bottom:2px solid #201e1d;font-size:18px;line-height:1.5;color:#444141;display:grid;grid-template-columns:48px 1fr;gap:16px}
.cns-constat-list p:last-child{border-bottom:0}
.cns-constat-list b{font-weight:800;color:#e2673f}

/* services */
.cns-services-head{padding:72px 24px 40px;max-width:760px}
.cns-services-head .cns-h2{margin-bottom:18px}
.cns-services{border-top:2px solid #201e1d}
.cns-serv{display:flex;flex-direction:column;gap:16px;padding:28px 24px 24px;border-right:2px solid #201e1d;color:#201e1d;min-height:320px;transition:background .2s,color .2s}
.cns-serv:last-child{border-right:0}
.cns-serv:hover{background:#201e1d;color:#f3f2f2}
.cns-serv small{font-size:12px;letter-spacing:.14em;color:#e2673f;font-weight:600}
.cns-serv h3{font-weight:800;font-size:clamp(18px,1.6vw,22px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.cns-serv p{font-size:15px;line-height:1.5;flex:1;opacity:.8}
.cns-serv span{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:14px;border-top:2px solid currentColor;padding-top:14px}

/* méthode */
.cns-methode{grid-template-columns:5fr 7fr}
.cns-methode-img{border-right:2px solid #201e1d;min-height:420px}
.cns-methode-img img,.cns-fondateur-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05)}
.cns-methode-body{padding:72px 24px}
.cns-methode-body .cns-h2{margin-bottom:36px}
.cns-steps{list-style:none;margin:0;padding:0;display:grid;border-top:2px solid #201e1d}
.cns-steps li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:22px 0;border-bottom:2px solid #201e1d}
.cns-steps li > span{font-weight:800;font-size:32px;line-height:1;color:#e2673f}
.cns-steps h3{font-weight:800;font-size:18px;margin-bottom:6px;letter-spacing:-.01em}
.cns-steps p{color:#444141}

/* comparatif */
.cns-cmp{padding:72px 24px 80px}
.cns-cmp .cns-h2{margin-bottom:44px;max-width:820px}
.cns-cmp-table{border-top:2px solid #201e1d}
.cns-cmp-head,.cns-cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px 20px}
.cns-cmp-head{padding:16px 0;border-bottom:2px solid #201e1d;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d}
.cns-cmp-head span:nth-child(2){color:#e2673f}
.cns-cmp-row{padding:18px 0;border-bottom:1px solid #201e1d;align-items:baseline;transition:background .2s}
.cns-cmp-row:hover{background:#eae9e9}
.cns-cmp-row > span:first-child{font-weight:600}
.cns-cmp-row > span:nth-child(2){display:flex;gap:10px}
.cns-cmp-row > span:nth-child(2)::before{content:"✓";color:#e2673f;font-weight:800}
.cns-cmp-row > span:last-child{color:#7d7979}

/* simulateur */
.cns-sim{grid-template-columns:6fr 6fr}
.cns-sim-left{padding:72px 40px 72px 24px;border-right:2px solid #201e1d}
.cns-sim-left .cns-h2{margin-bottom:20px}
.cns-sim-left .cns-lead{margin-bottom:40px;font-size:16px}
.cns-sliders{display:grid;gap:34px}
.cns-sliders label{display:block}
.cns-sliders label > span{display:flex;justify-content:space-between;font-size:14px;color:#444141;text-transform:uppercase;letter-spacing:.06em}
.cns-sliders strong{font-weight:800;font-size:22px;color:#201e1d;letter-spacing:-.02em;white-space:nowrap}
.cns-range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:#201e1d;outline:none;margin:16px 0 0;border:0;padding:0}
.cns-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#f8a58a;border:2px solid #201e1d;cursor:pointer;border-radius:0}
.cns-range::-moz-range-thumb{width:18px;height:18px;border-radius:0;background:#f8a58a;border:2px solid #201e1d;cursor:pointer}
.cns-sim-right{background:#201e1d;color:#f3f2f2;padding:40px 24px}
.cns-sim-right .cns-sim-meta{margin-bottom:20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9b9797;display:flex;justify-content:space-between;gap:12px}
.cns-sim-meta span:last-child{color:#f8a58a;white-space:nowrap}
.cns-sim-rows{display:grid;border-top:2px solid #f3f2f2}
.cns-sim-rows > div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;border-bottom:1px solid #605d5d}
.cns-sim-rows > div:last-child{border-bottom:2px solid #f3f2f2}
.cns-sim-rows strong,.cns-sim-rows output,.cns-sim-rows .cns-val{white-space:nowrap}
.cns-sim-rows strong{font-size:18px}
.cns-sim-rows .cns-big{font-weight:800;font-size:28px;color:#f8a58a;letter-spacing:-.02em}
.cns-sim-rows .cns-dim{color:#9b9797}
.cns-sim-result{margin-top:24px;padding:22px 24px;background:#f8a58a;color:#201e1d}
.cns-sim-result small{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cns-sim-result p{font-size:clamp(17px,1.5vw,20px);line-height:1.3}
.cns-sim-result strong{font-weight:800;font-size:1.6em;letter-spacing:-.02em;white-space:nowrap}
.cns-sim-cta{display:flex;justify-content:space-between;gap:12px;margin-top:2px;color:#201e1d;background:#f3f2f2;padding:18px 24px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.cns-sim-cta:hover{background:#f8a58a}
.cns-sim-note{margin-top:14px;font-size:12px;color:#9b9797}

/* fondateur */
.cns-fondateur{grid-template-columns:7fr 5fr}
.cns-fondateur-body{padding:72px 40px 72px 24px;border-right:2px solid #201e1d}
.cns-fondateur-body .cns-h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:22px}
.cns-fondateur-body p{margin-bottom:14px;max-width:600px}
.cns-fondateur-body p:last-of-type{margin-bottom:30px}
.cns-fondateur-img{min-height:420px}

/* faq */
.cns-faq-grid{grid-template-columns:5fr 7fr}
.cns-faq-head{padding:72px 40px 72px 24px;border-right:2px solid #201e1d}
.cns-faq-head .cns-h2{margin-bottom:18px}
.cns-faq-list{padding:48px 24px}
.cns-faq{border-bottom:2px solid #201e1d}
.cns-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px 1fr 32px;gap:16px;align-items:start;padding:22px 0;font-weight:600;font-size:18px;line-height:1.3}
.cns-faq summary::-webkit-details-marker{display:none}
.cns-faq summary small{font-size:12px;letter-spacing:.14em;color:#e2673f;padding-top:4px;font-weight:600}
.cns-faq summary::after{content:"+";font-weight:400;font-size:28px;line-height:1;justify-self:end;transition:transform .2s}
.cns-faq[open] summary::after{transform:rotate(45deg);color:#e2673f}
.cns-faq summary:hover{color:#e2673f}
.cns-faq p{margin:0 0 26px 72px;font-size:16px;line-height:1.55;color:#444141;max-width:600px}

/* poster */
.cns-poster{background:#f8a58a;color:#201e1d}
.cns-poster .cns-2col{grid-template-columns:8fr 4fr}
.cns-poster-body{padding:80px 40px 80px 24px}
.cns-poster-body h2{font-weight:800;font-size:clamp(36px,5vw,72px);line-height:.98;letter-spacing:-.035em;margin-bottom:20px;text-transform:uppercase;text-wrap:balance}
.cns-poster-body p{font-size:18px;max-width:620px}
.cns-poster-cta{display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px;background:#201e1d;color:#f3f2f2;min-height:240px;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.06em}
.cns-poster-cta:hover{background:#2d2b2b}
.cns-poster-cta span:last-child{font-size:48px;line-height:1;align-self:flex-end}

/* footer */
.cns-footer{background:#201e1d;color:#9b9797;overflow:hidden}
.cns-footer a{color:#f3f2f2}.cns-footer a:hover{color:#f8a58a}
.cns-wordmark{padding:40px 24px 0;font-weight:800;font-size:clamp(48px,11.5vw,180px);line-height:.85;letter-spacing:-.05em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #f8a58a;white-space:nowrap}
.cns-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;font-size:14px}
.cns-footer-grid > div,.cns-footer-grid > nav{padding:40px 24px;display:grid;gap:12px;align-content:start;border-right:1px solid #605d5d}
.cns-footer-grid > *:last-child{border-right:0}
.cns-footer-grid > div:first-child{padding-bottom:100px;gap:16px}
.cns-footer-grid img{height:38px;width:auto;display:block}

/* sticky mobile */
.cns-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30}
.cns-sticky a{background:#f8a58a;color:#201e1d;padding:18px 24px;font-weight:600;font-size:15px;width:100%;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.06em;border-top:2px solid #201e1d}

@keyframes cns-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cns-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cns-in{animation:cns-up .6s cubic-bezier(.2,.7,.2,1) both}
.cns-in-2{animation-delay:.1s}.cns-in-3{animation-delay:.2s}.cns-in-4{animation-delay:.32s}

@media (max-width:1000px){.cns-nav-links{display:none}.cns-burger{display:flex}}
@media (max-width:820px){
  .cns-sticky{display:flex}
  .cns-2col{grid-template-columns:1fr!important}
  .cns-4col{grid-template-columns:1fr 1fr}
  .cns-hero-copy,.cns-avis-head,.cns-constat-head,.cns-methode-img,.cns-sim-left,.cns-fondateur-body,.cns-faq-head{border-right:0;border-bottom:2px solid #201e1d}
  .cns-spec > div:nth-child(2){border-right:0}
  .cns-spec > div:nth-child(-n+2){border-bottom:2px solid #201e1d}
  .cns-serv{min-height:0}
  .cns-serv:nth-child(2){border-right:0}
  .cns-serv:nth-child(-n+2){border-bottom:2px solid #201e1d}
  .cns-cmp-head{display:none}
  .cns-cmp-row{grid-template-columns:1fr;align-items:start}
  .cns-cmp-row > span:last-child::before{content:"Agence classique : ";font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-top:4px}
  .cns-footer-grid{grid-template-columns:1fr 1fr}
  .cns-footer-grid > div:first-child{grid-column:1 / -1;border-right:0;border-bottom:1px solid #605d5d;padding-bottom:40px}
  .cns-footer-grid > *:last-child{padding-bottom:100px}
  .cns-methode-img{min-height:280px}
}
@media (max-width:520px){
  .cns-4col{grid-template-columns:1fr}
  .cns-spec > div,.cns-serv{border-right:0;border-bottom:2px solid #201e1d}
  .cns-spec > div:last-child,.cns-serv:last-child{border-bottom:0}
  .cns-faq p{margin-left:0}
  .cns-footer-grid{grid-template-columns:1fr}
  .cns-footer-grid > nav{border-right:0;border-bottom:1px solid #605d5d}
}
@media (prefers-reduced-motion:reduce){.cns-in,.cns-track{animation:none}}