@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#00b4d8;--primary-glow:#00b4d866;--secondary:#03045e;--accent:#90e0ef;--background:#fff;--foreground:#0a0a0a;--glass:#ffffffd9;--glass-border:#ffffff80;--card-bg:#ffffffe6}@media (prefers-color-scheme:dark){:root{--background:#020617;--foreground:#f8fafc;--glass:#0f172acc;--glass-border:#ffffff1a;--card-bg:#1e293b99}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:auto;min-height:100%}body{background-color:var(--background);color:var(--foreground);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}.navbar-container{z-index:9999;pointer-events:none;will-change:padding;justify-content:center;width:100%;transition:padding .6s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.navbar{pointer-events:auto;will-change:width, padding, border-radius, background-color, box-shadow;justify-content:space-between;align-items:center;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;left:0;transform:none}.navbar-container.is-top{padding:0}.navbar-container.is-top .navbar{background:0 0;border-radius:0;width:100%;max-width:1600px;padding:40px 24px;box-shadow:0 0 #0000}.navbar-container.is-scrolled{padding-top:20px}.navbar-container.is-scrolled .navbar{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:100px;width:90%;max-width:1000px;padding:14px 40px;box-shadow:0 20px 40px #0000001a}.wave-bg{z-index:-1;background:radial-gradient(circle at 50% -20%, var(--accent), transparent);opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.text-gradient{background:linear-gradient(to right, var(--primary), #48cae4, var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1}.btn{cursor:pointer;border:none;border-radius:100px;padding:14px 28px;font-weight:700;transition:all .3s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px var(--primary-glow)}.btn-primary:hover{box-shadow:0 15px 30px var(--primary-glow);transform:translateY(-2px)}.container{max-width:1600px;margin:0 auto;padding:0 24px}.section-padding{padding:120px 0}.badge{background:var(--accent);color:var(--secondary);text-transform:uppercase;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.animate-float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.reveal{animation:1s cubic-bezier(.21,.6,.35,1) forwards reveal}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card{border-radius:24px;transition:all .5s;overflow:hidden}.product-card:hover{transform:translateY(-10px)}.news-card{cursor:pointer;border-radius:24px;height:400px;position:relative;overflow:hidden}.news-card-overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:30px;position:absolute;bottom:0;left:0}.stat-item{text-align:center}.scroll-indicator{opacity:.5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--foreground);border-radius:20px;width:24px;height:40px;position:relative}.wheel{background:var(--primary);border-radius:2px;width:4px;height:8px;animation:2s infinite scrollWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:0;transform:translate(-50%)}50%{opacity:1}to{opacity:0;transform:translate(-50%,15px)}}@media (max-width:1024px){.navbar-container.is-top .navbar{padding:24px 16px}.navbar-container.is-scrolled .navbar{width:95%;padding:10px 24px}.container{padding:0 16px}}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:15px;border-radius:20px!important;padding:20px 16px!important}.navbar>div{gap:20px!important}.section-padding{padding:60px 0}.container{padding:0 16px}footer .container{grid-template-columns:1fr!important;gap:40px!important}h1{font-size:clamp(2rem,6vw,3.5rem)!important}h2{font-size:clamp(1.5rem,5vw,2.5rem)!important}}