*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#fff;color:#0B1F35;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3{font-weight:800;color:#0B1F35}

.sl9-container{max-width:1180px;margin:0 auto;padding:0 24px}

.sl9-header{background:#0B1F35;position:sticky;top:0;z-index:100}
.sl9-header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.sl9-logo{font-size:1.4rem;font-weight:800;color:#fff}
.sl9-logo span{color:#2DD4C8}
.sl9-logo--footer{margin-bottom:12px}
.sl9-nav{display:flex;gap:32px}
.sl9-nav a{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8)}
.sl9-nav a:hover{color:#fff}
.sl9-header-actions{display:flex;align-items:center;gap:14px}
.sl9-link-btn{font-size:.875rem;font-weight:600;color:#fff}
.sl9-outline-btn{border:1.5px solid #fff;color:#fff;font-size:.875rem;font-weight:700;padding:10px 18px;border-radius:6px;transition:background .2s}
.sl9-outline-btn:hover{background:rgba(255,255,255,.1)}
.sl9-outline-btn--light{border-color:#fff}
.sl9-cta-btn{background:#2DD4C8;color:#0B1F35;font-size:.875rem;font-weight:700;padding:11px 20px;border-radius:6px;transition:opacity .2s;display:inline-block}
.sl9-cta-btn:hover{opacity:.88}

.sl9-hero{background-size:cover;background-position:center;padding:120px 0}
.sl9-hero-inner{max-width:820px;text-align:center;margin:0 auto}
.sl9-hero h1{font-size:3rem;color:#fff;line-height:1.2;margin-bottom:24px}
.sl9-hero p{font-size:1.15rem;color:rgba(255,255,255,.9);margin-bottom:36px}
.sl9-hero-actions{display:flex;gap:16px;justify-content:center}

.sl9-why{padding:80px 0 40px;text-align:center}
.sl9-why h2{font-size:2.5rem;margin-bottom:20px}
.sl9-why-sub{max-width:680px;margin:0 auto;font-size:1.05rem;color:#4A5A6E}

.sl9-features{padding:40px 0 80px}
.sl9-features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.sl9-feature-card{background:#E8EEF2;border-radius:12px;overflow:hidden;position:relative;padding-bottom:56px}
.sl9-feature-card img{width:100%;height:160px;object-fit:cover}
.sl9-feature-card h3{font-size:1.25rem;padding:20px 24px 0}
.sl9-feature-card p{font-size:.9rem;color:#4A5A6E;padding:10px 24px 0}
.sl9-feature-arrow{position:absolute;bottom:18px;right:22px;font-size:1.4rem;color:#0B1F35}

.sl9-testimonial{background:#DCE4EA;padding:64px 0}
.sl9-testimonial-card{max-width:760px;background:#fff;border-radius:16px;padding:40px;text-align:center;margin:0 auto}
.sl9-testimonial-card p{font-size:1.1rem;font-style:italic;color:#2A3A4E;margin-bottom:16px}
.sl9-testimonial-author{font-weight:700;color:#0B1F35}

.sl9-sports{padding:72px 0;text-align:center}
.sl9-sports h2{font-size:2rem;margin-bottom:32px}
.sl9-sports-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.sl9-sports-grid span{background:#E8EEF2;color:#0B1F35;font-weight:700;font-size:.9rem;padding:12px 26px;border-radius:30px}

.sl9-pricing{padding:72px 0;text-align:center;background:#F3F6F8}
.sl9-pricing h2{font-size:2rem;margin-bottom:8px}
.sl9-pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:40px;text-align:left}
.sl9-pricing-card{background:#fff;border:1px solid #D8E0E6;border-radius:12px;padding:28px}
.sl9-pricing-card--featured{border-color:#2DD4C8;border-width:2px}
.sl9-pricing-card h3{font-size:1.1rem;margin-bottom:12px}
.sl9-pricing-price{font-size:1.8rem;font-weight:800;margin-bottom:16px}
.sl9-pricing-price span{font-size:.8rem;font-weight:600;color:#5A6A7E}
.sl9-pricing-card p{font-size:.88rem;color:#4A5A6E;margin-bottom:20px;min-height:66px}

.sl9-faq{padding:72px 0}
.sl9-faq h2{font-size:2rem;text-align:center;margin-bottom:40px}
.sl9-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:920px;margin:0 auto}
.sl9-faq-item h3{font-size:1rem;margin-bottom:8px}
.sl9-faq-item p{font-size:.88rem;color:#4A5A6E}

.sl9-cta-banner{background:#0B1F35;padding:48px 0}
.sl9-cta-banner-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.sl9-cta-banner h2{color:#fff;font-size:1.4rem;max-width:520px}

.sl9-footer{background:#08182B;padding:56px 0 24px;color:rgba(255,255,255,.7)}
.sl9-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
.sl9-footer-col h4{color:#fff;font-size:.9rem;margin-bottom:14px}
.sl9-footer-col p{font-size:.85rem;line-height:1.7}
.sl9-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.sl9-footer-col a{font-size:.85rem;color:rgba(255,255,255,.7)}
.sl9-footer-col a:hover{color:#2DD4C8}
.sl9-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:.8rem;text-align:center}

@media(max-width:768px){
  .sl9-nav{display:none}
  .sl9-hero h1{font-size:2rem}
  .sl9-features-grid{grid-template-columns:1fr}
  .sl9-pricing-grid{grid-template-columns:1fr}
  .sl9-faq-grid{grid-template-columns:1fr}
  .sl9-footer-grid{grid-template-columns:1fr}
  .sl9-cta-banner-inner{flex-direction:column;text-align:center}
}