:root{
      --rb-blue: #0a58ca;
      --rb-dark: #0f1724;
      --rb-muted: #6b7280;
      --container-width: 1100px;
    }
    body{ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#0b1220; background:#ffffff; }
    .navbar-brand strong{ color: var(--rb-dark); }
    .btn-cta{ background: linear-gradient(90deg, #0a58ca, #0a58ca); color:#fff; border:0; padding:8px 24px}
	.btn-cta:hover{color:#fff;}
   .hero { padding-top:6rem; }
    .hero .eyebrow{ color: var(--rb-muted); font-weight:600; letter-spacing:0.03em; }
    .hero h1{ font-size: clamp(1.8rem, 3.5vw, 2.0rem); font-weight:600; margin-top:.5rem; color:var(--rb-dark); }
    .hero p.lead{ color:#374151; margin-top:1rem; max-width: 55ch; }
    .screenshot {
      border-radius: .6rem;
      background: linear-gradient(180deg, rgba(9,30,66,0.03), rgba(9,30,66,0.02));
      box-shadow: 0 6px 22px rgba(15,23,36,0.06);
      overflow: hidden;
    }
    .feature-icon{
      width:56px; height:56px; border-radius:12px; display:inline-grid;place-items:center;background:#f6fbff;color:var(--rb-blue);
      font-size:22px; box-shadow: 0 3px 12px rgba(97,218,251,0.12);
    }
    .card-ghost{ border: 1px solid #f1f5f9; border-radius:.8rem; background: #fff; }
    .pricing .card{ border-radius: .7rem; }
    footer{ padding:2.5rem 0; color:var(--rb-muted); background:#fbfdff; margin-top:4rem; }

    /* responsive gallery spacing */
    .screens-grid { gap: 1rem; }
    @media(min-width:992px){
      .hero { padding-top:8rem; }
      .screens-grid { gap:1.25rem; }
    }
	
	.btn-gumroad:focus, .btn-gumroad:hover, .btn-gumroad {
    background-color: #ff90e8 !important;
    box-shadow: 0 2px 0 #e66bcc;
}