/* About & contact. Shared colors, navigation, buttons and FAQ come from the home layout. */
.about-page h1, .about-page h2 { font-weight:500; letter-spacing:-.045em; line-height:1.08; }
.about-page h1 { font-size:clamp(42px,5.4vw,74px); margin:0 0 28px; }
.about-page h2 { font-size:clamp(34px,4vw,52px); margin:0 0 30px; }
.about-page h1 span, .about-page h2 span { color:var(--bitcoin-orange); }
.about-page h3 { font-size:20px; font-weight:500; letter-spacing:-.02em; }
.about-page p, .about-page li { line-height:1.75; }
.about-page a { text-underline-offset:4px; }

.about-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:72px; align-items:center; padding-block:76px; }
.about-lead { color:#babbb4; font-size:19px; max-width:620px; margin-bottom:30px; }
.about-contact-card { padding:28px; border:1px solid #494532; border-radius:12px; background:radial-gradient(ellipse at top right,var(--gold-glow),transparent 75%),var(--surface); }
.about-contact-card .rail-eyebrow { margin-bottom:18px; }
.about-mail { display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px solid #303229; text-decoration:none; }
.about-mail i { color:var(--bitcoin-orange); font-size:20px; line-height:1.4; }
.about-mail strong { display:block; font-weight:500; color:var(--text); }
.about-mail span { font-size:13px; color:#a8aa9f; line-height:1.6; }
.about-mail:hover strong { color:var(--bitcoin-orange); }
.about-message { width:100%; margin-top:22px; }
.about-reply { margin:12px 0 0; font-size:13px; line-height:1.6; color:#a8aa9f; text-align:center; }
.about-reply a { color:#c5c7bb; text-decoration:underline; text-underline-offset:3px; }
.about-reply a:hover { color:var(--bitcoin-orange); }

.about-facts { border-block:1px solid #303229; }
.about-facts dl { display:grid; grid-template-columns:repeat(5,auto); justify-content:space-between; gap:20px; margin:0 auto; padding-block:24px; }
.about-facts dt { font:11px/1.6 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:#8f9185; font-weight:400; }
.about-facts dd { margin:4px 0 0; font-size:15px; color:var(--text); }

.about-section { padding-block:80px; scroll-margin-top:80px; }
.about-mission { display:grid; grid-template-columns:1fr 1.15fr; gap:70px; align-items:start; }
.about-mission-copy p { color:#babbb4; font-size:17px; }
.about-mission-sign { color:var(--text)!important; font-weight:500; }
.about-mission-sign i { color:var(--bitcoin-orange); margin-right:6px; }

.about-principles-section { background:var(--surface); border-block:1px solid #303229; }
.about-principles { display:grid; grid-template-columns:repeat(4,1fr); gap:36px; }
.about-principles i { display:block; font-size:26px; color:var(--bitcoin-orange); margin-bottom:18px; }
.about-principles p { color:#babbb4; font-size:15px; }
.about-principles a { text-decoration:underline; }

.about-products { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.about-products a { display:grid; grid-template-columns:auto 1fr; column-gap:16px; row-gap:4px; height:100%; padding:24px; border:1px solid #303229; border-radius:10px; text-decoration:none; transition:border-color .2s, background .2s; }
.about-products a:hover { border-color:var(--bitcoin-orange-dark); background:rgba(232,181,60,.04); }
.about-products i { grid-row:span 2; font-size:22px; color:var(--bitcoin-orange); line-height:1.3; }
.about-products strong { font-weight:500; font-size:17px; }
.about-products span { color:#a8aa9f; font-size:14px; line-height:1.65; }

.about-trust { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center; border-top:1px solid #303229; }
.about-trust p:not(.rail-eyebrow) { color:#babbb4; font-size:17px; margin:0; }
.about-trust-links { list-style:none; padding:0; margin:0; }
.about-trust-links a { display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid #303229; text-decoration:none; font-size:16px; }
.about-trust-links li:first-child a { border-top:1px solid #303229; }
.about-trust-links a i:first-child { color:var(--bitcoin-orange); font-size:18px; }
.about-trust-links a i:last-child { margin-left:auto; color:#8f9185; transition:transform .2s; }
.about-trust-links a:hover { color:var(--bitcoin-orange); }
.about-trust-links a:hover i:last-child { transform:translateX(3px); }

.about-contact-section { background:var(--surface); border-block:1px solid #303229; }
.about-contact { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.about-contact article { display:flex; flex-direction:column; gap:8px; padding:26px; border:1px solid #3b3b34; border-radius:10px; background:var(--ink); }
.about-contact article>i { font-size:24px; color:var(--bitcoin-orange); }
.about-contact h3 { margin:8px 0 0; }
.about-contact p, .about-contact address { color:#a8aa9f; font-size:14px; line-height:1.65; margin:0 0 6px; font-style:normal; }
.about-contact a, .about-link-button { color:var(--text); font-size:14px; text-decoration:underline; }
.about-contact a:hover, .about-link-button:hover { color:var(--bitcoin-orange); }
.about-link-button { background:none; border:0; padding:0; text-align:left; font-family:inherit; text-underline-offset:4px; cursor:pointer; }

.about-faq { display:grid; grid-template-columns:1fr 1.5fr; gap:70px; }

.about-final { padding-block:80px; text-align:center; border-top:1px solid #303229; background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(232,181,60,.1),transparent 70%); }
.about-final .rail-eyebrow, .about-final .rail-actions { justify-content:center; }
.about-final p:not(.rail-eyebrow) { color:#babbb4; margin:0 auto 30px; max-width:560px; }

@media(max-width:991px) {
  .about-hero { gap:36px; padding-block:48px; }
  .about-lead { font-size:17px; }
  .about-facts dl { grid-template-columns:repeat(3,auto); }
  .about-principles, .about-contact { grid-template-columns:1fr 1fr; }
  .about-products { grid-template-columns:1fr 1fr; }
  .about-mission, .about-trust, .about-faq { gap:36px; }
}
@media(max-width:767px) {
  .about-hero, .about-mission, .about-trust, .about-faq, .about-principles, .about-contact, .about-products { grid-template-columns:1fr; }
  .about-facts dl { grid-template-columns:1fr 1fr; }
  .about-section, .about-final { padding-block:52px; }
  .about-principles, .about-contact { gap:20px; }
  .about-faq h2 { margin-bottom:0; }
}
.about-trust p.about-trust-note { margin-top:16px; font-size:14px; color:#8f9185; }
/* One gold button per screen: the hero's "Start free". The card's is the outline variant. */
.about-contact-card .about-message { background:transparent; color:var(--bitcoin-orange)!important; border-color:var(--bitcoin-orange-dark); }
.about-contact-card .about-message:hover { background:rgba(232,181,60,.1); box-shadow:none; }