:root{--color-bg-deep: #0a1628;--color-bg-mid: #1a3a6b;--color-primary: #2563eb;--color-accent: #3b82f6;--color-accent-light: #60a5fa;--color-cyan: #06b6d4;--color-brand-red: #ef4444;--color-brand-green: #22c55e;--color-brand-blue: #3b82f6;--color-brand-yellow: #eab308;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-dark: #1e293b;--color-white: #ffffff;--color-border: rgba(96, 165, 250, .2);--gradient-bg: linear-gradient(135deg, var(--color-bg-deep) 0%, var(--color-bg-mid) 50%, var(--color-primary) 100%);--gradient-hero: linear-gradient(180deg, rgba(10, 22, 40, .3) 0%, rgba(10, 22, 40, .85) 100%);--gradient-card: linear-gradient(145deg, rgba(26, 58, 107, .6) 0%, rgba(37, 99, 235, .15) 100%);--gradient-btn: linear-gradient(135deg, var(--color-accent) 0%, var(--color-cyan) 100%);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--container-max: 75rem;--container-padding: clamp(1rem, 2.5vw, 2.5rem);--section-padding-y: clamp(2rem, 3vw + .5rem, 3.5rem);--header-height: clamp(4rem, 3.25rem + 1vw, 4.75rem);--font-size-sm: clamp(.8125rem, .78rem + .15vw, .875rem);--font-size-base: clamp(.9375rem, .88rem + .25vw, 1rem);--font-size-md: clamp(1rem, .92rem + .35vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--font-size-xl: clamp(1.375rem, 1.15rem + .9vw, 1.75rem);--font-size-2xl: clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);--footer-height: clamp(5.5rem, 5rem + 1.5vw, 7rem);--carousel-aspect-ratio: 800 / 680;--carousel-fill-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--section-padding-y));--content-gap: clamp(1.25rem, 1rem + 1vw, 2rem);--card-padding: clamp(1.25rem, 1rem + .75vw, 2rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(59, 130, 246, .4);--transition: .3s ease}@media(min-width:1920px){:root{--container-max: min(100rem, 75vw)}}@media(min-width:2560px){:root{--container-max: min(110rem, 72vw)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-base);background:var(--gradient-bg);background-attachment:fixed;color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-light);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-white)}img{max-width:100%;display:block}ul{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:#0a1628eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo-link{display:flex;align-items:center;gap:12px}.logo-link img{height:clamp(2.5rem,2rem + 1.5vw,3rem);width:auto}.logo-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);line-height:1.2}.logo-text span{display:block;font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted);letter-spacing:.08em}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-white);transition:var(--transition)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-nav ul{display:flex;gap:8px}.main-nav a{display:block;padding:.5em 1.25em;color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-base);border-radius:var(--radius-sm);transition:all var(--transition)}.main-nav a:hover,.main-nav a.active{color:var(--color-white);background:#3b82f633}.main-nav a.active{box-shadow:inset 0 -2px 0 var(--color-accent)}main{flex:1 0 auto;padding-top:var(--header-height)}.page-hero{padding:var(--section-padding-y) 0 calc(var(--section-padding-y) * .5);text-align:center}.page-hero h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-white);margin-bottom:.75rem}.page-hero p{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:40rem;margin:0 auto}.section{padding-block:var(--section-padding-y)}.carousel-section{padding-top:calc(var(--section-padding-y) * .75);padding-bottom:var(--section-padding-y)}.page-products main{flex:1;display:flex;flex-direction:column}.page-products .carousel-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(.75rem,1.5vw,1.25rem);padding-bottom:clamp(.75rem,1.5vw,1.25rem)}.page-products .carousel-section>.container{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.page-products .carousel-wrapper{flex:0 0 auto;width:100%}.page-products .carousel{flex:none;width:min(100%,calc(var(--carousel-fill-height) * 800 / 680));max-width:100%;max-height:var(--carousel-fill-height);aspect-ratio:var(--carousel-aspect-ratio);height:auto;margin-inline:auto;background:transparent}.page-products .carousel-slide img{object-fit:cover;object-position:center}.page-products .carousel-dots{flex-shrink:0;margin-top:.75rem}.section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);text-align:center;margin-bottom:clamp(2rem,1.5rem + 1.5vw,3rem)}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--gradient-btn);margin:12px auto 0;border-radius:2px}.carousel-wrapper{position:relative;width:100%}.carousel{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;height:clamp(16rem,12rem + 18vw,28rem)}.carousel-track{display:flex;transition:transform .5s ease;height:100%}.carousel-slide{flex:0 0 100%;position:relative;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:clamp(1rem,.75rem + 1vw,1.75rem) clamp(1rem,.5rem + 1.5vw,2rem);background:var(--gradient-hero)}.carousel-caption h2{font-size:var(--font-size-xl);color:var(--color-white);margin-bottom:.25rem}.carousel-caption p{color:var(--color-text-muted);font-size:var(--font-size-base)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#0a1628b3;color:var(--color-white);font-size:1.25rem;cursor:pointer;transition:all var(--transition);z-index:10;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:var(--color-accent);box-shadow:var(--shadow-glow)}.carousel-btn--prev{left:clamp(.75rem,.5rem + 1vw,1.5rem)}.carousel-btn--next{right:clamp(.75rem,.5rem + 1vw,1.5rem)}.carousel-dots{display:flex;justify-content:center;gap:.625rem;margin-top:1rem}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid transparent;background:#ffffff4d;cursor:pointer;transition:all var(--transition)}.carousel-dot.active{background:var(--color-accent);box-shadow:var(--shadow-glow)}.carousel-dot:nth-child(1).active{background:var(--color-brand-blue)}.carousel-dot:nth-child(2).active{background:var(--color-brand-red)}.carousel-dot:nth-child(3).active{background:var(--color-brand-green)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.product-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card),var(--shadow-glow);border-color:#3b82f666}.product-card-image{aspect-ratio:16 / 10;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-body{padding:28px 32px 32px}.product-card-body h3{font-size:1.375rem;color:var(--color-white);margin-bottom:12px}.product-card-body p{color:var(--color-text-muted);font-size:1rem;line-height:1.7;margin-bottom:20px}.btn{display:inline-block;padding:.625em 1.5em;background:var(--gradient-btn);color:var(--color-white);font-weight:600;font-size:var(--font-size-base);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px);color:var(--color-white)}.about-block{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.about-block h2{font-size:var(--font-size-xl);color:var(--color-white);margin-bottom:1rem}.about-block p{color:var(--color-text-muted);font-size:var(--font-size-base);margin-bottom:.875rem;line-height:1.8}.about-block p:last-child{margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.value-item{text-align:center;padding:32px 24px;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition)}.value-item:hover{border-color:#3b82f666;box-shadow:var(--shadow-glow)}.value-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.value-icon--innovation{background:#3b82f633;color:var(--color-brand-blue)}.value-icon--quality{background:#22c55e33;color:var(--color-brand-green)}.value-icon--fun{background:#eab30833;color:var(--color-brand-yellow)}.value-item h3{font-size:1.1rem;color:var(--color-white);margin-bottom:8px}.value-item p{color:var(--color-text-muted);font-size:.9rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--content-gap);width:100%}.contact-info{display:flex;flex-direction:column;gap:var(--content-gap)}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:var(--card-padding);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.contact-item-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:#3b82f633;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.contact-item h3{font-size:var(--font-size-md);color:var(--color-white);margin-bottom:.25rem}.contact-item p{color:var(--color-text-muted);font-size:var(--font-size-base)}.contact-form{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.contact-form h2{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:1.25rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;color:var(--color-text-muted);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#0a162899;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:.95rem;transition:border-color var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}.form-group textarea{resize:vertical;min-height:120px}.form-error{color:var(--color-brand-red);font-size:.8rem;margin-top:4px;display:none}.form-group.invalid .form-error{display:block}.form-group.invalid input,.form-group.invalid textarea{border-color:var(--color-brand-red)}.form-success{display:none;padding:16px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);color:var(--color-brand-green);text-align:center;margin-top:16px}.form-success.show{display:block}.form-failure{display:none;padding:16px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--color-brand-red);text-align:center;margin-top:16px}.form-failure.show{display:block}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.page-privacy{background:#f7f8fa;color:#1e293b}.page-privacy main{padding-top:0}.legal-doc{width:100%;max-width:48rem;margin:0 auto;padding:clamp(1.25rem,1rem + 2vw,2.5rem) var(--container-padding) clamp(2.5rem,2rem + 2vw,4rem)}.legal-doc__header{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.legal-doc__meta{font-size:var(--font-size-sm);color:#64748b;line-height:1.7}.legal-doc__section{margin-bottom:1.75rem}.legal-doc__section h2{font-size:var(--font-size-lg);font-weight:700;color:#0f172a;margin-bottom:.875rem;padding-top:.25rem}.legal-doc__section h3{font-size:var(--font-size-md);font-weight:600;color:#1e293b;margin:1.25rem 0 .625rem}.legal-doc__section p{font-size:var(--font-size-base);color:#334155;line-height:1.85;margin-bottom:.875rem}.legal-doc__section p:last-child{margin-bottom:0}.legal-doc__section strong{color:#0f172a;font-weight:700}.legal-doc__section ul,.legal-doc__section ol.legal-doc__list{margin:0 0 .875rem;padding-left:1.25rem;color:#334155;font-size:var(--font-size-base);line-height:1.85}.legal-doc__section ul{list-style:disc}.legal-doc__section ol.legal-doc__list{list-style:decimal}.legal-doc__section li{margin-bottom:.5rem}.legal-doc__section a{color:#2563eb;word-break:break-all}.legal-doc__section a:hover{color:#1d4ed8;text-decoration:underline}.site-footer{background:#0a1628f2;border-top:1px solid var(--color-border);padding:clamp(1.5rem,1rem + 1.5vw,2.5rem) 0 clamp(1rem,.75rem + .5vw,1.5rem);margin-top:auto;flex-shrink:0}.footer-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;text-align:left}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{height:36px}.footer-brand span{font-size:var(--font-size-base);color:var(--color-text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--color-accent-light)}.footer-copy{color:var(--color-text-muted);font-size:.85rem}.footer-copy a{color:var(--color-text-muted)}.footer-copy a:hover{color:var(--color-accent-light)}.footer-copy{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-right{align-items:center}}@media(max-width:768px){.nav-toggle{display:flex}.main-nav{position:fixed;top:var(--header-height);left:0;right:0;background:#0a1628fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:16px 24px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition)}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.main-nav ul{flex-direction:column;gap:4px}.main-nav a{padding:12px 16px}.page-hero h1{font-size:var(--font-size-2xl)}.product-grid,.values-grid,.contact-layout{grid-template-columns:1fr}.carousel-btn{width:36px;height:36px;font-size:1rem}.footer-links{flex-direction:column;gap:.75rem}}