:root{--primary:#16423c;--primary-hover:#11332e;--secondary:#d49b6f;--text-main:#16423c;--text-muted:#3b5a54;--status-critical:#ef4444;--status-warning:#f59e0b;--status-ok:#16423c;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--shadow-outer:6px 6px 16px #16423c14, -4px -4px 12px #fffc;--shadow-inner:inset 4px 4px 8px #16423c0f, inset -4px -4px 8px #fffc;--highlight-top:inset 1px 1px 2px #ffffff80;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}h1{font-size:clamp(1.5rem,6vw,2rem)!important}h2{font-size:clamp(1.2rem,5vw,1.5rem)!important}h3{font-size:clamp(1rem,4vw,1.2rem)!important}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4e8db;min-height:100vh;margin:0;overflow-x:hidden}body:before{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #16423c66}70%{box-shadow:0 0 0 10px #16423c00}to{box-shadow:0 0 #16423c00}}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) both fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.glass-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-outer);transition:var(--transition);background:#fff;border:1px solid #fffc;padding:clamp(1.25rem,5vw,2rem);animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}.glass-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #fffc;box-shadow:0 4px 20px -2px #16423c0d}.glass-panel{background:var(--secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-outer);color:var(--primary);transition:var(--transition);border:1px solid #ffffff4d;padding:1.25rem;font-weight:700}.glass-panel p,.glass-panel span,.glass-panel h3,.glass-panel h4{color:var(--primary)!important}.glass-panel:hover{transform:translateY(-2px);box-shadow:6px 6px 20px #16423c1f,-4px -4px 12px #fffc}.glass-card:first-child{animation-delay:.1s}.glass-card:nth-child(2){animation-delay:.2s}.glass-card:nth-child(3){animation-delay:.3s}.glass-card:nth-child(4){animation-delay:.4s}.glass-card:nth-child(5){animation-delay:.5s}.glass-card:hover{transform:translateY(-2px);box-shadow:8px 8px 24px #16423c1a,-4px -4px 12px #ffffffe6}.glass-card-concave{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #ffffff4d;padding:clamp(1.25rem,5vw,2rem);animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp;box-shadow:inset 6px 6px 12px #16423c26,inset -4px -4px 10px #ffffffe6}.status-indicator{border-radius:50%;width:12px;height:12px;display:inline-block}.status-normal{background:var(--status-ok);animation:2s ease-in-out infinite pulse-dot}.status-warning{background:var(--status-warning)}.status-critical{background:var(--status-critical)}.device-card-hover{transition:var(--transition);border-radius:var(--radius-lg);box-shadow:var(--shadow-outer)!important;background:#fff!important;border:1px solid #fffc!important}.device-card-hover:hover{transform:translateY(-2px);box-shadow:8px 8px 24px #16423c1a,-4px -4px 12px #ffffffe6!important}input,select{border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-inner);color:var(--text-main);transition:var(--transition);background:#fff;border:1px solid #16423c0d;padding:.9rem 1.2rem;font-family:inherit;font-size:1rem}input:focus,select:focus{background:#fafafa;outline:none;box-shadow:inset 4px 4px 8px #16423c0a,inset -4px -4px 8px #ffffff80,0 0 0 3px #16423c1a}input::placeholder{color:#94a3b8}button{transition:var(--transition);letter-spacing:.5px;font-family:inherit;font-weight:700}.title-gradient{background:linear-gradient(135deg, var(--primary) 0%, #34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.features-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:1rem;width:100%;max-width:1200px;margin:2rem auto;padding:0 5% 3rem;display:flex;overflow-x:auto}.features-grid::-webkit-scrollbar{display:none}.features-grid>*{scroll-snap-align:center;flex:0 0 80%}.mobile-scroll-dots{display:none!important}@media (width>=640px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5% 4rem;display:grid;overflow-x:visible}.features-grid>*{flex:auto}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#16423c4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#16423c99}.smooth-bottom-nav{z-index:50;width:100%;height:70px;padding-bottom:env(safe-area-inset-bottom);filter:drop-shadow(0 -5px 15px #16423c14);background:0 0;position:fixed;bottom:0;left:0}.nav-bg-clipper{border-radius:24px 24px 0 0;position:absolute;inset:0;overflow:hidden}.nav-items{z-index:2;grid-template-columns:repeat(4,1fr);width:100%;height:100%;display:grid;position:relative}.nav-item{color:var(--text-muted);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-icon-frame{border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .2s,background .2s;display:grid}.nav-item.active .nav-icon-frame{color:#fff;background:var(--primary);transform:translateY(-30px);box-shadow:0 5px 15px #16423c4d}.nav-bg-slider{top:0;left:calc((100% / 4) * var(--active-index) + (100% / 8));width:100px;height:100%;transition:left .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%)}.nav-bg-slider svg{width:100%;height:100%;display:block}.nav-bg-slider:before{content:"";background:#fff;width:2000px;height:100%;position:absolute;top:0;right:calc(100% - 1px)}.nav-bg-slider:after{content:"";background:#fff;width:2000px;height:100%;position:absolute;top:0;left:calc(100% - 1px)}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=600px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.glass-swal{border-radius:var(--radius-lg)!important;color:var(--text-main)!important;background:#fff!important;border:1px solid #fff!important;box-shadow:16px 16px 32px #16423c14,-16px -16px 32px #fff!important}.glass-swal-title{color:var(--text-main)!important}.glass-swal-content{color:var(--text-muted)!important}.glass-swal-confirm{background:var(--primary)!important;border-radius:var(--radius-sm)!important;color:#fff!important;border:none!important;padding:.8rem 1.5rem!important;font-weight:700!important}.glass-swal-cancel{border-radius:var(--radius-sm)!important;color:#ef4444!important;background:#ef44441a!important;border:1px solid #ef44444d!important;padding:.8rem 1.5rem!important;font-weight:700!important}.btn-3d{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);box-shadow:4px 4px 10px #16423c40, -2px -2px 6px #ffffff1a, var(--highlight-top);border:1px solid #0000001a;padding:.9rem 1.8rem;font-weight:700}.btn-3d:hover{background:var(--primary-hover);box-shadow:6px 6px 14px #16423c4d, var(--highlight-top);transform:translateY(-2px)}.btn-3d:active{transform:translateY(1px);box-shadow:inset 2px 2px 6px #0003}.btn-3d.btn-danger{background:var(--status-critical);box-shadow:4px 4px 10px #ef444440, var(--highlight-top)}.btn-3d.btn-danger:hover{box-shadow:6px 6px 14px #ef44444d, var(--highlight-top);background:#dc2626}.btn-3d.btn-danger:active{transform:translateY(1px);box-shadow:inset 2px 2px 6px #0003}.btn-3d-secondary{background:var(--secondary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);box-shadow:4px 4px 10px #16423c1a, var(--highlight-top);border:1px solid #fff6;padding:.9rem 1.8rem;font-weight:700}.btn-3d-secondary:hover{box-shadow:6px 6px 14px #16423c26, var(--highlight-top);background:#dfa87f;transform:translateY(-2px)}.btn-3d-secondary:active{transform:translateY(1px);box-shadow:inset 2px 2px 6px #0000001a}.btn-3d-toggle-on{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #0003;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:700;display:flex;box-shadow:inset 4px 4px 10px #0006,inset -2px -2px 6px #ffffff1a}.btn-3d-toggle-on:hover{background:var(--primary-hover)}.btn-3d-toggle-off{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#f4e8db;border:1px solid #16423c1a;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:700;display:flex;box-shadow:inset 4px 4px 8px #16423c26,inset -2px -2px 6px #ffffffb3}.btn-3d-toggle-off:hover{color:var(--text-main);background:#fdf6ef}@media (width<=768px){.hide-on-mobile{display:none}.feature-slider-section{padding:3rem 5%!important}.feature-slider-grid{grid-template-columns:1fr!important;gap:1rem!important}.phone-mockup-wrapper{transform-origin:top;margin-top:0;margin-bottom:-96px;transform:scale(.8)}.feature-card-item{padding:1.1rem!important}.feature-card-icon{width:40px!important;height:40px!important;margin-bottom:.75rem!important}.feature-card-title{font-size:1.05rem!important}.feature-card-desc{font-size:.85rem!important}.mobile-scroll-dots{display:flex!important}}@media (width<=480px){.phone-mockup-wrapper{margin-top:0;margin-bottom:-168px;transform:scale(.65)}}.pill-tab-container{background:#16423c08;border:1px solid #ffffff80;border-radius:3rem;width:100%;margin-bottom:1.5rem;padding:.5rem;box-shadow:inset 4px 4px 8px #16423c1a,inset -4px -4px 8px #ffffffe6}.pill-tab-scroll-area{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.pill-tab-scroll-area::-webkit-scrollbar{display:none}.pill-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:2rem;flex:none;padding:.55rem 1rem;font-size:.85rem;font-weight:700;appearance:none!important;border:none!important;outline:none!important}.pill-tab.active{background:var(--primary)!important;color:#fff!important;box-shadow:4px 4px 10px #16423c26,-2px -2px 6px #fffc!important}