:root{--color-bg: #F9F8F6;--color-text: #1A1A1A;--color-text-muted: #6B6B6B;--color-accent: #2B4C7E;--color-accent-hover: #1E3A5F;--color-border: #E2E0DC;--color-surface: #FFFFFF;--color-nav-bg: rgba(249, 248, 246, .85);--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}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}.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}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.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}.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:-.01em;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 20% 50%,rgba(43,76,126,.04) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(43,76,126,.03) 0%,transparent 50%);pointer-events:none}.hero-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(43,76,126,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(43,76,126,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.hero-content{position:relative;max-width:720px}.hero-content h1{font-size:clamp(2.5rem,5vw + 1rem,4rem);letter-spacing:-.02em;margin-bottom:var(--space-sm);color:var(--color-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}.about-icon{color:var(--color-accent);margin-bottom:var(--space-sm)}.about-card h3{font-size:1.25rem;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(2,1fr);gap:var(--space-md)}.product-card{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:var(--space-md);transition:border-color .2s ease,box-shadow .2s ease}.product-card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px #2b4c7e14}.product-icon{color:var(--color-accent);margin-bottom:var(--space-sm)}.product-card h3{font-size:1.375rem;margin-bottom:var(--space-xs)}.product-card p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-sm)}.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);border-bottom:1.5px solid transparent;padding-bottom:2px;transition:border-color .2s ease,color .2s ease}.contact-email:hover{border-bottom-color:var(--color-accent);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: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}.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))}}