:root{
    --ink:#0F1B22; --panel:#16262E; --panel-2:#1C313B; --line:#2B4653;
    --cellulose:#C9803F; --cellulose-light:#E3A868; --chalk:#E9EDE9; --ink-soft:#9FB2BA;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--ink);
    background-image:linear-gradient(var(--line) 1px, transparent 1px),linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:28px 28px; background-attachment:fixed;
    color:var(--chalk); font-family:'IBM Plex Sans',sans-serif; min-height:100vh;
  }
  .wrap{max-width:1080px; margin:0 auto; padding:0 20px 60px;}

  .hero{display:flex; align-items:center; gap:40px; padding:50px 0 60px; flex-wrap:wrap;}
  .hero-text{flex:1; min-width:300px;}
  .hero h1{font-family:'Space Grotesk',sans-serif; font-size:2.4rem; line-height:1.15; margin:0 0 16px;}
  .hero h1 span{color:var(--cellulose-light);}
  .hero p{color:var(--ink-soft); font-size:1.05rem; line-height:1.6; margin:0 0 26px; max-width:480px;}
  .cta-row{display:flex; gap:12px; flex-wrap:wrap;}
  .btn{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.95rem; padding:13px 24px; border-radius:6px; text-decoration:none; display:inline-block;}
  .btn.solid{background:var(--cellulose); color:#1A1006;}
  .btn.solid:hover{background:var(--cellulose-light);}
  .btn.ghost{border:1px solid var(--line); color:var(--chalk);}
  .btn.ghost:hover{border-color:var(--ink-soft);}

  .hero-visual{flex:0 0 auto; width:260px; display:flex; justify-content:center;}

  .section{padding:40px 0; border-top:1px solid var(--line);}
  .section h2{font-family:'Space Grotesk',sans-serif; font-size:1.5rem; margin:0 0 8px;}
  .section .lead{color:var(--ink-soft); margin:0 0 30px; max-width:560px;}

  .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .step{background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:22px;}
  .step .num{font-family:'IBM Plex Mono',monospace; color:var(--cellulose-light); font-size:.8rem; margin-bottom:10px;}
  .step h3{font-family:'Space Grotesk',sans-serif; font-size:1.05rem; margin:0 0 8px;}
  .step p{color:var(--ink-soft); font-size:.88rem; line-height:1.55; margin:0;}

  .pricing{
    background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:34px;
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  }
  .pricing .amount{font-family:'Space Grotesk',sans-serif; font-size:2.2rem; font-weight:700; color:var(--cellulose-light);}
  .pricing .amount span{font-size:1rem; color:var(--ink-soft); font-weight:400; font-family:'IBM Plex Sans',sans-serif;}
  .pricing ul{color:var(--ink-soft); font-size:.9rem; line-height:1.8; margin:10px 0 0; padding-left:18px;}

  footer{border-top:1px solid var(--line); padding:26px 0; text-align:center; color:var(--ink-soft); font-size:.82rem;}
  footer a{color:var(--cellulose-light); text-decoration:none;}

  @media (max-width:720px){ .steps{grid-template-columns:1fr;} .hero-visual{display:none;} }