@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700');*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:'Poppins', sans-serif;-webkit-font-smoothing:antialiased;color:#222}h1{font-size:52px;font-weight:600;line-height:1.2;margin:0 0 25px;color:#222;letter-spacing:-3px}h2{font-size:24px;color:#333;margin:0 0 25px;font-weight:600;line-height:1.1;letter-spacing:-1.5px;text-transform:uppercase}h3,h4{margin:0 0 10px;font-weight:600;line-height:1.7;color:#222;letter-spacing:-0.025rem}h3{font-size:20px;font-weight:600;letter-spacing:-0.025rem;line-height:1.2}h4{font-size:16px}h5{font-size:14px;margin:0 0 10px}img{border:none;outline:none;max-width:100%}ul{display:block;list-style:none;padding:0;margin:0}p{font-size:17px;color:#666;margin-bottom:15px}a,a:hover{text-decoration:none}a:focus{outline:0;text-decoration:none}button{border:none;background:none}.mb-60{margin-bottom:60px}.align-center{text-align:center}#preloader{position:fixed;top:0;left:0;z-index:9999;background-color:#e035a0;height:100%;width:100%;-webkit-transition:all .5s .5s ease;-moz-transition:all .5s .5s ease;transition:all .5s .2s ease}.loader{position:absolute;top:50%;left:0;right:0;width:60px;height:60px;display:block;margin:auto;margin-top:-30px}body.loaded #preloader{opacity:0;visibility:hidden}.section-heading h2{color:#444;font-size:36px;font-weight:600;letter-spacing:-1.3px;line-height:1.2;text-transform:capitalize;margin:0 0 8px}.section-heading p{font-size:14px;font-weight:400;margin:0}a,a:hover,img,button{-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.header-section{width:100%;position:fixed;top:0;z-index:999}.navbar-fixed-top.header-section{background:linear-gradient(to right, #000000 0%, #00c6ff 100%);box-shadow:0px 16px 28px 0px rgba(0, 0, 0, 0.05);height:80px;border-bottom:0;padding:0}.navbar{display:-webkit-inline-box!important;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center}.menu{display:flex;align-items:center}.mainmenu .nav{display:flex;align-items:center;gap:25px}.mainmenu .nav li{list-style:none}.mainmenu .nav li a{color:#fff;font-size:15px;padding:10px 5px}.nav-toggle{display:none;font-size:28px;cursor:pointer;color:#fff}@media (max-width: 1050px){.nav-toggle{display:block}.menu{position:absolute;top:80px;left:0;width:100%;background:linear-gradient(to right, #000000 0%, #00c6ff 100%);display:none;flex-direction:column}.menu.active{display:flex}.mainmenu .nav{flex-direction:column;width:100%}.mainmenu .nav li{width:100%;border-bottom:1px solid rgba(255,255,255,0.2)}.mainmenu .nav li a{display:block;padding:15px;text-align:center;color:#fff}}.navbar-fixed-top ul.nav > li > a{color:#fff }.navbar-fixed-top ul.nav > li > a:hover,.navbar-fixed-top ul.nav > li > a:focus,.navbar-fixed-top ul.nav > li.active > a{color:#fff}.navbar-fixed-top .logo-dark,.logo-light{display:none}.navbar-fixed-top .logo-light{display:block}.logo-light,.navbar-fixed-top .logo-light,.logo-dark,.navbar-fixed-top .logo-dark,.navbar-fixed-top.header-section,.header-section{transition:all 0.3s ease-in-out}.navbar{border:medium none;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;border-radius:0;margin:0;position:relative;padding:0}ul.nav > li
ul.nav > li > a{color:rgba(15, 15, 15, 0.9);font-family:'Poppins', sans-serif;display:inline-block;vertical-align:middle;padding:0 10px;letter-spacing:1px;font-size:14px;font-weight:500;text-transform:capitalize;line-height:70px;z-index:1}ul.nav > li > a:hover,ul.nav > li > a:focus,ul.nav > li > a.active{background:none;color:#504e4e;opacity:1}.hero-section{background-color:#fff;height:700px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.hero-section:before{background-position:top right;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;content:"";position:absolute;width:160%;height:140%;right:-65px;top:-170px;z-index:-1}.hero-content h1{margin-bottom:20px}.hero-content p{line-height:1.5;margin:0 0 25px}.hero-content .download-btn:hover{opacity:0.8}.promo-section{padding-top:0;position:relative;z-index:1}.promo-content{background-color:#fff;padding:30px 15px;transition:all 0.2s ease-in-out}.promo-content:hover{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);-webkit-transform:translateY(1.1);transform:translateY(-5px);transition:all 0.3s ease-in-out}.promo-content .icon{font-size:50px;margin-bottom:20px}.promo-content i{background:linear-gradient(to right, #000000 0%, #00c6ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.promo-content h3{font-size:22px;text-transform:capitalize}.promo-content p{margin:0}.video-section{background-image:url(../img/hero.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll;position:relative;z-index:1;padding:150px 0}.video-section:before{background:linear-gradient(to right, #000000 0%, #00c6ff 100%);content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.8;z-index:-1}.play-btn{display:block}.play-btn a{background-color:#fff;width:80px;height:80px;line-height:80px;text-align:center;display:block;color:#714ac7;border-radius:50%;position:relative;margin:0 auto}.play-btn a:before{content:"";width:100%;height:100%;border-radius:50%;position:absolute;left:0;top:0;z-index:1}.play-btn a:after{content:"";width:100%;height:100%;border-radius:50%;position:absolute;left:0;top:0;z-index:1;border:5px solid #ddd;-webkit-animation:circle_zoom 0.8s linear 0.4s infinite;animation:circle_zoom 0.8s linear 0.4s infinite}@-webkit-keyframes circle_zoom{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes circle_zoom{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}.feature-section{position:relative;overflow:hidden;z-index:1}.swiper-container{padding:3.58rem 0 7rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-container .swiper-slide{transform:scale(.65);opacity:0.2;-webkit-transition:all .3s ease;transition:all .3s ease}.swiper-container .swiper-slide-next,.swiper-container .swiper-slide-prev{transform:scale(.75);opacity:0.85}.swiper-container .swiper-slide-active{opacity:1;transform:scale(1);z-index:100}.swiper-container .screen{width:212px;height:376px;margin:0 auto;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .03);box-shadow:0 0 1px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .03)}.swiper-container .mobile-mock{background:#252525;border:1px solid #141414;margin:0 auto;position:absolute;top:0;left:0;right:0;width:240px;max-width:230px;border-radius:36px;padding:65px 0;box-shadow:inset 0 4px 10px 1px #fff,
        inset 0 0 6px rgba(66, 77, 86, 0.5),
        0 2px 0 #aeb5bb,
        0 20px 50px -25px rgba(0, 0, 0, 0.5)}@media (min-width: 1024px){.swiper-container .mobile-mock{width:240px;max-width:230px;border-radius:30px;padding:55px 0;height:560px}}@media (min-width: 768px) and (max-width: 1000px){.swiper-container .mobile-mock{width:240px;max-width:230px;border-radius:30px;padding:55px 0;height:470px!important}}@media (max-width: 768px){.swiper-container .mobile-mock{width:240px;max-width:200px;border-radius:30px;padding:55px 0;height:470px!important}}@media (max-width: 480px){.swiper-container .mobile-mock{width:240px;max-width:200px;border-radius:30px;padding:55px 0;height:470px!important}}@media (max-width: 360px){.swiper-container .mobile-mock{width:130px;max-width:130px;border-radius:18px;padding:35px 0}}.swiper-container .mobile-mock:after,.swiper-container .mobile-mock:before{content:'';position:absolute}.swiper-container .mobile-mock:before{width:45px;height:4px;background:#e3e8eb;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);border-radius:30px;left:0;right:0;margin:-25px auto 0}.swiper-container .mobile-mock:after{top:30px;left:50%;width:6px;height:6px;margin-left:-45px;background:#e3e8eb;-webkit-box-shadow:0 0 0 2px rgba(0, 0, 0, .03);box-shadow:0 0 0 2px rgba(0, 0, 0, .03);display:block;border-radius:50%}.swiper-container .mobile-mock .screen{width:90%;margin:0 auto}.swiper-container .mobile-mock .circle{position:absolute;left:50%;-webkit-box-shadow:0 0 1px 2px #e3e8eb inset;box-shadow:0 0 1px 2px #e3e8eb inset;border:1px solid #edf4f8;border-radius:50%;bottom:1.75%;height:0;margin-left:-18px;padding-top:36px;width:36px}.swiper-container .swiper-next,.swiper-container .swiper-prev{width:30px;height:30px;line-height:30px;color:#fff;font-size:30px;opacity:0.8;display:block;text-align:center;position:absolute;left:0;top:calc(50% - 15px);cursor:pointer;transition:all 0.3s ease-in-out;z-index:99}.swiper-container .swiper-next{left:auto;right:0}.swiper-container .swiper-next:hover,.swiper-container .swiper-prev:hover{opacity:1;transition:all 0.3s ease-in-out}.testimonial-section{z-index:1}.subscribe-section{background:linear-gradient(to right, #000000 0%, #00c6ff 100%)}.subscribe-section .logo{margin-bottom:30px;height:150px;width:150px}.subscribe-content{display:block;margin-bottom:40px}.subscribe-content p{color:#fff}.social-link{text-align:center;margin-top:30px}.social-link li{display:inline-block;margin-right:20px}.social-link li a{color:#fff;display:inline-block;font-size:14px;height:100%;width:auto}.social-link li a:hover{cursor:pointer;opacity:0.8}.footer-section{background-color:#fff;display:block;color:#777;text-align:center;padding:30px 0}.footer-section p{color:white;font-size:14px;margin:0}.navbar-fixed-top .logo-dark,.logo-light{display:none}.navbar-fixed-top .logo-light{display:block}.logo-dark,.logo-light{width:70px;height:70px;max-height:200px;transition:all 0.3s ease-in-out}.navbar-fixed-top .logo-light,.navbar-fixed-top .logo-dark,.navbar-fixed-top.header-section,.header-section{transition:all 0.3s ease-in-out}.navbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-text{font-size:22px;font-weight:bold;color:#333;font-family:'Arial', sans-serif}.navbar-fixed-top .logo-light + .logo-text{color:#fff}.header-section{width:100%;position:fixed;top:0;z-index:999;background:#fff}.navbar{align-items:center;justify-content:space-between;width:100%}.navbar-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.menu{display:flex}.mainmenu .nav{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.nav-link{color:#333;font-weight:500;text-decoration:none;padding:10px 0}.nav-link:hover{color:#ff6b6b}.nav-toggle{display:none;font-size:26px;color:#fff;background:none;cursor:pointer}.container1{margin:0px 70px}@media (max-width: 1288px){.navbar{padding:0 15px}.nav-toggle{display:block}.menu{position:absolute;top:70px;right:-30px;background:linear-gradient(to right, #000000 0%, #00c6ff 100%);display:none;flex-direction:column;text-align:center}.menu.active{display:flex}.mainmenu .nav{flex-direction:column;gap:0}.mainmenu .nav li{border-bottom:1px solid rgba(255,255,255,0.2)}.mainmenu .nav li a{display:block;padding:15px;color:#fff;line-height:normal}.mainmenu .nav li a:hover{background:rgba(255,255,255,0.1)}.logo-text{font-size:18px}.logo-dark,.logo-light{width:45px;height:45px}}@media (max-width: 480px){.logo-text{font-size:16px}.nav-toggle{font-size:24px}.container1{margin:0px 0px}}@media (max-width: 1170px){.swiper-container{width:70%}}@media (max-width: 1024px){.hero-moc{right:-8px}.hero-section{height:650px}h1{font-size:36px}}@media (max-width: 992px){.sm-padding{padding:15px}.hero-section:before{top:-308px}ul.nav > li > a{padding:0 5px;font-size:10px}.swiper-container{width:260px}.swiper-container .swiper-slide{text-align:center}.swiper-container .swiper-slide img,.swiper-container .swiper-slide-active img{width:80%!important}.swiper-container .swiper-next,.swiper-container .swiper-prev{display:none}.download-btn a{margin:0 5px}.hero-section{height:570px}}@media all and (max-width: 767px){body,p{font-size:14px;line-height:24px}h1{font-size:30px!important}h2{font-size:24px}h3{font-size:20px}.play-btn:before,p br{display:none}.padding{padding:70px 0}.promo-section{padding-top:0}.section-heading h2{font-size:30px}.section-heading p{font-size:16px}.navbar-brand{padding:20px 0}.play-btn{left:calc(50% - 30px);top:calc(50% - 30px)}}@media all and (max-width: 520px){.hero-section{height:460px}.hero-content p{font-size:16px}.download-btn a:first-child{margin-bottom:10px}}@media (max-width: 1200px){.hero-content{width:100%;margin-bottom:20px;text-align:center}.hero-moc{display:block!important;position:relative!important;right:auto!important;max-width:320px;z-index:1;top:-10px}.hero-moc img{width:100%;height:auto}.hero-section{height:auto;padding:80px 0}}@media (max-width: 992px){.hero-section{height:auto;padding:80px 0}.hero-moc{max-width:280px;top:-15px}.promo-section{margin-top:10px}}@media (max-width: 767px){.hero-moc{max-width:270px;top:10px}.hero-content h1{font-size:28px}.hero-content p{font-size:16px}}




 /*her layout*/
 
 
 
/* ==========================================
   CATNAPPER EDITORIAL HERO V2
   Only affects #home
========================================== */

#home.cat-editorial-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: auto;
    min-height: 780px;
    overflow: hidden;

    padding: 125px 35px 65px;

    background:
        radial-gradient(
            ellipse at 10% 15%,
            #d9e5e7 0%,
            transparent 50%
        ),
        radial-gradient(
            ellipse at 85% 85%,
            #d8cec9 0%,
            transparent 50%
        ),
        linear-gradient(
            145deg,
            #a6b9c1,
            #e9e9e6 55%,
            #cdbdb8
        );
}

