/* Ledger — a printed-brief look. Paper, hairlines, no rounding, serif headlines. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --ink:#16150F; --ink-soft:#3A382E;
  --page:#FBFAF7; --card:#FFFFFF; --sunken:#F3F1EA;
  --accent:#7A2E2E; --accent-dark:#5A1F1F; --accent-wash:#F4EAE7; --on-accent:#FFFFFF;
  --signal:#B8873B; --signal-wash:#F8F1E2; --on-signal:#2A1D06;
  --bad:#8C2318; --bad-wash:#F7E9E6;
  --line:#DCD8CC; --muted:#6B6659;
  --mint:#C9A45E;

  --font-display:'Instrument Serif',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;

  --radius:2px; --radius-sm:2px; --radius-pill:2px;
  --shadow:none;
  --hero-bg:linear-gradient(180deg,#16150F 0%, #24221A 100%);
}

/* Square, printed, hairline-ruled */
.card{box-shadow:none; border-width:1px}
h1,h2,h3,.display,.hero-h1,.band-h2,.pay-price,.proof-n,.ph-name{font-weight:400; letter-spacing:-.01em}
.hero-h1{font-size:clamp(2.3rem,9vw,4.6rem); line-height:.96}
.hero-h1 em{font-style:italic; color:var(--signal)}
.eyebrow,.step-n,.proof-k{letter-spacing:.2em}
.btn{border-radius:2px; font-weight:600; letter-spacing:.01em}
.btn-accent{background:var(--ink); color:#fff}
.btn-accent:hover{background:var(--accent)}
.chip{border-radius:2px; background:transparent; border:1px solid var(--line); color:var(--ink-soft); font-weight:500}
.chip-signal{background:var(--signal-wash); border-color:#e3d3ab; color:#6b4d12}
.avatar{border-radius:2px}
.topbar{background:var(--ink)}
.tabbar{border-top-width:1px}
.tab.on::before{background:var(--accent)}
.steps{gap:0; border-radius:0}
.step{border-right:1px solid var(--line)}
.step:last-child{border-right:none}
.pay-free{background:var(--ink)}
.pay-free .ticks li::before{background:rgba(255,255,255,.16)}
.masked{border-style:solid; border-color:var(--line); background:var(--sunken)}
.revealed{background:var(--signal-wash); color:#6b4d12}

/* ---------- Ledger's own landing page (themes/ledger/views/home/index.php) ---------- */
.led-hero{background:var(--card); border-bottom:2px solid var(--ink); padding:34px 0 40px}
.led-dateline{font-size:.72rem; letter-spacing:.06em; color:var(--muted); border-bottom:1px solid var(--line);
  padding-bottom:10px; margin:0 0 22px; text-transform:uppercase}
.led-h1{font-family:var(--font-display); font-weight:400; font-size:clamp(2.2rem,8vw,4.4rem);
  line-height:.98; letter-spacing:-.015em; margin:0 0 24px; max-width:16ch}
.led-h1 em{font-style:italic; color:var(--accent)}
.led-cols{display:grid; gap:22px}
.led-standfirst{font-family:var(--font-display); font-size:1.25rem; line-height:1.35; margin:0;
  padding-right:18px; border-right:none}
.led-body{font-size:.95rem; color:var(--ink-soft); margin:0 0 18px}
.led-rule{border-bottom:1px solid var(--line); background:var(--card)}
.led-figures{display:grid; grid-template-columns:repeat(3,1fr); gap:0}
.led-figures > div{padding:20px 0; border-right:1px solid var(--line); text-align:center}
.led-figures > div:last-child{border-right:none}
.fig{display:block; font-family:var(--font-display); font-size:2rem; line-height:1}
.cap{display:block; font-family:var(--font-mono); font-size:.62rem; text-transform:uppercase;
  letter-spacing:.16em; color:var(--muted); margin-top:6px}
.led-steps{list-style:none; counter-reset:s; margin:0; padding:0}
.led-steps li{counter-increment:s; padding:14px 0 14px 42px; border-top:1px solid var(--line); position:relative; font-size:.95rem}
.led-steps li:last-child{border-bottom:1px solid var(--line)}
.led-steps li::before{content:counter(s,decimal-leading-zero); position:absolute; left:0; top:14px;
  font-family:var(--font-mono); font-size:.72rem; color:var(--accent)}
.led-terms{display:grid; gap:0}
.led-term{padding:18px 0; border-top:1px solid var(--line)}
.led-term:last-child{border-bottom:1px solid var(--line)}
.led-amt{font-family:var(--font-display); font-size:2.2rem; line-height:1; margin-bottom:6px}
.led-term p{margin:0; font-size:.92rem; color:var(--ink-soft)}
.led-script p{padding:12px 0; border-top:1px solid var(--line); margin:0; font-size:.95rem}
.led-script p:last-child{border-bottom:1px solid var(--line)}
.led-script .mono{color:var(--accent); margin-right:8px}
@media(min-width:820px){
  .led-cols{grid-template-columns:1fr 1fr; gap:36px}
  /*.led-standfirst{border-right:1px solid var(--line)}*/
}
.hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.hero-content{
    width:55%;
}

.hero-image{
    width:45%;
    text-align:right;
}
.hero-image {
    display: flex;
    justify-content: center;
}

.hero-image img{
    max-width:50%;
    height:50%;
}

/* Mobile */
@media(max-width:768px){

    .hero-wrapper{
        flex-direction: column;
        text-align:center;
    }

    .hero-content,
    .hero-image{
        width:100%;
        display: ruby;
        
    }

    .hero-image{
        text-align:center;
    }

    .btn-row{
        justify-content:center;
    }
}