/* About page — reuses home.css for .hero/.block/.idx/.h2/.final. */
.hero.compact{ min-height:auto; padding:170px 0 90px; }
.hero h1 .c{ color:var(--cyan); }
.lede{ font-size:19px; color:var(--muted); max-width:60ch; }
.lede p{ margin-bottom:18px; }
.lede strong{ color:var(--ink); }

section.block.split{ background:var(--charcoal); color:#fff; }
.split .idx{ color:var(--cyan); }
.split .h2{ color:#fff; }
.cols{ display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:44px; border:3px solid #fff; }
.col{ padding:40px; }
.col.find{ background:#fff; color:var(--ink); }
.col.wont{ background:transparent; color:#fff; }
.col h3{ font-family:'Archivo',sans-serif; font-weight:500; font-size:24px; margin-bottom:22px; display:flex; align-items:center; gap:12px; }
.col h3 .mk{ width:26px; height:26px; flex:none; display:grid; place-items:center; font-weight:500; font-family:'Archivo',sans-serif; }
.col.find h3 .mk{ background:var(--cyan); color:#08272e; }
.col.wont h3 .mk{ background:#3a3a3a; color:#fff; }
.col ul{ list-style:none; display:grid; gap:16px; padding:0; margin:0; }
.col li{ font-size:16px; padding-left:26px; position:relative; line-height:1.4; }
.col li::before{ position:absolute; left:0; font-weight:500; }
.col.find li::before{ content:"\2713"; color:var(--cyan); }
.col.wont li{ color:#c9ced2; }
.col.wont li::before{ content:"\2715"; color:#6b7075; }

section.block.promise{ background:var(--cream); }
.promise blockquote{ font-family:'Archivo',sans-serif; font-weight:600; font-size:clamp(28px,4.4vw,50px); letter-spacing:-.03em; line-height:1.08; max-width:22ch; margin:24px 0 0; }
.promise blockquote .c{ color:var(--cyan); }
.promise .p2{ margin-top:26px; font-size:18px; color:#4a4f52; max-width:56ch; }

@media(max-width:900px){ .cols{ grid-template-columns:1fr; } }