/* LANDSCAPE-INSPIRED SOFT BACKDROP */

#home.cat-editorial-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 160%;
    height: 280px;
    top: auto;
    bottom: -175px;
    right: auto;
    left: -30%;

    background: #b5b6b3;
    border-radius: 50% 50% 0 0;
    transform: rotate(-5deg);
    filter: blur(35px);
}

#home.cat-editorial-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;

    width: 130%;
    height: 200px;
    bottom: -130px;
    right: -20%;

    border-radius: 50% 50% 0 0;
    background: rgba(221, 206, 194, .8);
    transform: rotate(6deg);
    filter: blur(25px);
}

/* MAIN WHITE PANEL */

#home .cat-hero-shell {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1370px;
    margin: auto;

    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.96),
            rgba(250,250,249,.95)
        );

    border: 1px solid rgba(255,255,255,.75);
    border-radius: 38px;

    box-shadow:
        0 35px 100px rgba(43, 61, 65, .13),
        inset 0 1px 0 rgba(255,255,255,.9);

    overflow: hidden;
}

#home .cat-hero-shell > .container-fluid {
    padding: 0;
}

#home .cat-hero-main {
    min-height: 650px;
    margin: 0;
    padding: 60px 55px;
}

#home .cat-hero-main > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* ==========================================
   LEFT SIDE
