/* Pages de contenu : à propos, comment ça marche, sécurité, contact, FAQ, avis, légal, auteur, newsletter, agence */
.page-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 48px;align-items:center}
@media (min-width:1000px){.page-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;padding-block:64px 72px}}
.page-hero h1{font-size:42px;line-height:var(--lh-hero)}
@media (min-width:1000px){.page-hero h1{font-size:68px}[dir="rtl"] .page-hero h1{font-size:52px}}
.page-hero h1 .accent,.page-title .accent{color:var(--accent)}
.page-hero .visual{aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-2)}
.page-hero .visual img{width:100%;height:100%;object-fit:cover}
.page-title{font-size:40px;line-height:var(--lh-h2)}
@media (min-width:1000px){.page-title{font-size:56px}[dir="rtl"] .page-title{font-size:44px}}
.page-narrow{max-width:760px}
.hp-field{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}

/* Sous-navigation (agence, documents légaux) */
.subnav{display:flex;gap:6px;flex-wrap:wrap;padding-block:18px 0}
.subnav a,.chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;background:transparent;white-space:nowrap}
.subnav a:hover,.chip:hover{border-color:var(--ink);color:var(--ink)}
.subnav a[aria-current="page"],.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* Chiffres */
.figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:1000px){.figures{grid-template-columns:repeat(4,minmax(0,1fr))}}
.figure{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:20px;display:flex;flex-direction:column;gap:6px}
.figure .n{font-family:'Newsreader',Georgia,serif;font-size:40px;line-height:1;letter-spacing:-.02em;unicode-bidi:isolate}
.figure span:last-child{font-size:14px;color:var(--ink-2)}
.about-visual{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:280px}
.about-visual .big{font-family:'Newsreader',Georgia,serif;font-size:72px;line-height:1}
.about-visual p{color:#D3E2D8}
.team-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:20px;display:flex;gap:14px;align-items:flex-start}
.team-card .avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px}
.info-card dl{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 24px;margin:0}
@media (min-width:640px){.info-card dl{grid-template-columns:200px minmax(0,1fr)}}
.info-card dt{font-size:13px;color:var(--ink-3);padding-top:8px}
.info-card dd{margin:0;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
@media (min-width:640px){.info-card dt,.info-card dd{padding-block:10px;border-bottom:1px solid var(--line-soft)}}

/* Blocs texte + icône */
.feature{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:22px}
.feature .ic{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.feature b{font-size:17px;font-weight:600}
.feature p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.timeline{display:flex;flex-direction:column;gap:0;border-inline-start:2px solid var(--line);margin-inline-start:8px}
.timeline li{list-style:none;position:relative;padding:0 0 22px 24px}
[dir="rtl"] .timeline li{padding:0 24px 22px 0}
.timeline li::before{content:"";position:absolute;inset-inline-start:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.timeline ol{margin:0;padding:0}
.speed-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:640px){.speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.speed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.speed{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:18px;display:flex;flex-direction:column;gap:6px}
.speed .d{font-family:'Newsreader',Georgia,serif;font-size:28px;line-height:1}
.speed.rec{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 64px}
@media (min-width:1000px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;padding-block:56px 96px}}
.channel{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:16px 18px;text-decoration:none;color:var(--ink)}
.channel:hover{border-color:var(--ink);color:var(--ink)}
.channel .ic{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.channel b{display:block;font-weight:600}
.channel span span{font-size:13.5px;color:var(--ink-3)}
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:20px}
@media (min-width:1000px){.form-card{padding:28px}}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}}
.form-note{font-size:13px;color:var(--ink-3);line-height:1.5}
.success-box{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.success-box .ic{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}

/* FAQ */
.faq-tools{display:flex;flex-direction:column;gap:14px;margin-block:24px 8px}
.faq-search{position:relative;max-width:520px}
.faq-search .icon{position:absolute;inset-inline-start:16px;top:16px;color:var(--ink-3)}
.faq-search input{padding-inline-start:46px}
.faq-group+.faq-group{margin-top:40px}
.faq-group h2{font-size:26px;margin-bottom:12px}
.faq-empty{padding:24px 0;color:var(--ink-3)}

/* Légal */
.legal-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:24px 80px}
@media (min-width:1000px){.legal-wrap{grid-template-columns:280px minmax(0,1fr);gap:56px}}
.legal-toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:16px;align-self:start}
@media (min-width:1000px){.legal-toc{position:sticky;top:96px;background:transparent;border:0;padding:0}}
.legal-toc ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.legal-toc a{display:block;padding:8px 12px;border-inline-start:2px solid var(--line);color:var(--ink-2);text-decoration:none;font-size:14px;line-height:1.4}
.legal-toc a:hover,.legal-toc a.active{border-inline-start-color:var(--accent);color:var(--ink)}
.legal-body{max-width:72ch}
.legal-body section{scroll-margin-top:96px}
.legal-body h2{font-size:26px;margin:40px 0 14px}
.legal-body h2 .num{color:var(--ink-3);margin-inline-end:8px}
.legal-body p,.legal-body li{font-size:16px;line-height:1.7;color:var(--ink-2)}
.legal-body p+p{margin-top:12px}
.legal-body ul,.legal-body ol{padding-inline-start:1.3em;margin:10px 0}
.legal-body li+li{margin-top:6px}
.legal-body .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:16px 18px;margin:14px 0}
.legal-body table{width:100%;border-collapse:collapse;font-size:14.5px;margin:12px 0}
.legal-body th,.legal-body td{text-align:start;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
[dir="rtl"] .legal-body p,[dir="rtl"] .legal-body li{font-size:17px;line-height:1.9}

/* Avis */
.reviews-head{display:flex;flex-wrap:wrap;gap:16px;align-items:end;justify-content:space-between}
.source-note{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:14px 16px;max-width:720px}

/* Auteur */
.author-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.author-head .avatar{width:96px;height:96px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:'Newsreader',Georgia,serif;font-size:40px;flex:none}

/* Carte centrée (désabonnement, newsletter) */
.center-card{max-width:560px;margin:56px auto 96px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:16px}
.center-card .ic{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.center-card .actions{display:flex;gap:10px;flex-wrap:wrap}

/* Agence */
.offer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:1000px){.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.offer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px;display:flex;flex-direction:column;gap:16px;color:var(--ink)}
.offer.hl{background:var(--dark);color:var(--dark-ink);border-color:var(--dark)}
.offer .name{font-weight:600;font-size:20px}
.offer .desc{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.offer.hl .desc{color:var(--dark-ink-2)}
.offer .price{font-size:34px;line-height:1}
.offer .per{font-size:13px;color:var(--ink-3)}
.offer.hl .per{color:var(--dark-ink-3)}
.offer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.offer li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line-soft);font-size:14.5px}
.offer.hl li{border-top-color:#3A3631}
.offer li .icon{color:var(--accent);margin-top:1px}
.offer.hl li .icon{color:var(--dark-accent)}
.offer .btn{margin-top:auto}
.offer.hl .btn-secondary{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.bill-toggle{display:inline-flex;gap:4px;background:var(--surface-2);border-radius:var(--radius-m);padding:4px}
.bill-toggle button{min-height:40px;padding:0 16px;border:0;border-radius:var(--radius-s);background:transparent;font-weight:500;font-size:14px;color:var(--ink-2);display:inline-flex;gap:8px;align-items:center}
.bill-toggle button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}
.bill-toggle .save{font-size:12px;color:var(--accent);font-weight:600}
.price-table{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:1000px){.price-table{grid-template-columns:repeat(3,minmax(0,1fr))}}
.price-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:20px;display:flex;flex-direction:column;gap:6px}
.price-cell .v{font-family:'Newsreader',Georgia,serif;font-size:28px;line-height:1.1}
.dark-form .label,.dark-form label{color:var(--dark-ink)}
.dark-form .input,.dark-form .select,.dark-form .textarea{background:transparent;border-color:#4A443B;color:var(--dark-ink)}
.dark-form .select option{color:#191714}
.dark-form .input:focus,.dark-form .select:focus,.dark-form .textarea:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px rgba(143,199,174,.2)}
.dark-form .error{color:#F0A493}
.dark-form .btn-primary{background:var(--dark-accent);color:#14130F}
.dark-form .btn-primary:hover{background:#A9D6C1;color:#14130F}
.dark-form .form-note{color:var(--dark-ink-3)}