/*----- Global ------*/

body {
    margin: 0;
    padding: 0;
    min-height: 100vh; 
    width: 100%;      
    background: linear-gradient(
        180deg,
        #0B0A0F 5.77%,
        #141014 37.02%,
        #652D20 100%
    );
    background-repeat: no-repeat;
    background-size: cover; 
}



/*----- Typography ------*/

.menu_type {
    color: #FFF;
    font-family: "Articulat CF";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer_type {
    color: #FFF;
    font-family: "Articulat CF";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px; /* 194.444% */
}

h1{
    color: #FFF;
    font-family: "Hoss Round";
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 18px 38.5px;
    align-content: center;
    margin: -80px 219px 80px;
}

p {
    color: #FFF;
    font-family: "Articulat CF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.heading {
    margin: 10px 100px;
}

.stat-subtext{
    margin-top: -20px;
    margin-right: 30px;
    text-align: center;
    padding: 0 5px;
}

.stat-subtext1{
    margin-top: -20px;
    margin-right: 15px;
    text-align: center;
}

.stat-subtext2{
    margin-top: -20px;
    margin-right: 40px;
    text-align: center;
}



/*----- Header Content ------*/

.nav-menu-item {
    display: inline-flex;
    
}

.nav-menu-item a {
    text-decoration: none;
    color: white;
    margin: 64px 50px;
    
}

.nav-menu{
    padding-left: 431px;
}


.logo-header{
    z-index: 2;
    background-image: url(../img/Group3.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 339px;
    margin: 0px 220px;

}

/*----- Header Content ------*/


.hero-image {
    background-image: url(../img/heroimage.png);
    width: 799px;
    height: 610px;
    margin-left: 450px;
}

/*-------- Body Content ----------*/


.cloud {
    background-image: url(../img/cloud.png);
    width: 200px;
    height: 110px;
    background-repeat: no-repeat;
    margin: 0 100px;
}

.sleep {
    background-image: url(../img/sleep1.png);
    width: 1018px;
    height: 554px;
    margin-left: 150px;
    margin-top: -50px;
}

.stars {
    background-image: url(../img/stars.png);
    width: 86px;
    height: 99px;
    background-repeat: no-repeat;
    margin: 0 850px;
}

.stat-card {
    text-align: right;

  }

.border {
    border: 2px solid;
    border-radius: 24px;
    color: white;
    height: 213px;
    width: 400px;   
    float: right;
    margin-top: -650px;
    margin-right: 150px;
}

.border2 {
    border: 2px solid;
    border-radius: 24px;
    color: white;
    height: 213px;
    width: 400px;   
    float: right;
    margin-top: -400px;
    margin-right: 150px;
}

.border3 {
    border: 2px solid;
    border-radius: 24px;
    color: white;
    height: 213px;
    width: 400px;   
    float: right;
    margin-top: -150px;
    margin-right: 150px;
}

.header-card {
    border-style: solid;
    border-radius: 7px;
    width: 480px;
}


.header-card2 {
    display: inline-flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    border: 1px solid #FFF;
    width: 1116px;
    margin-top: 200px;
}

/*----- Video and Text -----*/

h2{
    color: #FFF;
    text-align: center;
    font-family: "Hoss Round";
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

p1{
    color: #FFF; 
    font-family: "Articulat CF";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
}

.row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: visible; 
}

.paragraph {
    width: 333px;
    margin-left: 300px;
}

.column-1 {
    flex: 1;  
    margin-top: -150x;
}

.column-2 {
    flex: 1;
    width: 100%;
}

.video {
    margin-right: -150px;
}

.video iframe {
    width: 100%;
}


/*---------footer------------*/

.footer {
    color: #ffffff;
    font-family: "Articulat CF";
    padding: 30px 50px;
  }
  
  /* Main layout - tighten it up */
  .footer-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;   /* MUCH smaller gap */
  }
  
  /* Logo */
  .logo {
    width: 236px;
    height: auto;
    display: block;
  }
  
  /* Info column */
  .footer-center h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  .footer-center ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
  }
  
  .footer-center ul li {
    margin-bottom: 6px;
  }
  
  .footer-center ul li a {
    color: white;
    font-size: 13px;
    text-decoration: none;
    opacity: 0.9;
  }
  
  /* Social icons row */
  .social-icons {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
  }
  
  .social-icons img {
    width: 22px;
    height: 22px;
  }
  
  /* Copyright aligned under icons */
  .footer-center p {
    font-size: 12px;
    opacity: 0.75;
    margin: 0;
  }