========================================== */

#home .hero-content {
    width: 100%;
    max-width: 560px;
    margin: 0;

    position: relative;
    z-index: 3;
    text-align: left;

    animation: catEditorialEnter .9s ease both;
}

/* LARGE EDITORIAL HEADING */

#home .hero-content h1 {
    color: #171c1d;
    font-family: "Poppins", sans-serif;

    font-size: clamp(43px, 4.1vw, 62px);
    line-height: 1.16;
    letter-spacing: -3px;
    font-weight: 600;

    margin: 0 0 30px;
    text-transform: none;
}

/* DESCRIPTION */

#home .hero-content p {
    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
    color: #5f696b;

    max-width: 495px;
    margin: 0 0 35px;
}

/* DOWNLOAD AREA */

#home #hero-buttons {
    text-align: left !important;
    padding-top: 0;
    margin-top: 30px !important;
}

#home #request-message {
    color: #202c2f;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 18px !important;
}

/* STORE BADGES */

#home .butns {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    flex-wrap: wrap;

    gap: 13px !important;
}

#home .download-btn {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;

    border-radius: 9px;
    overflow: hidden;

    box-shadow: 0 8px 18px rgba(0,0,0,.08);

    transition: transform .3s ease,
                box-shadow .3s ease;
}

#home .download-btn:hover {
    opacity: 1;
    transform: translateY(-4px);

    box-shadow: 0 14px 25px rgba(0,0,0,.13);
}

