/* ===== ADS LANDING — pages SEA (logiciel-etat-des-lieux, etat-des-lieux-airbnb, etat-des-lieux-agence-immobiliere, modele-etat-des-lieux) =====
 * Mêmes composants .pro-* que conciergerie.html / agence.html, factorisés + blocs spécifiques (sélecteur de segment, formulaire lead magnet, bloc confiance). */
.pro-page{background:#fff;color:#0F172A}
.pro-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;max-width:1140px;margin:0 auto;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.06)}
.pro-nav-links{display:flex;align-items:center;gap:1.25rem}
.pro-nav-links a{font-size:.82rem;color:#475569;font-weight:500}
.pro-nav-links a:hover{color:#0F172A}
.pro-nav-links a.demo-btn-primary,.pro-nav-links a.demo-btn-primary:hover{color:#fff}
.pro-hero{padding:4rem 1.25rem 3rem;max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
@media(max-width:900px){.pro-hero{grid-template-columns:1fr;text-align:center}.pro-hero-btns{justify-content:center}}
.pro-kicker{display:inline-flex;align-items:center;gap:.35rem;background:#EEF3FA;color:#003580;padding:.35rem .85rem;border-radius:100px;font-size:.68rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(0,53,128,.15)}
.pro-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin-bottom:1rem}
.pro-hero h1 em{font-style:normal;background:linear-gradient(135deg,#003580,#0F9D6A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pro-hero-lead{font-size:1.05rem;color:#475569;line-height:1.65;margin-bottom:1.5rem;max-width:480px}
@media(max-width:900px){.pro-hero-lead{margin-left:auto;margin-right:auto}}
.pro-hero-btns{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1.75rem}
.pro-trust{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.72rem;color:#94A3B8}
.pro-trust span{display:flex;align-items:center;gap:.3rem}
.pro-mockup{background:#F8FAFC;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:1rem;box-shadow:0 24px 60px rgba(15,23,42,.1);position:relative;overflow:hidden}
.pro-mockup::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,53,128,.04),rgba(5,150,105,.04));pointer-events:none}
.pro-mock-inner{background:#fff;border-radius:14px;border:1px solid rgba(15,23,42,.06);padding:1rem;min-height:340px}
.mock-bar{height:8px;background:#E2E8F0;border-radius:100px;margin-bottom:.85rem;overflow:hidden}
.mock-bar-fill{height:100%;background:linear-gradient(90deg,#003580,#0F9D6A);border-radius:100px;animation:mockProgress 3s ease-in-out infinite alternate}
@keyframes mockProgress{from{width:25%}to{width:92%}}
.mock-row{display:flex;gap:.45rem;margin-bottom:.65rem}
.mock-chip{flex:1;background:#F1F5F9;border-radius:10px;padding:.55rem;text-align:center;font-size:.62rem;font-weight:700;color:#475569}
.mock-chip.hot{background:rgba(0,53,128,.08);color:#003580;border:1px solid rgba(0,53,128,.15)}
.mock-photo{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.65rem 0}
.mock-ph{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#CBD5E1,#94A3B8);animation:mockPulse 2s ease infinite}
.mock-ph:nth-child(2){animation-delay:.3s}
.mock-ph:nth-child(3){animation-delay:.6s;border:2px dashed #CBD5E1;background:#F8FAFC}
@keyframes mockPulse{0%,100%{opacity:1}50%{opacity:.7}}
.mock-ai{background:#EEF3FA;border:1px solid rgba(0,53,128,.12);border-radius:10px;padding:.55rem;font-size:.65rem;color:#1E40AF;line-height:1.5;animation:mockFade 4s ease infinite}
@keyframes mockFade{0%,100%{opacity:1}50%{opacity:.85}}

.pro-band{background:#F8FAFC;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);padding:2.5rem 1.25rem}
.pro-band-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
@media(max-width:640px){.pro-band-grid{grid-template-columns:repeat(2,1fr)}}
.pro-band-n{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#003580;letter-spacing:-.02em}
.pro-band-l{font-size:.68rem;color:#475569;margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}

.pro-section{padding:4rem 1.25rem;max-width:1140px;margin:0 auto}
.pro-section-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#003580;margin-bottom:.5rem}
.pro-section h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.65rem}
.pro-section-sub{color:#475569;font-size:.92rem;margin-bottom:2rem;max-width:560px}
.pro-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.pro-feat{padding:1.25rem;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;transition:box-shadow .2s,transform .2s}
.pro-feat:hover{box-shadow:0 12px 40px rgba(15,23,42,.08);transform:translateY(-2px)}
.pro-feat-ic{font-size:1.5rem;margin-bottom:.5rem}
.pro-feat-t{font-weight:700;font-size:.88rem;margin-bottom:.3rem}
.pro-feat-s{font-size:.78rem;color:#475569;line-height:1.55}

.pro-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.pro-step{background:#F8FAFC;border-radius:14px;padding:1.15rem;border:1px solid rgba(15,23,42,.06)}
.pro-step-n{font-size:1.75rem;font-weight:800;color:#003580;opacity:.35;line-height:1;margin-bottom:.35rem}
.pro-step-t{font-weight:700;font-size:.82rem;margin-bottom:.25rem}
.pro-step-s{font-size:.72rem;color:#475569;line-height:1.5}

.pro-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.pro-price{padding:1.25rem;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}
.pro-price.featured{border-color:#003580;background:linear-gradient(180deg,rgba(0,53,128,.04),#fff);position:relative}
.pro-price-pop{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#003580;color:#fff;font-size:.58rem;font-weight:700;padding:3px 10px;border-radius:100px}
.pro-price-amt{font-size:1.75rem;font-weight:800;color:#003580;margin:.5rem 0}
.pro-price-amt span{font-size:.72rem;color:#94A3B8;font-weight:500}
.pro-price-f{font-size:.72rem;color:#475569;margin:.25rem 0;display:flex;gap:.35rem}
.pro-price-f::before{content:'✓';color:#0F9D6A;font-weight:700}

.pro-cta-final{text-align:center;padding:4rem 1.25rem;background:linear-gradient(165deg,#0F172A,#1E3A5F);color:#fff;margin-top:2rem}
.pro-cta-final h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}
.pro-cta-final p{color:rgba(255,255,255,.6);font-size:.88rem;margin-bottom:1.25rem;max-width:480px;margin-left:auto;margin-right:auto}
.pro-footer{text-align:center;padding:2rem;font-size:.72rem;color:#94A3B8;border-top:1px solid rgba(15,23,42,.06)}
.pro-footer a{color:#475569;margin:0 .5rem}
.pro-sticky{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid rgba(15,23,42,.08);padding:.65rem 1.25rem;display:none;z-index:200;justify-content:center;gap:.5rem}
.pro-sticky.show{display:flex}
@media(min-width:768px){.pro-sticky{display:none!important}}
.seg-faq{max-width:760px}
.seg-faq details{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:.9rem 1.1rem;margin-bottom:.6rem;background:#fff}
.seg-faq summary{font-weight:700;font-size:.88rem;cursor:pointer}
.seg-faq p{font-size:.8rem;color:#475569;margin-top:.5rem;line-height:1.6}
.seg-note{font-size:.72rem;color:#94A3B8;margin-top:1rem;max-width:760px}
.seg-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.seg-list li{font-size:.84rem;color:#334155;display:flex;gap:.5rem;line-height:1.5}
.seg-list li::before{content:'✓';color:#0F9D6A;font-weight:800}
.seg-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:800px){.seg-split{grid-template-columns:1fr}}
.seg-card{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:1.25rem;background:#fff}
.seg-card h3{font-size:.95rem;margin-bottom:.6rem}

/* --- Mobile-first : CTA unique au-dessus de la ligne de flottaison --- */
@media(max-width:900px){.pro-hero{padding:2.25rem 1rem 2rem;gap:1.5rem}.pro-mockup{display:none}.pro-hero-btns .demo-btn{width:100%;justify-content:center;text-align:center;padding:.9rem 1rem;font-size:.9rem}.pro-nav-links a:not(.demo-btn){display:none}}
.pro-hero-btns .demo-btn{display:inline-flex;align-items:center;justify-content:center}

/* --- Sélecteur de segment (page générique) --- */
.seg-choice{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:760px}
@media(max-width:640px){.seg-choice{grid-template-columns:1fr}}
.seg-choice a{display:block;border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:1.25rem;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.seg-choice a:hover{border-color:#003580;box-shadow:0 12px 40px rgba(15,23,42,.08);transform:translateY(-2px)}
.seg-choice .seg-choice-ic{width:44px;height:44px;border-radius:12px;background:#EEF3FA;color:#003580;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.65rem;font-size:1.25rem}
.seg-choice h3{font-size:1rem;margin-bottom:.35rem}
.seg-choice p{font-size:.8rem;color:#475569;line-height:1.55;margin-bottom:.65rem}
.seg-choice .seg-choice-go{font-size:.82rem;font-weight:700;color:#003580}

/* --- Bloc confiance (RGPD, horodatage, SHA-256, signature) --- */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.trust-item{background:#F8FAFC;border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:1rem 1.1rem}
.trust-item-t{font-weight:700;font-size:.84rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.4rem}
.trust-item-t::before{content:'✓';color:#0F9D6A;font-weight:800}
.trust-item-s{font-size:.74rem;color:#475569;line-height:1.5}

/* --- Lead magnet (modèle PDF) --- */
.lead-card{border:1px solid rgba(0,53,128,.2);border-radius:20px;padding:1.5rem;background:linear-gradient(180deg,rgba(0,53,128,.04),#fff);max-width:520px}
.lead-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.85rem}
.lead-form input[type=email]{width:100%;padding:.85rem 1rem;border:1px solid rgba(15,23,42,.15);border-radius:12px;font-size:1rem;font-family:inherit;min-height:48px}
.lead-form input[type=email]:focus{outline:2px solid #003580;outline-offset:1px;border-color:#003580}
.lead-form button{min-height:48px;font-size:.92rem;width:100%}
.lead-form button:disabled{opacity:.6;cursor:wait}
.lead-msg{font-size:.82rem;margin-top:.5rem;line-height:1.5}
.lead-msg.ok{color:#0F766E}
.lead-msg.err{color:#B91C1C}
.lead-msg a{color:#003580;font-weight:700;text-decoration:underline}
.lead-consent{font-size:.68rem;color:#94A3B8;line-height:1.5}
.lead-preview{list-style:none;padding:0;margin:.85rem 0 0;display:grid;gap:.4rem}
.lead-preview li{font-size:.8rem;color:#334155;display:flex;gap:.45rem}
.lead-preview li::before{content:'📄'}
.lead-after{display:none;margin-top:1rem;padding:1rem;border-radius:14px;background:#EEF3FA;border:1px solid rgba(0,53,128,.15)}
.lead-after.show{display:block}
.lead-after p{font-size:.82rem;color:#1E3A5F;margin-bottom:.65rem;line-height:1.5}

/* --- Comparatif honnête (sans nommer de concurrent) --- */
.cmp-table{width:100%;border-collapse:collapse;font-size:.8rem;max-width:760px}
.cmp-table th,.cmp-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:top}
.cmp-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:700}
.cmp-table td:first-child{font-weight:600;color:#0F172A}
.cmp-wrap{overflow-x:auto}