#intro {aspect-ratio: 1.77 / 1;display: flex;/* align-items: center; */}
#intro::before {     background: #00000070; }
#intro .container { padding-top:5vh; }
#intro .hero-text h1 {font-size: 120px;}
#intro .hero-text .cta a {font-size: 20px;padding: 20px 50px;border-radius: 40px;}

#about .copy {max-width: 980px;}


#faq {background: #353738;color: #fff;padding: 8vh 0;}
#faq h3 {font-size: 50px;margin: 0 0 3vh;}
#faq .faq {border-top: 1px solid #707070;}
#faq .faq .item {border-bottom: 1px solid #707070;}
#faq .faq .item .item-header {padding: 25px 0;display: flex;align-items: center;justify-content: space-between;cursor: pointer;gap: 15px;}
#faq .faq .item .item-header h4  {font-weight: 400;font-size: 24px;l;/* letter-spacing: 1px; */flex: 1;}
#faq .faq .item .item-header .toggler {background: #D72630;color: #fff;height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;line-height: 1em;display: flex;}
#faq .faq .item .item-header .toggler::after {content:'\f067';display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0;text-decoration:none; }
#faq .faq .item .item-content {display: grid;transition: all 0.5s ease;grid-template-rows: 0fr; overflow: hidden;}
#faq .faq .item .item-content ul {list-style: disc outside;padding: 0 0 0 25px;}
#faq .faq .item .item-content ul li { }
#faq .faq .item .item-content .item-content-inner { overflow: hidden;}
#faq .faq .item.active .item-content { margin: 0 0 15px; grid-template-rows: 1fr; }
#faq .faq .item.active .item-header .toggler::after { content:'\f068';}

#owatch-video { }
#owatch-video .container {width: 100%;}

#how-it-works .owatch-product {padding: 8vh 0 8vh;}
#how-it-works .owatch-product .owatch-product-inner {display: flex; align-items: center;} 
#how-it-works .owatch-product .col-info {flex: 1;}
#how-it-works .owatch-product .col-info h2 {margin: 0 0 30px;}
#how-it-works .owatch-product .col-info .owatch-logo {max-width: 330px;display: block;margin: 0 0 40px;}
#how-it-works .owatch-product .col-info .ctas {display: flex;gap: 15px;/* max-width: 640px; */}
#how-it-works .owatch-product .col-info .ctas .cta {flex: 1;max-width: 330px;}
#how-it-works .owatch-product .col-info .ctas .cta a {display: block;width: 100%;padding: 15px 30px;}
#how-it-works .owatch-product .col-media {flex: 1;}
#how-it-works .owatch-product .col-media video {  max-height: 80vh;margin: 0 auto; }
#how-it-works .works-cards .item .image .video video {width: 100%;object-fit: cover;height: 100%;   }

#benefits { }
#benefits .headline { max-width: 830px;  }
#benefits .benefits-items .item .content { }
#benefits .benefits-items .item .content h3 {font-weight: 400;}
#benefits .benefits-items .item .content ul {font-weight: 400;list-style: disc outside;padding: 0 0 0 25px;font-size: 20px;}
#benefits .benefits-items .item .content ul li {padding: 5px 0;}
#benefits .benefits-items .item .content p { font-weight: 400; font-size: 20px;margin: 0 0 10px;}
#benefits .benefits-items .item .content p strong { font-weight:500; }

#testimonials {padding: 5vh 0 8vh;}
#testimonials .headline {text-align: center;margin: 0 auto 50px;max-width: 800px;}

