/* Odd$ Ledger landing page. Shared chrome comes from /tools/tools.css. */
.ledger-hero { background:#0A2242; }
.ledger-hero h1 em { color:#E3B341; }
.ledger-hero .hero-tag::before { background:#E3B341; }
.ledger-hero .btn-primary { background:#E3B341; color:#2A1D00; }
.ledger-hero .btn-primary:hover { background:#f0c55a; color:#2A1D00; }
.hero-fine { margin-top:18px; font-size:13px; color:rgba(255,255,255,0.6); }
.hero-fine a { color:rgba(255,255,255,0.85); }

.screens { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-top:30px; }
.screens figure { margin:0; width:min(100%,260px); }
.screens img { width:100%; height:auto; display:block; border-radius:26px; border:6px solid #0d0d0f; box-shadow:0 18px 40px rgba(13,13,15,0.25); background:#0A2242; }
.screens figcaption { text-align:center; font-size:14px; color:var(--ink-soft); margin-top:10px; }

.check-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:18px; margin-top:32px; }
.check-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:24px; }
.t-section.white .check-card { background:var(--surface); }
.check-card h3 { font-size:18px; font-weight:800; margin-bottom:10px; }
.check-card p, .check-card li { font-size:14.5px; color:var(--ink-soft); line-height:1.7; }
.check-card ol { padding-left:20px; margin-top:6px; }
.check-card li + li { margin-top:6px; }
.check-card .platform { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#b8860b; margin-bottom:6px; }

.callout { margin-top:28px; border-left:4px solid #E3B341; background:#fff8e6; padding:18px 22px; border-radius:0 12px 12px 0; max-width:820px; }
.callout p { font-size:15px; color:var(--ink-soft); line-height:1.7; }
.callout p + p { margin-top:8px; }

.faq { margin-top:28px; max-width:820px; }
.faq details { background:var(--white); border:1px solid var(--border); border-radius:12px; margin-bottom:10px; }
.t-section.white .faq details { background:var(--surface); }
.faq summary { cursor:pointer; list-style:none; padding:16px 20px; font-family:'Syne',sans-serif; font-weight:700; font-size:17px; letter-spacing:-0.01em; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:'+'; font-size:22px; font-weight:400; color:var(--ink-muted); flex-shrink:0; }
.faq details[open] summary::after { content:'–'; }
.faq details[open] summary { border-bottom:1px solid var(--border); }
.faq .ans { padding:14px 20px 18px; font-size:15px; color:var(--ink-soft); line-height:1.75; }

.help-cta { background:#0A2242; color:var(--white); border-radius:20px; padding:40px; display:flex; gap:32px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.help-cta h2 { font-size:clamp(24px,3.4vw,34px); font-weight:800; }
.help-cta p { color:rgba(255,255,255,0.72); margin-top:10px; max-width:540px; font-size:16px; }
.help-actions { display:flex; gap:12px; flex-wrap:wrap; }
.help-cta .btn-primary { background:#E3B341; color:#2A1D00; }
.btn-outline { display:inline-block; border:1.5px solid rgba(255,255,255,0.55); color:var(--white); padding:13px 26px; border-radius:var(--radius-pill); font-size:15px; font-weight:600; text-decoration:none; transition:background 0.2s,color 0.2s; }
.btn-outline:hover { background:var(--white); color:var(--ink); }
@media (max-width:900px) { .help-cta { padding:28px 22px; } }
.screens-note { text-align:center; margin:14px auto 0; }