/* Critical above-the-fold CSS for landing page - cleaned and validated */
:root{
  --primary-gradient: linear-gradient(135deg,#1a56db 0%,#1e429f 100%);
  --secondary-gradient: linear-gradient(135deg,#056a52 0%,#046c4e 100%);
  --section-light-bg: #eef5ff;
  --muted-text: #374151;
  --heading-text: #0f172a;
  --space-unit: 1rem;
  --hero-vertical: 3rem;
  --section-vertical: 3rem;
  --card-radius: 12px;
  --card-accent-height: 4px;
}

/* Gradients */
.bg-gradient-primary{background:var(--primary-gradient);}
.bg-gradient-secondary{background:var(--secondary-gradient);}

/* Hero */
.landing-hero{padding:var(--hero-vertical) 0;position:relative;color:inherit}
.landing-hero .container{position:relative}
.landing-hero h1{font-weight:700;line-height:1.05;font-size:2.5rem;margin-bottom:.5rem}
.landing-hero .lead{color:rgba(255,255,255,.9);font-size:1.05rem;max-width:48ch}
.text-white-80{color:rgba(255,255,255,.8)!important}

/* Value props */
.landing-value-props{padding:var(--section-vertical) 0;background:var(--section-light-bg);border-top:1px solid #e5e7eb}
.landing-value-props .lead,.landing-value-props .text-muted{color:var(--muted-text)!important}

.landing-card{background:#fff;border-radius:var(--card-radius);box-shadow:0 6px 18px rgba(16,24,40,0.06);border:1px solid #e5e7eb;overflow:hidden}
.landing-card::before{content:"";display:block;height:var(--card-accent-height);background:#1a56db}
.landing-card .card-body{padding:0.75rem}
.landing-card .card-title{color:var(--heading-text);font-weight:700;font-size:1.125rem}
.landing-card .card-text{color:var(--muted-text)}

.landing-icon{width:56px;height:56px;border-radius:10px;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem}

/* Workflow */
.landing-workflow{padding:var(--section-vertical) 0;background:#fff;border-top:1px solid #e5e7eb}
.workflow-steps{display:flex;flex-wrap:nowrap;align-items:center;gap:0}
.workflow-step{flex:0 0 19%;min-width:0;text-align:center}
.step-badge{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.workflow-connector,.workflow-line{flex:1 1 auto;min-width:12px;height:3px;background:linear-gradient(90deg,rgba(26,86,219,.35),rgba(26,86,219,.15));border-radius:999px}

/* Social proof */
.landing-social-proof{padding:var(--section-vertical) 0;background:var(--section-light-bg);border-top:1px solid #e5e7eb}
.stat-card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 6px 18px rgba(16,24,40,0.06)}
.stat-number{color:#1a56db;font-weight:700}

/* CTA */
.landing-cta{padding:calc(var(--section-vertical) - .5rem) 0}
.landing-cta h2{color:#fff}
.landing-cta .lead{color:rgba(255,255,255,.95)}

/* Larger, more prominent CTA button */
.landing-cta .btn{font-size:1.125rem;padding:.9rem 1.4rem;border-radius:8px;box-shadow:0 8px 18px rgba(4,16,46,0.12);min-height:52px}
.landing-cta .btn .fas{margin-right:.5rem}

/* CTA primary appearance when used on the CTA band */
.landing-cta .btn-primary{background-color:#0b56d0;border-color:#0b56d0;color:#fff}
.landing-cta .btn-primary:hover{background-color:#094bc0;border-color:#094bc0}

/* Buttons in hero - keep legible on gradient */
.landing-hero .btn-primary{background-color:#0b56d0;border-color:#0b56d0}
.landing-hero .btn-outline-light{border-color:rgba(255,255,255,.9);color:rgba(255,255,255,.95)}

/* Utilities */
/* tighten value-props gutters for denser layout */
.landing-value-props .row{--bs-gutter-y:.75rem}

@media (max-width:992px){.landing-hero h1{font-size:2rem}.workflow-steps{flex-wrap:wrap;gap:1rem;justify-content:center}.workflow-step{flex:0 1 calc(50% - 12px);min-width:140px}.workflow-connector,.workflow-line{display:none}}
@media (max-width:767px){.landing-hero{padding:2rem 0}.landing-hero h1{font-size:1.6rem}.landing-value-props,.landing-workflow,.landing-social-proof,.landing-cta{padding:1.25rem 0}.workflow-step{flex:1 1 100%}.workflow-connector,.workflow-line{display:none}}

/* End of critical landing CSS */