/* Direction SaaS Etatys : accents sable, repères et visuels de marque. */
.topbar{background:var(--blue)}
.hero{position:relative;padding-bottom:62px}.hero-grid{gap:55px}.tag{background:var(--cream);border-color:var(--sand);color:var(--ink)}.hero-copy h1 .accent{margin-top:5px}.hero-benefits li:before{background:var(--cream);border-radius:50%;width:20px;height:20px;font-size:12px;text-align:center;line-height:20px;top:2px}.hero-benefits li{padding-left:31px}.hero-actions .button:first-child{box-shadow:0 6px 15px #215ebc20}.hero-visual{padding:0;align-self:center}.hero-photo{height:350px;margin:0;border-radius:20px 65px 20px 20px;box-shadow:none;background:var(--cream)}.hero-photo img{height:100%;object-position:center;filter:none}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:96px;display:block}.hero-visual-caption{display:flex;align-items:center;gap:15px;padding:21px 14px 0}.caption-rule{height:43px;width:5px;background:var(--blue);border-radius:3px;flex-shrink:0}.hero-visual-caption strong{font-size:16px;font-weight:600;line-height:1.5}.hero-visual-caption p{font-size:12px;color:var(--muted);margin-top:3px}.hero-note{max-width:500px}
#enjeux{border-top:1px solid var(--sand)}.section-heading .eyebrow,.split-heading .eyebrow{display:inline-block;padding:6px 12px;border-radius:6px;background:var(--cream);color:var(--ink);letter-spacing:1px}.section-heading h2>span{color:var(--blue)}.data-panel{background:var(--cream);border:1px solid var(--sand)}.panel-title .mini-icon{background:var(--blue);color:white}.panel-note{border-top-color:#cdb58e;color:var(--ink)}.data-list strong{color:var(--ink)}.soft-section{background:#fbf9f5}.service-card{border-color:#e2d7c4;border-top:4px solid var(--sand)}.service-card:nth-child(2),.service-card:nth-child(3){border-top-color:var(--blue)}.service-index{background:#edf3fd;padding:5px 8px;border-radius:4px;align-self:flex-start}.inline-cta{background:var(--sand);border:0;padding:27px 30px}.inline-cta strong{font-size:19px}.inline-cta p{color:var(--ink)}
.dashboard-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding-block:70px;align-items:center;border-bottom:1px solid var(--line)}.dashboard-copy h2{font-size:34px}.dashboard-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin-top:21px}.dashboard-copy ul{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:12px}.dashboard-copy li{font-size:14px;padding-left:22px;position:relative}.dashboard-copy li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.dashboard-copy strong{font-weight:600}.dashboard-slot{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;border:2px dashed #baa47d;border-radius:18px;background:var(--cream);padding:32px;text-align:center;box-shadow:12px 12px 0 #e0cba94d}.image-slot-icon{color:var(--blue);background:white;border-radius:14px;padding:19px;box-shadow:0 5px 14px #0d2b3c08}.dashboard-slot strong{display:block;font-size:21px}.dashboard-slot figcaption>span{display:block;color:var(--muted);font-size:13px;margin-top:8px}.needs-grid article{background:var(--ivory);border-top:3px solid var(--sand);padding:26px;border-radius:0 0 13px 13px}.number{background:var(--blue);color:white}.cyber-panel{border-top:7px solid var(--sand)}.steps li>span{background:var(--cream);border:1px solid var(--sand);color:var(--ink)}.local-block{border:0;background:var(--cream)}
.pricing-section{background:#f1f5fb}.price-card{box-shadow:0 8px 25px #0d2b3c07;border-top:5px solid var(--sand);padding-top:26px}.price-card.featured{border-top:5px solid var(--blue);padding-top:26px}.featured .price-top h3{color:var(--blue)}.price-top{min-height:175px}.price-card.custom{position:relative;background:var(--sand);border-color:#d4bb92;border-top-color:var(--ink);color:var(--ink)}.custom-marker{display:grid;place-items:center;position:absolute;right:23px;top:24px;background:var(--ink);color:white;width:33px;height:33px;border-radius:9px;font-size:23px}.custom .plan-label{max-width:205px;padding-right:18px;color:var(--ink)}.custom .price-top h3{padding-top:5px}.custom .price-top>p:last-child,.custom .payment-note,.custom .included>p{color:#344754}.custom .button.secondary{background:var(--ink);color:white;border-color:var(--ink)}.custom .button.secondary:hover{background:var(--blue);border-color:var(--blue)}.custom .included{border-color:#bba37c}.custom .included li:before{color:var(--ink)}.custom-price strong{font-size:36px}.pricing-help{border-color:var(--sand);border-left:5px solid var(--sand)}
.faq-art{width:250px;max-width:75%;height:auto;margin:30px 0 0 20px}.faq-list{border-top:0;display:grid;gap:10px}.faq-list details{border:1px solid #e2dfd6;border-radius:10px;background:var(--ivory);padding-inline:22px}.faq-list details[open]{border-color:#a7bddc;background:#f5f8fd}.faq-list summary{padding-block:20px}.faq-list .detail-sign{background:var(--sand);color:var(--ink)}.journal .eyebrow{color:var(--blue)}.journal-grid{grid-template-columns:repeat(3,1fr);gap:22px}.journal-card{display:flex;flex-direction:column;border-color:#e0d7c6;border-radius:15px}.journal-photo{height:185px;min-height:0;background:white}.journal-photo img{object-fit:cover}.journal-card:nth-child(2) .journal-photo img{object-fit:contain;padding:15px}.journal-card>div:last-child{padding:24px;flex:1}.journal-card h3{font-size:20px}.journal-meta{font-size:9px}.journal-card .article-link{padding-top:22px}
.contact-panel{background:var(--cream);color:var(--ink);padding:44px;gap:45px;grid-template-columns:1.2fr 1fr;border:1px solid var(--sand);position:relative;overflow:hidden}.contact-panel:before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;border:55px solid #e0cba955;left:-200px;bottom:-270px;pointer-events:none}.contact-panel .contact-copy{position:relative}.contact-panel .eyebrow{color:var(--blue)}.contact-panel h2{font-size:39px}.contact-panel .contact-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:20px;line-height:1.8}.contact-steps{margin-top:25px;display:grid;gap:15px}.contact-steps p{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7}.contact-steps span{background:white;color:var(--blue);font-size:11px;font-weight:600;display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:7px}.contact-panel .contact-direct{border:0;background:var(--blue);color:white;padding:30px;border-radius:15px;box-shadow:0 10px 25px #215ebc19;position:relative}.contact-card-label{font-size:9px!important;letter-spacing:1px;line-height:1.6}.contact-direct h3{font-size:24px;margin-top:14px}.contact-panel .contact-direct>.button{width:100%;font-size:14px;margin:23px 0 0;min-height:51px;justify-content:space-between;font-weight:600}.contact-channels{border-top:1px solid #ffffff40;margin-top:25px;padding-top:20px}.contact-channels>span{font-size:11px;color:#e0eafb}.contact-channels a{display:flex;align-items:center;gap:20px;min-height:44px;font-size:16px}.contact-channels a:first-of-type{font-size:27px;font-weight:600;margin-top:7px}.contact-panel .contact-direct>p{font-size:11px!important;color:#e0eafb;margin-top:16px}.contact-panel .contact-copy :focus-visible{outline-color:var(--blue)}
@media(max-width:1150px){.hero-grid{gap:35px}.hero-photo{height:325px}.price-top{min-height:195px}.custom .plan-label{padding-right:30px}.dashboard-section{gap:35px}.dashboard-copy h2{font-size:31px}.contact-panel{padding:33px;gap:30px}.contact-panel h2{font-size:34px}.contact-panel .contact-direct{padding:25px}.contact-direct h3{font-size:21px}}
@media(max-width:900px){.hero-photo{height:300px}.hero-visual-caption{padding:17px 5px 0;gap:10px}.hero-visual-caption strong{font-size:14px}.hero-visual-caption p{font-size:11px}.dashboard-section{grid-template-columns:1fr 1fr;padding-block:55px;gap:30px}.dashboard-copy h2{font-size:29px}.dashboard-slot{min-height:330px;padding:23px}.dashboard-slot strong{font-size:18px}.needs-grid article{padding:20px}.price-card.custom{display:block;grid-column:1/-1}.custom .price-top{min-height:0;max-width:500px}.custom .plan-label{max-width:none;padding-right:50px}.custom .price{margin-top:24px}.custom>.button{max-width:330px}.custom .included{display:grid}.price-top{min-height:166px}.faq-art{width:160px;margin:22px 0 0}.journal-grid{grid-template-columns:1fr 1fr}.journal-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.journal-card:last-child .journal-photo{height:100%;min-height:240px}.contact-panel{grid-template-columns:1fr;gap:30px}.contact-panel .contact-direct{padding:28px}.contact-panel .contact-direct>.button{max-width:370px}.contact-panel .contact-copy>p:not(.eyebrow){max-width:none}}
@media(max-width:600px){.hero-photo{height:265px;border-radius:16px 48px 16px 16px}.hero-visual{padding:0}.hero-wave{height:80px}.hero-visual-caption{padding:16px 4px 0;gap:12px}.hero-visual-caption strong{font-size:14px}.hero-visual-caption p{font-size:11px}.hero{padding-bottom:35px}.section-heading .eyebrow,.split-heading .eyebrow{font-size:8px;padding:6px 8px}.inline-cta{padding:23px}.inline-cta strong{font-size:17px}.dashboard-section{grid-template-columns:1fr;padding-block:48px;gap:27px}.dashboard-copy h2{font-size:28px}.dashboard-copy>p:not(.eyebrow){font-size:15px}.dashboard-slot{min-height:260px;box-shadow:7px 7px 0 #e0cba94d}.dashboard-copy li{font-size:13px}.needs-grid article{padding:22px}.price-top{min-height:0}.price-card,.price-card.featured{padding-top:25px}.custom-marker{top:23px;right:22px}.custom .plan-label{max-width:225px;padding-right:25px;font-size:8px}.custom .included{display:block}.custom-price strong{font-size:35px}.faq{gap:28px}.faq-art{width:155px;margin:23px auto 0}.faq-list details{padding-inline:17px}.faq-list summary{font-size:14px}.journal-grid{grid-template-columns:1fr}.journal-card:last-child{display:flex;grid-column:auto}.journal-photo,.journal-card:last-child .journal-photo{height:190px;min-height:0}.journal-card h3{font-size:20px}.contact-panel{padding:25px 20px;gap:27px}.contact-panel h2{font-size:30px}.contact-panel .contact-copy>p:not(.eyebrow){font-size:14px}.contact-steps p{font-size:13px}.contact-panel .contact-direct{padding:24px 20px}.contact-direct h3{font-size:22px}.contact-panel .contact-direct>.button{font-size:13px}.contact-channels a:first-of-type{font-size:26px}.contact-card-label{font-size:8px!important}.hero-note{font-size:10px}}

/* Visuel original fourni par Etatys, affiché intégralement. */
.inline-cta,.price-card.custom{background:var(--cream)}
.hero-band{background:#f2ebde;border-bottom:1px solid #e5dbc9}
.hero-band .hero{padding-bottom:55px}
.hero-kicker{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--blue);margin-bottom:20px}
.hero-band .hero-benefits li:before{background:white}
.hero-band .hero-actions .secondary{background:white}
.price-card>.button{margin-top:25px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .service-card,.journal-card,.dashboard-visual{transition:transform .25s ease,box-shadow .25s ease}
  .service-card:hover,.journal-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0d2b3c0d}
  .dashboard-visual:hover{transform:translateY(-3px)}
  .button span,.text-link span{transition:transform .2s ease}
  .button:hover span,.text-link:hover span{transform:translate(2px,-2px)}
}
.faq-list details{transition:background-color .25s,border-color .25s}
@media(prefers-reduced-motion:reduce){.faq-list details{transition:none}}
.dashboard-visual{margin:0;min-width:0;border-radius:22px;box-shadow:12px 12px 0 #e0cba980;overflow:hidden;border:1px solid var(--cream)}
.dashboard-visual img{display:block;width:100%;height:auto}
@media(max-width:600px){.dashboard-visual{border-radius:14px;box-shadow:6px 6px 0 #e0cba980}}