@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#2563eb;--accent-secondary:#7c3aed;--border-primary:#e2e8f0;--font-primary:"Plus Jakarta Sans", sans-serif;--font-secondary:"Space Grotesk", sans-serif;--shopify-black:#0f172a}body{font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-primary)}.font-secondary{font-family:var(--font-secondary)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}.gradient-text{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);background:#ffffffb3;border-radius:24px}.btn-premium{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f46e526}.techHeroSection{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:12rem 2rem 8rem;display:flex;position:relative;overflow:hidden}.glass-shape{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;z-index:1;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;position:absolute}.product-showcase{z-index:20;perspective:2000px;width:100%;max-width:1200px;margin-top:6rem;position:relative}.product-mockup{border-radius:24px;width:100%;height:auto;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:rotateX(10deg)scale(.95);box-shadow:0 50px 100px -20px #00000026,0 30px 60px -30px #0003,0 0 0 1px #0000000d}.product-showcase:hover .product-mockup{transform:rotateX(0)scale(1)}.techPulse{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #2563eb14 0%, transparent 60%), radial-gradient(circle at 20% 30%, #fff6 0%, transparent 40%), radial-gradient(circle at 80% 70%, #2563eb08 0%, transparent 50%);filter:blur(80px);width:100%;height:100%;position:absolute;top:0;left:0}.noise-bg{opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.sharpy-bg{width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), black, transparent 90%);mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), black, transparent 90%);background-image:linear-gradient(#2563eb05 1px,#0000 1px),linear-gradient(90deg,#2563eb05 1px,#0000 1px);background-size:80px 80px;transition:-webkit-mask-image .1s ease-out,mask-image .1s ease-out;position:absolute;top:0;left:0}@keyframes scanning{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.heroTitleHighTech{letter-spacing:-.05em;color:var(--text-primary);text-align:center;z-index:10;margin-bottom:2rem;font-size:clamp(3.5rem,8vw,5.5rem);font-weight:900;line-height:.95}.shimmerCTA{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #2563eb33}.techSubheading{color:var(--text-secondary);text-align:center;z-index:10;max-width:600px;margin-bottom:4rem;font-size:1.25rem;line-height:1.6}.floatingNode{background:var(--accent-primary);filter:blur(1px);width:4px;height:4px;box-shadow:0 0 10px var(--accent-primary);pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.circuitContainer{pointer-events:none;opacity:.2;width:100%;height:100%;position:absolute;top:0;left:0}.circuitPath{stroke:var(--accent-primary);stroke-width:1px;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:8s linear infinite beamRun}@keyframes beamRun{0%{stroke-dashoffset:1000px;opacity:0;filter:blur()}10%{opacity:1}50%{stroke-dashoffset:0;opacity:1;filter:blur(1px)}60%{opacity:0}to{stroke-dashoffset:-1000px;opacity:0}}.ecosystem-section{border-top:1px solid var(--border-primary);background:#fff;padding:5rem 2rem}.ecosystem-grid{grid-template-columns:repeat(4,1fr);align-items:center;gap:3rem;max-width:1100px;margin:0 auto;display:grid}.ecosystem-item{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.ecosystem-logo{filter:grayscale()brightness(.2);opacity:.4;justify-content:center;align-items:center;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.ecosystem-item:hover .ecosystem-logo{filter:grayscale(0)brightness();opacity:1;transform:scale(1.05)}.ecosystem-text{color:#64748b;letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.alloy-wave{pointer-events:none;width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.alloy-ribbon{fill:none;stroke:#2563eb26;stroke-width:140px;stroke-linecap:round;filter:blur(25px);will-change:transform}.alloy-ribbon-glass{fill:none;stroke:#fff3;stroke-width:60px;stroke-linecap:round;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);will-change:transform}.alloy-ribbon-gloss{fill:none;stroke:#fffc;stroke-width:2px;stroke-linecap:round;filter:blur(1px);will-change:transform}.alloy-ribbon-core{fill:none;stroke:#fff9;stroke-width:8px;stroke-linecap:round;filter:blur(2px)drop-shadow(0 0 20px #06b6d4e6);will-change:transform}.alloy-ribbon-vibrant{fill:none;stroke:#06b6d433;stroke-width:100px;stroke-linecap:round;filter:blur(30px);will-change:transform}.logo-marquee-container{border-top:1px solid var(--border-primary);background:#fff;width:100%;padding:4rem 0;overflow:hidden}.logo-marquee-track{align-items:center;gap:4rem;width:max-content;display:flex}.logo-item{filter:grayscale();opacity:.4;height:24px;transition:all .3s}.logo-item:hover{filter:grayscale(0);opacity:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:6rem 2rem}.featureGrid,.metricsGrid,.securityGrid{gap:2rem;display:grid}.metricsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.featureGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.metricCard{border:1px solid var(--border-primary);text-align:center;background:#fff;border-radius:24px;padding:2.5rem 2rem;transition:all .3s;box-shadow:0 4px 12px #00000005}.metricCard:hover{border-color:var(--accent-primary);background:#fff;transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.metricValue{color:var(--accent-primary);margin-bottom:.5rem;font-size:3rem;font-weight:800;display:block}.metricLabel{color:var(--text-muted);text-transform:uppercase;font-size:.875rem;font-weight:600}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#ffffff80;border-bottom:1px solid #0000000d;align-items:center;width:100%;height:80px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1300px;height:100%;margin:0 auto;padding:0 2rem;display:flex;position:relative}.logo-container{cursor:pointer;z-index:1001;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.logo-container:hover{background:#2563eb0d}.zap-logo{color:var(--accent-primary);justify-content:center;align-items:center;display:flex;position:relative}.zap-arc{pointer-events:none;z-index:2;width:160%;height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voltage-line{stroke:var(--accent-primary);stroke-width:2.5px;fill:none;filter:drop-shadow(0 0 8px var(--accent-primary))}.logo-text{font-family:var(--font-secondary);letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.nav{align-items:center;gap:2.5rem;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.navLink{color:var(--text-primary);cursor:pointer;letter-spacing:-.01em;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s}.navLink:hover{color:var(--accent-primary)}.nav-item-wrapper{align-items:center;height:100%;display:flex;position:relative}.solutions-dropdown,.features-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:2000;background:#fffffffa;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:4px;width:380px;padding:12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 40px #0000000a,0 20px 80px #0000000a}.nav-item-wrapper:hover .solutions-dropdown,.nav-item-wrapper:hover .features-dropdown,.nav-item-wrapper:hover .verticals-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.verticals-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:2000;background:#fffffffa;border:1px solid #00000014;border-radius:16px;width:560px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 40px #0000000a,0 20px 80px #0000000a}.verticals-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.solutions-item{color:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.solutions-item:hover{background:#2563eb0a}.solutions-title{color:#0f172a;letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.solutions-desc{color:#64748b;font-size:.8125rem;line-height:1.4}.solutions-item:hover .solutions-title{color:var(--accent-primary)}.mobileMenuToggle{color:var(--text-primary);cursor:pointer;z-index:101;background:0 0;border:none;display:none}.mobileNav{z-index:100;background:#fff;flex-direction:column;gap:2rem;width:100%;height:100vh;padding:6rem 2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobileNav.open{transform:translate(0)}@media (width<=1024px){.megaMenu{flex-direction:column;gap:8px;width:400px;display:flex}}@media (width<=768px){.desktopOnly{display:none!important}.mobileMenuToggle{display:block}.techHeroSection{padding:8rem 1.5rem 4rem}.heroTitleHighTech{font-size:3rem}.techSubheading{margin-bottom:2.5rem;font-size:1.125rem}.metricsGrid{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.featureGrid{flex-direction:column!important;gap:2rem!important;display:flex!important}.ecosystem-grid{flex-direction:column!important;gap:2.5rem!important;display:flex!important}.verticals-grid{flex-direction:column!important;gap:1rem!important;display:flex!important}.techGridContainer{opacity:.4;transform:rotateX(10deg)scale(1)}.shopifyFrame{height:500px}.urlBar{display:none}}@media (width<=480px){.heroTitleHighTech{font-size:2.5rem}.shimmerCTA{justify-content:center;width:100%}.techHeroSection{padding:6rem 1rem 3rem}.shopifyFrame{height:400px}.container{padding:4rem 1rem}}.adminWindow{border:1px solid var(--border-primary);background:#fff;border-radius:20px;width:100%;max-width:1000px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000001a}.windowTitleBar{background:#ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 20px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.dashboardLayout{grid-template-columns:200px 1fr 280px;height:540px;display:grid}.dashSidebar{background:#ffffff05;border-right:1px solid #ffffff0d;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sideItem{color:#ffffff4d;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sideItem.active{background:var(--accent-primary);color:#fff;box-shadow:0 0 15px var(--accent-primary)}.dashMain{padding:2rem;overflow-y:auto}.dashRight{background:#ffffff03;border-left:1px solid #ffffff0d;padding:2rem}.hudCard{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.sentimentBar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-top:.75rem;overflow:hidden}.sentimentProgress{background:linear-gradient(90deg,#10b981,#3b82f6);height:100%;box-shadow:0 0 10px #10b98180}.slaShield{border:4px solid #4f46e533;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;display:flex;position:relative}.slaShield:after{content:"";border:4px solid var(--accent-primary);border-top-color:#0000;border-radius:50%;width:100%;height:100%;animation:2s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.dashboardLayout{grid-template-columns:80px 1fr}.dashRight{display:none}}.colossal-footer{border-top:1px solid var(--border-primary);background:#fff;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6rem;max-width:1300px;margin:0 auto;display:grid}.footer-logo-container{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.footer-logo-text{font-family:var(--font-secondary);color:var(--text-primary);font-size:1.5rem;font-weight:700}.footer-address-block{flex-direction:column;gap:.5rem;display:flex}.footer-address-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:800}.footer-address{font-family:var(--font-secondary);color:var(--text-secondary);letter-spacing:-.01em;font-size:.9375rem;font-style:normal;line-height:1.8}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:4rem}}@media (width<=640px){.footer-grid{flex-direction:column;gap:3rem;display:flex}.colossal-footer{padding:4rem 1.5rem}}.shopifyFrame{background:#fff;border:1px solid #dfe3e8;border-radius:12px;flex-direction:column;width:100%;max-width:1100px;height:700px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #0000004d}.browserTopBar{background:#f4f6f8;border-bottom:1px solid #dfe3e8;align-items:center;gap:12px;padding:10px 16px;display:flex}.urlBar{color:#637381;background:#fff;border:1px solid #dfe3e8;border-radius:6px;flex:1;align-items:center;gap:8px;padding:4px 12px;font-family:monospace;font-size:.75rem;display:flex}.shopifyMain{flex:1;display:flex;overflow:hidden}.shopifySidebar{color:#c1c1c1;background:#1a1c1d;flex-direction:column;width:240px;padding:1rem 0;display:flex}.sidebarItem{cursor:pointer;align-items:center;gap:12px;padding:8px 16px;font-size:.8125rem;font-weight:500;display:flex}.sidebarItem:hover{color:#fff;background:#ffffff0d}.sidebarItem.active{color:#fff;background:#ffffff1a;border-left:3px solid #1a1c1d}.sidebarSectionLabel{color:#6d7175;text-transform:uppercase;letter-spacing:.05em;padding:1.5rem 1rem .5rem;font-size:.6875rem;font-weight:700}.shopifyContent{background:#f1f1f1;flex:1;padding:2rem;overflow-y:auto}.volterAppCard{background:#fff;border:1px solid #dfe3e8;border-radius:8px;height:100%;padding:2rem;box-shadow:0 1px 3px #0000001a}.commandCard{cursor:pointer;background:#fafbfb;border:1px solid #dfe3e8;border-radius:12px;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.commandCard:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.commandCard.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#fff}.commandCard.active:after{content:"";background:var(--accent-primary);width:4px;height:100%;position:absolute;top:0;left:0}.shimmerCTA{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border:1px solid #ffffff1a;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 0 #2563eb66}.shimmerCTA:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.shimmerCTA:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #2563eb4d}.shimmerCTA:hover:before{left:150%}.shimmerCTA:active{transform:translateY(-2px)scale(.98)}@media (width<=850px){.shopifySidebar{width:60px}.sidebarText,.sidebarSectionLabel{display:none}.sidebarItem{justify-content:center;padding:12px}}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@keyframes ribbon-wave{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(20px,-10px)scale(1.05)}}.animate-ribbon{animation:12s ease-in-out infinite ribbon-wave}.animate-ribbon-alt{animation:18s ease-in-out infinite reverse ribbon-wave}@keyframes voltage-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px #2563eb99)}50%{opacity:.8;filter:drop-shadow(0 0 20px #2563ebe6)}}@keyframes arc-flicker{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes lightning-glitch{0%,to{transform:translate(0)}2%{filter:brightness(2);transform:translate(2px,-1px)}4%{transform:translate(-1px,2px)}6%{transform:translate(0)}}.voltage-arc{animation:.15s linear infinite arc-flicker}.marquee-container{width:100%;display:flex;position:relative;overflow:hidden}.marquee-track{will-change:transform;width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.marquee-track.reverse{animation:40s linear infinite marquee-scroll-reverse}.voltage-icon{animation:.8s linear infinite voltage-pulse}
