/* Page d'accueil 05/10/2026 : aiguillage Solo / PME, cas d'usage, offre à part. Chargé après site.css et offre.css. */

/* Accroche plus longue : taille réduite, sans point de rupture propre (clamp) */
.hero h1{font-size:clamp(2rem,3.3vw,3.5rem);letter-spacing:-.055em;line-height:1.14}

/* Sélecteur de profil : caché sans JavaScript (les deux vues restent alors visibles) */
.profil-switch{display:none}
.js .profil-switch{display:block;margin:0 0 1.6rem;max-width:560px}
.profil-label{display:block;margin-bottom:.55rem;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.profil-buttons{display:flex;flex-wrap:wrap;gap:8px}
.profil-btn{flex:1 1 15rem;min-height:48px;padding:.8rem 1rem;border:1px solid #a6b1bb;background:transparent;color:var(--ink);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.25;transition:background .2s,border-color .2s,color .2s}
.profil-btn:hover{border-color:var(--ink);background:#f4f6f7}
.profil-btn[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff}
.profil-btn[aria-pressed=true]:hover{background:#314d6b}
.js .profil-switch-section{max-width:none;margin:0 0 2rem}
.profil-switch-section .profil-btn{flex:0 1 18rem}

/* Une seule vue à la fois (le script pose data-profil sur <html>) */
.js[data-profil=solo] [data-vue=pme],.js[data-profil=pme] [data-vue=solo]{display:none}
.vue{animation:vue-in .35s ease both}
@keyframes vue-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vue+.vue{margin-top:48px}
.vue-lede{max-width:660px;margin:0 0 24px;color:var(--muted);font-size:.97rem}
.vue-lede strong{color:var(--ink)}
.vue-cta{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:22px}

/* Photo d'illustration en haut de chaque carte (pleine largeur, annule le padding de la carte) */
.domain-grid-4 .card-photo{position:relative;margin:-27px -28px 22px;overflow:hidden;background:#d9dedb}
.card-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.card-photo .photo-tag{position:absolute;left:12px;bottom:12px;padding:4px 8px;background:rgba(20,41,68,.88);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1050px){.domain-grid-4 .card-photo{margin:-22px -22px 18px}}
@media(max-width:760px){.domain-grid-4 .card-photo{margin:-23px -23px 18px}}

/* Quatre cartes par vue */
.domain-grid-4 .domain-card{min-height:0}
@media(min-width:761px){.domain-grid-4{grid-template-columns:repeat(2,1fr)}}

/* Encart de preuve (vue PME) */
.vue-proof{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:13px 0 0;padding:20px 24px;background:#fff;border:1px solid var(--line);border-left:3px solid #347360}
.vue-proof>div{flex:1 1 420px}
.vue-proof p{margin:6px 0 0;font-size:.92rem;color:#435267;line-height:1.6}
.vue-proof p strong{color:var(--ink)}
.vue-proof a{font-size:.84rem;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.vue-proof a:hover{color:var(--orange-dark)}

/* Tarifs : un seul parcours en 3 étapes, puis un bloc d'options propre à chaque profil */
.price-grid-3 .price-card{min-height:0}
.price-grid-3 .price-index{margin-bottom:20px}
.price-grid-3 .price small{display:block;margin-top:4px;font-size:.78rem}
.price-grid-3 .price-card ul{margin-top:6px}
.options{margin-top:44px}
.options-title{margin:0 0 16px;font-size:1.25rem;letter-spacing:-.04em}
.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.option-card{display:flex;flex-direction:column;gap:8px;padding:24px 26px;background:#fdf1eb;border:1px solid #efc9b6}
.option-card h4{margin:0;font:800 1.15rem/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em}
.option-card p{margin:0;font-size:.9rem;line-height:1.6;color:#435267}
.option-card p strong{color:var(--ink)}
.option-card .option-price{font-size:1rem;color:var(--ink)}
.option-card .option-price strong{font:800 1.5rem/1.2 Manrope,Arial,sans-serif;letter-spacing:-.05em}
.option-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:auto;padding-top:12px}
.option-links a{font-size:.84rem;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:2px}
.option-links a:hover{color:var(--orange-dark)}

/* « Où nous en sommes » (vue artisan seul) */
.etat-solo{background:var(--deep);color:#f5f7f7}
.etat-solo .kicker{color:#eeaa83}
.etat-solo h2 i{color:#f09c70}
.etat-solo .section-head>p{color:#c7d2db}
.etat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}
.etat-grid h3{margin:0 0 12px;font-size:1.2rem;letter-spacing:-.04em}
.etat-grid p{margin:0 0 14px;color:#d3dde5;line-height:1.7}
.etat-grid strong{color:#fff}
.etat-grid .text-link-simple{color:#fff}
@media(max-width:760px){.etat-grid{grid-template-columns:minmax(0,1fr)}}