:root{
  --pine:#0E5B33; --leaf:#37B86E; --paper:#F8FBF8; --ink:#14251B;
  --loss:#B3282F; --mist:#E7F0E9; --line:#D8E5DC; --sub:#4A6354;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Archivo',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--pine)}
.mono{font-family:'Spline Sans Mono',monospace}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* header */
header{position:sticky;top:0;background:rgba(248,251,248,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.brand img{width:32px;height:32px}
.nav nav{display:flex;gap:22px;margin-left:auto}
.nav nav a{text-decoration:none;color:var(--sub);font-size:15px}
.nav nav a:hover{color:var(--pine)}
.btn{display:inline-block;background:var(--pine);color:#fff;text-decoration:none;font-weight:600;padding:11px 20px;border-radius:10px;font-size:15px;transition:transform .12s ease,background .12s ease}
.btn:hover{background:#0B4A2A;transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
.btn.ghost{background:transparent;color:var(--pine);border:1.5px solid var(--pine)}
.btn.ghost:hover{background:var(--mist)}

/* hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:72px 0 64px}
.eyebrow{font-family:'Spline Sans Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--pine);margin-bottom:16px}
h1{font-family:'Archivo',sans-serif;font-size:clamp(34px,4.6vw,52px);line-height:1.06;letter-spacing:-.025em;font-weight:800;margin-bottom:18px;text-wrap:balance}
h2,h3{text-wrap:balance}
p{text-wrap:pretty}
h1 .loss{color:var(--loss)}
.lede{font-size:19px;color:var(--sub);max-width:44ch;margin-bottom:28px}
.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cta-note{font-size:14px;color:var(--sub)}

/* ledger card - the signature */
.ledger{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px rgba(14,60,35,.12);overflow:hidden}
.ledger-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--sub)}
.ledger table{width:100%;border-collapse:collapse;font-family:'Spline Sans Mono',monospace;font-size:14px}
.ledger td{padding:11px 18px;border-top:1px solid var(--mist);white-space:nowrap}
.ledger td:last-child{text-align:right}
/* rows are visible by default; JS opts in to the staggered reveal */
.ledger.anim tr{opacity:0;transform:translateY(4px)}
.ledger.anim tr.shown{opacity:1;transform:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
.tick{color:var(--pine);font-weight:700}
.ledger tr.bad{background:#FBEDEE}
.ledger tr.bad td{color:var(--loss);font-weight:600}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--loss);color:#fff;margin-left:8px;letter-spacing:.03em}
.ledger-foot{padding:12px 18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--sub);display:flex;justify-content:space-between}
.ledger-foot strong{color:var(--loss);font-family:'Spline Sans Mono',monospace}
@media (prefers-reduced-motion:reduce){.ledger.anim tr{opacity:1;transform:none;transition:none}}

/* sections */
section{padding:64px 0}
.sec-title{font-family:'Archivo',sans-serif;font-size:32px;letter-spacing:-.02em;margin-bottom:36px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.step .n{font-family:'Spline Sans Mono',monospace;color:var(--leaf);font-size:14px;margin-bottom:10px}
.step h3{font-family:'Archivo',sans-serif;font-size:20px;margin-bottom:8px}
.step p{color:var(--sub);font-size:15.5px}
.couriers{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.couriers span{font-family:'Spline Sans Mono',monospace;font-size:14px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;color:var(--sub)}
.trust{display:flex;gap:14px 36px;flex-wrap:wrap;color:var(--sub);font-size:15px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.trust b{color:var(--pine)}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:24px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.plan.pro{border-color:var(--pine);box-shadow:0 12px 40px rgba(14,60,35,.10)}
.plan h3{font-family:'Archivo',sans-serif;font-size:20px}
.price{font-family:'Spline Sans Mono',monospace;font-size:38px;margin:10px 0 2px;color:var(--ink)}
.price small{font-size:15px;color:var(--sub)}
.plan ul{list-style:none;margin:18px 0 22px}
.plan li{padding:6px 0;color:var(--sub);font-size:15.5px}
.plan li::before{content:"✓ ";color:var(--leaf);font-weight:700}

/* faq + content pages */
.faq-item{border-bottom:1px solid var(--line);padding:18px 0}
.faq-item h3{font-family:'Archivo',sans-serif;font-size:18px;margin-bottom:6px}
.faq-item p{color:var(--sub)}
.content{max-width:760px;margin:0 auto;padding:56px 24px}
.content h1{font-size:38px;margin-bottom:8px}
.content .sub{color:var(--sub);margin-bottom:40px;font-size:18px}
.content h2{font-family:'Archivo',sans-serif;font-size:24px;margin:44px 0 12px;letter-spacing:-.01em}
.content p,.content li{color:#2F4437;font-size:16.5px;margin-bottom:12px}
.content ol,.content ul{padding-left:22px}
.content img{width:100%;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 34px rgba(14,60,35,.10);margin:14px 0 6px}
.content .cap{font-size:13.5px;color:var(--sub);margin-bottom:26px}
.log-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:28px}
.log-item .d{font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--pine)}
.log-item h3{font-family:'Archivo',sans-serif;font-size:19px;margin:4px 0 6px}

footer{border-top:1px solid var(--line);padding:36px 0;color:var(--sub);font-size:14.5px}
.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.foot a{color:var(--sub)}

.foot a{display:inline-block;padding:6px 2px}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding:44px 0 40px}
  .steps{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .nav nav{display:none}
}
@media (max-width:480px){
  .ledger td{padding:9px 10px;font-size:12.5px}
  .ledger-head{padding:12px 10px;font-size:11.5px}
  .ledger-foot{padding:10px;font-size:12.5px;gap:8px;flex-wrap:wrap}
  .pill{margin-left:5px;padding:1px 6px;font-size:10px}
}