#early-detection {padding: 8vh 0;}
#early-detection .highlights {display: flex;padding: 80px 0 3vh;margin: 0 auto;max-width: 1400px;}
#early-detection .highlights .col-media {flex: 1;max-width: 50%;}
#early-detection .highlights .highlights-media { }
#early-detection .highlights .highlights-media .highlights-media-circle-outer { width: 460px;height: 460px;border-radius: 100%;position: relative;text-align: center; margin: 0 auto;z-index: 2; transition: all 0.3s ease;}
#early-detection .highlights .highlights-media .highlights-media-circle {background: #2F3132;width: 450px;height: 450px;border-radius: 100%;position: relative;top: 5px;left: 5px;overflow: hidden;}
#early-detection .highlights .highlights-media .highlights-media-slider  {width: 450px;height: 450px;}
#early-detection .highlights .highlights-media .highlights-media-slider .item {width: 450px;height: 450px;padding: 10px;position: relative;}
#early-detection .highlights .highlights-media .highlights-media-slider .item .item-image {height: 100%;overflow: hidden;padding: 25px;border-radius: 100%;width: 100%;}
#early-detection .highlights .highlights-media .highlights-media-slider .item .item-image img {object-fit: contain;width: 100%;height: 100%;}
#early-detection .highlights .highlights-media .highlights-media-slider .item .item-count {position: absolute;width: 100px;height: 100px;border-radius: 50%;background: #D72630;top: 0;left: 0;display: none;z-index: 10;}
#early-detection .highlights .col-text {flex:1;max-width: 50%;display: flex; flex-flow: column;justify-content: center;}
#early-detection .highlights .m-headline { display:none; }
#early-detection .highlights .headline h3 {font-size: 54px;margin: 0 0 5vh;font-weight: 400;}
#early-detection .highlights .highlights-content { }
#early-detection .highlights .highlights-content-slider .slick-list {margin: 0 -30px;}
#early-detection .highlights .highlights-content .item {margin: 0 30px;}
#early-detection .highlights .highlights-content .item .item-content { }
#early-detection .highlights .highlights-content .item .item-content h4 {font-size: 38px;font-weight: 400;}
#early-detection .highlights .highlights-content .item .item-content p {color: #9A9B9B;}
#early-detection .highlights .highlights-content-slider-arrows {display: flex;align-items: center;gap: 10px;padding: 2vh 0 0;margin: 0 0 50px;}
#early-detection .highlights .highlights-content-slider-arrows button {display: flex;background: #353738;width: 60px;height: 60px;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.3s ease;}
#early-detection .highlights .highlights-content-slider-arrows button:hover {background: #D72630; }

#early-detection .inner > .headline {text-align: center;margin: 0 auto;max-width: 900px;}
#early-detection .inner > .headline h2 {font-size: 80px;margin: 0 auto 25px;max-width: 680px;}
#early-detection .highlight-media-subnote p {font-style: italic;text-align: center;max-width: 320px;margin: 40px auto 0;}





#contact {background:#F4F4F5;padding: 10vh 0;}
#contact .inner {flex-flow: column;align-items: flex-start;gap: 4vw;}
#contact h2 {font-size: 90px;}
#contact h2 .highlight { color: #D72630;}
#contact .form {width: 100%;background: #fff;padding: 30px;border-radius: 25px;}

@media screen and (max-width: 1400px) {
    #header .logo {max-width: 280px;}
    #header .nav ul li a {font-size: 17px;}
    body #intro .hero-text h1 {font-size: 100px;}
}

@media screen and (max-width: 1200px) {
    #contact h2 {font-size: 70px;}
    body #intro {aspect-ratio: auto;}
    body #intro .hero-text h1 { font-size:80px; }

    #how-it-works .owatch-product .owatch-product-inner {flex-flow: column;}
    #how-it-works .owatch-product .col-info .ctas {flex-flow: column;}
    #how-it-works .owatch-product .col-info .ctas .cta { max-width:100%; }

    #testimonials .headline h2 { font-size:50px; }

    #early-detection .inner > .headline h2{ font-size:50px; }

  #early-detection .highlights {flex-flow: column;gap: 30px;}
    #early-detection .highlights .m-headline { display:block; }
  #early-detection .highlights .col-media {max-width: 100%; padding: 50px 0;overflow: hidden;}
  #early-detection .highlights .highlights-media {width: 80vw;margin: 0 auto;aspect-ratio: 1 /1;height: 80vw;}
  #early-detection .highlights .highlights-media .highlights-media-circle-outer {width: 81vw;aspect-ratio: 1/ 1;height: 81vw;}
  #early-detection .highlights .highlights-media .highlights-media-circle, #early-detection .highlights .highlights-media .highlights-media-slider, #early-detection .highlights .highlights-media .highlights-media-slider .item {width: 80vw;aspect-ratio: 1/ 1;height: 80vw;top: 2px;left: 2px;}
    #early-detection .highlights .col-text {max-width: 100%; overflow: hidden;}
    #early-detection .highlights .col-text .headline { display:none; }
    
}

@media screen and (max-width: 700px) {
    #contact h2 {font-size: 50px;max-width: none;}
     body #intro .hero-text h1 {font-size: 70px;}
    #about .copy h2 { font-size:48px; }
    #how-it-works .owatch-product .col-info { text-align:center;}
    #how-it-works .owatch-product .col-info h2 {font-size: 60px;}
    #how-it-works .owatch-product .col-info .owatch-logo {margin: 0 auto 50px;}
    #benefits .benefits-items .item .content p { font-size: 20px;}
    #benefits .benefits-items .item .content ul {font-size: 20px;}
}