@tailwind base;@tailwind components;@tailwind utilities;:root{--clr-bg-dark: #111215;--clr-steel-gray: #2A2D34;--clr-light-gray: #F5F5F5;--clr-neon-green: #6BE03F;--clr-accent-blue: #00A3FF}@layer base{html{font-family:GeneralSans-Variable,GeneralSans-Regular,sans-serif}body{background-color:var(--clr-bg-dark);color:var(--clr-light-gray)}}@layer components{.text-neon{@apply text-neon-green drop-shadow-neon;}.cut-corner{clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.btn-primary{@apply bg-neon-green text-bg-dark px-6 py-3 rounded-lg font-semibold hover:bg-accent-blue transition-colors duration-200;}.card-hover{@apply hover:scale-105 transition-transform duration-200;}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:GeneralSans-Variable,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1;color:#fff;background-color:#070707;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:170px}:root{--color-primary-green: #6BE03F;--color-light-green: #6BE03F;--color-white: #FFFFFF;--color-dark: #0B0C0C;--color-bg-dark: #070707;--color-text-light: #FFFFFF;--color-text-dark: #0D0D12;--container-max-width: 1728px;--container-padding-x: 72px;--header-logo-width: 160px;--header-logo-height: 120px}.container{max-width:clamp(1200px,90vw,1728px);margin:0 auto;padding-left:clamp(20px,4vw,72px);padding-right:clamp(20px,4vw,72px);width:100%}@media screen and (min-width: 1440px){.container{max-width:1728px;padding-left:72px;padding-right:72px}}@media screen and (max-width: 1200px){.container{max-width:95vw;padding-left:clamp(20px,3vw,40px);padding-right:clamp(20px,3vw,40px)}}@media screen and (max-width: 1024px){.container{max-width:96vw;padding-left:clamp(25px,4vw,35px);padding-right:clamp(25px,4vw,35px)}}@media screen and (max-width: 768px){.container{max-width:100vw;padding-left:clamp(15px,4vw,25px);padding-right:clamp(15px,4vw,25px)}}.header{background-color:#070707;padding:8px 0;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;transition:all .3s ease}.header.scrolled{background:#070707d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;top:0;padding:10px 0}.header.scrolled .nav-container{padding:12px 0}.header.scrolled .logo-svg{width:var(--header-logo-width);height:var(--header-logo-height)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:auto;padding:15px 0;width:100%}.logo-section{display:flex;align-items:center;flex-shrink:0}.logo-svg{width:var(--header-logo-width);height:var(--header-logo-height);display:block}.navigation{display:flex;list-style:none;margin:0;padding:0;gap:50px;align-items:center}.nav-link{color:var(--color-white);text-decoration:none;font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:16px;line-height:1;transition:color .3s ease;white-space:nowrap}.nav-link:hover{color:var(--color-primary-green)}.contact-button{display:flex;align-items:center;gap:4px;text-decoration:none;flex-shrink:0;white-space:nowrap;transition:transform .3s ease}.contact-button:hover{transform:translateY(-2px)}.contact-main-button{position:relative;display:flex;align-items:center;justify-content:center}.contact-button-bg{width:110px;height:36px;display:block}.contact-button-text{position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:16px;line-height:1;color:var(--color-text-dark)}.contact-arrow-button{position:relative;width:44px;height:36px;background-color:var(--color-primary-green);display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .3s ease}.contact-arrow-button:hover .contact-arrow{transform:translate(2px,-2px)}.contact-arrow{width:12px;height:12px;display:block;transition:transform .3s ease}h1,.h1{font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:70px;line-height:1.21;color:var(--color-white);margin:0}h2,.h2{font-family:GeneralSans-Semibold,sans-serif;font-weight:600;font-size:40px;line-height:1.25;color:var(--color-white);margin:0}h3,.h3{font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:34px;line-height:1.47;color:var(--color-white);margin:0}h4,.h4{font-family:GeneralSans-Semibold,sans-serif;font-weight:600;font-size:30px;line-height:1.67;color:var(--color-white);margin:0}.subtitle{font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:32px;line-height:1.56;color:var(--color-white);margin:0}.body-text{font-family:GeneralSans-Regular,sans-serif;font-weight:400;font-size:32px;line-height:1.56;color:var(--color-white);margin:0}.desc-text{font-family:GeneralSans-Light,sans-serif;font-weight:300;font-size:24px;line-height:1.21;color:var(--color-white);margin:0}.product-text{font-family:GeneralSans-Semibold,sans-serif;font-weight:600;font-size:24px;line-height:1.21;color:var(--color-white);margin:0}.detail-text{font-family:GeneralSans-Light,sans-serif;font-weight:300;font-size:22px;line-height:1.59;color:var(--color-text-dark);margin:0}.text-shadow{text-shadow:0px 4px 4px rgba(0,0,0,.25)}.gradient-green-white{background:linear-gradient(135deg,#44d62cab,#fff)}.gradient-dark-green{background:linear-gradient(135deg,#0B0B0B 0%,var(--color-light-green) 100%)}.gradient-dark-green-transparent{background:linear-gradient(135deg,rgba(11,11,11,.63) 0%,var(--color-light-green) 100%)}.gradient-placeholder{background:linear-gradient(135deg,#d9d9d9,#b0b0b0)}@media (max-width: 1200px){:root{--container-padding-x: 40px;--header-logo-width: 150px;--header-logo-height: 112px}.navigation{gap:30px}h1,.h1{font-size:50px}h2,.h2{font-size:32px}.body-text{font-size:24px}}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;transition:all .3s ease;z-index:10001;position:relative}.hamburger-line{width:22px;height:2px;background-color:var(--color-white);margin:2px 0;transition:all .3s ease;border-radius:2px}.mobile-menu-button.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#070707!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow:hidden}.mobile-menu-overlay.active{opacity:1;visibility:visible;background-color:#070707!important}.mobile-menu-content{display:flex;flex-direction:column;height:100vh;padding:20px;overflow-y:auto;position:relative;top:0;left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px}.mobile-logo{height:200px;width:auto}.mobile-menu-close{background:none;border:none;color:var(--color-white);cursor:pointer;padding:12px;transition:all .3s ease}.mobile-menu-close:hover{color:var(--color-light-green);transform:rotate(90deg)}.mobile-navigation{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.mobile-nav-link{display:block;color:var(--color-white);text-decoration:none;font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:24px;line-height:1.2;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.mobile-nav-link:hover{color:var(--color-light-green);padding-left:20px}.mobile-nav-link:hover:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:20px;background-color:var(--color-light-green);border-radius:1px}.mobile-contact-section{padding:30px 0 0;margin:0 -20px}.mobile-contact-button{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 0;background-color:var(--color-light-green);color:var(--color-dark);text-decoration:none;font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:18px;text-align:center;border-radius:0;transition:all .3s ease}.mobile-contact-button:hover{background-color:var(--color-white);color:var(--color-light-green);transform:translateY(-2px)}.mobile-menu-spacer{flex:1;min-height:50px}@media (max-width: 1024px) and (min-width: 769px){:root{--container-padding-x: 25px;--header-logo-width: 135px;--header-logo-height: 100px}.nav-container{padding:10px 0}.nav-menu{gap:clamp(25px,3vw,35px)}.nav-link{font-size:clamp(13px,1.5vw,16px)}.header-contact-btn{padding:clamp(8px,1.2vw,12px) clamp(16px,2.5vw,24px);font-size:clamp(12px,1.4vw,15px)}.header.scrolled{background:#070707d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.header.scrolled:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15px;background:linear-gradient(to bottom,rgba(7,7,7,.2),transparent);pointer-events:none}}@media (max-width: 768px){:root{--container-padding-x: 20px;--header-logo-width: 115px;--header-logo-height: 86px}body{padding-top:0}.header{position:fixed;top:0;padding:8px 0;background:#070707e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.23,1,.32,1)}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(7,7,7,.3),transparent);pointer-events:none}.nav-container{justify-content:space-between;padding:6px 0}.header.scrolled{position:fixed;top:0;background:#070707bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(107,224,63,.1);padding:6px 0}.header.scrolled:after{height:30px;background:linear-gradient(to bottom,rgba(7,7,7,.5),transparent)}.header.scrolled .nav-container{padding:4px 0}.header.scrolled .logo-svg{width:var(--header-logo-width);height:var(--header-logo-height)}.desktop-navigation,.desktop-contact-button{display:none}.mobile-menu-button{display:flex;z-index:1100}.mobile-menu-overlay{position:fixed;top:0;left:0}main{margin-top:80px}.slogan-section{margin-top:-20px;padding-top:25px}.mobile-menu-content{padding:15px;height:100vh;position:relative;top:0}.mobile-contact-section{margin:0 -15px;padding:30px 0 0}.mobile-menu-header{padding:15px 0;margin-bottom:30px}.mobile-logo{height:150px}.mobile-nav-link{font-size:20px;padding:16px 0}.mobile-contact-section{padding:30px 0 15px}.mobile-contact-button{padding:14px 20px;font-size:16px}h1,.h1{font-size:36px}h2,.h2{font-size:28px}.subtitle{font-size:24px}.body-text{font-size:18px}}@media (max-width: 480px){.mobile-nav-link{font-size:18px;padding:14px 0}.mobile-logo{height:40px}.mobile-contact-button{padding:12px 18px;font-size:14px}.hamburger-line{width:20px;height:2px}}.slogan-section{padding:25px 0;background-color:#070707;text-align:center}.slogan-text{font-family:GeneralSans-Bold,sans-serif;font-weight:700;font-size:42px;line-height:1.2;color:var(--color-white);margin:0;text-transform:uppercase;letter-spacing:2px}.slogan-highlight{color:#6be03f;text-decoration:underline;text-decoration-color:#6be03f;text-underline-offset:8px;text-decoration-thickness:3px}