/* Shared presentation rules for all ZataLabs pages. */
:root{--police-titre:'Archivo',sans-serif;--police-texte:'Atkinson Hyperlegible Next',sans-serif}
body.site,body.page-app{font-family:var(--police-texte);font-size:16px;line-height:1.6}
body.site h1,body.site h2,body.site h3,.page-app h1,.page-app h2,.page-app h3{font-family:var(--police-titre);font-stretch:100%;letter-spacing:-.035em;line-height:1.12}
.site .section__title,.page-app h1{font-size:clamp(32px,4vw,52px)}
.site .section__sub{font-size:17px;max-width:64ch}.site .container{width:min(1120px,calc(100% - 48px))}
.site .nav{left:50%;transform:translateX(-50%);width:min(1140px,calc(100% - 40px))}
.site .nav__inner{height:68px;gap:24px}.site .nav__links{gap:20px;margin-left:auto}
.site .nav__link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.site .nav__link--cta{padding:10px 18px}.site .nav__logo{flex-shrink:0}.site .nav__tools{flex-shrink:0}
.site .btn,.page-app .btn,.page-monsoon .monsoon .button{font-family:var(--police-texte);font-size:15px;font-weight:600;line-height:1.35;min-height:48px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;text-align:center;white-space:normal}
.site .btn--petit,.page-app .btn--petit{font-size:14px;min-height:44px;padding:10px 16px}
.site .btn:focus-visible,.page-app .btn:focus-visible,.page-monsoon .monsoon a:focus-visible{outline:3px solid #345d44;outline-offset:4px}
.page-monsoon .monsoon .hero-copy{top:19%;left:24px;right:24px}
.page-monsoon .monsoon h1{font-size:clamp(40px,4.6vw,66px);line-height:1.08;letter-spacing:-.04em;margin-bottom:24px}
.page-monsoon .monsoon .hero-copy .label{font-size:11px;letter-spacing:.08em;margin-bottom:20px;padding:9px 16px}
.page-monsoon .monsoon .hero-copy .lead{font-size:17px;line-height:1.6;padding:12px 22px;margin-bottom:16px}
.page-monsoon .monsoon .hero-actions{gap:12px;align-items:stretch}.page-monsoon .monsoon .button{margin-top:0;min-width:190px}
.page-monsoon .monsoon .button.secondary{background:#f4f5f1f2;color:#242923;border:1px solid #7f897b}
.page-monsoon .monsoon .approach,.page-monsoon .monsoon #offres,.page-monsoon .monsoon .closing{padding:88px max(24px,calc((100vw - 1120px)/2))}
.page-monsoon .monsoon h2{font-size:clamp(32px,3.8vw,48px);letter-spacing:-.035em;line-height:1.15}
.page-monsoon .monsoon h2 span{color:#57624f}.page-monsoon .monsoon h3{font-size:24px;line-height:1.25}
.page-monsoon .monsoon .label,.page-monsoon .monsoon .tag{font-size:11px;letter-spacing:.1em;line-height:1.5}
.page-monsoon .monsoon .principles{gap:32px;margin-top:40px}.page-monsoon .monsoon .principles p{font-size:16px;line-height:1.65;color:#50594c}
.page-monsoon .monsoon .section-head{gap:40px;margin-bottom:32px}.page-monsoon .monsoon .section-head>p{font-size:16px;line-height:1.65}
.page-monsoon .monsoon .offers{gap:20px}.page-monsoon .monsoon .offers article{padding:28px;border:1px solid #24292326;border-radius:18px;box-shadow:0 8px 30px #24292308}
.page-monsoon .monsoon .offers h3{margin:24px 0 12px;min-height:2.5em}.page-monsoon .monsoon .offers p{font-size:16px;line-height:1.65;min-height:5em;margin:0;color:#50594c}
.page-monsoon .monsoon .offers .price{font-family:var(--police-titre);font-stretch:100%;font-size:48px;letter-spacing:-.04em;margin:24px 0 4px;font-variant-numeric:tabular-nums}
.page-monsoon .monsoon .offers .price small{font-size:15px;letter-spacing:0}.page-monsoon .monsoon .offers small{font-size:13px}
.page-monsoon .monsoon .offers article>a{display:flex;justify-content:center;align-items:center;min-height:48px;font-size:15px;font-weight:600;text-align:center;padding:12px 14px;border-radius:10px;line-height:1.4}
.page-monsoon .monsoon .offers article>a:first-of-type{margin-top:24px;background:#345d44;color:#fff;border:1px solid #345d44}
.page-monsoon .monsoon .offers article>a+a{margin-top:10px;background:transparent;border:1px solid #7f897b;color:#242923}
.page-monsoon .monsoon .offers .blue p{color:#eef4ec}.page-monsoon .monsoon .offers .blue>a:first-of-type{background:#fff;color:#284b35;border-color:#fff}.page-monsoon .monsoon .offers .blue>a+a{color:#fff;border-color:#c7dbc7}
.page-monsoon .monsoon .options{font-size:15px;line-height:1.65;margin-top:24px;color:#50594c}
.site .footer{font-size:15px}.site .footer a{display:inline-block;padding:5px 0}.site .footer__col h3{font-size:16px;letter-spacing:0}.site .footer__bottom{font-size:14px}
.site .affiche__prix{font-stretch:100%;font-size:clamp(40px,5vw,64px);letter-spacing:-.04em}.site .affiche__nom{font-size:22px}
.page-legale{line-height:1.75}.page-legale h1{font-size:clamp(30px,4vw,44px)}.page-legale h2{font-size:26px;margin-top:36px}.page-legale th,.page-legale td{font-size:15px;line-height:1.6}
.site .field input,.site .field select,.site .field textarea,.page-app .field input,.page-app .field select,.page-app .field textarea{font-size:16px}
.site .accordion__trigger{font-size:17px;line-height:1.5}.consentement-actions button,.consentement-actions>a{font-size:15px}
@media(max-width:980px){.site .nav__inner{height:60px}.site .nav__links{gap:8px}.site .nav__link{justify-content:flex-start;font-size:16px;width:100%;padding:10px 16px}.site .nav__link--cta{justify-content:center}.site .nav__links.is-open{max-height:calc(100svh - 100px);overflow:auto}.site .burger{min-width:44px;min-height:44px}}
@media(max-width:700px){.site .container{width:calc(100% - 36px)}.site .nav{width:calc(100% - 28px);top:12px}.site .nav__inner{padding:0 18px}.page-monsoon .monsoon .hero-copy{top:19%;left:18px;right:18px}.page-monsoon .monsoon h1{font-size:38px}.page-monsoon .monsoon .hero-copy .label{font-size:9px;letter-spacing:.03em}.page-monsoon .monsoon .hero-copy .lead{font-size:15px;padding:10px 14px}.page-monsoon .monsoon .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-monsoon .monsoon .button{font-size:14px;min-width:0;padding:12px 10px}.page-monsoon .monsoon .approach,.page-monsoon .monsoon #offres,.page-monsoon .monsoon .closing{padding:56px 20px}.page-monsoon .monsoon .offers h3,.page-monsoon .monsoon .offers p{min-height:0}.page-monsoon .monsoon .offers article{padding:24px}.page-monsoon .monsoon .services{font-size:12px;gap:12px}.page-monsoon .monsoon .bottom{left:18px;right:18px}.site .affiche__prix{font-size:42px}.site .affiche__nom{font-size:18px}.page-legale h2{font-size:24px}}
@media(max-width:700px) and (max-height:650px) and (orientation:portrait){.page-monsoon .monsoon .hero-copy{top:19%}.page-monsoon .monsoon h1{font-size:32px}.page-monsoon .monsoon .hero-copy .label{margin-bottom:12px}.page-monsoon .monsoon .hero-copy .lead{font-size:13px}.page-monsoon .monsoon .services{display:none}}
@media(max-height:500px) and (orientation:landscape){.page-monsoon .monsoon .hero-copy{top:26%;left:20px;right:20px}.page-monsoon .monsoon h1{font-size:28px;margin-bottom:10px}.page-monsoon .monsoon .hero-copy .lead{font-size:13px;padding:5px 12px;margin-bottom:10px}.page-monsoon .monsoon .hero-copy .label,.page-monsoon .monsoon .services{display:none}.page-monsoon .monsoon .button{font-size:14px;min-height:44px;padding:10px 16px}}

.site .nav{left:auto;transform:none}.page-monsoon .nav{position:absolute;left:50%;transform:translateX(-50%)}
@media(max-width:980px){.site .nav__links{position:absolute;top:72px;left:0;right:0;bottom:auto;width:100%;height:auto;min-height:0;max-height:calc(100svh - 108px);padding:16px;display:flex;flex-direction:column;align-items:stretch;opacity:0;visibility:hidden;transform:none;overflow:auto}.site .nav__links.is-open{opacity:1;visibility:visible}.site .nav__tools .burger{display:flex}.site .nav__link{font-family:var(--police-texte);border-radius:8px;border-bottom:0}.site .nav__link--cta{margin:8px 0 0}.site .nav__separateur{display:none}}
.page-monsoon .monsoon .stage:after{background:linear-gradient(180deg,#ffffff66 0%,#ffffff80 35%,#ffffff00 65%,#142b1970 100%)}

.site .choix-formule__carte .prix,.site .resume__total .prix,.site .prix-compris .prix{font-stretch:100%;font-variant-numeric:tabular-nums}.site .option-carte__variable,.site .resume__variable{font-style:normal}

/* Premier écran épuré : un titre et une seule action. */
.page-monsoon .monsoon .hero-actions{display:flex;justify-content:center;margin-top:28px}.page-monsoon .monsoon .hero-actions .button{flex:none;min-width:190px}.page-monsoon .monsoon .bottom{display:flex;justify-content:center}


/* Présentation épurée sur les pages publiques, légales et l’espace client. */
.site .section__head{margin-bottom:40px}.site .section__sub{max-width:54ch;margin-top:16px;font-size:17px;line-height:1.65}.site h1{max-width:22ch}.site .tarifs-v8__tete h1{font-size:clamp(36px,5vw,56px);font-weight:600}.site .tarifs-v8__tete .chapo{font-size:17px;line-height:1.65;max-width:40ch}
.site .btn--ghost{background:transparent;box-shadow:none}.site .tarifs-v8__actions{gap:16px;flex-wrap:wrap}.site .btn--ghost:not(.btn--block){border-color:transparent;text-decoration:underline;text-underline-offset:5px}
.details-sobres{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:0;margin:24px 0;background:transparent;box-shadow:none}.details-sobres>summary{cursor:pointer;min-height:56px;padding:16px 8px;font-weight:600;font-size:16px;line-height:1.5}.details-sobres>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.details-sobres[open]>summary{margin-bottom:16px}.details-sobres>p{padding:0 8px 20px;max-width:62ch}
.site .mensuels-v8{border-top:1px solid var(--stroke);gap:0 40px}.site .mensuels-v8>li{padding:24px 0;row-gap:10px}.site .mensuels-v8>li>strong{font-size:18px;font-weight:600}.site .savoir-v8{gap:28px 40px}.site .savoir-v8 dt{font-weight:600}.site .savoir-v8 dd{font-size:16px;line-height:1.7}
.site .demo-vignette,.site .demo-avance{box-shadow:none;background:#fff}.site .demo-vignette__corps{padding:24px}.site .demo-vignette__corps strong{font-size:23px;line-height:1.25}.site .demo-vignette__resume{font-size:16px;line-height:1.6}.site .demos-nav{gap:10px;flex-wrap:wrap}.site .demos-nav a{min-height:44px;display:inline-flex;align-items:center;padding:10px 16px}.site .demos-grille{gap:24px}.site .demos-categorie{margin-top:64px}.site .demos-categorie__tete{margin-bottom:24px}.site .capacites-appel-v8 h2{max-width:22ch;font-size:clamp(30px,4vw,44px)}
.site .config__etape{padding:28px 0;margin-bottom:24px;border-bottom:1px solid var(--stroke)}.site .config__etape>h2{margin-bottom:24px;line-height:1.4}.site .config__aide{font-size:16px;line-height:1.65}.site .choix-formule__carte,.site .option-carte,.site .resume{box-shadow:none}.site .resume{border:1px solid var(--stroke);border-radius:18px;padding:28px;background:#fff}.site .form{gap:24px}.site .contact__left p{max-width:48ch}.site .depot-verrou{box-shadow:none}
.page-app .carte-auth{box-shadow:none;border-radius:20px}.page-app .carte-auth__titre{font-size:36px}.page-app .carte-auth__sous{font-size:16px;line-height:1.6}.page-app .carte-auth__liens{line-height:1.8}.page-app .app-main{max-width:1140px;margin:auto}.page-app .glass{box-shadow:none}.page-legale{box-shadow:none}.page-legale p,.page-legale li{max-width:72ch}.page-legale h2{margin-top:40px;margin-bottom:16px}
@media(max-width:700px){.site .section__head{margin-bottom:28px}.site .section__sub,.site .tarifs-v8__tete .chapo{font-size:16px}.site .section__title{font-size:34px}.site .tarifs-v8__tete h1{font-size:38px}.site .tarifs-v8__actions{align-items:stretch;flex-direction:column;gap:8px}.site .tarifs-v8__actions .btn{width:100%}.site .mensuels-v8{grid-template-columns:1fr}.site .mensuels-v8>li{grid-template-columns:minmax(0,1fr);padding:24px 0}.site .mensuels-v8>li>.prix{text-align:left;white-space:normal}.site .demos-grille{grid-template-columns:1fr}.site .demo-vignette__corps{padding:20px}.site .demos-nav{display:flex;overflow:visible}.site .demos-categorie{margin-top:48px}.site .config__etape{padding:20px 0}.site .config__formules{grid-template-columns:1fr}.site .resume{padding:22px}.site .contact{gap:32px}.page-legale{padding:24px 20px;border-radius:16px}.page-app .carte-auth{padding:28px 22px;width:100%;min-width:0}.page-app .app-main{padding-left:16px;padding-right:16px}.site .footer__grid{gap:28px}.site .field input,.site .field textarea,.site .field select,.page-app .field input,.page-app .field select{min-height:48px;font-size:16px}}

.site .affiche__points{background:none;opacity:0}.site .affiche__liste{border-top:1px solid var(--stroke)}.site .demos-options.details-sobres{padding:0;background:transparent;border-left:0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}

.page-app .espace-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.page-app .espace-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--stroke);border-radius:10px}.page-app [id]{scroll-margin-top:100px}.page-app .app-bar__tools{flex-wrap:wrap}@media(max-width:540px){.page-app .app-bar{border-radius:20px;align-items:center;gap:12px;padding:12px 16px}.page-app .app-bar__tools{gap:6px}.page-app .app-bar__tools .btn{font-size:13px;padding:10px;min-height:44px}.page-app .espace-nav a{flex:1 1 auto;justify-content:center}.page-app .espace-tuiles{grid-template-columns:1fr}}