#home .store-btn {
    display: block;
    width: auto;
    height: 49px;

    max-width: 100%;
    padding: 0;
    margin: 0;

    object-fit: contain;
}

#home .trial-note {
    color: #7b8586 !important;

    font-size: 11px;
    line-height: 1.9;

    margin-top: 19px !important;
}

/* ==========================================
   RIGHT EDITORIAL COMPOSITION
========================================== */

#home .hero-div {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 15px !important;
}

#home .cat-hero-composition {
    position: relative;
    width: 100%;
    max-width: 520px;
    height: 580px;

    margin: 0 auto;
}

/* ==========================================
   20 MINUTE STAT CARD
========================================== */

#home .cat-sleep-stat {
    position: absolute;

    top: 5px;
    left: 12px;

    width: 225px;
    height: 178px;

    padding: 20px;

    border-radius: 22px;
    background: #f0f2ef;

    z-index: 3;

    box-shadow: 0 12px 28px rgba(0,0,0,.035);

    animation: catCardReveal .9s .2s both;
}

#home .cat-stat-label {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 12px;
    color: #5f6665;
    font-weight: 600;
}

#home .cat-stat-moon {
    font-size: 22px;
    color: #b9a47c;
}

#home .cat-stat-number {
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -3px;
    font-weight: 600;
    color: #1c2527;

    margin-top: 9px;
}

