@font-face{font-family:"Inter Tight";src:url(fonts/inter-tight-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-style:italic;font-display:swap}
:root{--nuit:#071621;--encre:#0d1c26;--ivoire:#eeede8;--blanc:#fcfcfa;--orange:#f0722e;--orange-fort:#c9500f;--bleu:#0f3d57;--gris:#55646d;--marge:clamp(18px,3.2vw,48px);--e:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ivoire);color:var(--encre);font:400 clamp(16px,1.15vw,18px)/1.5 "Inter Tight",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}a{color:inherit}
h2{font-size:clamp(36px,5.6vw,84px);font-weight:500;line-height:1;letter-spacing:-.035em}
h3{font-weight:600;letter-spacing:-.015em}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.bouton{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 24px;border-radius:999px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .25s var(--e),background-color .2s,color .2s}
.bouton:hover{transform:translateY(-2px)}.bouton:active{transform:translateY(0) scale(.98)}.bouton span{transition:transform .25s var(--e)}.bouton:hover span{transform:translateX(4px)}
.bouton.clair{background:var(--blanc);color:var(--encre)}.bouton.clair:hover{background:var(--orange);color:#180800}
.bouton.verre{color:var(--blanc);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.bouton.verre:hover{background:rgba(255,255,255,.2)}
.bouton.petit{height:42px;padding:0 18px;font-size:15px}
.barre{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;padding:0 var(--marge);color:var(--blanc);mix-blend-mode:normal}
.barre::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(7,22,33,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .3s}.barre.defile::before{opacity:1}
.marque{font-size:22px;font-weight:650;letter-spacing:-.03em;text-decoration:none}
.barre nav{display:flex;gap:clamp(16px,2.2vw,32px);font-size:15px;font-weight:500}.barre nav a{text-decoration:none;opacity:.86;transition:opacity .2s}.barre nav a:hover{opacity:1}
.fond{position:absolute;inset:0;overflow:hidden}.fond canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ouverture{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:110px var(--marge) clamp(28px,3.4vw,44px);color:var(--blanc);background:var(--nuit);overflow:hidden}
.ouverture>[data-fond="crepuscule"]{background:radial-gradient(90% 70% at 72% 26%,#f0722e,#134a63 52%,#071621)}
.ouverture::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,22,33,.78),rgba(7,22,33,.34) 48%,transparent 74%);pointer-events:none}
.ouverture-corps{position:relative;z-index:1;max-width:1180px}
h1{font-size:clamp(44px,8.3vw,132px);font-weight:500;line-height:.98;letter-spacing:-.042em}
h1 em{font:italic 400 1.06em/1 "Instrument Serif",Georgia,serif;letter-spacing:-.02em;color:#ffd9ad}
.ligne{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.1em}.ligne>span{display:block;animation:monte 1.05s var(--e) .08s backwards}.ligne:nth-child(2)>span{animation-delay:.2s}
@keyframes monte{from{transform:translateY(106%)}}@keyframes pose{from{opacity:0;transform:translateY(18px)}}
.chapeau{max-width:44em;margin-top:24px;font-size:clamp(17px,1.5vw,22px);line-height:1.4;animation:pose .85s var(--e) .55s backwards}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;animation:pose .85s var(--e) .72s backwards}
.prix-ouverture{position:absolute;z-index:1;right:var(--marge);bottom:clamp(36px,4vw,52px);font-size:16px;text-align:right;animation:pose .85s var(--e) .85s backwards}.prix-ouverture b{font-weight:650}
section{padding:clamp(80px,11vw,180px) var(--marge)}
.essai{background:var(--ivoire)}.essai-tete{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:24px var(--marge);align-items:end}.essai-tete p{font-size:clamp(17px,1.4vw,20px)}
.phrases{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(28px,4vw,52px)}
.phrases button{min-height:46px;padding:8px 20px;border:0;border-radius:999px;background:#e5dfd2;color:var(--encre);font:600 15px "Inter Tight",sans-serif;cursor:pointer;transition:background-color .2s,color .2s,transform .2s var(--e)}.phrases button:hover{background:#d9d2c2}.phrases button:active{transform:scale(.97)}.phrases button[aria-pressed=true]{background:var(--encre);color:var(--blanc)}
.ecran{margin-top:18px}
@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.ecran-cadre{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);min-height:clamp(380px,29vw,470px);border-radius:20px;background:var(--nuit);color:var(--blanc);overflow:hidden;isolation:isolate}
.ecran-cadre::before{content:"";position:absolute;inset:0;z-index:2;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--angle),transparent 72%,#f0722e 86%,#ffd9ad 92%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:tourne 7s linear infinite;pointer-events:none}
@keyframes tourne{to{--angle:360deg}}
.ecran-demande{display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.4vw,34px)}.invite{font-size:14px;color:#9fb2bc}.ecran-demande p{font-size:clamp(21px,2vw,29px);font-weight:400;line-height:1.16;letter-spacing:-.02em;min-height:6.9em}
.ecran-app{display:flex;flex-direction:column;gap:14px;margin:10px 10px 10px 0;padding:18px;border-radius:13px;background:var(--blanc);color:var(--encre);font-size:14px;min-width:0;overflow:hidden}
.app-tete{display:flex;justify-content:space-between;align-items:center;font-size:17px}.app-bouton{flex:none;white-space:nowrap;padding:7px 12px;border-radius:8px;background:#123042;color:#fff;font-size:13px;font-weight:600}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;flex:1}.col{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:#eef0ec}.col h3{display:flex;justify-content:space-between;margin:0;font-size:13px}.col h3 i{font-style:normal;color:var(--gris)}
.col article{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:8px;background:#fff;overflow-wrap:anywhere}.col article span,.col article small{color:var(--gris);font-size:12.5px}.col article.retard{box-shadow:inset 3px 0 0 var(--orange)}.col em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--orange-fort)}
.rangee{display:grid;grid-template-columns:1.1fr 1.7fr .7fr .8fr;gap:12px;padding:13px 10px;border-radius:8px;background:#f3f4f0}.rangee+.rangee{margin-top:6px}.rangee.tete{background:none;padding-block:0;color:var(--gris);font-size:13px}.rangee.alerte{box-shadow:inset 3px 0 0 var(--orange)}.rangee em{font-style:normal;font-weight:600;color:var(--orange-fort)}
.jours,.ligne-equipe{display:grid;grid-template-columns:.8fr repeat(4,minmax(0,1fr));gap:7px}.jours{color:var(--gris);font-size:13px;margin-bottom:6px}.ligne-equipe{min-height:118px;margin-top:7px}.ligne-equipe b{align-self:center}.ligne-equipe i{border-radius:8px;background:#f0f1ed;font-style:normal;padding:10px;line-height:1.3}.ligne-equipe .bloc{background:#d8e6ea;font-weight:600}.ligne-equipe .chaud{background:#fbdcc6;color:#7c3208}
.parcours{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px var(--marge);background:var(--encre);color:var(--blanc)}
.parcours-gauche{position:sticky;top:110px;align-self:start}.parcours-gauche h2{font-size:clamp(36px,4.4vw,70px)}.parcours-gauche p{margin-top:24px;max-width:28em;font-size:clamp(17px,1.4vw,20px);color:#d4dcdf}
.etapes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(40px,4.6vw,72px)}.etapes p b{color:#f6a26e;font-weight:600}.fragment{margin-top:22px;max-width:34em;border-radius:14px;background:var(--blanc);color:var(--encre);font-size:14.5px;overflow:hidden}.f-bandeau{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:12px 14px;background:#fbe3d2;color:#6d2c07;font-weight:600}.f-bandeau b{padding:8px 13px;border-radius:999px;background:var(--encre);color:#fff;white-space:nowrap}.f-corps{display:flex;gap:12px;padding:14px}.f-corps i{flex:none;width:38px;height:38px;border-radius:10px;background:var(--bleu)}.f-corps div,.publier div{display:flex;flex-direction:column;gap:3px}.f-corps span,.publier span{color:var(--gris)}.suivi{display:flex;flex-direction:column;gap:9px;padding:15px}.suivi span{display:flex;align-items:center;gap:10px}.suivi span::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:#2c8a6a}.suivi .cours::before{background:none;border:2px solid #d7d7cf;border-top-color:var(--orange);animation:rond 1s linear infinite}@keyframes rond{to{transform:rotate(360deg)}}.publier{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px}.publier b{padding:10px 20px;border-radius:999px;background:var(--encre);color:#fff}.etapes h3{font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.05;letter-spacing:-.03em}.etapes p{margin-top:14px;max-width:32em;font-size:clamp(17px,1.35vw,20px);color:#d4dcdf}
.grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:clamp(32px,5vw,64px)}
.carte{position:relative;grid-column:span 4;display:flex;flex-direction:column;gap:12px;min-height:clamp(280px,25vw,370px);padding:clamp(20px,2.3vw,32px);border-radius:20px;background:var(--blanc);overflow:hidden;transition:transform .35s var(--e)}.carte:hover{transform:translateY(-4px)}.carte.large{grid-column:span 8}.carte h3{font-size:clamp(25px,2.5vw,38px);font-weight:500;line-height:1.05;letter-spacing:-.028em;max-width:15em}.carte p{max-width:32em}
.carte.sombre{justify-content:flex-end;background:var(--nuit);color:var(--blanc)}.petit-fond{opacity:.85}.carte-texte{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;margin:-16px;background:linear-gradient(0deg,var(--nuit) 45%,transparent)}
.carte.accent{background:var(--orange);color:#180800}.carte.clair{justify-content:flex-end;background:#dbe6e6}
.champ{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding:14px;border-radius:12px;background:#eef0ec;font-size:14px}.champ b{font-size:18px;letter-spacing:.12em}
.faux-bouton{align-self:flex-start;margin-top:auto;padding:12px 22px;border-radius:999px;background:#180800;color:#fff;font-weight:600}
.metiers{padding-top:0}.metiers-liste{margin-top:clamp(28px,4vw,56px)}.metier{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:10px var(--marge);align-items:baseline;padding:clamp(20px,2.4vw,32px) 0;transition:color .2s}.metier h3{font-size:clamp(38px,6vw,92px);font-weight:500;line-height:1;letter-spacing:-.04em;transition:transform .45s var(--e),color .2s}.metier:hover h3{transform:translateX(12px);color:var(--orange-fort)}.metier p{font-size:clamp(17px,1.5vw,22px);line-height:1.35}
.tarifs{background:#e7e0d2}.tarifs-tete{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:18px var(--marge);align-items:end}
.offres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(32px,5vw,60px)}.offre{display:flex;flex-direction:column;gap:6px;padding:clamp(18px,1.8vw,26px);border-radius:18px;background:var(--blanc);min-height:330px;transition:transform .35s var(--e)}.offre:hover{transform:translateY(-4px)}.pour{font-size:15px;font-weight:600;opacity:.7}.offre h3{font-size:clamp(24px,2.1vw,32px);font-weight:500;line-height:1.05;letter-spacing:-.025em;min-height:2.1em}.prix{font-size:clamp(30px,2.7vw,42px);font-weight:500;line-height:1.02;letter-spacing:-.035em}.mois{font-weight:600}.offre p:last-child{margin-top:auto}.offre.vedette{background:var(--encre);color:var(--blanc)}
.tarifs-note{margin-top:22px;font-size:clamp(17px,1.35vw,20px)}
.questions{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:30px var(--marge);background:var(--ivoire)}
details{padding:0 22px;border-radius:14px;background:var(--blanc)}details+details{margin-top:8px}summary{display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:clamp(20px,1.9vw,28px);font-weight:500;letter-spacing:-.02em;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";transition:transform .3s var(--e)}details[open] summary::after{transform:rotate(45deg)}details p{max-width:36em;padding-bottom:24px;font-size:clamp(17px,1.3vw,19px)}
.fin{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:clamp(70px,9vw,130px) var(--marge) 22px;background:var(--nuit);color:var(--blanc);overflow:hidden}
.fin-corps{position:relative;z-index:2;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.fin h2{max-width:13em}.fin-corps p{font-size:clamp(17px,1.5vw,22px)}
.formulaire{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(760px,100%);margin-top:8px}.formulaire label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:500}.formulaire .large{grid-column:1/-1}.formulaire input:not([type=checkbox]),.formulaire textarea{width:100%;min-height:50px;padding:12px 14px;border:0;border-radius:12px;background:rgba(252,252,250,.94);color:var(--encre);font:400 16px/1.4 "Inter Tight",sans-serif}.formulaire textarea{resize:vertical}.formulaire .piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.formulaire .accord{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}.accord input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--orange)}.envoi{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.envoi p{font-weight:600}.formulaire button{border:0;cursor:pointer;font:600 16px "Inter Tight",sans-serif}.formulaire button:disabled{opacity:.6;cursor:wait}
.lien-saas{align-self:flex-start;display:inline-flex;gap:8px;margin-top:12px;font-weight:600;color:var(--orange-fort)}
.ouverture-saas{min-height:88svh}.avis-maquette{display:inline-block;margin-bottom:22px;padding:8px 14px;border-radius:999px;background:rgba(7,22,33,.6);font-size:15px;font-weight:500}
.ecran-saas{border-radius:20px;background:var(--nuit);padding:10px}.ecran-saas .ecran-app{margin:0;min-height:430px}.panneau-saas{display:flex;flex-direction:column;gap:8px}.panneau-saas .rangee+.rangee{margin-top:0}.chiffres-saas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.chiffres-saas div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:10px;background:#eef0ec}.chiffres-saas span{color:var(--gris)}.chiffres-saas b{font-size:clamp(22px,2.6vw,38px);font-weight:500;letter-spacing:-.03em}
.offres-deux{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-courte{min-height:62svh;justify-content:center}.fin-courte .fin-corps{gap:18px}
.mot{position:relative;z-index:0;pointer-events:none;margin-top:auto!important;padding-top:48px;font-size:clamp(84px,31.5vw,560px);font-weight:500;line-height:.85;letter-spacing:-.06em;white-space:nowrap}
.mentions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:22px;font-size:13.5px}
@media (max-width:980px){.barre nav{display:none}.essai-tete,.tarifs-tete{grid-template-columns:minmax(0,1fr)}.ecran-cadre{grid-template-columns:minmax(0,1fr)}.ecran-demande p{min-height:4.7em;font-size:20px}.ecran-app{margin:0 8px 8px}.parcours,.questions{grid-template-columns:minmax(0,1fr)}.parcours-gauche{position:static}.carte,.carte.large{grid-column:span 12;min-height:250px}.offres{grid-template-columns:repeat(2,minmax(0,1fr))}.metier{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.chiffres-saas{grid-template-columns:minmax(0,1fr)}.offres-deux{grid-template-columns:minmax(0,1fr)}.formulaire{grid-template-columns:minmax(0,1fr)}.prix-ouverture{position:relative;right:auto;bottom:auto;text-align:left;margin-top:18px}.ouverture{padding-bottom:24px}.kanban{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.rangee{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.rangee.tete{display:none}.rangee span:nth-of-type(1){grid-column:1/-1;grid-row:2}.rangee>:nth-child(3){grid-column:2;grid-row:1}.rangee>:nth-child(4){grid-column:1/-1;font-size:12.5px}.jours,.ligne-equipe{grid-template-columns:repeat(4,minmax(0,1fr));font-size:12.5px}.jours span:first-child{display:none}.ligne-equipe b{grid-column:1/-1}.ligne-equipe{min-height:0}.ligne-equipe i{min-height:72px;padding:7px}.offres{grid-template-columns:minmax(0,1fr)}.offre{min-height:0;gap:8px}.offre h3{min-height:0}.offre p:last-child{margin-top:8px}.mentions{font-size:13px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(32px,5vw,60px)}.branche{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);padding:clamp(18px,1.8vw,26px);border-radius:18px;background:var(--blanc)}.branche h3{margin-top:4px;font-size:clamp(26px,2.3vw,34px);font-weight:500;line-height:1.05;letter-spacing:-.025em}.branche.vedette{background:var(--encre);color:var(--blanc)}.formule{display:flex;flex-direction:column;gap:6px;padding-top:clamp(14px,1.4vw,20px);border-top:1px solid rgba(13,28,38,.14)}.branche.vedette .formule{flex:1;gap:14px;border-top-color:rgba(252,252,250,.22)}.branche.vedette .bouton{align-self:flex-start;margin-top:auto}.formule h4{margin:0;font-size:clamp(17px,1.35vw,20px);font-weight:600;line-height:1.2}
@media (max-width:980px){.branches{grid-template-columns:minmax(0,1fr)}}
.comparer{background:var(--blanc);padding-top:clamp(70px,8vw,130px)}.comparer h2{max-width:14em}.comparer-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(28px,4vw,56px)}.comparer-grille article{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,1.8vw,26px);border-radius:18px;background:var(--ivoire)}.comparer-grille h3{font-size:clamp(22px,1.9vw,28px);font-weight:500;line-height:1.08;letter-spacing:-.02em}.comparer-grille p{font-size:clamp(16px,1.2vw,18px)}.comparer-grille .choisi{background:var(--encre);color:var(--blanc)}
.etape-appel{margin-top:-8px}.bouton.sombre{background:var(--encre);color:var(--blanc);white-space:normal}.bouton.sombre:hover{background:var(--orange-fort)}.tarifs-appel{margin-top:22px}.repere{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--orange-fort)}.branche.a-venir{background:transparent;box-shadow:inset 0 0 0 1px rgba(13,28,38,.22)}.branche.a-venir .formule{flex:1;gap:14px}.branche.a-venir .bouton{align-self:flex-start;height:auto;min-height:54px;margin-top:auto;padding-block:12px}.signature{display:block;margin-bottom:8px;font-weight:600}
@media (max-width:980px){.comparer-grille{grid-template-columns:minmax(0,1fr)}.tarifs-tete h2{font-size:clamp(34px,8vw,56px)}}
.note-app{margin:14px 0 0;max-width:46em;font-size:clamp(15px,1.15vw,17px);line-height:1.4}
.doutes{background:var(--ivoire)}.doutes h2{max-width:13em}.doutes-liste{margin-top:clamp(28px,4vw,56px)}.doute{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px var(--marge);align-items:baseline;padding:clamp(22px,2.6vw,36px) 0;border-top:1px solid rgba(13,28,38,.16)}.doute h3{font-size:clamp(28px,3.6vw,54px);font-weight:500;line-height:1.05;letter-spacing:-.03em}.doute p{font-size:clamp(17px,1.4vw,20px)}
.idees{background:#e7e0d2}.idees-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(32px,5vw,60px)}.idees-grille article{display:flex;flex-direction:column;gap:12px;min-height:clamp(240px,22vw,320px);padding:clamp(18px,1.8vw,26px);border-radius:18px;background:var(--blanc)}.idees-grille h3{font-size:clamp(26px,2.4vw,36px);font-weight:500;line-height:1.05;letter-spacing:-.025em}.idees-grille article p:last-child{margin-top:auto}
.imaginer .ecran-saas .rangee{cursor:default}
.a-vous{background:var(--encre);color:var(--blanc)}.a-vous-intro{margin-top:18px;max-width:30em;font-size:clamp(18px,1.6vw,24px)}.a-vous-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(36px,5vw,72px)}.a-vous-grille article{padding-top:18px;border-top:1px solid rgba(252,252,250,.25)}.a-vous-grille h3{font-size:clamp(26px,2.4vw,36px);font-weight:500;letter-spacing:-.025em}.a-vous-grille p{margin-top:12px;font-size:clamp(17px,1.3vw,19px);color:#d4dcdf}
@media (max-width:980px){.doute{grid-template-columns:minmax(0,1fr)}.idees-grille,.a-vous-grille{grid-template-columns:minmax(0,1fr)}.idees-grille article{min-height:0}.idees-grille article p:last-child{margin-top:0}}