/* © 2026 Abderrahim El Otmani – All rights reserved. Confidential. */
/* === NEXREPS — About & Contact pages (réutilise styles.css) === */

.page-hero{padding:130px 0 70px;text-align:center}
.page-hero .h-1{max-width:16ch;margin:0 auto}
.page-hero .lead{margin:22px auto 0;text-align:center}
.page-cta{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}

.why-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:start;max-width:var(--container-narrow);margin:0 auto}
.why-grid p{font-size:18px;color:var(--text-2);line-height:1.6}
.why-grid p + p{margin-top:18px}

.section-head{text-align:center;max-width:640px;margin:0 auto 56px}

.wd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:var(--container-narrow);margin:0 auto}
.wd-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.wd-card .ico{width:46px;height:46px;border-radius:12px;background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.wd-card .ico svg{width:22px;height:22px}
.wd-card h3{font-size:18px;font-weight:600;letter-spacing:-0.02em}
.wd-card p{font-size:15px;color:var(--text-2);line-height:1.55}

.believe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--container-narrow);margin:0 auto}
.believe-card{border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:32px}
.believe-card .n{font-family:var(--font-display);font-size:22px;color:var(--accent);margin-bottom:14px}
.believe-card h3{font-size:19px;font-weight:600;margin-bottom:10px}
.believe-card p{font-size:15px;color:var(--text-on-dark-2);line-height:1.55}

.where-wrap{text-align:center}
.where-wrap .h-2{max-width:20ch;margin:0 auto}
.where-wrap .sub{font-size:16px;color:var(--text-2);margin-top:16px}
.where-wrap .page-cta{margin-top:36px}

.contact-wrap{display:grid;grid-template-columns:1.4fr 0.8fr;gap:56px;max-width:var(--container-narrow);margin:0 auto;align-items:start}
.form-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:36px;background:var(--bg)}
.form-field{margin-bottom:18px}
.form-field label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:7px}
.form-field input,.form-field textarea,.form-field select{width:100%;font:inherit;font-size:15px;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;transition:border-color .2s}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--accent)}
.form-field textarea{min-height:120px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-card .btn{width:100%;margin-top:6px;justify-content:center}
.hp{position:absolute;left:-9999px}
.contact-info{display:flex;flex-direction:column;gap:22px;padding-top:8px}
.ci-item .ci-l{font-size:12px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-3);margin-bottom:6px}
.ci-item .ci-v{font-size:16px;color:var(--text)}
.ci-note{font-size:14px;color:var(--text-2);border-top:1px solid var(--border);padding-top:20px;line-height:1.5}

@media(max-width:860px){
  .why-grid,.wd-grid,.believe-grid,.contact-wrap{grid-template-columns:1fr;gap:32px}
  .form-row{grid-template-columns:1fr}
  .page-hero{padding:110px 0 50px}
}