:root{--whoop-black: #000000;--whoop-white: #ffffff;--whoop-gray: #f8f8f8;--whoop-accent: #1a1a1a;--whoop-text-light: #666666}.hero-video-banner,.hero-banner{background:var(--whoop-black);color:var(--whoop-white);min-height:80vh;display:flex;align-items:center;justify-content:center}.hero-banner .banner__content,.video-section__content{text-align:center;max-width:900px;margin:0 auto;padding:4rem 2rem}.hero-banner h1,.video-section h1{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;margin-bottom:2rem;letter-spacing:-.02em}.hero-banner .banner__text,.video-section__text{font-size:1.5rem;font-weight:300;margin-bottom:3rem;opacity:.8;line-height:1.4}.hero-banner .banner__buttons,.video-section__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-banner .btn,.video-section .btn{font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:2px solid var(--whoop-white)}.hero-banner .btn--primary,.video-section .btn--primary{background:var(--whoop-white);color:var(--whoop-black)}.hero-banner .btn--secondary,.video-section .btn--secondary{background:transparent;color:var(--whoop-white)}.hero-banner .btn:hover,.video-section .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.multicolumn{padding:6rem 0;background:var(--whoop-white)}.multicolumn .section-title{text-align:center;font-size:3rem;font-weight:700;margin-bottom:4rem;color:var(--whoop-black)}.multicolumn .multicolumn-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.multicolumn-card{text-align:center;padding:2rem;border-radius:12px;background:var(--whoop-gray);transition:all .3s ease}.multicolumn-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.multicolumn-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--whoop-black)}.multicolumn-card p{font-size:1rem;line-height:1.6;color:var(--whoop-text-light)}.collection{padding:6rem 0;background:var(--whoop-white)}.collection .section-title{text-align:center;font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--whoop-black)}.collection .section-subtitle{text-align:center;font-size:1.2rem;color:var(--whoop-text-light);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.image-with-text{padding:6rem 0;background:var(--whoop-gray)}.image-with-text__content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.image-with-text__text h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--whoop-black)}.image-with-text__text p{font-size:1.1rem;line-height:1.6;color:var(--whoop-text-light);margin-bottom:2rem}.image-with-text .btn{font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border-radius:50px;background:var(--whoop-black);color:var(--whoop-white);text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--whoop-black);transition:all .3s ease}.image-with-text .btn:hover{background:transparent;color:var(--whoop-black)}.results-section{padding:6rem 0;background:var(--whoop-black);color:var(--whoop-white);text-align:center}.results-section .section-title{font-size:3rem;font-weight:700;margin-bottom:2rem}.results-section .section-subtitle{font-size:1.2rem;opacity:.8;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:800px;margin:0 auto 3rem}.result-item{text-align:center}.result-percentage{font-size:4rem;font-weight:900;color:var(--whoop-white);display:block;margin-bottom:1rem}.result-text{font-size:1rem;opacity:.8;line-height:1.4}.results-section .caption{font-size:.9rem;opacity:.6;margin-top:3rem}.testimonials{padding:6rem 0;background:var(--whoop-white)}.testimonials .section-title{text-align:center;font-size:3rem;font-weight:700;margin-bottom:4rem;color:var(--whoop-black)}.testimonial-card{background:var(--whoop-gray);padding:2.5rem;border-radius:12px;text-align:center;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.testimonial-stars{color:gold;font-size:1.2rem;margin-bottom:1rem}.testimonial-card h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--whoop-black)}.testimonial-card p{font-size:1rem;line-height:1.6;color:var(--whoop-text-light);margin-bottom:1.5rem}.testimonial-author{font-size:.9rem;font-weight:600;color:var(--whoop-black)}.newsletter{padding:6rem 0;background:var(--whoop-black);color:var(--whoop-white);text-align:center}.newsletter h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.newsletter p{font-size:1.1rem;opacity:.8;margin-bottom:2rem}.newsletter-form{display:flex;max-width:500px;margin:0 auto;gap:1rem}.newsletter-form input{flex:1;padding:1rem;border:2px solid var(--whoop-white);background:transparent;color:var(--whoop-white);border-radius:50px;font-size:1rem}.newsletter-form input::placeholder{color:#fff9}.newsletter-form button{padding:1rem 2rem;background:var(--whoop-white);color:var(--whoop-black);border:2px solid var(--whoop-white);border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.newsletter-form button:hover{background:transparent;color:var(--whoop-white)}[dir=rtl] .hero-banner .banner__buttons,[dir=rtl] .video-section__buttons{flex-direction:row-reverse}[dir=rtl] .image-with-text__content,[dir=rtl] .newsletter-form{direction:rtl}@media (max-width: 768px){.hero-banner h1,.video-section h1{font-size:clamp(2rem,6vw,3rem)}.hero-banner .banner__text,.video-section__text{font-size:1.1rem}.multicolumn .section-title,.collection .section-title,.testimonials .section-title{font-size:2rem}.image-with-text__content{grid-template-columns:1fr;gap:2rem}.newsletter-form{flex-direction:column}.result-percentage{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/whoop-design.css.map */