#home .cat-stat-number span {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 400;
}

#home .cat-stat-bars {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

#home .cat-stat-bars span {
    display: block;
    height: 4px;
    border-radius: 20px;
    flex: 1;
    background: #d7dcd8;
}

#home .cat-stat-bars span:first-child {
    background: #cbb69a;
}

#home .cat-stat-caption {
    color: #8a9592;
    font-size: 10px;
    margin-top: 9px;
}

/* ==========================================
   APP PREVIEW CARD
========================================== */

#home .cat-app-preview {
    position: absolute;

    top: 190px;
    left: 12px;

    width: 225px;
    height: 350px;

    overflow: hidden;
    border-radius: 22px;

    background: #d8e8e7;
    z-index: 2;

    box-shadow: 0 18px 32px rgba(0,0,0,.09);

    animation: catCardReveal 1s .35s both;
}

#home .cat-app-preview .hero-moc {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;

    display: flex !important;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    max-width: none;
    margin: 0;
}

/* PHONE INSIDE CARD */

#home .cat-app-preview .iphone {
    position: relative;

    width: 190px;
    height: 380px;

    margin: 20px auto 0;
    padding: 6px;

    border: 4px solid #202a2b;
    border-radius: 32px;

    background: #13191b;

    box-shadow: 0 14px 24px rgba(0,0,0,.18);

    transition: transform .45s ease;
}

