:root{--background-primary:#0a0a0b;--background-secondary:#1d1d1f;--background-tertiary:#2c2c2e;--fill-primary-translucent:#1c1c1eeb;--fill-secondary-translucent:#1c1c1eb8;--fill-tertiary-translucent:#1c1c1e70;--text-primary:#fff;--text-secondary:#d0d0d4;--text-tertiary:#b2b2b8;--text-red:#d20909;--text-red-hover:#ff0a0a;--text-orange:#ff9808;--text-dark:#111;--accent-blue:#007aff;--accent-blue-dark:#0056b3;--accent-blue-hover:#005bb5;--accent-green:#34c759;--accent-green-hover:#28a745;--accent-red:#dc3545;--accent-red-hover:#ff4d5b;--accent-orange:#8a6518;--accent-orange-hover:#ffb347;--border-primary:#d2d2d6eb;--border-secondary:#ffffff24;--border-translucent:#ffffff3d;--border-error:#dc3545;--border-error-touch:#ff3b30;--border-orange:#ff9800;--font-family:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--line-height-tight:1.2;--line-height-body:1.6;--font-size-hero:clamp(2.75rem, 6vw, 4.5rem);--font-size-headline:clamp(2rem, 3.8vw, 3rem);--font-size-title:clamp(1.65rem, 2.7vw, 2.25rem);--font-size-title2:clamp(1.45rem, 2.3vw, 2rem);--font-size-subtitle:clamp(1.2rem, 1.7vw, 1.5rem);--font-size-body:1rem;--font-size-caption:.875rem;--font-size-price:clamp(1.5rem, 2.3vw, 1.9rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--max-width:1200px;--border-radius-small:8px;--border-radius-medium:12px;--border-radius-large:16px;--border-radius-xlarge:20px;--border-radius-card:24px;--border-radius-hero:34px;--border-radius-round:50%;--spacing-section:clamp(44px, 6vw, 72px);--spacing-container:clamp(20px, 4vw, 64px);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:60px;--shadow-sm:0 3px 10px #0003;--shadow-md:0 8px 22px #00000052;--shadow-lg:0 14px 30px #0000006b;--shadow-xl:0 18px 42px #00000085;--shadow-accent-blue:0 4px 16px #007bff66;--shadow-accent-green:0 4px 16px #34c75966;--shadow-accent-red:0 4px 16px #f30b0b66;--shadow-accent-orange:0 4px 16px #e1950066;--shadow-input-error-focus:0 0 0 3px #80808066;--shadow-input-error-focus-touch:0 0 0 3px #e1950066;--blur-sm:8px;--blur-md:12px;--blur-lg:20px;--transition-fast:.16s ease;--transition-normal:.24s ease;--transition-smooth:.4s cubic-bezier(.25, 1, .5, 1);--hover-lift:translateY(-4px);--hover-lift-scale:translateY(-4px) scale(1.015);--hover-scale:scale(1.015);--hover-scale-sm:scale(1.02);--hover-scale-button:scale(1.06);--color-notification:#ff3b30;--color-notification-text:#fff;--color-notification-shadow:#ff3b301f;--header-height:70px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background:radial-gradient(circle at top right, #18181b 0%, var(--background-primary) 48%, #060607 100%);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1;padding-top:70px}section{--gutter:var(--spacing-container);grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [content] minmax(0, min(var(--max-width), calc(100% - 2 * var(--gutter)))) minmax(var(--gutter), 1fr) [full-end];padding-block:var(--spacing-section);display:grid}section>*{grid-column:content}h1,h2{line-height:var(--line-height-tight)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);letter-spacing:-.02rem;color:var(--text-primary);margin:0}h3,h4,h5,h6{color:var(--text-secondary)}p{color:var(--text-tertiary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}a{color:var(--accent-blue);transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue-hover);opacity:1}a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes entry-fade-slide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes puls-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animation-entry{animation:1s cubic-bezier(.25,1,.5,1) .2s backwards entry-fade-slide}.animation-fade{animation:1.5s ease-out forwards fade-in}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{transform:var(--hover-lift);box-shadow:var(--shadow-lg)}.hover-lift-scale{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift-scale:hover{transform:var(--hover-lift-scale);box-shadow:var(--shadow-xl)}.glass{background:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-translucent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){:root{--font-size-hero:clamp(2.2rem, 7vw, 3.2rem);--font-size-headline:clamp(1.7rem, 5vw, 2.25rem);--font-size-title:clamp(1.4rem, 3.8vw, 1.85rem);--spacing-section:clamp(34px, 8vw, 50px);--spacing-container:clamp(16px, 5vw, 32px)}}@media (width<=480px){:root{--font-size-hero:clamp(1.95rem, 9vw, 2.45rem);--font-size-headline:clamp(1.5rem, 7vw, 1.9rem);--font-size-body:.98rem;--spacing-container:16px}}.jn-button{appearance:none;border-radius:var(--border-radius-large);justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--space-lg);min-height:44px;font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:1px solid #0000;line-height:1;display:inline-flex}.jn-button svg{margin:0 5px;display:inline-block}.jn-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.jn-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.jn-button--full{width:100%}.jn-button--tone-primary{--btn-bg:var(--accent-blue);--btn-bg-hover:var(--accent-blue-hover);--btn-border:var(--accent-blue);--btn-text-solid:var(--text-primary);--btn-soft-bg:#007aff26;--btn-soft-hover:#007aff40;--btn-soft-text:var(--accent-blue);--btn-shadow:var(--shadow-accent-blue)}.jn-button--tone-success{--btn-bg:var(--accent-green);--btn-bg-hover:var(--accent-green-hover);--btn-border:var(--accent-green);--btn-text-solid:var(--text-primary);--btn-soft-bg:#34c75926;--btn-soft-hover:#34c75940;--btn-soft-text:var(--accent-green);--btn-shadow:var(--shadow-accent-green)}.jn-button--tone-danger{--btn-bg:var(--accent-red);--btn-bg-hover:var(--accent-red-hover);--btn-border:var(--accent-red);--btn-text-solid:var(--text-primary);--btn-soft-bg:#dc354526;--btn-soft-hover:#dc354540;--btn-soft-text:var(--accent-red);--btn-shadow:var(--shadow-accent-red)}.jn-button--tone-warning{--btn-bg:var(--accent-orange);--btn-bg-hover:var(--accent-orange-hover);--btn-border:var(--accent-orange);--btn-text-solid:var(--text-dark);--btn-soft-bg:#ff950026;--btn-soft-hover:#e1950040;--btn-soft-text:var(--accent-orange);--btn-shadow:var(--shadow-accent-orange)}.jn-button--tone-neutral{--btn-bg:var(--background-tertiary);--btn-bg-hover:var(--background-secondary);--btn-border:var(--border-secondary);--btn-text-solid:var(--text-primary);--btn-soft-bg:#fffc;--btn-soft-hover:#ffffff26;--btn-soft-text:var(--text-primary);--btn-shadow:var(--shadow-sm)}.jn-button--filled{background:var(--btn-bg,var(--accent-blue));border-color:var(--btn-border,transparent);color:var(--btn-text-solid);box-shadow:var(--btn-shadow)}.jn-button--filled:hover:not(:disabled){background:var(--btn-bg-hover,var(--btn-bg));transform:var(--hover-lift)}.jn-button--outlined{color:var(--btn-soft-text,var(--btn-bg,var(--accent-blue)));border-color:var(--btn-border,currentColor);background:0 0}.jn-button--outlined:hover:not(:disabled){background:var(--btn-soft-bg)}.jn-button--soft{background:var(--btn-soft-bg);color:var(--btn-soft-text,var(--text-primary));box-shadow:none;border-color:#0000}.jn-button--soft:hover:not(:disabled){background:var(--btn-soft-hover)}.jn-button--ghost{color:var(--btn-soft-text,var(--text-primary));box-shadow:none;background:0 0;border-color:#0000}.jn-button--ghost:hover:not(:disabled){background:#ffffff0a}.jn-button--link{min-height:auto;color:var(--btn-soft-text,var(--accent-blue));font-weight:var(--font-weight-medium);gap:var(--space-2xs);box-shadow:none;background:0 0;border:none;padding:0}.jn-button--link:hover{text-decoration:underline}.jn-button-icon{justify-content:center;align-items:center;font-size:1.1em;display:inline-flex}.jn-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite jn-button-spin}.jn-button--loading .jn-button-label,.jn-button--loading .jn-button-icon{opacity:.85}@keyframes jn-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{width:100vw;height:var(--header-height);padding:0 clamp(var(--space-md), 4vw, var(--space-2xl));z-index:980;background-color:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border-bottom:1px solid var(--border-secondary);transition:transform var(--transition-smooth), background-color var(--transition-smooth);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;transform:translateY(0)}.header.hidden{transform:translateY(-100%)}.left-container{align-items:center;gap:var(--space-md);display:flex}.header-logo img{height:40px;transition:opacity var(--transition-fast);display:block}.header-logo img:hover{opacity:.8}.language-select{--count:2;--index:0;background-color:var(--background-tertiary);border-radius:var(--border-radius-xlarge);width:100px;height:34px;box-shadow:var(--shadow-sm);padding:4px;display:flex;position:relative;overflow:hidden}.language-select:before{content:"";width:calc((100% - 8px) / var(--count));background:var(--background-secondary);border-radius:var(--border-radius-large);transform:translateX(calc(var(--index) * 100%));z-index:0;transition:transform .28s cubic-bezier(.4,.8,.2,1),background .28s;position:absolute;inset:4px auto 4px 4px}.language-select .jn-button{font-size:.9rem;font-weight:var(--font-weight-semibold);cursor:pointer;color:var(--text-secondary);z-index:1;border-radius:var(--border-radius-large);transition:color var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-self:center;align-items:center;gap:0;min-height:34px;padding:0;display:flex}.language-select .jn-button .jn-button-label{text-align:center;justify-content:center;width:100%;display:flex}.language-select .jn-button.active{color:var(--text-primary)}.language-select .jn-button:hover,.language-select .jn-button:focus-visible{color:var(--text-primary);background:0 0}.header-nav-desktop{gap:var(--space-xs);display:flex}.header-nav-desktop a{color:var(--text-secondary);border-radius:var(--border-radius-xlarge);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:color var(--transition-fast), background-color var(--transition-fast);padding:10px 14px;text-decoration:none}.header-nav-desktop a:hover,.header-nav-desktop a:focus-visible{color:var(--text-primary);background-color:var(--background-secondary);text-decoration:none}.header-actions-desktop{align-items:center;gap:var(--space-md);display:flex}.icon-button{color:var(--text-primary);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;width:42px;min-height:42px;padding:0;font-size:18px;position:relative}.icon-button:hover,.icon-button:focus-visible{opacity:.75;transform:var(--hover-scale-button)}.burger-toggle,.mobile-menu{display:none}@media (width<=900px){.header{box-sizing:border-box}body{min-width:100vw;overflow-x:hidden}.mobile-menu,.mobile-nav{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.header-nav-desktop,.header-actions-desktop{display:none}.burger-toggle{z-index:1002;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast);width:48px;height:48px;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:26px;display:inline-block}.burger-toggle:active{transform:scale(.9)}.mobile-menu{background-color:var(--background-primary);z-index:1001;width:100%;height:100%;padding:80px var(--space-lg);transition:transform var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}.header.menu-open .mobile-menu{transform:translateY(0)}.mobile-nav{text-align:center;flex-direction:column;gap:18px;display:flex}.mobile-nav a{font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:opacity var(--transition-fast);width:100%;padding:10px}.mobile-nav a:hover,.mobile-nav a:focus-visible{opacity:.8}.mobile-actions{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-secondary);flex-direction:column;align-self:center;gap:18px;width:100%;max-width:280px;display:flex}.mobile-action-button{background-color:var(--background-secondary);border-radius:var(--border-radius-large);color:var(--text-primary);font-size:var(--font-size-body);justify-content:center;align-items:center;gap:var(--space-xl);cursor:pointer;transition:background-color var(--transition-fast);border:none;width:100%;min-height:auto;padding:14px;display:flex}.mobile-action-button:hover,.mobile-action-button:focus-visible{background-color:var(--background-tertiary)}}.account-actions-overlay{z-index:1999;background:#00000014;display:none;position:fixed;inset:0}.header.show-account-actions .account-actions-overlay{display:block}.account-actions{background:var(--background-secondary);min-width:320px;max-width:380px;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-card);z-index:2000;border:1px solid var(--border-secondary);color:var(--text-primary);padding:10px 15px;animation:.22s cubic-bezier(.4,.8,.2,1) fadeIn;display:none;position:absolute;top:75px;right:5px}.header.show-account-actions .account-actions{display:block}.account-actions .customer-name{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.account-actions .customer-mail{font-size:var(--font-size-caption);color:var(--text-secondary);margin-bottom:10px}.account-actions ul{margin:0 0 12px;padding:0;list-style:none}.account-actions ul li{margin-bottom:10px}.account-action-button{width:100%;color:var(--text-primary);font-size:var(--font-size-body);border-radius:var(--border-radius-large);cursor:pointer;justify-content:flex-start;align-items:center;gap:12px;gap:var(--space-sm);background:0 0;border:none;padding:10px 0;transition:background .15s,color .15s;display:flex}.account-action-button .jn-button-label{text-align:left;align-items:center;width:100%;display:inline-flex}.account-action-button:hover,.account-action-button:focus-visible{background:var(--background-tertiary);color:var(--accent-blue)}.account-actions ul:last-child{border-top:1px solid var(--border-secondary);margin-top:10px;padding-top:10px}.account-actions .logout-button{color:var(--text-red)}.account-actions .logout-button:hover{color:var(--text-red-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cart-notification-badge{background:var(--color-notification,#ff3b30);min-width:16px;height:16px;color:var(--color-notification-text,#fff);box-shadow:0 2px 8px var(--color-notification-shadow,#ff3b301f);z-index:2;border:2px solid var(--background-primary);opacity:.92;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}@media (prefers-reduced-motion:reduce){.header,.mobile-menu,.language-select:before,.account-actions{transition:none;animation:none}}.hero-section{--hero-progress:0;min-height:185vh;padding:0}.hero-section>*{grid-column:full-start/full-end}.hero{height:calc(100vh - var(--header-height));justify-content:center;align-items:center;width:100%;display:flex;position:sticky;top:0;overflow:hidden}.video-container-outer{width:100%;height:100%;position:absolute;top:0;left:0}.video-container-inner{width:100%;height:100%;box-shadow:var(--shadow-lg);transform:scale(calc(1.06 - (var(--hero-progress) * .16)));clip-path:inset(calc(0% + (4% * var(--hero-progress))) round calc(var(--border-radius-hero) - (18px * var(--hero-progress))));transition:transform .12s linear,clip-path .12s linear;position:relative;overflow:hidden}.video-container-inner video{object-fit:cover;opacity:0;width:100%;height:100%;animation:1.5s ease-out forwards fade-in;display:block}.video-container-inner:after{content:"";pointer-events:none;background:linear-gradient(#00000061 0%,#0000002e 35%,#0000008c 100%);position:absolute;inset:0}.hero-video-status{z-index:2;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-medium);background:var(--fill-primary-translucent);border:1px solid var(--border-secondary);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-error{color:#ffd5db;border-color:#dc354580}.controls{bottom:calc(var(--space-2xl) + (4% * var(--hero-progress)));right:calc(var(--space-2xl) + (4% * var(--hero-progress)));z-index:3;opacity:clamp(0, calc((var(--hero-progress) - .08) * 6), 1);transform:translateY(calc(var(--space-lg) * (1 - var(--hero-progress))));transition:opacity var(--transition-normal), transform var(--transition-normal);display:flex;position:absolute}.controls.visible{opacity:clamp(0, calc((var(--hero-progress) - .08) * 6), 1);transform:translateY(calc(var(--space-lg) * (1 - var(--hero-progress))))}.control-button{background:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius-round);width:60px;height:60px;transition:transform var(--transition-normal);border:none;justify-content:center;align-items:center;min-height:0;padding:0;font-size:28px;display:flex}.controls button{padding:0;font-size:1.2rem}.control-button:hover{transform:var(--hover-scale-button)}.hero-card{width:90vw;max-width:650px;padding:var(--space-5xl) var(--space-4xl);background:var(--fill-primary-translucent);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border-radius:var(--border-radius-hero);box-shadow:var(--shadow-xl);border:1px solid var(--border-translucent);z-index:2;align-items:center;gap:var(--space-xl);text-align:center;transition:transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);flex-direction:column;animation:.8s cubic-bezier(.25,1,.5,1) .24s backwards entry-fade-slide;display:flex;position:relative}.hero-card:hover{transform:var(--hover-lift-scale);background:#1c1c1ecc;box-shadow:0 30px 70px #000000bf}.hero-card h1{font-size:var(--font-size-hero);font-weight:var(--font-weight-black);color:var(--text-primary);text-shadow:0 4px 12px #0009;margin:0;line-height:1.05}.hero-card h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0;line-height:1.3}.hero-card h3{font-size:1.2rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-primary);letter-spacing:.06em;margin:0}.hero-card ul{flex-direction:column;gap:14px;width:100%;margin:0;padding:0;list-style:none;display:flex}.hero-card li a{justify-content:flex-start;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--accent-blue);padding:14px var(--space-lg);border-radius:var(--border-radius-xlarge);transition:background var(--transition-normal), transform var(--transition-normal), color var(--transition-normal);background:#ffffff0d;font-size:1.1rem;display:flex}.hero-card li a:hover{background:var(--accent-blue);color:#fff;transform:translate(6px)}.hero-card li a span svg{transition:transform var(--transition-normal)}.hero-card li a:hover span svg{transform:translate(4px)}@media (width<=768px){.hero-section{min-height:165vh}.hero-card{padding:var(--space-3xl) var(--space-xl);gap:var(--space-lg);width:min(92vw,620px);margin:10px}.hero-card h1{font-size:3rem}.hero-card li a{padding:var(--space-sm) var(--space-md);justify-content:left;font-size:1rem}.controls{bottom:calc(var(--space-md) + (4% * var(--hero-progress)));right:calc(var(--space-md) + (4% * var(--hero-progress)))}.control-button{width:48px;height:48px;font-size:24px}}.landing-news-section{gap:var(--space-xl)}.landing-news-headline{gap:var(--space-xs);display:grid}.landing-news-headline h1{font-size:var(--font-size-title)}.landing-news-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-news-card{border-radius:var(--border-radius-card);padding:var(--space-md);gap:var(--space-sm);border:1px solid var(--border-secondary);display:grid}.landing-news-image{object-fit:cover;border-radius:var(--border-radius-large);background:var(--background-tertiary);width:100%;height:180px}.landing-news-card h2{font-size:var(--font-size-subtitle)}.landing-news-date{font-size:var(--font-size-caption);color:var(--text-secondary)}.landing-news-link{color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.landing-news-state{color:var(--text-secondary);padding:var(--space-md);border-radius:var(--border-radius-medium);border:1px solid var(--border-secondary);background:var(--fill-secondary-translucent)}.landing-news-state-error{color:#ffb4bf;border-color:#dc35458c}@media (width<=1024px){.landing-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.landing-news-grid{grid-template-columns:1fr}.landing-news-image{height:160px}}