/* RESET */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#191919;background:#fff;line-height:1.6}

/* NAV */
.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #e8e8e4;background:#fff;position:sticky;top:0;z-index:100}
.nav-logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#191919;text-decoration:none}
.nav-logo img{height:26px}
.nav-links{display:flex;gap:1.5rem}
.nav-link{font-size:13px;color:#666;text-decoration:none}
.nav-link:hover{color:#191919}
.nav-cta{font-size:13px;font-weight:500;padding:12px 20px;min-height:48px;border-radius:8px;border:1px solid #ddd;background:#fff;color:#191919;cursor:pointer;text-decoration:none;display:inline-block}
.nav-cta.primary{background:#191919;color:#fff;border-color:#191919}

/* BUTTONS */
.btn-primary{display:inline-block;background:#191919;color:#fff;font-size:14px;font-weight:500;padding:13px 28px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;font-family:inherit}
.btn-primary:hover{background:#333}
.btn-secondary{display:inline-block;background:#fff;color:#191919;font-size:14px;font-weight:500;padding:13px 28px;border-radius:8px;border:1px solid #ddd;cursor:pointer;text-decoration:none;font-family:inherit}
.btn-secondary:hover{background:#f8f8f6}

/* BADGE */
.badge{display:inline-block;font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;background:#E1F5EE;color:#0F6E56;margin-bottom:1rem}
.badge-purple{background:#EEEDFE;color:#534AB7}

/* SECTION WRAPPERS */
.section{padding:5rem 2rem}
.section-inner{max-width:960px;margin:0 auto}
.section-inner-sm{max-width:720px;margin:0 auto}
.section-inner-md{max-width:860px;margin:0 auto}
.section-title{font-size:28px;font-weight:500;text-align:center;margin-bottom:.5rem}
.section-sub{font-size:15px;color:#666;text-align:center;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}

/* HERO */
.hero{padding:5rem 2rem 4rem;text-align:center}
.hero-inner{max-width:760px;margin:0 auto}
.hero h1{font-size:40px;font-weight:500;line-height:1.2;margin-bottom:1rem}
.hero h1 em{font-style:italic;color:#1D9E75}
.hero p{font-size:17px;color:#555;line-height:1.6;max-width:580px;margin:0 auto 2rem}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}
.hero-note{font-size:12px;color:#999}

/* BILLBOARD COMPARE */
.bb-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-top:2rem}
.bb-card{border:1px solid #e8e8e4;border-radius:12px;padding:1.5rem;background:#fff}
.bb-card.highlight{border:2px solid #1D9E75}
.bb-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:.75rem}
.bb-title{font-size:15px;font-weight:500;margin-bottom:1rem}
.bb-stat{margin-bottom:.75rem}
.bb-stat-label{font-size:12px;color:#666;margin-bottom:2px}
.bb-stat-value{font-size:17px;font-weight:500}
.bb-stat-value.good{color:#1D9E75}
.bb-stat-value.bad{color:#E24B4A}
.bb-vs{font-size:20px;font-weight:500;color:#ccc;text-align:center}

/* STATS BAND */
.stats-band{background:#f8f8f6;border-top:1px solid #e8e8e4;border-bottom:1px solid #e8e8e4;padding:4rem 2rem}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;max-width:800px;margin:0 auto}
.stat-num{font-size:40px;font-weight:500;color:#1D9E75;margin-bottom:.25rem}
.stat-label{font-size:13px;color:#555;line-height:1.4}
.stat-source{font-size:11px;color:#999;margin-top:.25rem}

/* ROI CALCULATOR */
.roi-card{border:1px solid #e8e8e4;border-radius:12px;padding:2rem;background:#fff}
.roi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}
.roi-label{font-size:13px;color:#555;margin-bottom:8px;display:block}
.roi-slider-row{display:flex;align-items:center;gap:12px}
.roi-slider{flex:1;accent-color:#1D9E75}
.roi-value{font-size:15px;font-weight:500;min-width:90px;text-align:right}
.roi-results{background:#f8f8f6;border-radius:8px;padding:1.5rem}
.roi-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;text-align:center}
.roi-metric-label{font-size:11px;color:#666;margin-bottom:4px}
.roi-metric-value{font-size:24px;font-weight:500}
.roi-metric-value.highlight{color:#1D9E75}
.roi-divider{height:1px;background:#e8e8e4;margin:.75rem 0}
.roi-note{font-size:12px;color:#888;text-align:center;line-height:1.5}

/* PAIN CARDS */
.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.pain-card{padding:1.25rem;border:1px solid #e8e8e4;border-radius:12px;background:#fff}
.pain-q{font-size:14px;font-weight:500;margin-bottom:.5rem}
.pain-a{font-size:13px;color:#555;line-height:1.5}
.pain-a strong{color:#1D9E75;font-weight:500}

/* HOW IT WORKS */
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.how-step{text-align:center;padding:1rem}
.how-num{width:32px;height:32px;border-radius:50%;background:#E1F5EE;color:#0F6E56;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}
.how-title{font-size:13px;font-weight:500;margin-bottom:.25rem}
.how-desc{font-size:12px;color:#666;line-height:1.4}

/* COMPLIANCE */
.compliance-card{border:1px solid #e8e8e4;border-radius:12px;padding:1.5rem;background:#fff;max-width:600px;margin:0 auto}
.compliance-row{display:flex;align-items:flex-start;gap:12px;padding:.75rem 0;border-bottom:1px solid #f0f0ee}
.compliance-row:last-child{border-bottom:none}
.compliance-check{width:20px;height:20px;border-radius:50%;background:#E1F5EE;color:#0F6E56;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.compliance-title{font-size:13px;font-weight:500;margin-bottom:2px}
.compliance-desc{font-size:12px;color:#666}

/* CTA BAND */
.cta-band{background:#f8f8f6;border-top:1px solid #e8e8e4;padding:5rem 2rem;text-align:center}
.cta-band h2{font-size:30px;font-weight:500;margin-bottom:.75rem;line-height:1.3}
.cta-band p{font-size:15px;color:#666;margin-bottom:1.5rem}

/* FOOTER */
.footer{background:#fff;border-top:1px solid #e8e8e4;padding:2rem;text-align:center}
.footer-line{font-size:12px;color:#999;margin-bottom:4px}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.pricing-card{border:1px solid #e8e8e4;border-radius:12px;padding:1.5rem;background:#fff;text-align:center}
.pricing-card.featured{border:2px solid #1D9E75;position:relative}
.pricing-card.featured::before{content:'Most popular';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#1D9E75;color:#fff;font-size:10px;padding:2px 10px;border-radius:10px;white-space:nowrap}
.pricing-name{font-size:15px;font-weight:500;margin-bottom:.25rem}
.pricing-price{font-size:32px;font-weight:500;margin-bottom:.25rem}
.pricing-price span{font-size:14px;font-weight:400;color:#888}
.pricing-desc{font-size:12px;color:#888;margin-bottom:1rem}
.pricing-features{list-style:none;text-align:left;margin-bottom:1.5rem}
.pricing-features li{font-size:13px;color:#555;padding:4px 0;padding-left:20px;position:relative}
.pricing-features li::before{content:'✓';position:absolute;left:0;color:#1D9E75;font-weight:600}

/* PROFESSIONS GRID */
.prof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}
.prof-card{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;border:1px solid #e8e8e4;border-radius:10px;text-decoration:none;color:#191919;transition:border-color .15s,box-shadow .15s}
.prof-card:hover{border-color:#1D9E75;box-shadow:0 2px 8px rgba(29,158,117,.1)}
.prof-icon{font-size:24px}
.prof-label{font-size:14px;font-weight:500}

/* WAITLIST */
.waitlist-form{display:flex;gap:8px;max-width:420px;margin:0 auto}
.waitlist-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit}
.waitlist-input:focus{outline:none;border-color:#1D9E75}
.progress-bar{background:#e8e8e4;border-radius:8px;height:12px;max-width:400px;margin:1rem auto}
.progress-fill{background:#1D9E75;height:100%;border-radius:8px;transition:width .5s}

/* RESPONSIVE */
@media(max-width:700px){
  .bb-grid{grid-template-columns:1fr}
  .bb-vs{display:none}
  .roi-inputs{grid-template-columns:1fr}
  .roi-results-grid{grid-template-columns:1fr}
  .pain-grid{grid-template-columns:1fr}
  .how-steps{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr}
  .nav-links{display:none}
  .hero h1{font-size:30px}
  .pricing-grid{grid-template-columns:1fr}
  .prof-grid{grid-template-columns:1fr 1fr}
  .teams-role-grid{grid-template-columns:1fr !important}
  .waitlist-form{flex-direction:column}
}