:root{--color-bg: #0F1117;--color-text: #F0F0F3;--color-text-muted: #8B8FA3;--color-accent: #6C8CFF;--color-accent-hover: #8BA5FF;--color-accent-glow: rgba(108, 140, 255, .15);--color-border: #2A2D3A;--color-surface: #1A1D27;--color-nav-bg: rgba(15, 17, 23, .85);--gradient-accent: linear-gradient(135deg, #6C8CFF, #A78BFA);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--max-width: 1120px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.btn{display:inline-block;font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1;padding:.75rem 1.5rem;border-radius:6px;border:1.5px solid transparent;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--gradient-accent);color:#fff;border-color:transparent;box-shadow:0 2px 16px var(--color-accent-glow)}.btn-primary:hover{box-shadow:0 4px 24px #6c8cff4d}.btn-nav{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent);padding:.5rem 1.25rem;font-size:.875rem}.btn-nav:hover{background-color:var(--color-accent);color:#fff;box-shadow:0 2px 12px var(--color-accent-glow)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s ease}.nav.scrolled{border-bottom-color:var(--color-border)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;height:64px}.wordmark{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em;color:var(--color-text)}.nav-links{display:flex;align-items:center;gap:var(--space-sm)}.nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.nav-link:hover{color:var(--color-text)}.hero{position:relative;padding:calc(64px + var(--space-xl)) 0 var(--space-xl);overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(108,140,255,.12) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(167,139,250,.08) 0%,transparent 50%);pointer-events:none}.hero-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(108,140,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(108,140,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 10%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 60%)}.hero-content{position:relative;max-width:720px}.hero-content h1{font-size:clamp(3rem,6vw + 1rem,4.5rem);letter-spacing:-.02em;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-text) 60%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1.0625rem,1.5vw + .25rem,1.25rem);color:var(--color-text-muted);max-width:560px;margin-bottom:var(--space-md);line-height:1.7}.hero-content{opacity:0;transform:translateY(12px);animation:hero-fade-in .8s ease-out .1s forwards}@keyframes hero-fade-in{to{opacity:1;transform:translateY(0)}}.about{padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.about-heading{font-size:clamp(1.75rem,3vw + .5rem,2.5rem);margin-bottom:var(--space-lg)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.about-card{padding:var(--space-md) 0;border-left:3px solid transparent;border-image:var(--gradient-accent) 1;padding-left:var(--space-sm)}.about-icon{color:var(--color-accent);margin-bottom:var(--space-sm)}.about-card h3{font-family:var(--font-body);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.about-card p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65}.products{padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.products-heading{font-size:clamp(1.75rem,3vw + .5rem,2.5rem);margin-bottom:var(--space-lg)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.product-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:var(--space-md);transition:border-color .3s ease,box-shadow .3s ease}.product-card:hover{border-color:#6c8cff66;box-shadow:0 0 20px var(--color-accent-glow)}.product-header{display:flex;align-items:center;gap:10px;color:var(--color-accent);margin-bottom:var(--space-sm)}.product-card h3{font-family:var(--font-body);font-size:1.25rem;font-weight:600}.product-card p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-sm);flex-grow:1}.product-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;color:var(--color-accent);transition:color .2s ease}.product-card:hover .product-link{color:var(--color-accent-hover)}.contact{padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.contact-inner{max-width:520px;text-align:center;margin:0 auto}.contact-inner h2{font-size:clamp(1.75rem,3vw + .5rem,2.5rem);margin-bottom:var(--space-xs)}.contact-sub{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:1.0625rem;line-height:1.65}.contact-email{display:inline-block;font-family:var(--font-body);font-size:clamp(1.125rem,2vw + .25rem,1.375rem);font-weight:500;color:var(--color-accent);padding-bottom:2px;background-image:var(--gradient-accent);background-size:100% 2px;background-position:bottom;background-repeat:no-repeat;transition:color .2s ease}.contact-email:hover{color:var(--color-accent-hover)}.footer{padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.footer-inner{font-size:.8125rem;color:var(--color-text-muted);text-align:center}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{min-height:auto;padding:calc(64px + var(--space-lg)) 0 var(--space-lg)}.about-grid{grid-template-columns:1fr;gap:var(--space-sm)}.about-card{padding:var(--space-sm) 0 var(--space-sm) var(--space-sm)}.products-grid{grid-template-columns:1fr}}@media(max-width:480px){:root{--space-md: 1.25rem;--space-lg: 2.5rem;--space-xl: 3.5rem}.nav-inner{height:56px}.hero{padding-top:calc(56px + var(--space-lg))}}