@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap");:root{--max-parchment:#faf4e6;--max-parchment-dark:#ebe2c7;--max-ink:#0f0e14;--max-ink-soft:#2a2832;--max-amber:#d97706;--max-amber-light:#f59e0b;--max-amber-soft:#fef3c7;--max-gray:#6b7280;--max-border:#e5e2d8;--max-bg:#faf4e6;--max-white:#ffffff;--max-red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sora,system-ui,-apple-system,sans-serif;background:var(--max-bg);color:var(--max-ink);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--max-ink);color:var(--max-parchment)}.btn-primary:hover{background:var(--max-ink-soft)}.btn-secondary{background:var(--max-white);color:var(--max-ink);border:1px solid var(--max-border)}.btn-secondary:hover{background:var(--max-parchment)}.btn-amber{background:var(--max-amber);color:var(--max-white)}.btn-amber:hover{background:var(--max-amber-light)}.card{background:var(--max-white);border-radius:12px;border:1px solid var(--max-border);padding:24px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-paid{background:#dcfce7;color:#166534}.badge-overdue{background:#fef2f2;color:#991b1b}.badge-chasing{background:var(--max-amber-soft);color:#92400e}.badge-pending{background:#f3f4f6;color:#4b5563}.badge-paused{background:#ede9fe;color:#5b21b6}nav{background:var(--max-white);border-bottom:1px solid var(--max-border);padding:16px 0}nav .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Sora,system-ui,sans-serif;font-size:24px;font-weight:800;color:var(--max-ink);text-decoration:none;letter-spacing:-.5px}.logo .dot{color:var(--max-amber)}.nav-links{display:flex;gap:24px;list-style:none}.nav-links a{color:var(--max-gray);text-decoration:none;font-weight:500}.nav-links a:hover{color:var(--max-amber)}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.step-circle-active{background:var(--max-ink);color:var(--max-parchment)}.step-circle-done{background:var(--max-amber);color:var(--max-white)}.step-circle-pending{background:var(--max-parchment-dark);color:var(--max-gray)}@media (max-width:768px){.hero-grid{grid-template-columns:1fr!important;gap:40px!important;text-align:center}.hero-section h1{font-size:34px!important;letter-spacing:-.5px!important}.hero-section p.hero-subtitle{font-size:17px!important;max-width:100%!important}.hero-section{padding:48px 0 36px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stats-grid p.stat-number{font-size:26px!important}.comparison-grid{grid-template-columns:1fr!important}.features-grid,.steps-grid{grid-template-columns:1fr!important;gap:16px!important}.sms-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:4px!important}.sms-stats-grid p:first-child{font-size:32px!important}.sms-stats-grid div{padding:12px 4px!important}.payment-compare-grid{grid-template-columns:1fr!important;gap:12px!important}.section-heading{font-size:28px!important}.section-padding{padding:48px 0!important}.demo-input-row{flex-direction:column!important;align-items:stretch!important}.demo-input-row input{width:100%!important}.demo-input-row button{width:100%!important;justify-content:center!important}.pricing-amount{font-size:40px!important}.cta-section h2{font-size:28px!important}.nav-links{gap:10px!important}.nav-links .btn{padding:6px 14px!important;font-size:13px!important}.logo{font-size:18px!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.admin-two-col,.payment-flow-grid,.pricing-grid{grid-template-columns:1fr!important}.payment-flow-grid{gap:32px!important}.trust-bar{gap:16px!important}}@media (max-width:480px){.hero-grid{gap:32px!important}.hero-section h1{font-size:28px!important}.hero-section p.hero-subtitle{font-size:16px!important}.stats-grid p.stat-number{font-size:22px!important}.sms-stats-grid p:first-child{font-size:28px!important}.section-heading{font-size:24px!important}.hero-section .btn{width:100%!important;justify-content:center!important}.hero-cta-row{flex-direction:column!important}}