
:root{
  --paid-bg: linear-gradient(180deg, #f8fafc 0%, #eef4ff 100%);
  --paid-accent: #2563eb;
  --paid-success: #059669;
  --paid-warning: #d97706;
}
body{background:var(--paid-bg);} 
.sgs-app-content{animation:fadePaid .22s ease-out;}
@keyframes fadePaid{from{opacity:.0;transform:translateY(4px)}to{opacity:1;transform:none}}
.paid-hero,.paid-surface{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 65%,#edf5ff 100%);
  border:1px solid rgba(37,99,235,.10);
  border-radius:24px;
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.paid-hero{padding:1.4rem;position:relative;overflow:hidden;}
.paid-hero::after{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);}
.paid-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:800;letter-spacing:.02em;border:1px solid rgba(37,99,235,.16);}
.paid-title{font-size:clamp(1.55rem,2.2vw,2.15rem);font-weight:800;letter-spacing:-.03em;color:#0f172a;margin:0;}
.paid-subtitle{color:#475569;max-width:68ch;line-height:1.65;}
.paid-chip-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;}
.paid-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:999px;background:#fff;border:1px solid #dbeafe;color:#0f172a;font-size:.82rem;font-weight:700;box-shadow:0 6px 18px rgba(15,23,42,.04);}
.paid-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;}
.paid-stat{padding:1rem 1.1rem;border-radius:18px;border:1px solid #e5eefb;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04);}
.paid-stat-label{font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;}
.paid-stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-top:.2rem;}
.paid-stat-help{font-size:.82rem;color:#64748b;margin-top:.25rem;}
.paid-panel{background:#fff;border:1px solid #e5eefb;border-radius:20px;padding:1rem 1.05rem;box-shadow:0 12px 28px rgba(15,23,42,.05);}
.paid-panel-title{font-weight:800;color:#0f172a;margin-bottom:.45rem;}
.paid-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;}
.paid-step{background:#fff;border:1px solid #e5eefb;border-radius:18px;padding:1rem;box-shadow:0 10px 24px rgba(15,23,42,.04);height:100%;}
.paid-step-number{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-weight:800;margin-bottom:.65rem;}
.paid-action-bar{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;}
.paid-action-bar .btn{min-height:44px;padding-inline:1rem;}
.paid-form-shell{max-width:460px;margin:0 auto;}
.paid-form-shell .form-control{min-height:48px;border-radius:14px;}
.paid-form-shell .btn{min-height:48px;border-radius:14px;}
.paid-note{font-size:.83rem;color:#64748b;}
.paid-stack > * + *{margin-top:.85rem;}
.paid-highlight{border:1px solid rgba(5,150,105,.12);background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 100%);border-radius:18px;padding:1rem;}
.paid-warning{border:1px solid rgba(217,119,6,.14);background:linear-gradient(180deg,#fff7ed 0%,#ffffff 100%);border-radius:18px;padding:1rem;}
.saas71-page .saas71-hero{padding:1.35rem;border-radius:24px;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);border:none;box-shadow:0 22px 48px rgba(15,23,42,.18);}
.saas71-page .saas71-headline,.saas71-page .saas71-sub,.saas71-page .saas71-badge{color:#fff;}
.saas71-page .saas71-badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);}
.checkout-shell .checkout-card{border-radius:24px;box-shadow:0 16px 38px rgba(15,23,42,.07);}
.checkout-shell .kpi{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);}
.paid-empty{padding:1.5rem;border:1px dashed #cbd5e1;border-radius:20px;background:#fff;}
@media (max-width:991.98px){.paid-stat-grid,.paid-step-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:767.98px){.paid-stat-grid,.paid-step-grid{grid-template-columns:1fr;}.paid-hero{padding:1rem;border-radius:20px;}.paid-title{font-size:1.45rem;}}
