:root{--mint:#81B6AA;--mint-bright:#81CEDB;--mint-soft:rgba(129,182,170,.16);--grey:#293133;--grey-bright:#294964;--orange:#ff9f1c;--orange-bright:#ffb74d;--orange-soft:rgba(255,159,28,.16);--green:#32c36c;--green-bright:#32DB9D;--white:#fff;--muted:#c8d2d3;--dark:#101719;--panel:#182224;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(0,0,0,.32)}



*{box-sizing:border-box}


html{scroll-behavior:smooth}


body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--dark);color:var(--white);line-height:1.6}


a{color:inherit;text-decoration:none}


img{max-width:100%;display:block}


.wrap,.section{width:min(1180px,92vw);margin:auto}







/*Topbar*/


.topbar{background:#0b1011;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--muted)}

.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0}

.topbar .wrap a b {color:var(--green-bright)}






.nav{position:sticky;top:0;z-index:50;background:rgba(16,23,25,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}


/*New*/
.nav.scrolled .brand img {
  height: 72px;
  margin-bottom: 0;
  transform: translateY(0);
}



/*New*/
.nav {transition: padding .25s ease, background .25s ease;}





.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}




/*New*/
.brand {position: relative; z-index: 60;}


/*New*/
.brand img {
  height: 92px;
  margin-bottom: -54px;
  transform: translateY(12px);
  transition: height .25s ease, margin .25s ease, transform .25s ease;
}


/*old*/
/*.brand img{height:72px;width:auto}*/


.menu{display:flex;align-items:center;gap:1rem;font-weight:700;font-size:.93rem}


.menu a:not(.btn){color:#ecf6f5;opacity:.9}
.menu a:not(.btn):hover {color: var(--green-bright);opacity: 1;}

/*.menu a:hover{color:var(--green-bright)}*/



.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green-bright));color:#151515;font-weight:900;border:0;box-shadow:0 10px 30px var(--green-soft);cursor:pointer}



.btn.alt{background:rgba(255,255,255,.05);color:var(--white);border:1px solid var(--line);box-shadow:none}


.btn:hover{transform:translateY(-3px)}


.hero{min-height:82vh;position:relative;overflow:hidden;display:flex;align-items:center;background:#0b1011}


/*New*/
.hero {
  padding-top: 34px;
}




.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}


.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(129,206,219,.28),transparent 28%),radial-gradient(circle at 80% 25%,rgba(255,159,28,.22),transparent 30%),linear-gradient(90deg,rgba(16,23,25,.95),rgba(16,23,25,.68),rgba(16,23,25,.92))}



.hero .section{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .75fr;gap:3rem;align-items:center;padding:6rem 0}



.eyebrow{display:inline-flex;color:var(--mint-bright);background:var(--mint-soft);border:1px solid rgba(129,206,219,.25);border-radius:999px;padding:.35rem .8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}


h1,h2,h3{line-height:1.05;margin:.6rem 0 1rem}

h1{font-size:clamp(2.7rem,6vw,5.5rem);letter-spacing:-.06em}
h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}
h3{font-size:1.35rem}



.lead{font-size:1.24rem;color:#e5eeee;max-width:760px}


.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}


/*New property added - ; transform: translateY(-115px);*/
.hero-panel{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:32px;padding:1.2rem;box-shadow:var(--shadow)}


.hero-panel img{border-radius:24px;max-height:390px;object-fit:cover}


.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}


.stat{border:1px solid var(--line);border-radius:18px;padding:1rem;background:rgba(255,255,255,.05);color:var(--muted)}


.stat b{display:block;color:var(--white);font-size:2rem}


.section{padding:5.5rem 0}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}

.card,.product-card,.cta,.contact-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:28px;padding:1.4rem;box-shadow:0 18px 50px rgba(0,0,0,.18)}


.card:hover,.product-card:hover{border-color:rgba(50, 219, 157,.45);transform:translateY(-2px)}


.badge{color:var(--green-bright);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}


.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}


.page-hero{background:radial-gradient(circle at 75% 20%,rgba(255,159,28,.16),transparent 32%),linear-gradient(135deg,#11191b,#1d292c);border-bottom:1px solid var(--line)}


.page-hero .section{padding:5rem 0}

.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}


/*.product-card img{height:250px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:1rem;border:1px solid var(--line)}*/


.product-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 22px;
  margin-bottom: 1rem;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
}



.product-card ul{padding-left:1.1rem;color:var(--muted)}


.cta{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;background:linear-gradient(135deg,rgba(129,182,170,.16),rgba(255,159,28,.12))}


.form{display:grid;gap:1rem}

.form input,.form textarea,.form select{width:100%;padding:1rem;border-radius:14px;border:1px solid var(--line);background:#0f1719;color:white}

.footer{background:#0b1011;border-top:1px solid var(--line);padding:3rem 0;color:var(--muted)}


.footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}

.footer img{height:80px;margin-bottom:1rem}

.mobile-toggle{display:none}









@media(max-width:920px){
	
.hero .section,.split,.grid,.product-grid,.footer .wrap{grid-template-columns:1fr}

/*New*/
 .hero {
    padding-top: 24px;
  }


.menu{display:none;position:absolute;left:0;right:0;top:100%;background:#0b1011;padding:1rem 4vw;flex-direction:column;align-items:flex-start}

.menu.open{display:flex}

.mobile-toggle{display:inline-flex}

.topbar .wrap,.cta{flex-direction:column;align-items:flex-start}

.stats{grid-template-columns:1fr}



/*Old*/
/*.brand img{height:58px}*/

/*New*/
.brand img {
    height: 72px;
    margin-bottom: -24px;
    transform: translateY(8px);
  }



/*New*/
  .nav.scrolled .brand img {
    height: 58px;
    margin-bottom: 0;
    transform: translateY(0);
  }
  
  
  

h1{font-size:2.55rem}

.section{padding:3.5rem 0}


}