#home .cat-app-preview:hover .iphone {
    transform: translateY(-7px);
}

#home .cat-app-preview .screen {
    width: 100%;
    height: 100%;

    overflow: hidden;
    border-radius: 23px;
    background: white;
}

#home .cat-app-preview .app-img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;

    object-fit: cover;
    object-position: top center;
}

#home .cat-app-preview .notch {
    position: absolute;

    width: 76px;
    height: 17px;

    left: 50%;
    top: 10px;

    transform: translateX(-50%);

    border-radius: 20px;
    background: #13191b;
    z-index: 5;
}

/* ==========================================
   MOON CARD
========================================== */

#home .cat-moon-card {
    position: absolute;

    width: 155px;
    height: 155px;

    top: 70px;
    right: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #e5e9e7;
    border-radius: 25px;

    color: #cdb894;
    font-size: 95px;
    line-height: 1;

    z-index: 2;

    box-shadow: 0 12px 28px rgba(0,0,0,.03);

    animation: catCardReveal 1s .5s both;
}

/* ==========================================
   AUDIO CARD
========================================== */

#home .cat-audio-card {
    position: absolute;

    right: 12px;
    top: 240px;

    width: 235px;
    min-height: 230px;

    padding: 23px 20px;

    border-radius: 24px;

    background: #e9edeb;

    box-shadow: 0 12px 30px rgba(0,0,0,.04);

    z-index: 3;

    animation: catCardReveal 1s .65s both;
}

#home .cat-audio-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: #253639;
    font-size: 15px;
    font-weight: 600;
}

#home .cat-audio-heading span:last-child {
    color: #ad9773;
    font-size: 22px;
}

#home .cat-audio-wave {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;
    height: 85px;

    margin-top: 18px;
}

#home .cat-audio-wave span {
    display: block;

    width: 6px;
    height: 18px;

    border-radius: 8px;
    background: #8da9aa;

    animation: catAudioWave 1.8s ease-in-out infinite;
}

#home .cat-audio-wave span:nth-child(2n) {
    animation-delay: .2s;
    height: 35px;
}

#home .cat-audio-wave span:nth-child(3n) {
    animation-delay: .5s;
    height: 58px;
}

#home .cat-audio-wave span:nth-child(5n) {
    animation-delay: .8s;
    height: 44px;
}

#home .cat-audio-footer {
    color: #81908f;
    font-size: 12px;
    text-align: center;
    margin-top: 12px;
}

/* ==========================================
   ANIMATIONS
========================================== */

