:root{
    --paper:#FDFBF5;--paper-2:#F5F1E6;--ink:#17181F;--muted:#585B6B;
    --spark:#FFC838;--spark-deep:#DB9C00;--line:rgba(23,24,31,.13);
    --dark:#14151E;--dark-2:#1D1F2C;--dark-text:#EDEEF4;--dark-muted:#9EA1B5;--dark-line:rgba(255,255,255,.13);
    --display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
    --maxw:1120px;
  }
  body.pre{--paper:#E6E6EA;--paper-2:#DEDEE3;--ink:#63656F;--muted:#93949E;--spark:#B9BAC2;--spark-deep:#9C9DA6;--line:rgba(50,50,60,.14)}

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .8s ease,color .8s ease}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  a{color:inherit}
  h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0}
  p{margin:0}

  .eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--spark-deep);display:inline-flex;align-items:center;gap:9px;transition:color .8s ease}
  .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--spark);box-shadow:0 0 0 4px color-mix(in srgb,var(--spark) 26%,transparent);transition:background .8s ease}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--body);font-weight:600;font-size:16px;padding:15px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .25s ease,background .3s ease,border-color .3s ease}
  .btn-spark{background:var(--spark);color:#171200;box-shadow:0 10px 26px -12px rgba(219,156,0,.55)}
  .btn-spark:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(219,156,0,.7)}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  .btn-ghost:hover{transform:translateY(-2px);border-color:var(--ink)}
  .btn-dark{background:var(--ink);color:var(--paper)}
  .btn-dark:hover{transform:translateY(-2px)}
  .micro{font-size:13.5px;color:var(--muted);font-family:var(--mono)}
  :focus-visible{outline:3px solid var(--spark-deep);outline-offset:3px;border-radius:8px}

  .rise{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  body.lit .rise{opacity:1;transform:none}

  header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background .8s ease,border-color .8s ease}
  .nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
  .brand{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}
  .brand{display:inline-flex;align-items:baseline;gap:.02em}
  .brand-d{height:.74em;width:auto;align-self:center;margin-right:.03em;position:relative;top:.015em}
  .brand-txt{letter-spacing:-.03em}
  .brand .dot{color:var(--spark-deep);transition:color .8s ease}
  .nav-links{display:flex;align-items:center;gap:24px}
  .nav-links a{font-size:15px;text-decoration:none;color:var(--muted);font-weight:500}
  .nav-links a:hover{color:var(--ink)}
  .nav .btn{padding:11px 18px;font-size:14.5px}

  /* HERO */
  .hero{position:relative;overflow:hidden;padding:86px 0 74px;text-align:center}
  .hero-glow{position:absolute;inset:-26% 0 auto 0;height:560px;pointer-events:none;background:radial-gradient(ellipse 52% 52% at 50% 34%,color-mix(in srgb,var(--spark) 46%,transparent),transparent 72%);filter:blur(10px);opacity:0;transition:opacity 1s ease}
  body.lit .hero-glow{opacity:.9}
  .hero .wrap{position:relative}
  .hero h1{font-size:clamp(36px,6.2vw,68px);font-weight:800;max-width:16em;margin:18px auto 0}
  .hero h1 .spk{color:var(--spark-deep);transition:color .8s ease}
  .hero .lead{margin:22px auto 0;font-size:19px;color:var(--muted);max-width:34em}
  .hero .cta-row{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .hero .micro{margin-top:14px;display:block}
  .trust-strip{margin-top:44px;display:flex;gap:12px 28px;justify-content:center;flex-wrap:wrap}
  .trust-strip span{font-family:var(--mono);font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}
  .trust-strip .tick{color:var(--spark-deep);font-weight:700}

  section.block{padding:86px 0}
  .head{max-width:44rem;margin:0 auto 46px;text-align:center}
  .head h2{font-size:clamp(27px,4vw,42px);margin-top:14px}
  .head p{margin-top:16px;color:var(--muted);font-size:18px}

  /* DOULEURS */
  .pains{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .pain-card{border:1px solid var(--line);border-radius:20px;padding:32px;background:#fff}
  .pain-card h3{font-size:19px}
  .pain-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
  .pain-card li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--muted)}
  .pain-card li::before{content:"✕";font-family:var(--mono);font-weight:600;color:#C4574E;flex:none;margin-top:1px}
  .pains-close{margin:34px auto 0;max-width:38em;text-align:center;font-size:18px}
  .pains-close b{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--spark) 55%,transparent) 62%)}

  /* FORMATION — offre phare */
  .forma{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .8s ease}
  .forma-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;margin-top:10px}
  .prog{display:grid;gap:12px}
  .prog-item{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px}
  .prog-item .t{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--spark-deep);flex:none;margin-top:3px;letter-spacing:.06em}
  .prog-item h4{font-family:var(--body);font-weight:650;font-size:16px;margin:0}
  .prog-item p{color:var(--muted);font-size:14.5px;margin-top:4px}
  .forma-side{position:sticky;top:96px}
  .forma-card{border:1px solid color-mix(in srgb,var(--spark) 70%,var(--line));border-radius:22px;padding:32px;background:#fff;box-shadow:0 26px 60px -34px rgba(219,156,0,.5)}
  .forma-card h3{font-size:22px}
  .forma-card .facts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
  .forma-card .facts li{display:flex;gap:11px;font-size:15.5px;align-items:flex-start}
  .forma-card .facts .tick{color:var(--spark-deep);font-weight:700;flex:none}
  .forma-card .btn{width:100%;margin-top:24px}
  .forma-card .price{font-family:var(--mono);font-size:13px;color:var(--muted);text-align:center;display:block;margin-top:12px}

  /* SERVICES */
  .servs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:780px;margin:0 auto}
  .serv{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
  .serv:hover{transform:translateY(-4px);box-shadow:0 22px 50px -30px rgba(23,24,31,.35)}
  .serv .ico{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--spark-deep);font-weight:600}
  .serv h3{font-size:19px;margin:12px 0 0}
  .serv p{color:var(--muted);margin-top:10px;font-size:15.5px}
  .serv .ex{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12.5px;color:var(--muted)}

  /* AVANT/APRÈS */
  .demo-box{max-width:600px;margin:0 auto;background:var(--dark);border-radius:24px;padding:28px;color:var(--dark-text);box-shadow:0 30px 70px -34px rgba(20,21,30,.55)}
  .demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .demo-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-muted)}
  .demo-state{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--spark)}
  .demo-stage{position:relative}
  .dpanel{display:grid;gap:10px;transition:opacity .4s ease,transform .4s ease}
  .dpanel .row{display:flex;align-items:center;gap:11px;font-size:15px;padding:13px 15px;border-radius:12px;background:var(--dark-2);border:1px solid var(--dark-line)}
  .d-before .row{color:var(--dark-muted)}
  .d-before .q{margin-left:auto;font-family:var(--mono);font-size:11.5px;opacity:.75}
  .d-after{position:absolute;inset:0;opacity:0;transform:translateY(8px);pointer-events:none}
  .d-after .row{border-color:rgba(255,200,56,.4)}
  .d-after .check{width:20px;height:20px;border-radius:50%;background:var(--spark);color:#171200;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
  .d-after .time{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--spark)}
  .demo-box.on .d-before{opacity:0;transform:translateY(-8px);pointer-events:none}
  .demo-box.on .d-after{opacity:1;transform:none;pointer-events:auto}
  .dswitch{margin-top:20px;width:100%;height:62px;border-radius:999px;border:1.5px solid var(--dark-line);background:var(--dark-2);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-muted);transition:all .4s ease}
  .dknob{position:absolute;top:5px;left:5px;width:52px;height:50px;border-radius:999px;background:linear-gradient(180deg,#fff,#E8E8E8);box-shadow:0 5px 12px rgba(0,0,0,.35);transition:left .4s cubic-bezier(.34,1.56,.64,1),background .4s ease}
  .demo-box.on .dswitch{border-color:rgba(255,200,56,.55);box-shadow:0 0 0 5px rgba(255,200,56,.14)}
  .demo-box.on .dknob{left:calc(100% - 52px - 5px);background:linear-gradient(180deg,#FFE074,var(--spark))}
  .demo-box.on .lab-on{color:var(--spark)}

  /* PARTICULIERS */
  .part{border:1px solid var(--line);border-radius:22px;padding:36px;background:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center}
  .part h3{font-size:23px}
  .part p{color:var(--muted);margin-top:12px}
  .part .tiers{list-style:none;margin:0;padding:0;display:grid;gap:12px}
  .part .tiers li{display:flex;gap:12px;font-size:15.5px;padding:14px;border:1px solid var(--line);border-radius:14px}
  .part .tiers .n{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink);background:var(--paper-2);border-radius:7px;padding:3px 8px;flex:none;margin-top:2px}
  .part .tiers .note{color:var(--muted);font-size:13.5px;display:block;margin-top:2px}

  /* PROCESS */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}
  .step{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;position:relative}
  .step::before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:26px;width:34px;height:34px;border-radius:10px;background:var(--spark);color:#171200;font-family:var(--mono);font-weight:600;display:grid;place-items:center;font-size:14px;box-shadow:0 8px 18px -8px rgba(219,156,0,.6);transition:background .8s ease}
  .step h3{font-size:18px;margin-top:8px}
  .step p{color:var(--muted);margin-top:10px;font-size:15.5px}

  /* GARANTIES */
  .band-wrap{padding:0 24px}
  .band{background:var(--dark);color:var(--dark-text);border-radius:28px;max-width:var(--maxw);margin:0 auto;padding:70px 44px}
  .band .eyebrow{color:var(--spark)}
  .band h2{font-size:clamp(26px,3.8vw,38px);color:var(--dark-text);max-width:20em}
  .band .sub{color:var(--dark-muted);margin-top:16px;max-width:42em;font-size:17.5px}
  .promises{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .promise{border:1px solid var(--dark-line);border-radius:16px;padding:26px;background:var(--dark-2)}
  .promise .mark{font-family:var(--mono);color:var(--spark);font-weight:600;font-size:13px}
  .promise h4{font-family:var(--display);font-weight:600;font-size:18px;margin:12px 0 8px;color:var(--dark-text)}
  .promise p{color:var(--dark-muted);font-size:14.5px}
  .band .risk{margin-top:34px;padding:22px 26px;border:1px dashed rgba(255,200,56,.5);border-radius:16px;font-size:16.5px}
  .band .risk b{color:var(--spark)}

  /* À PROPOS */
  .about{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
  .portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:20px;border:1px solid var(--line);display:block;box-shadow:0 24px 55px -34px rgba(23,24,31,.5)}
  .about h2{font-size:clamp(25px,3.4vw,36px)}
  .about p{color:var(--muted);margin-top:18px;font-size:16.5px}
  .about p.lead-in{color:var(--ink);font-size:18px;font-weight:500}
  .about .creds{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
  .chip{font-family:var(--mono);font-size:12px;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--muted)}
  @media (max-width:900px){.about{grid-template-columns:1fr;gap:32px}}

  /* MODULES MÉTIER */
  .mods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .mod{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}
  .mod:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--spark) 60%,var(--line));box-shadow:0 22px 50px -32px rgba(219,156,0,.45)}
  .mod .num{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--spark-deep);font-weight:600}
  .mod h3{font-size:18.5px;margin:10px 0 0}
  .mod .who{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px}
  .mod p{color:var(--muted);margin-top:12px;font-size:15px}
  .mod .out{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
  .mod .out b{color:var(--ink);font-weight:600}
  .mods-note{margin:36px auto 0;max-width:38em;text-align:center;color:var(--muted);font-size:16.5px}
  .soon{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--paper-2);color:var(--muted);padding:3px 8px;border-radius:6px;margin-left:8px;vertical-align:2px}
  @media (max-width:900px){.mods{grid-template-columns:1fr}}

  /* FORMULAIRE DEVIS */
  .devis-wrap{max-width:760px;margin:0 auto}
  .devis-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 26px 60px -40px rgba(23,24,31,.4)}
  .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .field{display:flex;flex-direction:column;gap:7px}
  .field.full{grid-column:1/-1}
  .field label{font-size:14.5px;font-weight:600}
  .field label .opt{font-weight:400;color:var(--muted);font-family:var(--mono);font-size:11.5px;margin-left:6px}
  .field input,.field select,.field textarea{font-family:var(--body);font-size:15.5px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);transition:border-color .2s ease,background .2s ease}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--spark-deep);background:#fff}
  .field textarea{resize:vertical;min-height:100px}
  .field .hint{font-size:13px;color:var(--muted)}
  .devis-form .btn{width:100%;margin-top:26px}
  .devis-form .legal{margin-top:14px;text-align:center;font-size:13px;color:var(--muted)}
  .hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
  .form-success{display:none;text-align:center;padding:20px 0}
  .form-success.show{display:block}
  .form-success .big{font-size:42px;line-height:1}
  .form-success h3{font-size:24px;margin-top:16px}
  .form-success p{color:var(--muted);margin-top:12px}
  .form-error{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;background:#FDEDEC;color:#9A342B;font-size:14.5px}
  .form-error.show{display:block}
  @media (max-width:700px){.fgrid{grid-template-columns:1fr}.devis-form{padding:26px}}

  /* FAQ */
  .faq{max-width:760px;margin:0 auto;display:grid;gap:12px}
  details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
  summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-weight:600;font-size:16.5px}
  summary::-webkit-details-marker{display:none}
  summary .plus{font-family:var(--mono);color:var(--spark-deep);font-size:18px;transition:transform .25s ease}
  details[open] summary .plus{transform:rotate(45deg)}
  details .a{padding:0 24px 22px;color:var(--muted);font-size:15.5px}

  .final{text-align:center}
  .final h2{font-size:clamp(30px,5vw,50px);max-width:16em;margin:0 auto}
  .final p{color:var(--muted);margin:18px auto 0;max-width:36em;font-size:18px}
  .final .cta-row{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .final .ps{margin:36px auto 0;max-width:34em;font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}
  .final .ps b{color:var(--ink)}

  footer{border-top:1px solid var(--line);padding:44px 0;margin-top:10px}
  .foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
  .foot-links{display:flex;gap:22px;font-size:14px}
  .foot-links a{color:var(--muted);text-decoration:none}
  .foot-links a:hover{color:var(--ink)}
  .foot small{color:var(--muted);font-size:13px;width:100%;font-family:var(--mono)}

  @media (max-width:900px){
    .pains,.forma-grid,.part{grid-template-columns:1fr}
    .steps,.promises,.servs,.pd-body{grid-template-columns:1fr}
    .nav-links{display:none}
    section.block{padding:62px 0}
    .band{padding:52px 26px}.band-wrap{padding:0 16px}
    .hero{padding:58px 0 54px}
    .forma-side{position:static}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rise{opacity:1;transform:none}}

/* Déclyq — du bruit au savoir-faire. */
:root{--paper:#fafafa;--paper-2:#eeeeee;--ink:#18191b;--muted:#5b5d64;--spark:#ffcc3b;--spark-deep:#835a00;--line:#d3d3d6;--dark:#18191b;--dark-2:#25262a;--dark-muted:#bcbec5;--blue:#244ce7;--maxw:1280px}
html{scroll-padding-top:100px}.wrap{padding:0 40px}body{overflow-wrap:break-word}.rise{opacity:1;transform:none}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:14px}.skip:focus{top:10px}.reading-progress{height:3px;background:var(--blue);position:fixed;top:0;left:0;width:100%;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
header{background:#fafafaf5;backdrop-filter:blur(12px)}.nav{height:80px}.brand{font-size:32px}.brand .dot{color:var(--blue)}.nav-links{gap:20px}.nav-links a{font-size:14px}.nav .btn{font-size:13px;padding:12px 16px}.btn{border-radius:0;box-shadow:none;transition:background .2s,color .2s,transform .2s}.btn-spark{background:var(--ink);color:white;box-shadow:none}.btn-spark:hover{background:var(--blue);box-shadow:none}.btn-ghost{border-color:var(--ink)}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.12em}.eyebrow:before{display:none}
.hero{padding:64px 0 0;text-align:left;overflow:visible}.hero h1{max-width:none;margin:36px 0 40px;font-weight:800;letter-spacing:-.065em}.hero-premise{display:block;font-size:clamp(28px,4vw,53px);font-weight:500;letter-spacing:-.04em;margin-bottom:15px;color:#63656d}.hero h1 .spk{color:var(--blue);display:block;font-size:clamp(54px,8.5vw,112px);line-height:.98;letter-spacing:-.065em}.hero-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;padding:20px 0 42px}.hero .lead{margin:0;max-width:none;color:var(--ink);font-size:17px;line-height:1.7}.hero .cta-row{margin:0;justify-content:flex-start;gap:12px}.hero .cta-row .btn{padding:15px 18px;font-size:14px}.hero .micro{font-family:var(--body);font-size:13px;max-width:30em}.trust-strip{margin:0;padding:23px 0;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.trust-strip span{font-size:12px}.trust-strip .tick{color:var(--blue)}
section.block{padding:110px 0}.head{text-align:left;max-width:none;margin:0 0 52px;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.head>.eyebrow{grid-column:1/-1;margin-bottom:15px}.head h2{font-size:clamp(30px,3.6vw,47px);margin:0;line-height:1.12;letter-spacing:-.045em}.head p{font-size:17px;margin:0;line-height:1.7}.pains{gap:80px}.pain-card{background:none;border:0;border-top:1px solid var(--ink);border-radius:0;padding:25px 0}.pain-card h3{font-size:22px}.pain-card li{font-size:16px}.pains-close{text-align:left;max-width:none;margin:30px 0 0;font-size:23px}.pains-close b{background:none;color:var(--blue)}
.forma{background:var(--blue);color:white;--muted:#dbe2ff;--line:#ffffff44;--spark-deep:#ffda63}.forma .eyebrow{color:#ffda63}.forma .head h2{font-size:clamp(34px,4vw,54px)}.forma-grid{grid-template-columns:1.1fr .85fr;gap:85px}.prog{gap:0}.prog-item{border:0;border-top:1px solid #ffffff55;border-radius:0;background:transparent;padding:20px 0}.prog-item h4{font-size:18px}.prog-item p{font-size:15px}.forma-card{background:#ffcc3b;color:#18191b;border:0;border-radius:0;box-shadow:none;padding:35px;transform:rotate(1deg);--muted:#514311;--spark-deep:#18191b}.forma-card h3{font-size:30px}.forma-card .btn{background:#18191b;color:white}.forma-side{top:110px}.forma-card .price{color:#514311}
#formation .head>.eyebrow:before,#modules>.wrap>.head:first-child>.eyebrow:before,#devis .head>.eyebrow:before{display:inline;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;margin-right:12px;font-size:20px;letter-spacing:-.04em}
#formation .head>.eyebrow:before{content:"01 /"}#modules>.wrap>.head:first-child>.eyebrow:before{content:"02 /"}#devis .head>.eyebrow:before{content:"04 /"}#apropos .eyebrow:before{display:inline;content:"03 /";margin-right:12px;background:none;box-shadow:none;font-size:20px;width:auto;height:auto}
.mods{display:block;border-top:1px solid var(--ink)}.mod{display:grid;grid-template-columns:110px 1fr 1fr;column-gap:40px;row-gap:12px;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:34px 0;transition:background .25s}.mod:hover{transform:none;box-shadow:none;border-color:var(--line);background:#f0f2fc}.mod .num{grid-column:1;grid-row:1/4;color:var(--blue);font-size:12px;padding-top:8px}.mod h3{grid-column:2;grid-row:1;font-size:28px;line-height:1.15;margin:0;letter-spacing:-.035em}.mod .who{grid-column:2;grid-row:2;font-size:12px;margin:0}.mod>p:not(.who){grid-column:3;grid-row:1/3;margin:0;font-size:16px}.mod .out{grid-column:3;grid-row:3;margin:0;border:0;padding:0;font-size:14px}.mods-note{text-align:left;max-width:48em;margin-left:150px}.soon{font-size:11px;vertical-align:middle}
.demo-box{max-width:760px;border-radius:0;box-shadow:none;padding:35px}.dpanel .row{border-radius:0}.demo-box .dswitch{border-radius:0}.dknob{border-radius:0}.demo-box .demo-state{color:#ffcc3b}.demo-box .d-after .time{color:#ffcc3b}
#apropos{background:#eeeef0}.about{grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.portrait-frame{margin:0;position:sticky;top:110px}.portrait{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none}.portrait-frame figcaption{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);padding-top:14px;margin-top:16px;font-weight:700}.portrait-frame figcaption span{font-size:12px;font-weight:400}.about h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em}.about p{font-size:17px}.chip{border-radius:0;font-size:11px;background:transparent;padding:7px 9px}
.servs{max-width:none;gap:80px}.serv{border:0;border-top:2px solid var(--ink);border-radius:0;padding:26px 0;background:none}.serv:hover{transform:none;box-shadow:none}.serv h3{font-size:30px}.serv p{font-size:17px}.serv .ico{color:var(--blue)}.part{background:#eeeeef;border:0;border-radius:0;padding:45px;grid-template-columns:1fr 1fr;gap:60px}.part .tiers li{border:0;border-top:1px solid #babac2;border-radius:0;padding:15px 0}.part .tiers .n{border-radius:0;background:white}
.steps{gap:40px}.step{border:0;border-top:1px solid var(--ink);border-radius:0;background:none;padding:30px 0}.step:before{position:static;width:auto;height:auto;display:block;background:none;box-shadow:none;text-align:left;font-size:55px;color:var(--blue);line-height:1;margin-bottom:22px}.step h3{font-size:24px}.step p{font-size:16px}.band-wrap{padding:0!important}.band{max-width:none;border-radius:0;padding:90px max(40px,calc((100vw - 1200px)/2));background:var(--ink)}.band h2{max-width:19em;font-size:clamp(35px,4.5vw,60px);letter-spacing:-.045em}.promises{gap:35px}.promise{border:0;border-top:1px solid #ffffff50;background:none;border-radius:0;padding:25px 0}.band .risk{border-radius:0}.promise h4{font-size:22px}.promise p{font-size:16px}
.devis-wrap{max-width:none}.devis-form{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;max-width:880px;margin:0 auto}.fgrid{gap:25px}.field input,.field select,.field textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #777984;border-radius:0;background:#eeeef0;padding:16px;font-size:16px}.field label{font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.devis-form .btn{max-width:360px}.devis-form .legal{text-align:left}.faq{max-width:none;gap:0}details{border:0;border-top:1px solid var(--ink);border-radius:0;background:none}summary{padding:24px 0;font-size:20px;font-weight:500}details .a{max-width:850px;padding:0 0 28px;font-size:17px}summary .plus{color:var(--blue)}.final{background:var(--spark)}.final .eyebrow{color:var(--ink)}.final h2{font-size:clamp(38px,5.6vw,74px);letter-spacing:-.045em;max-width:15em}.final p{color:#494017}.final .btn-ghost{border-color:var(--ink)}footer{margin:0;background:var(--ink);color:white}.foot .brand{color:white}.foot small,.foot-links a{color:#c6c7cf}.menu-toggle{display:none}
.scroll-title{transition:transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.scroll-title.entered{transform:none}
@media(max-width:1100px){.wrap{padding:0 28px}.nav-links{gap:12px}.nav-links a{font-size:12px}.hero-bottom,.head,.forma-grid,.about{gap:38px}.hero .cta-row{flex-direction:column;align-items:flex-start}.mod{grid-template-columns:90px 1fr 1fr;gap:20px}.hero h1 .spk{font-size:9vw}}
@media(max-width:900px){.nav{height:72px;gap:12px}.nav>.btn{margin-left:auto;font-size:12px}.menu-toggle:not([hidden]){display:block;border:1px solid var(--ink);background:none;padding:10px;color:var(--ink)}.nav-links{position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:24px;display:none;border-bottom:1px solid var(--ink)}.nav-links.open{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nav-links a{font-size:16px}.hero{padding-top:40px}.hero-bottom{grid-template-columns:1fr 1fr;gap:28px}.trust-strip{justify-content:flex-start;gap:12px 28px}.head{grid-template-columns:1fr;gap:20px}.head>.eyebrow{margin:0}.head h2{max-width:20em}.head p{max-width:40em}.forma-grid{grid-template-columns:1fr 1fr;gap:30px}.forma-side{position:static}.forma-card{padding:25px;transform:none}.about{grid-template-columns:.8fr 1.2fr;gap:35px}.portrait-frame{position:static}.portrait-frame figcaption{display:block}.portrait-frame figcaption span{display:block}.servs,.part{gap:30px}.mods-note{margin-left:0}.steps{grid-template-columns:repeat(3,1fr);gap:20px}.promises{grid-template-columns:1fr}.band{padding:65px 28px}section.block{padding:75px 0}}
@media(max-width:600px){.wrap{padding:0 22px}.brand{font-size:27px}.nav>.btn{font-size:11px;padding:10px}.hero{padding:32px 0 0}.hero h1{margin:30px 0}.hero-premise{font-size:27px;max-width:11em;line-height:1.1}.hero h1 .spk{font-size:clamp(42px,10.8vw,64px);line-height:1.03;letter-spacing:-.055em}.hero-bottom{grid-template-columns:1fr;gap:25px;padding:0 0 30px}.hero .lead{font-size:16px}.hero .cta-row{flex-direction:row}.hero .cta-row .btn{font-size:13px;padding:13px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-strip span{font-size:10px}.head h2{font-size:34px}.head p{font-size:16px}.head{margin-bottom:30px}.pains{gap:20px}.pains-close{font-size:21px}.forma-grid,.about,.part{grid-template-columns:1fr}.forma-card{padding:28px}.mod{grid-template-columns:1fr;gap:12px;padding:28px 0}.mod .num,.mod h3,.mod .who,.mod>p:not(.who),.mod .out{grid-column:1;grid-row:auto}.mod .num{font-size:12px}.mod h3{font-size:27px}.mod .out{border-top:1px solid var(--line);padding-top:12px}.portrait-frame{max-width:100%;width:100%}.about h2{font-size:37px}.about p{font-size:16px}.servs,.steps{grid-template-columns:1fr}.servs{gap:25px}.part{padding:25px}.step{padding-top:22px}.step:before{font-size:42px;margin-bottom:15px}.demo-box{padding:20px}.dpanel .row{font-size:12px;padding:11px 8px;gap:5px}.d-after .time,.d-before .q{font-size:10px}.dswitch{padding:0 14px}.band{padding:60px 22px}.band .risk{padding:20px}.fgrid{grid-template-columns:1fr}.devis-form{padding:0}.faq summary{font-size:18px}.final h2{font-size:41px}.final .cta-row{flex-direction:column;align-items:center}.foot-links{flex-wrap:wrap;gap:18px}section.block{padding:60px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-title{transform:none!important;transition:none!important}}
/* Surfaces contrastées et contours adoucis — structure conservée. */
:root{--paper:#e1e7f0;--paper-2:#d8e1ee;--ink:#172338;--muted:#4e5f76;--line:#c3cede;--blue:#244ce7;--dark:#12213a;--dark-2:#20324e;--dark-muted:#c2ccdc}
body{background:var(--paper)}header{background:#e1e7f0f5;border-bottom-color:#bdc9da}.btn,.nav .btn{border-radius:999px}.btn-spark{background:#244ce7}.btn-spark:hover{background:#1939b7;transform:translateY(-2px)}.btn-ghost{border-color:#8190a7;background:#ffffff50}.btn-ghost:hover{background:#fff}.menu-toggle{border-radius:12px}
.hero{margin:24px auto 36px;width:calc(100% - 48px);max-width:1440px;padding:52px 0 0;background:#12213a;border:1px solid #2a3e5d;border-radius:34px;color:#fff;box-shadow:0 22px 48px -34px #10244380;overflow:hidden}.hero .eyebrow{color:#bfcbdf}.hero-premise{color:#c6d0e2}.hero h1 .spk{color:#ffcf58}.hero .lead{color:#e4eaf5}.hero .micro{color:#bdcbe0}.hero .btn-spark{background:#ffcf58;color:#172338}.hero .btn-spark:hover{background:#ffdc86}.hero .btn-ghost{color:#fff;background:#ffffff0a;border-color:#7184a2}.hero .btn-ghost:hover{background:#ffffff17}.trust-strip{border-bottom:0;border-top-color:#53637c}.trust-strip span{color:#c8d3e5}.trust-strip .tick{color:#ffcf58}
main>section.block{width:calc(100% - 48px);max-width:1280px;margin:32px auto;padding:60px 0;background:#f5f7fb;border:1px solid #c6d1e1;border-radius:30px;box-shadow:0 16px 38px -32px #23395255}.head{column-gap:60px}.pains{gap:24px}.pain-card{padding:28px;background:#e7edf6;border:1px solid #c7d2e3;border-radius:20px}.pains-close{font-size:22px}
main>section.forma{background:#244ce7;border-color:#355af0;color:#fff;box-shadow:0 24px 45px -32px #244ce790}.forma-grid{gap:45px}.prog{gap:12px}.prog-item{background:#ffffff0c;padding:18px;border:1px solid #ffffff38;border-radius:16px}.forma-card{border-radius:24px;box-shadow:0 18px 36px -25px #10194799;transform:none}.forma-card .btn{background:#172338}.forma-card .btn:hover{background:#263a59}
main>#modules{background:#eaf0fc}.mods{border:0;display:grid;gap:15px}.mod{padding:28px;background:#fff;border:1px solid #c6d3ea;border-radius:20px;column-gap:28px}.mod:hover{background:#f6f9ff;border-color:#8ea5df;box-shadow:0 10px 24px -22px #244ce770}.demo-box{border:1px solid #385073;border-radius:24px;box-shadow:0 16px 30px -25px #10244388}.dpanel .row{border-radius:12px}.demo-box .dswitch{border-radius:999px}.dknob{border-radius:999px}.demo-box .dswitch:focus-visible{outline-color:#ffcf58}
main>#apropos{background:#cedaeb;border-color:#b5c5dc}.portrait{border-radius:22px;box-shadow:0 18px 32px -26px #21365380}.portrait-frame figcaption{border-color:#8498b7}.chip{border-radius:999px;background:#ffffff65;border-color:#a8bad2}.about{gap:55px}
.servs{gap:24px}.serv{background:#e7edf6;border:1px solid #c7d2e3;border-radius:22px;padding:30px}.serv:hover{background:#e0e9f6}.serv .ex{border-color:#b5c4d9}.part{background:#e8edf7;border:1px solid #c7d2e3;border-radius:24px;gap:35px;padding:32px}.part .tiers li{border:1px solid #c9d3e3;border-radius:14px;background:#f9fbff;padding:14px}.part .tiers .n{border-radius:8px;background:#dbe5f5}.steps{gap:20px}.step{background:#e7edf6;border:1px solid #c7d2e3;border-radius:20px;padding:26px}.step:before{font-size:46px}
main>section.band-wrap{background:#12213a;border-color:#304667;overflow:hidden}.band{border-radius:28px;background:#12213a;padding:55px 40px;--dark-text:#eef3fc;--dark-muted:#c2ccdc}.promise{padding:24px;border:1px solid #405473;border-radius:18px;background:#20324e}.promises{gap:20px}.band .risk{border-radius:16px;background:#ffcf580a}
main>#devis{background:#cedaeb;border-color:#b5c5dc}.devis-form{padding:32px;background:#f6f8fc;border:1px solid #b5c5dc;border-radius:24px;box-shadow:0 16px 30px -28px #172b4b80}.field input,.field select,.field textarea{background:#e9eef6;border:1px solid #b7c5d9;border-radius:12px}.field input:focus,.field select:focus,.field textarea:focus{background:#fff}.form-error{border-radius:12px}.faq{gap:12px}details{background:#e7edf6;border:1px solid #c7d2e3;border-radius:16px}summary{padding:22px 24px}details[open]{background:#fff;border-color:#93a9d9}details .a{padding:0 24px 24px}
main>section.final{background:#ffcf58;border-color:#dfb343}.final .btn-spark{background:#172338;color:#fff}.final .btn-spark:hover{background:#244ce7}.final .btn-ghost{background:#ffffff30;border-color:#806629}.final p{color:#4d411f}footer{background:#12213a;border-top-color:#324765;padding-top:40px}.foot-links a:hover{color:#ffcf58}
@media(max-width:900px){.hero{width:calc(100% - 32px);margin-top:16px;border-radius:26px;padding-top:36px}main>section.block{width:calc(100% - 32px);margin:24px auto;padding:45px 0;border-radius:26px}.forma-grid{gap:25px}.about{gap:30px}.head{gap:20px}.band{padding:45px 28px}.promise{padding:22px}.mod{column-gap:20px}.part{padding:26px}.serv{padding:24px}.step{padding:22px}}
@media(max-width:600px){.hero{width:calc(100% - 20px);margin:10px auto 20px;padding-top:30px;border-radius:24px}.hero>.wrap{padding:0 20px}.hero h1 .spk{font-size:clamp(36px,10vw,60px)}.hero-premise{font-size:25px}.hero .cta-row{gap:10px}.hero .cta-row .btn{font-size:12px;padding:13px 14px}.trust-strip{gap:13px 8px}.trust-strip span{font-size:10px}main>section.block{width:calc(100% - 20px);margin:20px auto;padding:32px 0;border-radius:24px}main>section.block>.wrap{padding-left:20px;padding-right:20px}.head h2{font-size:31px}.pains{gap:14px}.pain-card{padding:22px;border-radius:18px}.pains-close{font-size:20px}.prog-item{padding:16px;gap:10px}.forma-card{padding:24px}.mod{padding:22px;gap:12px;border-radius:18px}.mod h3{font-size:25px}.mod .out{border-color:#c7d2e3}.portrait{border-radius:18px}.about h2{font-size:34px}.serv{padding:22px;border-radius:18px}.part{padding:22px;gap:24px}.steps{gap:14px}.step{padding:22px;border-radius:18px}.band{padding:34px 20px}.band h2{font-size:34px}.promises{gap:14px}.promise{padding:20px}.devis-form{padding:20px;border-radius:18px}.field label{font-size:14px}.field input,.field select,.field textarea{padding:13px}.field label .opt{margin-left:0}.fgrid{gap:22px}summary{padding:20px;font-size:17px}details .a{padding:0 20px 22px;font-size:16px}.final h2{font-size:36px}.demo-box{padding:18px;border-radius:20px}}
/* Modules : neutraliser l'ancienne grille de trois cartes imbriquée. */
#modules .mods{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;width:100%}
#modules .mod{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(0,1.2fr);column-gap:28px;row-gap:14px;min-width:0;width:100%;align-items:start}
#modules .mod>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
#modules .mod .num{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;align-items:flex-start;gap:8px;white-space:normal}
#modules .mod .soon{margin:0;white-space:normal}
#modules .mod h3{grid-column:2;grid-row:1;margin:0;font-size:26px;line-height:1.2}
#modules .mod .who{grid-column:2;grid-row:2;margin:0;line-height:1.65}
#modules .mod>p:not(.who){grid-column:3;grid-row:1/3;margin:0;line-height:1.7}
#modules .mod .out{grid-column:3;grid-row:3;margin:0;padding-top:14px;border-top:1px solid #c7d2e3;line-height:1.65}
#modules .mod .out b{display:block;margin-bottom:4px}
@media(max-width:800px){
 #modules .mod{grid-template-columns:minmax(0,1fr);gap:14px}
 #modules .mod .num,#modules .mod h3,#modules .mod .who,#modules .mod>p:not(.who),#modules .mod .out{grid-column:1;grid-row:auto}
 #modules .mod .num{flex-direction:row;flex-wrap:wrap;align-items:center;padding-top:0}
 #modules .mod h3{font-size:25px}
}