.header{z-index:1000;height:64px;transition:background var(--transition-base),backdrop-filter var(--transition-base);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#f8faffcc;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header--scrolled{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(20px)}.header__nav{justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;gap:var(--space-sm);z-index:1005;text-decoration:none;transition:opacity .3s;display:flex;position:relative}.header:has(.header__menu-overlay--open) .header__logo{z-index:999}.header__logo-icon{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-primary);font-weight:700}.header__logo-text{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:800}.header__logo-accent{color:var(--color-primary)}.header__desktop-links{align-items:center;gap:var(--space-xs);margin:0;padding:0;list-style:none;display:flex}.header__link{padding:var(--space-sm)var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.header__link:hover{color:var(--color-text-primary);background:var(--color-primary-50)}.header__actions{align-items:center;gap:var(--space-md);z-index:1006;display:flex;position:relative}.header:has(.header__menu-overlay--open) .header__actions{z-index:1002}.header__menu-overlay{visibility:hidden;opacity:0;z-index:1010;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.header__menu-overlay--open{visibility:visible;opacity:1}.header__mobile-menu{width:100%;max-width:320px;height:100vh;padding:80px var(--space-xl)var(--space-2xl);z-index:1011;background:#fff;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #0000001a}.header__menu-overlay--open .header__mobile-menu{transform:translate(0)}.header__close-btn{background:var(--color-primary-100);color:var(--color-primary);cursor:pointer;z-index:1012;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.header__close-btn:hover{background:var(--color-primary);color:#fff;transform:rotate(90deg)}.header__mobile-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-primary-50)}.header__mobile-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:2px;font-weight:700}.header__mobile-links{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.header__mobile-links li{opacity:0;width:100%;transition:all .5s;transform:translate(20px)}.header__menu-overlay--open .header__mobile-links li{opacity:1;transform:translate(0)}.header__mobile-link{font-size:var(--text-xl);color:var(--color-text-primary);padding:var(--space-md)0;font-weight:700;text-decoration:none;transition:color .2s;display:block}.header__mobile-footer{padding-top:var(--space-xl);margin-top:auto}.header__mobile-socials{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.header__social-link{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;text-decoration:none;display:flex}.header__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none;position:relative}.header__hamburger span{background:var(--color-text-primary);border-radius:4px;width:100%;height:3px;transition:all .3s;display:block}.header__hamburger--open span{background:var(--color-text-primary)}.header__hamburger--open span:first-child{transform:translateY(8px)rotate(45deg)}.header__hamburger--open span:nth-child(2){opacity:0}.header__hamburger--open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (max-width:1024px){.header{height:56px}.header__desktop-links,.header__cta-desktop{display:none}.header__hamburger{display:flex}}
.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-2xl)0 0;position:relative;overflow:hidden}.footer__grid{gap:var(--space-xl);padding-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.footer__column-title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);font-weight:700}.footer__list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__link{font-size:var(--text-base);color:var(--color-text-secondary);text-decoration:none;transition:all .2s;display:inline-block}.footer__link:hover{color:var(--color-primary)}.footer__link--contact{align-items:center;gap:var(--space-sm);display:flex}.footer__link--contact svg{color:var(--color-primary);flex-shrink:0}.footer__socials{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.footer__social-link{border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:40px;height:40px;color:var(--color-text-muted);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer__social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer__bottom{border-top:1px solid var(--color-border);padding:var(--space-lg)0;text-align:center}.footer__bottom p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@media (max-width:768px){.footer{padding:var(--space-xl)0 0}.footer__grid{padding-bottom:var(--space-md);grid-template-columns:1fr;gap:0}.footer__column{text-align:center;padding:var(--space-md)0;border-bottom:1px solid var(--color-border)}.footer__column:last-child{border-bottom:none}.footer__column-title{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.footer__list{gap:var(--space-xs)}.footer__link{font-size:var(--text-base);padding:2px 0}.footer__link--contact{justify-content:center}.footer__socials{margin-top:var(--space-md);justify-content:center}.footer__bottom{padding:var(--space-md)0}.footer__bottom p{font-size:var(--text-sm)}}
.products-page,.blog-page,.contact-page,.about-page{padding-top:64px}.page-hero{padding:var(--space-3xl)0 var(--space-2xl);position:relative;overflow:hidden}.page-hero__bg{pointer-events:none;position:absolute;inset:0}.page-hero__orb{filter:blur(80px);opacity:.12;border-radius:50%;position:absolute}.page-hero__orb--1{background:var(--color-primary);width:350px;height:350px;top:-80px;right:-50px}.page-hero__orb--2{background:var(--color-accent);width:250px;height:250px;bottom:-60px;left:-50px}.page-hero__content{text-align:center;max-width:700px;margin:0 auto;position:relative}.page-hero__title{margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3.5rem)}.page-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.section__badge{padding:var(--space-xs)var(--space-md);background:var(--color-primary-100);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-weight:600;display:inline-block}.section__cta{text-align:center;margin-top:var(--space-2xl)}.empty-state{text-align:center;padding:var(--space-4xl)var(--space-xl);max-width:500px;margin:0 auto}.empty-state__icon{margin-bottom:var(--space-lg);font-size:3rem;display:block}.empty-state h2{margin-bottom:var(--space-md)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.breadcrumb{padding:var(--space-md)0;border-bottom:1px solid var(--color-border)}.breadcrumb__list{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);list-style:none;display:flex}.breadcrumb__link{color:var(--color-text-muted);text-decoration:none}.breadcrumb__link:hover{color:var(--color-primary)}.breadcrumb__separator{color:var(--color-text-muted);margin:0 var(--space-xs)}.breadcrumb__current{color:var(--color-text-primary);font-weight:500}@media (max-width:768px){.products-page,.blog-page,.contact-page,.about-page{padding-top:56px}.page-hero{padding:var(--space-2xl)0 var(--space-xl)}}