@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/NotoSansSC-subset.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/NotoSansSC-subset.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/NotoSansSC-subset.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/NotoSansSC-subset.woff2) format("woff2")}:root{--color-primary: #000000;--color-secondary: #e8e8e8;--color-accent: #033560;--color-accent-light: rgba(3, 96, 62, .3);--color-text-primary: #ffffff;--color-text-secondary: #f0f0f0;--color-text-muted: rgba(255, 255, 255, .7);--color-text-dark: #333333;--color-text-black: #000000;--color-bg-primary: #000000;--color-bg-secondary: rgba(0, 0, 0, .8);--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-light: rgba(255, 255, 255, .95);--color-border: #e0e0e0;--color-border-dark: #000000;--color-border-light: rgba(255, 255, 255, .2);--color-shadow: rgba(0, 0, 0, .15);--color-shadow-dark: rgba(0, 0, 0, .6);--font-primary: "Manrope", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--font-size-7xl: 5rem;--font-size-8xl: 6rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--container-padding: var(--spacing-xl);--header-height: 82px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 2px 4px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .3);--blur-sm: blur(6px);--blur-md: blur(10px);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-very-slow: 1s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--color-bg-primary);color:var(--color-text-primary)}body{display:flex;flex-direction:column;font-family:var(--font-primary)}main{flex:1;padding-top:var(--header-height);width:100%}header{position:fixed;top:0;left:0;right:0;background:var(--color-bg-primary);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);z-index:100}.header-content{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl);width:100%;gap:var(--spacing-lg)}.brand{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-2xl);color:var(--color-text-primary);line-height:1}.slogen{color:var(--color-text-primary);font-weight:var(--font-weight-light);font-size:var(--font-size-base)}.brand-slo{display:flex;justify-content:left;align-items:center;gap:var(--spacing-sm)}.logo-link{display:inline-block;line-height:0}.logo{height:50px;width:auto;max-width:none}nav{display:flex;gap:var(--spacing-lg);position:relative;padding:0 50px;justify-content:flex-end;margin-left:auto;--nav-gap: var(--spacing-lg)}nav a{text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);padding:0 var(--spacing-sm);position:relative}nav a:first-child{padding-left:0}nav a:not(:last-child):after{content:"";position:absolute;right:calc(var(--nav-gap) / -2);top:50%;transform:translateY(-50%);height:.9em;border-left:1px solid rgba(255,255,255,.18)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-md);margin:0;z-index:101;position:relative;min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;transition:transform var(--transition-fast)}.hamburger-icon .line{height:2px;width:100%;background-color:var(--color-text-primary);border-radius:1px;transition:transform var(--transition-normal),opacity var(--transition-normal);transition-delay:0s}.hamburger-icon .line:nth-child(1){transition-delay:0s}.hamburger-icon .line:nth-child(2){transition-delay:.05s}.hamburger-icon .line:nth-child(3){transition-delay:.1s}.mobile-menu-toggle:hover .hamburger-icon{transform:scale(1.1)}.mobile-menu-toggle:active .hamburger-icon{transform:scale(.9)}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon .line{background-color:var(--color-accent)}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon .line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon .line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.lang{display:flex;gap:var(--spacing-sm);justify-content:right;align-items:center}.lang a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.lang a.active{text-decoration:underline}.hero-section{position:relative;-webkit-user-select:none;user-select:none;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:0 var(--spacing-xl);pointer-events:none;opacity:1;transition:opacity var(--transition-very-slow)}.hero-section *{pointer-events:auto}.giant-title{color:var(--color-text-primary);font-size:var(--font-size-8xl);font-weight:var(--font-weight-extrabold);margin:0;line-height:1.1;letter-spacing:-2px;mix-blend-mode:difference;animation:titleGlow 3s ease-in-out infinite alternate}.hero-subtitle{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-light);margin-top:var(--spacing-xl);opacity:.9;letter-spacing:1px;mix-blend-mode:difference}@keyframes titleGlow{0%{text-shadow:0 4px 20px var(--color-shadow-dark)}to{text-shadow:0 4px 30px rgba(255,255,255,.3),0 4px 20px var(--color-shadow-dark)}}.slideshow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;opacity:0;transition:opacity var(--transition-normal)}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:transform var(--transition-slow),opacity var(--transition-slow)}.slide.active{transform:translate(0);opacity:1}.videoContainer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#fullscreenVideo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.prev-arrow,.next-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-6xl);width:auto;height:auto;cursor:pointer;z-index:10000;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);pointer-events:auto;text-shadow:0 2px 8px var(--color-shadow-dark)}.prev-arrow:hover,.next-arrow:hover{color:#fffc;transform:translateY(-50%) scale(1.2)}.prev-arrow{left:var(--spacing-2xl)}.next-arrow{right:var(--spacing-2xl)}input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-text-primary);font-size:var(--font-size-xl)}label{color:var(--color-text-primary)}.row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}[id^=inputContainer]{border:2px solid var(--color-border-dark);padding:var(--spacing-md);display:inline-block;margin-bottom:var(--spacing-xl);margin-right:var(--spacing-2xl)}.knobContainer .inputGrid{display:flex;flex-direction:column;gap:var(--spacing-md)}.knobContainer select,.knobContainer input{width:80px}.knobContainer label{margin-bottom:var(--spacing-xs)}#midiDeviceSection{margin-bottom:var(--spacing-xl)}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fefefe;padding:var(--spacing-xl);border:1px solid #888;max-width:80%;max-height:80%;overflow:auto}.close{color:#aaa;float:right;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.contact-hero{height:50vh;background-image:url(../assets/images/contact-hero.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1}.contact-hero-content{position:relative;z-index:2;text-align:center}.contact-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);text-shadow:2px 2px 4px var(--color-shadow-dark);margin:0}.contact-social{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:var(--spacing-2xl);font-size:var(--font-size-3xl)}.social-icons{display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.social-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-normal);padding:var(--spacing-md);border-radius:var(--border-radius-lg)}.social-icon:hover{transform:translateY(-5px);color:var(--color-text-primary);background:#ffffff1a}.social-icon svg{margin-bottom:var(--spacing-xs)}.social-icon span{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.instagram:hover{color:var(--color-text-primary);background:#e4405f4d}.xiaohongshu:hover{color:var(--color-text-primary);background:#ff24424d}.contact-email{text-align:center}.contact-email p{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:var(--font-weight-semibold)}@media(max-width:880px){:root{--header-height: 72px}.header-content{justify-content:space-between;position:relative}.brand-slo{justify-content:left}nav{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);flex-direction:column;gap:0;padding:var(--spacing-md) 0;z-index:100;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal),visibility 0s linear var(--transition-normal)}nav a{display:block;padding:var(--spacing-md) var(--spacing-xl);text-align:center;border-bottom:1px solid var(--color-border-light)}nav a:last-child{border-bottom:none}nav a.active{background-color:var(--color-accent-light)}.mobile-menu-toggle{display:block;margin-left:auto}nav.mobile-expanded{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity var(--transition-normal),transform var(--transition-normal),visibility 0s linear 0s}.brand{font-size:var(--font-size-xl)}.logo{height:40px}.hero-text{font-size:var(--font-size-xl)}.giant-title{font-size:var(--font-size-6xl);letter-spacing:-1px}.hero-subtitle{font-size:var(--font-size-xl)}.prev-arrow,.next-arrow{width:50px;height:50px;font-size:var(--font-size-4xl)}.prev-arrow{left:var(--spacing-lg)}.next-arrow{right:var(--spacing-lg)}}@media(max-width:480px){:root{--header-height: 62px}.giant-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-section{min-height:60vh}.logo{height:30px}.contact-title{font-size:var(--font-size-4xl)}.social-icons{gap:var(--spacing-xl);flex-direction:column}.contact-social{height:auto;min-height:50vh;padding:var(--spacing-2xl) var(--spacing-md)}}.firmware-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.firmware-modal .modal-content{background:var(--color-text-primary);border-radius:var(--border-radius-xl);width:80%;max-width:900px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.firmware-modal .modal-header{background:var(--color-accent);color:var(--color-text-primary);padding:var(--spacing-xl);text-align:center}.firmware-modal .modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.firmware-modal .modal-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl);flex:1;overflow-y:auto}.firmware-modal .product-selection,.firmware-modal .tutorial-section{display:flex;flex-direction:column}.firmware-modal .product-selection h3,.firmware-modal .tutorial-section h3{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl);color:var(--color-text-dark);font-weight:var(--font-weight-semibold)}.firmware-modal .product-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.firmware-modal .product-item{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.firmware-modal .product-item:hover{border-color:var(--color-accent);background:#f8f9fa}.firmware-modal .product-item input[type=radio]{margin-right:var(--spacing-md);transform:scale(1.2)}.firmware-modal .product-item label{color:var(--color-text-dark);font-weight:var(--font-weight-medium);cursor:pointer;margin:0}.firmware-modal .tutorial-content{background:#f8f9fa;padding:var(--spacing-xl);border-radius:var(--border-radius-md);border-left:4px solid var(--color-accent)}.firmware-modal .tutorial-content p{margin:0 0 var(--spacing-lg) 0;color:#555;line-height:1.5}.firmware-modal .tutorial-content p:last-child{margin-bottom:0}.firmware-modal .modal-footer{padding:var(--spacing-xl);background:#f8f9fa;border-top:1px solid var(--color-border);text-align:right}.firmware-modal .continue-btn{background:var(--color-accent);color:var(--color-text-primary);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.firmware-modal .continue-btn:hover{background:#024d31}@media(max-width:768px){.firmware-modal .modal-body{grid-template-columns:1fr;gap:var(--spacing-xl)}.firmware-modal .modal-content{width:95%;max-height:90vh}}