@keyframes catEditorialEnter {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes catCardReveal {
    from {
        opacity: 0;
        translate: 0 25px;
    }
    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes catAudioWave {
    0%, 100% {
        transform: scaleY(.65);
    }
    50% {
        transform: scaleY(1.25);
    }
}

/* ==========================================
   SMALL DESKTOP
========================================== */

@media (max-width: 1199px) {

    #home.cat-editorial-hero {
        padding: 115px 22px 45px;
    }

    #home .cat-hero-main {
        padding: 45px 25px;
    }

    #home .hero-content h1 {
        font-size: 43px;
        letter-spacing: -2px;
    }

    #home .cat-hero-composition {
        max-width: 455px;
        height: 550px;
    }

    #home .cat-sleep-stat,
    #home .cat-app-preview {
        left: 0;
    }

    #home .cat-moon-card,
    #home .cat-audio-card {
        right: 0;
    }

    #home .cat-sleep-stat,
    #home .cat-app-preview {
        width: 205px;
    }

    #home .cat-audio-card {
        width: 205px;
    }
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    #home.cat-editorial-hero {
        padding: 105px 18px 40px;
    }

    #home .cat-hero-shell {
        border-radius: 30px;
    }

    #home .cat-hero-main {
        padding: 55px 25px 30px;
        row-gap: 35px;
        min-height: 0;
    }

    #home .hero-content {
        margin: 0 auto;
        max-width: 640px;
        text-align: center;
    }

    #home .hero-content h1 {
        font-size: 46px;
    }

    #home .hero-content p {
        margin: 0 auto 28px;
        max-width: 560px;
    }

    #home #hero-buttons {
        text-align: center !important;
    }

    #home .butns {
        justify-content: center !important;
    }

    #home .trial-note {
        text-align: center;
    }

    #home .cat-hero-composition {
        width: 455px;
        max-width: 100%;
        height: 545px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575px) {

    #home.cat-editorial-hero {
        padding: 85px 10px 25px;
        min-height: 0;
    }

    #home .cat-hero-shell {
        border-radius: 24px;
    }

    #home .cat-hero-main {
        padding: 37px 13px 24px;
        row-gap: 20px;
    }

    #home .hero-content h1 {
        font-size: clamp(29px, 8vw, 38px) !important;
        line-height: 1.22;
        letter-spacing: -1.5px;

        margin-bottom: 21px;
    }

    #home .hero-content p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 24px;
    }

    #home #hero-buttons {
        margin-top: 20px !important;
    }

    #home #request-message {
        font-size: 13px;
        margin-bottom: 15px !important;
    }

    #home .butns {
        gap: 8px !important;
    }

    #home .store-btn {
        height: 40px;
    }

    #home .trial-note {
        font-size: 10px;
        margin-top: 15px !important;
    }

    /* SCALED CARD COMPOSITION */

    #home .cat-hero-composition {
        width: 320px;
        height: 410px;
        max-width: 100%;
    }

    #home .cat-sleep-stat {
        top: 6px;
        left: 0;

        width: 151px;
        height: 131px;

        padding: 13px;
        border-radius: 16px;
    }

    #home .cat-stat-label {
        font-size: 10px;
    }

    #home .cat-stat-number {
        font-size: 37px;
        margin-top: 6px;
        letter-spacing: -2px;
    }

    #home .cat-stat-number span {
        font-size: 13px;
    }

    #home .cat-stat-bars {
        margin-top: 7px;
    }

    #home .cat-stat-caption {
        font-size: 9px;
    }

    #home .cat-app-preview {
        width: 151px;
        height: 250px;

        top: 147px;
        left: 0;

        border-radius: 16px;
    }

    #home .cat-app-preview .iphone {
        width: 125px;
        height: 260px;

        margin-top: 11px;
        padding: 4px;

        border-width: 3px;
        border-radius: 23px;
    }

    #home .cat-app-preview .screen {
        border-radius: 16px;
    }

    #home .cat-app-preview .notch {
        width: 54px;
        height: 12px;
        top: 6px;
    }

    #home .cat-moon-card {
        width: 120px;
        height: 120px;

        top: 35px;
        right: 0;

        font-size: 75px;
        border-radius: 18px;
    }

    #home .cat-audio-card {
        width: 151px;
        min-height: 191px;

        top: 170px;
        right: 0;

        padding: 16px 12px;
        border-radius: 17px;
    }

    #home .cat-audio-heading {
        font-size: 11px;
    }

    #home .cat-audio-wave {
        height: 65px;
        gap: 3px;
    }

    #home .cat-audio-wave span {
        width: 4px;
    }

    #home .cat-audio-footer {
        font-size: 10px;
    }
}

@media (max-width: 360px) {

    #home .cat-hero-composition {
        width: 284px;
    }

    #home .cat-sleep-stat,
    #home .cat-app-preview {
        width: 135px;
    }

    #home .cat-audio-card {
        width: 135px;
    }

    #home .cat-moon-card {
        width: 105px;
        height: 105px;
    }

    #home .store-btn {
        height: 36px;
    }
}

/* REDUCED MOTION SUPPORT */

@media (prefers-reduced-motion: reduce) {

    #home .hero-content,
    #home .cat-sleep-stat,
    #home .cat-app-preview,
    #home .cat-moon-card,
    #home .cat-audio-card,
    #home .cat-audio-wave span {
        animation: none !important;
    }
}