.btn-primary-solid{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary-solid:hover:not(:disabled){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-primary-solid:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary)90%,black)}}.btn-primary-solid:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary-solid:disabled{opacity:.5;cursor:not-allowed}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#64a0fa;transform:translateY(-1px);box-shadow:0 4px 12px #004cff4d}.btn-primary:active{transform:translateY(0)}.btn-outline-primary{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline-primary:hover{background-color:var(--primary);color:var(--primary-foreground)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media (min-width:768px){.md\:btn-lg{padding:.875rem 1.75rem;font-size:1.125rem}}.font-banner-title{letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 1px 2px #0000004d;font-family:Gilroy,sans-serif;line-height:1.2}.header{backdrop-filter:blur(10px);background:#fffffff2}.menu__item{transition:all .3s;position:relative}.menu__item:hover{color:var(--shopify-green)}.header-nav-text{font-size:clamp(.6875rem,1vw + .5rem,1rem);font-weight:600}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.mega-menu{animation:.3s fadeInUp}.dropdown{animation:.2s fadeInDown}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-shake{animation:.5s ease-in-out shake}.animate-slideInRight{animation:.3s ease-out slideInRight}.animate-slide-up{animation:.3s ease-out slideUp}.animate-fadeIn{animation:.3s ease-out fadeIn}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:flex}}.section{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);align-items:center;min-height:100vh;padding:2rem 0;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-content{margin-top:1.5rem;padding-top:7rem;padding-bottom:2rem}@media (max-width:768px){.page-content{margin-top:1rem;padding-top:6.5rem;padding-bottom:1.5rem}}.page-content.max-w-7xl.mx-auto{min-height:80vh;margin-bottom:1rem;margin-left:auto;margin-right:auto}@media (max-width:768px){.page-content.max-w-7xl.mx-auto{min-height:75vh;margin-bottom:.75rem}}@media (max-width:480px){.page-content.max-w-7xl.mx-auto{min-height:70vh;margin-top:.75rem;margin-bottom:.5rem}}@media (min-width:768px){.main-content{padding-top:6.5rem}}.bg-white.rounded-lg.shadow-sm{margin:1rem}@media (max-width:768px){.bg-white.rounded-lg.shadow-sm{margin:.75rem}}@media (max-width:480px){.bg-white.rounded-lg.shadow-sm{margin:.5rem}}.bg-white.rounded-lg.shadow-sm>.flex{flex:1}.shopify-buy-button{background-color:var(--shopify-green);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .3s}.shopify-buy-button:hover{background-color:#003d99}.product-card{background:#fff;border-radius:.5rem;padding:1rem;transition:box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a}.product-card:hover{box-shadow:0 10px 15px -3px #0000001a}.loading-spinner{border:2px solid #0000;border-bottom:2px solid var(--shopify-green);border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}.hover-green:hover{background-color:var(--shopify-green);transform:translateY(-1px);box-shadow:0 4px 12px #004cff4d}.font-inter{font-family:var(--font-body),"DM Sans",sans-serif}.font-nunito{font-family:var(--font-nunito),"Nunito",sans-serif}.font-tech{font-family:var(--font-heading),"Plus Jakarta Sans",sans-serif}.form-label{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-container{background:#fff;border:1px solid #fff3;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #0000001a}.text-text-light{color:#6b7280}.text-text-dark{color:#1f2937}.dark\:text-darkmode-text-light{color:#9ca3af}.dark\:text-darkmode-text-dark{color:#f9fafb}.magnet-element{transition:transform .3s}.magnet-element:hover{transform:scale(1.05)}.search-overlay-portal{z-index:100;will-change:transform;width:100vw;height:100vh;position:fixed;inset:0;transform:translateZ(0)}.device-stats-card{border-radius:.5rem;padding:1.5rem;transition:all .3s}.device-stats-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.device-stats-card.total{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.device-stats-card.active{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.device-stats-card.expiring{background:linear-gradient(to bottom right,#fff7ed,#ffedd5);border:1px solid #fed7aa}.device-stats-card.expired{background:linear-gradient(to bottom right,#fef2f2,#fecaca);border:1px solid #fca5a5}.device-stats-card.inactive{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border:1px solid #e5e7eb}.device-stats-label{font-size:.875rem;font-weight:500}.device-stats-card.total .device-stats-label{color:#1d4ed8}.device-stats-card.active .device-stats-label{color:#15803d}.device-stats-card.expiring .device-stats-label{color:#c2410c}.device-stats-card.expired .device-stats-label{color:#b91c1c}.device-stats-card.inactive .device-stats-label{color:#374151}.device-stats-icon{width:1.25rem;height:1.25rem}.device-stats-card.total .device-stats-icon{color:#2563eb}.device-stats-card.active .device-stats-icon{color:#16a34a}.device-stats-card.expiring .device-stats-icon{color:#ea580c}.device-stats-card.expired .device-stats-icon{color:#dc2626}.device-stats-card.inactive .device-stats-icon{color:#4b5563}.device-stats-number{font-size:1.875rem;font-weight:700}.device-stats-card.total .device-stats-number{color:#1e3a8a}.device-stats-card.active .device-stats-number{color:#14532d}.device-stats-card.expiring .device-stats-number{color:#9a3412}.device-stats-card.expired .device-stats-number{color:#7f1d1d}.device-stats-card.inactive .device-stats-number{color:#1f2937}.device-stats-grid{grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (min-width:640px){.device-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.device-stats-grid{grid-template-columns:repeat(5,1fr)}}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@layer components{.title-highlight{background:linear-gradient(90deg,#0000 0,#3b82f680 15% 85%,#0000 100%) 0 .6em/100% 30% repeat-x;margin-left:auto;margin-right:auto;display:inline}}