:root{--c-bg: #050505;--c-bg-panel: #0a0a0a;--c-bg-alt: #111111;--c-fg: #f4f4f5;--c-fg-muted: #8b8b8b;--c-fg-dark: #050505;--c-primary: #ccff00;--c-primary-dark: #99cc00;--c-border: #333333;--c-border-focus: var(--c-primary);--c-error: #ff3333;--f-display: "Syne", sans-serif;--f-mono: "IBM Plex Mono", monospace;--s-xs: .25rem;--s-sm: .5rem;--s-md: 1rem;--s-lg: 2rem;--s-xl: 4rem;--s-2xl: 8rem;--grid-gap: 2px;--panel-p: var(--s-lg);--b-width: 1px;--b-radius: 0px;--b-solid: var(--b-width) solid var(--c-border)}html{scroll-behavior:smooth;font-size:16px;background-color:var(--c-bg);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--f-mono);background-color:var(--c-bg);color:var(--c-fg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.03;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")}h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:800;line-height:1.1;text-transform:uppercase;color:var(--c-fg);margin-bottom:var(--s-md)}p{color:var(--c-fg-muted);font-size:.95rem;margin-bottom:var(--s-md);max-width:70ch;word-wrap:break-word}a{color:var(--c-primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--c-fg);background:var(--c-primary)}img{max-width:100%;display:block}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--s-md)}.text-primary{color:var(--c-primary)!important}.bg-primary{background-color:var(--c-primary)!important;color:var(--c-bg)!important}.border-b{border-bottom:var(--b-solid)}.border-t{border-top:var(--b-solid)}.border-l{border-left:var(--b-solid)}.border-r{border-right:var(--b-solid)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--s-md) var(--s-lg);border:var(--b-solid);background:var(--c-bg-panel);color:var(--c-fg);cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;gap:var(--s-sm)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--c-primary);transition:transform .2s ease;z-index:0}.btn:hover:before{transform:translate(100%)}.btn span,.btn svg{position:relative;z-index:1}.btn:hover{color:var(--c-bg);border-color:var(--c-primary)}.btn-primary{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.btn-primary:before{background:var(--c-fg)}.btn-primary:hover{color:var(--c-bg);border-color:var(--c-fg)}.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--c-bg);border-bottom:var(--b-solid)}.nav-content{display:flex;justify-content:space-between;align-items:stretch;height:60px}.nav-logo{display:flex;align-items:center;font-family:var(--f-display);font-weight:800;font-size:1.5rem;color:var(--c-fg);padding:0 var(--s-md);border-left:var(--b-solid);border-right:var(--b-solid);text-decoration:none}.nav-logo:hover{background:transparent;color:var(--c-primary)}.nav-links{display:flex}.nav-links a{display:flex;align-items:center;padding:0 var(--s-lg);font-weight:600;font-size:.85rem;text-transform:uppercase;color:var(--c-fg-muted);border-left:var(--b-solid)}.nav-links a:hover,.nav-links a.active{color:var(--c-bg);background:var(--c-primary)}.marquee-container{overflow:hidden;white-space:nowrap;background:var(--c-primary);color:var(--c-bg);padding:var(--s-xs) 0;border-bottom:var(--b-solid);border-top:var(--b-solid);font-family:var(--f-mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;display:flex}.marquee-content{display:inline-flex;animation:marquee 20s linear infinite}.marquee-item{padding:0 var(--s-lg);display:inline-flex;align-items:center;gap:var(--s-sm)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:var(--s-2xl) 0;border-bottom:var(--b-solid)}.section-alt{background:var(--c-bg-alt)}.section-header{margin-bottom:var(--s-xl);display:grid;grid-template-columns:1fr auto;gap:var(--s-lg);align-items:end;border-bottom:var(--b-solid);padding-bottom:var(--s-md)}.section-title{font-size:clamp(2rem,5vw,4rem);margin:0;line-height:.9}.section-num{font-size:1.5rem;color:var(--c-primary);opacity:.8}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:60px;position:relative;border-bottom:var(--b-solid);background:linear-gradient(90deg,var(--c-border) 1px,transparent 1px) 0 0 / 100px 100px,linear-gradient(0deg,var(--c-border) 1px,transparent 1px) 0 0 / 100px 100px;background-position:center center}.hero.bg-animated:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(204,255,0,.05) 0%,transparent 60%);animation:pulse-glow 8s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--c-bg) 70%);pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--s-lg)}.hero-title{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin-bottom:0;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;max-width:600px;border-left:var(--s-sm) solid var(--c-primary);padding-left:var(--s-md);background:#0a0a0acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--s-md)}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--c-border);border:var(--b-solid);margin-top:var(--s-xl)}.hero-meta>div{background:var(--c-bg-panel);padding:var(--s-md)}.meta-label{font-size:.7rem;color:var(--c-fg-muted);text-transform:uppercase;margin-bottom:var(--s-xs)}.meta-value{color:var(--c-primary);font-weight:700}.hero-cta{display:flex;gap:var(--s-md);margin-top:var(--s-lg)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--c-border);border:var(--b-solid)}.bento-item{background:var(--c-bg-panel);padding:var(--s-lg);display:flex;flex-direction:column}.about-bento{grid-column:span 12}@media(min-width:768px){.about-text-cell{grid-column:span 8}.about-stat-cell{grid-column:span 4;display:grid;grid-template-rows:repeat(4,1fr);gap:1px;background:var(--c-border);padding:0}.stat-card{background:var(--c-bg-panel);padding:var(--s-md);display:flex;align-items:center;gap:var(--s-md);transition:background .2s}.stat-card:hover{background:var(--c-bg-alt)}}.stat-icon{width:40px;height:40px;background:var(--c-primary);color:var(--c-bg);display:flex;align-items:center;justify-content:center}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--c-border);border:var(--b-solid)}.cat-card{background:var(--c-bg-panel);padding:var(--s-lg);transition:all .2s ease;position:relative;overflow:hidden}.cat-card:hover{background:var(--c-bg-alt)}.cat-card:hover h3{color:var(--c-primary)}.cat-icon{font-size:2rem;margin-bottom:var(--s-md);filter:grayscale(1) invert(.8)}.page-header{padding:calc(60px + var(--s-2xl)) 0 var(--s-2xl);border-bottom:var(--b-solid);background:var(--c-bg-alt)}.sys-path{font-size:.8rem;color:var(--c-fg-muted);margin-bottom:var(--s-md);display:inline-block;background:var(--c-bg);padding:var(--s-xs) var(--s-sm);border:var(--b-solid)}.product-cat-header{background:var(--c-bg-panel);border:var(--b-solid);padding:var(--s-lg);margin-bottom:var(--s-lg);display:flex;align-items:center;gap:var(--s-md)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-lg)}.product-card{border:var(--b-solid);background:var(--c-bg-panel);display:flex;flex-direction:column;transition:border-color .2s}.product-card:hover{border-color:var(--c-primary)}.product-img-wrap{border-bottom:var(--b-solid);aspect-ratio:4/3;padding:var(--s-md);background:var(--c-bg);display:flex;align-items:center;justify-content:center;position:relative}.product-img-wrap:after{content:"IMG_" attr(data-id);position:absolute;bottom:var(--s-xs);right:var(--s-xs);font-size:.65rem;color:var(--c-fg-muted)}.product-img-wrap img{max-height:100%;mix-blend-mode:screen;filter:grayscale(100%) contrast(1.2);transition:all .3s}.product-card:hover .product-img-wrap img{filter:grayscale(0%)}.product-info{padding:var(--s-md);flex:1;display:flex;flex-direction:column}.p-brand{font-size:.75rem;color:var(--c-primary);text-transform:uppercase;margin-bottom:var(--s-xs)}.p-title{font-size:1.25rem;margin-bottom:var(--s-xs)}.p-type{font-size:.85rem;color:var(--c-fg-muted);margin-bottom:var(--s-md);padding-bottom:var(--s-md);border-bottom:1px dashed var(--c-border)}.p-specs{margin-bottom:var(--s-lg);flex:1}.spec-row{display:grid;grid-template-columns:100px 1fr;gap:var(--s-sm);font-size:.8rem;margin-bottom:var(--s-xs)}.spec-row dt{color:var(--c-fg-muted)}.spec-row dd{color:var(--c-fg)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-border);border:var(--b-solid)}.contact-info{background:var(--c-bg-panel);padding:var(--s-xl)}.c-item{margin-bottom:var(--s-lg);padding-bottom:var(--s-lg);border-bottom:1px dashed var(--c-border)}.c-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.c-label{font-size:.75rem;color:var(--c-primary);margin-bottom:var(--s-xs);text-transform:uppercase}.contact-action{background:var(--c-primary);color:var(--c-bg);padding:var(--s-xl);display:flex;flex-direction:column;justify-content:center}.contact-action h3{color:var(--c-bg)}.contact-action p{color:var(--c-bg-alt)}.contact-action .btn{border-color:var(--c-bg);color:var(--c-bg);background:transparent;align-self:flex-start}.contact-action .btn:hover{background:var(--c-bg);color:var(--c-primary)}.contact-action .btn:before{background:var(--c-bg)}.footer{border-top:var(--b-solid);padding:var(--s-xl) 0;background:var(--c-bg-panel)}.footer-top{display:flex;justify-content:space-between;margin-bottom:var(--s-lg)}.footer-logo{font-family:var(--f-display);font-weight:800;font-size:2rem}.sys-status{display:flex;align-items:center;gap:var(--s-xs);font-size:.8rem;color:var(--c-primary)}.sys-dot{width:8px;height:8px;background:var(--c-primary);border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.footer-bottom{border-top:1px dashed var(--c-border);padding-top:var(--s-md);font-size:.8rem;color:var(--c-fg-muted);display:flex;justify-content:space-between}@media(max-width:1024px){.hero-title{font-size:clamp(3rem,10vw,5rem)}}@media(max-width:768px){.hero-title{font-size:clamp(2.5rem,12vw,3.5rem)}.hero-subtitle{font-size:1rem;border-left:none;border-top:2px solid var(--c-primary);padding-left:0;padding-top:var(--s-sm)}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;text-align:center}.hero-meta{grid-template-columns:1fr;border-left:var(--b-solid);border-right:var(--b-solid)}.nav-logo{font-size:1.25rem;padding:0 var(--s-sm)}.nav-links{display:none}.bento-grid,.contact-grid{display:flex;flex-direction:column}.contact-action{text-align:center}.contact-action .btn{align-self:stretch;text-align:center}.section-header{grid-template-columns:1fr;gap:var(--s-xs);text-align:left}.section-title{font-size:clamp(1.75rem,8vw,2.5rem)}.cat-grid,.product-grid{grid-template-columns:1fr}.product-cat-header{flex-direction:column;text-align:center;gap:var(--s-sm);padding:var(--s-md)}.product-cat-header p{border-left:none;padding-left:0;margin-left:0;border-top:1px solid var(--c-primary);padding-top:var(--s-sm);margin-top:var(--s-sm)}.footer-top,.footer-bottom{flex-direction:column;gap:var(--s-md);text-align:center}.footer-logo{font-size:1.5rem}.page-header{padding:calc(60px + var(--s-lg)) 0 var(--s-lg)}.page-title{font-size:2rem}}