@layer reset,base,theme,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-block-size:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer base{:root{--palette-space-950: hsl(220, 40%, 6%);--palette-space-900: hsl(220, 35%, 10%);--palette-space-800: hsl(220, 30%, 15%);--palette-space-700: hsl(220, 25%, 22%);--palette-space-600: hsl(220, 20%, 30%);--palette-space-300: hsl(220, 20%, 75%);--palette-space-100: hsl(220, 25%, 92%);--palette-space-50: hsl(220, 30%, 97%);--palette-cyan-500: hsl(180, 85%, 45%);--palette-cyan-400: hsl(180, 80%, 55%);--palette-cyan-600: hsl(180, 90%, 38%);--palette-blue-500: hsl(210, 90%, 50%);--palette-blue-400: hsl(210, 85%, 60%);--palette-orange-500: hsl(25, 95%, 50%);--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Mono", monospace;color-scheme:light dark;--color-bg: light-dark(var(--palette-space-50), var(--palette-space-950));--color-bg-surface: light-dark(var(--palette-space-100), var(--palette-space-900));--color-bg-card: light-dark(white, var(--palette-space-800));--color-bg-dropdown: light-dark(rgba(255, 255, 255, .95), rgba(15, 18, 25, .95));--color-text: light-dark(var(--palette-space-950), var(--palette-space-50));--color-text-muted: light-dark(var(--palette-space-600), var(--palette-space-300));--color-primary: light-dark(var(--palette-blue-500), var(--palette-cyan-500));--color-primary-hover: light-dark(var(--palette-blue-400), var(--palette-cyan-400));--color-accent: var(--palette-orange-500);--border-color: light-dark(var(--palette-space-300), var(--palette-space-700));--border-glow: light-dark(rgba(0, 100, 250, .1), rgba(0, 240, 255, .15));--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px var(--border-glow)}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);font-size:clamp(1rem,.95rem + .25vw,1.25rem);text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;color:light-dark(var(--palette-space-950),white)}p{text-wrap:pretty;color:var(--color-text-muted);margin-block-end:1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}html{scrollbar-color:var(--color-primary) var(--color-bg-surface);scrollbar-width:thin}}@layer theme{:root{--gradient-hero: light-dark( linear-gradient(135deg in oklch, var(--palette-space-50), var(--palette-space-100) 60%, hsl(200, 40%, 94%)), linear-gradient(135deg in oklch, var(--palette-space-950), var(--palette-space-900) 60%, hsl(200, 45%, 8%)) );--gradient-brand: linear-gradient(90deg in oklch, var(--palette-blue-500), var(--palette-cyan-400));--gradient-text: light-dark( linear-gradient(135deg in oklch, var(--palette-space-950) 40%, var(--palette-blue-500)), linear-gradient(135deg in oklch, white 40%, var(--palette-cyan-400)) )}}@layer components{.navbar{display:block;padding:1.25rem 0;background:light-dark(rgba(255,255,255,.7),rgba(10,15,20,.7));backdrop-filter:blur(16px);border-block-end:1px solid var(--border-color);position:sticky;top:0;z-index:150}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-inline-size:1440px;width:100%;margin-inline:auto;padding-inline:1.5rem}.nav-logo{display:flex;align-items:center;gap:.5rem;transition:opacity .2s ease}.nav-logo:hover{opacity:.85}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{display:inline-flex;align-items:center;min-block-size:24px;font-size:.95rem;font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.dropdown-trigger{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.dropdown-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);width:320px;background:var(--color-bg-dropdown);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;box-shadow:0 10px 30px #00000059,var(--shadow-glow);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:200}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-item{display:flex;flex-direction:column;padding:.65rem .85rem;border-radius:8px;transition:all .2s ease;text-align:left}.dropdown-item:hover{background-color:light-dark(rgba(0,100,250,.08),rgba(0,240,255,.08))}.dropdown-item-title{font-size:.9rem;font-weight:700;color:light-dark(var(--palette-space-950),white);transition:color .2s ease}.dropdown-item:hover .dropdown-item-title{color:var(--color-primary)}.dropdown-item-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.35;margin-block-start:.2rem}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem .85rem}.all-services-link{font-weight:700;font-size:.85rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);min-block-size:44px}.btn-primary{background:var(--color-primary);color:light-dark(white,var(--palette-space-950));border:none}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--color-bg-surface);transform:translateY(-2px)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card{background-color:var(--color-bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.footer{background-color:var(--color-bg-surface);border-block-start:1px solid var(--border-color);padding:4rem 2rem 2rem;margin-block-start:6rem}.footer-grid{max-width:var(--container-max, 1200px);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.footer-bottom{max-width:var(--container-max, 1200px);margin:3rem auto 0;padding-block-start:2rem;border-block-start:1px solid var(--border-color);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--color-text-muted)}.specs-section{position:relative;background-color:var(--color-bg);border-block-start:1px solid var(--border-color);overflow:hidden}.led-glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;background:radial-gradient(circle,light-dark(rgba(0,100,250,.05),rgba(0,240,255,.06)) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:50%}.led-glow-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border:1px solid light-dark(rgba(0,100,250,.2),rgba(0,240,255,.3));border-radius:50%;box-shadow:0 0 30px light-dark(rgba(0,100,250,.12),rgba(0,240,255,.22)),inset 0 0 15px light-dark(rgba(0,100,250,.06),rgba(0,240,255,.12));opacity:.7}.specs-table-container{position:relative;z-index:1;background-color:light-dark(rgba(255,255,255,.45),rgba(20,20,25,.45));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid light-dark(rgba(0,100,250,.12),rgba(0,240,255,.18));border-radius:12px;overflow:hidden;box-shadow:0 4px 30px #00000008,var(--shadow-glow);max-width:800px;margin-inline:auto}.specs-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.9rem;text-align:left}.specs-table tr{border-bottom:1px solid light-dark(rgba(0,100,250,.06),rgba(0,240,255,.08));transition:background-color .2s ease}.specs-table tr:last-child{border-bottom:none}.specs-table tr:hover{background-color:light-dark(rgba(0,100,250,.02),rgba(0,240,255,.03))}.specs-table td{padding:1.125rem 1.5rem;vertical-align:middle}.spec-label{font-weight:600;color:var(--color-text-muted);width:32%;border-right:1px solid light-dark(rgba(0,100,250,.06),rgba(0,240,255,.08));padding-right:1.5rem;letter-spacing:-.01em}.spec-value{color:var(--color-text);padding-left:2rem;font-weight:500}.spec-inline-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px;transition:color .2s ease;font-weight:600}.spec-inline-link:hover{color:var(--color-primary-hover)}@media(max-width:600px){.specs-table tr{display:block;padding:1rem 1.25rem;border-bottom:1px solid light-dark(rgba(0,100,250,.06),rgba(0,240,255,.08))}.specs-table td{display:block;width:100%;padding:0!important}.spec-label{border:none!important;margin-bottom:.2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.spec-value{font-size:.85rem;padding-left:0}}@media(max-width:991px){.nav-links{display:none!important}}.hamburger-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:19px;background:transparent;border:none;cursor:pointer;padding:0;z-index:150;position:relative}.hamburger-toggle span{display:block;width:100%;height:3px;background-color:var(--color-text);border-radius:3px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1)}@media(max-width:991px){.hamburger-toggle{display:flex}}@media(min-width:992px)and (max-width:1100px){.nav-links{gap:1rem}.nav-link{font-size:.85rem}.btn-secondary#nav-contact{padding:.45rem .85rem;font-size:.85rem}}.hamburger-toggle.is-active span:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--color-primary)}.hamburger-toggle.is-active span:nth-child(2){opacity:0}.hamburger-toggle.is-active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--color-primary)}.mobile-nav-overlay{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100dvh;background:var(--color-bg-dropdown);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:140;opacity:0;visibility:hidden;transform:translate(100%);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:flex-start;padding:6rem 2rem 2rem;overflow-y:auto;border-left:1px solid var(--color-primary);box-shadow:-10px 0 30px light-dark(rgba(0,100,250,.15),rgba(0,240,255,.15)),var(--shadow-glow)}@media(max-width:480px){.mobile-nav-overlay{max-width:100%;border-left:none;box-shadow:none}}.mobile-nav-overlay.is-open{opacity:1;visibility:visible;transform:translate(0)}.mobile-nav-content{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:0 auto;width:100%}.mobile-nav-link{font-size:1.5rem;font-weight:700;color:var(--color-text);transition:color .2s ease;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-nav-group{display:flex;flex-direction:column;gap:.75rem;padding-left:.5rem}.mobile-nav-group-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-weight:800}.mobile-nav-sublink{font-size:1.1rem;font-weight:600;color:var(--color-text-muted);transition:color .2s ease;padding-left:.75rem;border-left:2px solid var(--border-color)}.mobile-nav-sublink:hover{color:var(--color-primary);border-left-color:var(--color-primary)}.mobile-nav-contact{width:100%;text-align:center}.service-hero-grid{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-inline:auto}@media(max-width:991px){.service-hero-grid{grid-template-columns:1fr!important;gap:2.5rem!important;text-align:center!important;margin-block-end:2rem!important}.service-hero-grid>div{display:flex;flex-direction:column;align-items:center}.service-hero-grid div[style*=margin-block-start]{margin-block-start:1.5rem!important;justify-content:center!important;flex-wrap:wrap!important}.service-hero-grid div[style*="position: absolute"]{right:50%!important;transform:translate(50%)!important;left:auto!important;bottom:-15px!important;font-size:.7rem!important;padding:.5rem 1rem!important;white-space:nowrap!important}}}@layer utilities{.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{max-inline-size:var(--container-max, 1200px);margin-inline:auto;padding-inline:1.5rem;transition:max-inline-size .3s cubic-bezier(.16,1,.3,1)}@media(min-width:1440px){:root{--container-max: 1440px}}.section-padding{padding-block:clamp(3.5rem,5vh + 1.75rem,6.5rem)}.page-header{padding-block-start:clamp(3rem,4vh + 1.5rem,4.5rem);padding-block-end:clamp(1.75rem,2vh + 1rem,2.5rem);background:var(--gradient-hero);border-block-end:1px solid var(--border-color)}.service-hero{padding-block-start:clamp(3.5rem,5vh + 1.5rem,5rem);padding-block-end:clamp(2rem,3vh + 1rem,3.25rem);background:var(--gradient-hero);border-block-end:1px solid var(--border-color)}.page-header+.section-padding,.service-hero+.section-padding{padding-block-start:clamp(2.5rem,3vh + 1.25rem,4rem)}.text-center{text-align:center}.bold{font-weight:700}}@media(prefers-reduced-motion:reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important;transform:none!important}}.sensor-carousel-wrapper{position:relative;overflow:hidden}.sensor-carousel-wrapper:before,.sensor-carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:4rem;z-index:25;pointer-events:none;transition:opacity .3s ease}.sensor-carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--color-bg),transparent)}.sensor-carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--color-bg),transparent)}.sensor-carousel{padding-inline:3rem!important}@media(min-width:1440px){.sensor-carousel{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:2rem!important;overflow-x:visible!important;padding-inline:0!important}.sensor-carousel-wrapper:before,.sensor-carousel-wrapper:after{opacity:0!important;display:none!important}.sensor-card{flex:none!important;height:auto!important;min-height:330px}}@media(max-width:768px){.sensor-carousel-wrapper:before,.sensor-carousel-wrapper:after{width:1.5rem!important}.sensor-carousel{padding-inline:1.5rem!important}}@media(max-width:480px){.hero-actions,.about-cta-buttons,.cta-card div[style*="display: flex"],.wizard-form .form-step div[style*="justify-content: space-between"]{flex-direction:column!important;width:100%!important;gap:1rem!important}.hero-actions .btn,.about-cta-buttons .btn,.cta-card div[style*="display: flex"] .btn,.wizard-form .form-step div[style*="justify-content: space-between"] .btn{width:100%!important}}
