*{box-sizing:border-box;margin:0;padding:0}:root{--primary-black:#1a1a1a;--secondary-black:#2d2d2d;--accent-green:#91b52f;--accent-green-dark:#7a9728;--accent-green-light:#a4c441;--text-white:#fff;--text-gray:#b0b0b0;--text-light-gray:#e0e0e0;--background-dark:#0f0f0f;--background-section:#1f1f1f;--border-color:#404040;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 2px 8px -1px #00000026;--shadow-lg:0 4px 12px -2px #0003;--shadow-xl:0 8px 24px -4px #00000040;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--container-max-width:1280px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;background-color:var(--background-dark);color:#fff;color:var(--text-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;font-weight:var(--font-weight-bold)}h3{font-size:clamp(1.5rem,3vw,2rem)}h3,h4{font-weight:600;font-weight:var(--font-weight-semibold)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:#b0b0b0;color:var(--text-gray);line-height:1.7;margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}a{color:#91b52f;color:var(--accent-green);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#a4c441;color:var(--accent-green-light)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center;overflow:hidden;padding:.75rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.btn-primary{background:#91b52f;background:var(--accent-green);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm)}.btn-primary,.btn-primary:hover{color:#fff;color:var(--text-white)}.btn-primary:hover{background:#7a9728;background:var(--accent-green-dark);box-shadow:0 2px 8px -1px #00000026;box-shadow:var(--shadow-md)}.btn-secondary{background:#0000;border:2px solid #404040;border:2px solid var(--border-color);color:#fff;color:var(--text-white)}.btn-secondary:hover{background:#91b52f;background:var(--accent-green);border-color:#91b52f;border-color:var(--accent-green);color:#fff;color:var(--text-white)}.btn-outline{background:#0000;border:2px solid #91b52f;border:2px solid var(--accent-green);color:#91b52f;color:var(--accent-green)}.btn-outline:hover{background:#91b52f;background:var(--accent-green);color:#fff;color:var(--text-white)}.container{max-width:1280px}.container,.container-wide{margin:0 auto;padding:0 1rem;padding:0 var(--spacing-md)}.container-wide{max-width:1440px}.section{padding:3rem 0;padding:var(--spacing-2xl) 0}.section-dark{background-color:#1f1f1f;background-color:var(--background-section)}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{flex-direction:column}.text-center{text-align:center}.text-accent{color:#91b52f;color:var(--accent-green)}.text-gray{color:#b0b0b0;color:var(--text-gray)}.text-light{color:#e0e0e0;color:var(--text-light-gray)}.mb-sm{margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:.75rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.fade-in,.slide-in-left,.slide-in-right{transition:opacity .6s ease-out,transform .6s ease-out}@media (max-width:768px){:root{--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:1.75rem;--spacing-xl:2.5rem;--spacing-2xl:3rem;--spacing-3xl:4rem}.container{padding:0 1rem;padding:0 var(--spacing-md)}.section{padding:3rem 0;padding:var(--spacing-2xl) 0}.grid-2,.grid-3,.grid-4{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.btn{font-size:.9rem;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:#91b52f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a4c441}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #91b52f;outline:2px solid var(--accent-green);outline-offset:2px}.loading{animation:spin 1s linear infinite}.card{background:#1f1f1f;background:var(--background-section);border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 8px 24px -4px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge{align-items:center;background:#91b52f;background:var(--accent-green);border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-white);display:inline-flex;font-size:.75rem;font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.3px;max-width:100%;overflow:hidden;padding:.5rem .75rem;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f0f0ff2;border-bottom:1px solid #4040404d;left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:10000}.header-scrolled{background:#0f0f0ffa;box-shadow:var(--shadow-lg)}.header-content{justify-content:space-between;min-height:70px;padding:var(--spacing-sm) 0}.header-content,.header-logo{align-items:center;display:flex}.header-logo{flex-shrink:0}.logo-svg{height:40px;transition:transform var(--transition-fast);width:auto}.logo-svg:hover{transform:scale(1.05)}.logo-path{fill:var(--text-white);transition:fill var(--transition-fast)}.header-logo:hover .logo-path{fill:var(--accent-green)}.desktop-nav{flex:1 1;justify-content:center}.desktop-nav,.nav-buttons{align-items:center;display:flex}.nav-buttons{gap:var(--spacing-md);height:100%}.nav-button{all:unset;align-items:center;border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-light-gray);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:1rem;font-weight:var(--font-weight-medium);height:40px;justify-content:center;line-height:1;padding:0 var(--spacing-lg);position:relative;white-space:nowrap}.nav-button,.nav-button:after{transition:all var(--transition-fast)}.nav-button:after{background:var(--accent-green);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.nav-button:hover{background:#91b52f1a;color:var(--accent-green)}.nav-button:hover:after{width:80%}.header-cta{align-items:center;display:flex;flex-shrink:0}.header-cta .btn{font-size:.95rem;font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap}.mobile-menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;justify-content:center;margin-left:var(--spacing-sm);padding:var(--spacing-xs)}.hamburger{cursor:pointer;height:18px;position:relative;transform:rotate(0deg);transition:.3s ease-in-out;width:24px}.hamburger span{background:var(--text-white);border-radius:2px;display:block;height:2px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:first-child{top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){left:-60px;opacity:0}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}.mobile-nav{background:var(--background-dark);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);left:0;margin-bottom:var(--spacing-xl);opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all var(--transition-normal);visibility:hidden;z-index:9999}.mobile-nav-open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-list{list-style:none;margin:0;padding:var(--spacing-md) 0}.mobile-nav-item{border-bottom:1px solid #4040404d}.mobile-nav-item:last-child{border-bottom:none;margin-top:var(--spacing-md);padding-top:var(--spacing-lg)}.mobile-nav-link{background:none;border:none;color:var(--text-light-gray);cursor:pointer;display:block;font-family:var(--font-family);font-size:1.1rem;font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.mobile-nav-link:hover{background:#91b52f1a;color:var(--accent-green)}.mobile-cta{margin:var(--spacing-sm) var(--spacing-lg) 0;width:calc(100% - var(--spacing-lg)*2)}@media (max-width:1024px){.nav-buttons{gap:var(--spacing-sm)}.nav-button{font-size:.95rem;padding:0 var(--spacing-md)}.header-cta .btn{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:768px){.desktop-nav,.header-cta{display:none}.mobile-menu-toggle{display:flex}.header-content{min-height:80px;padding:var(--spacing-xl) 0}.logo-svg{height:35px}}@media (max-width:480px){.header-content{min-height:70px;padding:var(--spacing-lg) 0}.logo-svg{height:32px}.mobile-nav-link{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.mobile-cta{margin:var(--spacing-sm) var(--spacing-md) 0;width:calc(100% - var(--spacing-md)*2)}}.mobile-menu-toggle:focus,.mobile-nav-link:focus,.nav-button:focus{outline:2px solid var(--accent-green);outline-offset:2px}.mobile-nav-open .mobile-nav-item{animation:slideInFromTop .3s ease-out forwards}.mobile-nav-open .mobile-nav-item:first-child{animation-delay:.1s}.mobile-nav-open .mobile-nav-item:nth-child(2){animation-delay:.15s}.mobile-nav-open .mobile-nav-item:nth-child(3){animation-delay:.2s}.mobile-nav-open .mobile-nav-item:nth-child(4){animation-delay:.25s}.mobile-nav-open .mobile-nav-item:nth-child(5){animation-delay:.3s}.mobile-nav-open .mobile-nav-item:nth-child(6){animation-delay:.35s}.mobile-nav-open .mobile-nav-item:nth-child(7){animation-delay:.4s}.hero-section{align-items:center;background:var(--background-dark);display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero-section .container{position:relative;width:100%;z-index:10}.hero-background{z-index:-1}.hero-background,.hero-image{bottom:0;left:0;position:absolute;right:0;top:0}.hero-image{background-color:var(--secondary-black);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(.3) contrast(1.2);z-index:1}.hero-overlay{background:linear-gradient(135deg,#0f0f0fd9,#1a1a1abf 40%,#0f0f0fe6);z-index:2}.hero-overlay,.hero-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.hero-pattern{background:radial-gradient(circle at 20% 20%,#91b52f14 0,#0000 50%),radial-gradient(circle at 80% 80%,#91b52f0d 0,#0000 50%);z-index:3}.hero-content{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:0 var(--spacing-lg);position:relative;z-index:10}.hero-text{transition:all .8s ease-out}.hero-text,.hero-text.visible{opacity:1;transform:translateY(0)}.hero-badge{margin-bottom:var(--spacing-md)}.hero-badge .badge{background:var(--accent-green);border-radius:20px;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.hero-title{color:var(--text-white);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--spacing-lg)}.hero-title-highlight{color:var(--accent-green);display:inline-block}.hero-description{color:var(--text-light-gray);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg);max-width:85%}.hero-description strong{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.hero-features{border-bottom:1px solid #91b52f33;border-top:1px solid #91b52f33;flex-direction:column;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.hero-feature,.hero-features{display:flex;gap:var(--spacing-sm)}.hero-feature{align-items:center;color:var(--text-white);font-size:.95rem;font-weight:var(--font-weight-medium)}.hero-feature-icon{color:var(--accent-green);flex-shrink:0;height:20px;width:20px}.hero-cta-primary{margin-top:var(--spacing-lg);position:relative;z-index:30}.hero-main-cta{align-items:center;border-radius:var(--border-radius-lg);box-shadow:0 6px 24px #91b52f4d;display:flex;font-size:1.1rem;font-weight:var(--font-weight-bold);gap:var(--spacing-sm);letter-spacing:.2px;margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);position:relative;text-transform:none;width:-webkit-fit-content;width:fit-content;z-index:31}.hero-main-cta:hover{box-shadow:0 8px 32px #91b52f80;transform:translateY(-2px)}.cta-note{color:var(--accent-green);flex-direction:column;font-size:.8rem;font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm)}.cta-note,.cta-note span{display:flex;gap:var(--spacing-xs)}.cta-note span{align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.hero-secondary{font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg)}.hero-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0ff2;border-top:1px solid #91b52f33;bottom:0;left:0;padding:var(--spacing-lg) 0;position:absolute;right:0;z-index:20}.stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px;text-align:center}.hero-stat{align-items:center;display:flex;flex-direction:column}.hero-stat-number{color:var(--accent-green);font-size:2.2rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.hero-stat-label{color:var(--text-gray);font-size:.85rem;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.hero-visual{transition:all .8s ease-out}.hero-visual,.hero-visual.visible{opacity:1;transform:translateX(0)}.hero-image-container{align-items:center;display:flex;height:500px;justify-content:center;position:relative}.product-showcase{margin:0 auto;max-width:600px;position:relative;text-align:center;width:100%}.product-image{align-items:center;border-radius:var(--border-radius-lg);box-shadow:0 20px 50px #0006;display:flex;justify-content:center;margin-bottom:var(--spacing-lg);min-height:400px;overflow:hidden;position:relative;transition:all var(--transition-normal)}.product-image:hover{box-shadow:0 20px 50px #0006;transform:translateY(-4px)}.gitterrost-product-image{display:block;height:auto;min-height:350px;object-fit:cover;object-position:center;width:100%}.product-overlay{position:absolute;right:var(--spacing-md);top:var(--spacing-md);z-index:2}.product-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0ff2;border:1px solid var(--accent-green);border-radius:var(--border-radius-md);color:var(--text-white);display:flex;font-size:.8rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.badge-icon{color:var(--accent-green)}.quality-highlights{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr;margin-top:var(--spacing-lg)}.highlight-item{align-items:center;background:#1f1f1fe6;border:1px solid #91b52f66;border-radius:var(--border-radius-md);display:flex;font-size:.95rem;gap:var(--spacing-sm);justify-content:center;min-height:50px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.highlight-item:hover{background:#91b52f1a;border-color:var(--accent-green)}.highlight-icon{color:var(--accent-green);flex-shrink:0;height:18px;width:18px}.highlight-item span{color:var(--text-white);font-weight:var(--font-weight-medium)}.quality-indicators{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.quality-indicator{align-items:center;animation:fadeInUp 1s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a1a1af2;border:1px solid var(--accent-green);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000004d;color:var(--text-white);display:flex;font-size:.8rem;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:absolute}.indicator-1{animation-delay:.5s;left:-5%;top:15%}.indicator-2{animation-delay:1s;right:-10%;top:65%}.indicator-3{animation-delay:1.5s;bottom:15%;left:0}.indicator-icon{color:var(--accent-green);flex-shrink:0;height:16px;width:16px}@media (max-width:1024px){.hero-content{gap:var(--spacing-2xl)}.gitterrost-base{height:250px;width:350px}.hero-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.hero-stat-number{font-size:1.8rem}}@media (max-width:768px){.hero-section{min-height:100vh;padding-top:100px}.hero-content{gap:var(--spacing-xl);grid-template-columns:1fr;min-height:calc(100vh - 200px);padding:0 var(--spacing-md);text-align:center}.hero-description{font-size:1rem;max-width:100%}.hero-main-cta{font-size:1rem;margin:0 auto var(--spacing-sm);max-width:320px;padding:var(--spacing-md) var(--spacing-lg);width:100%}.cta-note{align-items:center;margin:0 auto}.product-showcase{max-width:400px;order:-1}.product-image{min-height:300px}.gitterrost-product-image{min-height:280px}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.hero-stat-number{font-size:1.8rem}.hero-stat-label{font-size:.75rem}.quality-highlights{gap:var(--spacing-xs)}.highlight-item{font-size:.8rem;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.hero-section{padding-top:120px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{align-items:center;flex-direction:column}.hero-main-cta{font-size:1rem;max-width:300px;padding:var(--spacing-sm) var(--spacing-lg);width:100%}.hero-secondary{max-width:280px;width:100%}.product-showcase{max-width:300px}.hero-features{gap:var(--spacing-xs)}.hero-feature{font-size:.85rem}.highlight-item{font-size:.8rem;padding:var(--spacing-xs)}.cta-note{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.floating-element,.gitterrost-3d,.hero-cta,.hero-pattern,.hero-scroll-indicator{animation:none}.hero-text,.hero-visual{opacity:1;transform:none;transition:none}}@media (prefers-contrast:high){.hero-overlay{background:#000000e6}.hero-pattern{display:none}.grid-cell{border-color:var(--accent-green)}}.seo-section{background:linear-gradient(135deg,var(--background-primary) 0,var(--background-section) 50%,var(--background-primary) 100%);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.seo-section:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.seo-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.seo-main{margin-bottom:var(--spacing-3xl);text-align:center}.seo-title{color:var(--text-white);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-xl)}.seo-text{margin:0 auto;max-width:900px;text-align:left}.lead-text{color:var(--text-light-gray);font-size:1.2rem;font-weight:var(--font-weight-medium);line-height:1.7;margin-bottom:var(--spacing-lg)}.seo-text p{color:var(--text-gray);font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-md)}.seo-text strong{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.seo-features{margin-bottom:var(--spacing-3xl)}.features-title{color:var(--text-white);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.features-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.feature-item{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.feature-item:before{background:linear-gradient(90deg,var(--accent-green),var(--accent-green-light));content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform var(--transition-normal);width:100%}.feature-item:hover{border-color:var(--accent-green);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-item:hover:before{transform:scaleX(1)}.feature-icon{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-light));border-radius:var(--border-radius-md);flex-shrink:0;height:48px;width:48px}.feature-content h4{color:var(--text-white);font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.feature-content p{color:var(--text-gray);font-size:.95rem;line-height:1.6;margin:0}.feature-content strong{color:var(--accent-green)}.seo-technical{margin-bottom:var(--spacing-3xl)}.technical-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.technical-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-category{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.tech-category:hover{border-color:#91b52f4d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tech-category h4{border-bottom:2px solid #91b52f33;color:var(--accent-green);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.tech-category ul{list-style:none;margin:0;padding:0}.tech-category li{color:var(--text-gray);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.tech-category li:before{color:var(--accent-green);content:"▸";font-weight:700;left:0;position:absolute}.tech-category strong{color:var(--text-light-gray);font-weight:var(--font-weight-medium)}.seo-cta{background:linear-gradient(135deg,#91b52f1a,#0000 50%,#91b52f1a);border:1px solid #91b52f33;border-radius:var(--border-radius-xl);overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:center}.seo-cta:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.cta-content h3{color:var(--text-white);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.cta-content p{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px}.cta-content strong{color:var(--accent-green)}.cta-button{align-items:center;display:inline-flex;font-size:1.1rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);transition:all var(--transition-normal)}.cta-button:hover{box-shadow:0 12px 24px #91b52f66;transform:translateY(-3px)}.cta-button svg{transition:transform var(--transition-fast)}.cta-button:hover svg{transform:translateX(4px)}.fade-in,.slide-in-left,.slide-in-right{opacity:0;transition:all var(--transition-slow)}.fade-in.visible,.slide-in-left.visible,.slide-in-right.visible{opacity:1;transform:translateX(0) translateY(0)}@media (max-width:1024px){.seo-section{padding:var(--spacing-2xl) 0}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.technical-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:900px){.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:768px){.seo-content{padding:0 var(--spacing-md)}.seo-features,.seo-main,.seo-technical{margin-bottom:var(--spacing-2xl)}.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}.feature-item{padding:var(--spacing-lg)}.technical-grid{gap:var(--spacing-md);grid-template-columns:1fr}.tech-category{padding:var(--spacing-lg)}.seo-cta{padding:var(--spacing-xl)}.cta-button{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.seo-text{text-align:left}.lead-text{font-size:1.1rem}.seo-text p{font-size:1rem}.feature-item{flex-direction:column;padding:var(--spacing-md);text-align:center}.feature-icon{align-self:center}}.features-section{background:var(--background-section);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.features-section:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.features-header{max-width:800px;text-align:center}.features-grid,.features-header{margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto}.features-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);max-width:1200px}.feature-card{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-normal)}.feature-card:before{background:var(--accent-green);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);width:100%}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#91b52f4d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:var(--accent-green);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--text-white);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);transition:all var(--transition-normal);width:64px}.feature-card:hover .feature-icon{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-content{position:relative;z-index:2}.feature-title{color:var(--text-white);font-size:1.4rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}.feature-description{color:var(--text-light-gray);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.feature-highlight{margin-top:var(--spacing-md)}.highlight-badge{background:#91b52f1a;border:1px solid #91b52f4d;border-radius:20px;color:var(--accent-green);display:inline-block;font-size:.85rem;font-weight:var(--font-weight-semibold);max-width:100%;overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);text-overflow:ellipsis;white-space:nowrap}.technical-section{margin-bottom:var(--spacing-3xl)}.technical-content{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.technical-text{opacity:0;transform:translateX(-50px);transition:all .8s ease-out}.technical-text.visible{opacity:1;transform:translateX(0)}.technical-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin-bottom:var(--spacing-md)}.technical-description{color:var(--text-gray);font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-xl)}.technical-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat-item{background:#91b52f1a;border:1px solid #91b52f33;border-radius:var(--border-radius-md);flex:1 1;padding:var(--spacing-md);text-align:center}.stat-number{color:var(--accent-green);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-gray);font-size:.9rem;font-weight:var(--font-weight-medium)}.technical-features{opacity:0;transform:translateX(50px);transition:all .8s ease-out}.technical-features.visible{opacity:1;transform:translateX(0)}.tech-feature-item{align-items:flex-start;background:var(--background-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.tech-feature-item:hover{background:#91b52f0d;border-color:var(--accent-green);transform:translateX(5px)}.tech-feature-icon{align-items:center;background:var(--accent-green);border-radius:var(--border-radius-md);color:var(--text-white);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.tech-feature-content{flex:1 1}.tech-feature-title{color:var(--text-white);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.tech-feature-description{color:var(--text-gray);font-size:.95rem;line-height:1.5}.process-section{background:linear-gradient(135deg,#91b52f0d,#0000 50%,#91b52f0d);border:1px solid #91b52f1a;border-radius:var(--border-radius-xl);padding:var(--spacing-3xl) 0;text-align:center}.process-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-3xl)}.process-steps{flex-wrap:nowrap;gap:var(--spacing-sm);justify-content:space-between;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 var(--spacing-sm)}.process-step,.process-steps{align-items:center;display:flex}.process-step{flex:1 1;flex-direction:column;flex-shrink:0;max-width:160px;min-width:140px;text-align:center}.step-number{background:var(--accent-green);box-shadow:var(--shadow-md);font-size:1.2rem;height:48px;margin-bottom:var(--spacing-sm);width:48px}.process-step:hover .step-number{box-shadow:0 12px 30px #91b52f80;transform:scale(1.1)}.step-content h4{color:var(--text-white);font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-xs)}.step-content p{color:var(--text-gray);font-size:.85rem;line-height:1.3}.process-connector{background:var(--accent-green);flex-shrink:0;height:2px;margin:0 var(--spacing-xs);position:relative;width:30px}.process-connector:after{border-bottom:3px solid #0000;border-left:6px solid var(--accent-green-light);border-top:3px solid #0000;content:"";height:0;position:absolute;right:-4px;top:-2px;width:0}@media (max-width:1024px){.features-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.technical-content{gap:var(--spacing-xl)}.technical-stats{gap:var(--spacing-sm)}}@media (max-width:768px){.features-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.feature-card{padding:var(--spacing-md)}.feature-icon{height:48px;width:48px}.technical-content{gap:var(--spacing-lg);grid-template-columns:1fr;text-align:center}.technical-stats{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.stat-item{min-width:90px;padding:var(--spacing-sm)}.process-steps{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.process-step{max-width:140px;min-width:120px}.process-connector{display:none}}@media (max-width:480px){.feature-card{padding:var(--spacing-md)}.feature-icon{height:50px;width:50px}.feature-title{font-size:1.3rem}.tech-feature-item{flex-direction:column;padding:var(--spacing-md);text-align:center}.tech-feature-icon{height:40px;width:40px}.step-number{font-size:1.2rem;height:50px;width:50px}.technical-stats{flex-direction:column;gap:var(--spacing-sm)}}@media (prefers-reduced-motion:reduce){.fade-in,.feature-card,.process-step,.slide-in-left,.slide-in-right,.tech-feature-item{animation:none;transition:none}.fade-in,.slide-in-left,.slide-in-right{opacity:1;transform:none}}.gitterrost-section{background:var(--background-dark);padding:var(--spacing-3xl) 0;position:relative}.gitterrost-section:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.tab-navigation{flex-wrap:nowrap;justify-content:center;margin-bottom:var(--spacing-2xl);overflow-x:auto;padding:0 var(--spacing-sm)}.tab-button,.tab-navigation{display:flex;gap:var(--spacing-xs)}.tab-button{align-items:center;background:var(--background-section);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-gray);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:.9rem;font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-normal);white-space:nowrap}.tab-button:before{background:linear-gradient(90deg,#0000,#91b52f1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.tab-button:hover:before{left:100%}.tab-button:hover{border-color:var(--accent-green);color:var(--accent-green);transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);border-color:var(--accent-green);box-shadow:0 8px 20px #91b52f4d;color:var(--text-white)}.tab-icon{font-size:1.2rem}.tab-content{margin-bottom:var(--spacing-3xl)}.content-header{margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.content-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-md)}.content-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6}.components-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.component-card{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.component-card:before{background:linear-gradient(180deg,var(--accent-green) 0,var(--accent-green-dark) 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-normal);width:4px}.component-card:hover:before{transform:scaleY(1)}.component-card:hover{border-color:var(--accent-green);box-shadow:0 15px 30px #0003;transform:translateY(-4px)}.component-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.component-name{color:var(--text-white);font-size:1.3rem;margin:0}.component-highlight,.component-name{font-weight:var(--font-weight-semibold)}.component-highlight{align-self:flex-start;background:#91b52f1a;border:1px solid #91b52f4d;border-radius:var(--border-radius-sm);color:var(--accent-green);display:inline-block;font-size:.75rem;letter-spacing:.3px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.component-description{color:var(--text-gray);font-size:.95rem;line-height:1.6}.visualization-section{background:linear-gradient(135deg,#91b52f08,#0000 50%,#91b52f08);border:1px solid #91b52f1a;border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-3xl);padding:var(--spacing-3xl) 0}.visualization-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.visualization-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-md)}.visualization-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.visualization-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vis-feature{align-items:center;color:var(--text-light-gray);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.vis-feature-icon{font-size:1.2rem;text-align:center;width:24px}.gitterrost-3d-container{align-items:center;display:flex;justify-content:center}.gitterrost-interactive{position:relative;transform:perspective(1000px) rotateX(20deg) rotateY(-15deg);transition:transform var(--transition-normal)}.gitterrost-interactive:hover{transform:perspective(1000px) rotateX(25deg) rotateY(-20deg) scale(1.05)}.gitterrost-frame{background:linear-gradient(135deg,#2a2a2a,#404040);border-radius:var(--border-radius-md);box-shadow:0 25px 50px #0006,inset 0 1px 0 #ffffff1a;height:280px;overflow:hidden;position:relative;width:400px}.grid-structure{display:grid;grid-template-rows:repeat(10,1fr);height:100%;padding:10px;width:100%}.grid-row{display:grid;grid-template-columns:repeat(15,1fr)}.grid-cell{border:.5px solid #91b52f66;position:relative;transition:all var(--transition-fast)}.grid-cell.highlighted{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);box-shadow:inset 0 1px 2px #0003,0 0 5px #91b52f80}.grid-cell:hover{background:var(--accent-green-light);border-color:var(--accent-green-light);box-shadow:0 5px 15px #91b52f99;transform:scale(1.2) translateZ(10px);z-index:10}.interactive-labels{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.interactive-label{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f0f0fe6;border:1px solid var(--accent-green);border-radius:var(--border-radius-sm);color:var(--accent-green);cursor:pointer;display:flex;font-size:.9rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);pointer-events:all;position:absolute;transition:all var(--transition-normal)}.interactive-label:hover{background:var(--accent-green);color:var(--text-white);transform:scale(1.1)}.label-tragstab{left:-120px;top:20%}.label-fuellstab{bottom:30%;right:-120px}.label-maschenweite{bottom:-50px;left:50%;transform:translateX(-50%)}.label-dot{background:var(--accent-green);border-radius:50%;box-shadow:0 0 5px var(--accent-green);height:8px;width:8px}.specifications-section{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.specifications-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-md);text-align:center}.specifications-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.terminology-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-2xl)}.term-card{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;padding:var(--spacing-xl);transition:all var(--transition-normal)}.term-tag{background:var(--accent-green);border-radius:var(--border-radius-sm);color:var(--text-white);font-size:.8rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:0;margin-top:auto;order:999;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;text-transform:uppercase}.term-card:hover{border-color:#91b52f4d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.term-illustration{align-items:center;background:var(--background-dark);border:1px solid #91b52f33;border-radius:var(--border-radius-md);display:flex;height:150px;justify-content:center;margin-bottom:var(--spacing-lg);overflow:hidden;width:100%}.term-svg{height:100%;max-width:200px;width:100%}.term-card h4{color:var(--text-white);font-size:1.3rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.term-description{flex-grow:1;font-size:1rem;margin-bottom:var(--spacing-md)}.term-note{background:#91b52f1a;border:1px solid #91b52f4d;border-radius:var(--border-radius-md);color:var(--text-light-gray);font-size:.9rem;line-height:1.5;padding:var(--spacing-md)}.term-note strong{color:var(--accent-green);display:block;margin-bottom:var(--spacing-xs)}.interactive-gitterrost-container{grid-gap:var(--spacing-2xl);align-items:stretch;display:grid;gap:var(--spacing-2xl);grid-template-columns:1.5fr 1fr;margin-bottom:var(--spacing-3xl)}.gitterrost-visual{background:var(--background-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:relative}.gitterrost-svg{cursor:pointer;height:auto;max-height:600px;width:100%}.clickable{cursor:pointer;transition:all var(--transition-fast)}.tragstaebe-group:hover .tragstab{fill:#888}.querstaebe-group:hover .querstab{fill:#aaa}.maschenweite-area:hover{stroke:var(--accent-green-light);stroke-width:3}.randeinfassung-group:hover .randeinfassung{opacity:1}.highlight-effect rect{animation:pulse 2s infinite}.gleitschutz-toggle{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.gleitschutz-toggle span{color:var(--text-gray);cursor:pointer;font-weight:var(--font-weight-medium)}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#444;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translateX(26px)}.info-panel{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);min-height:400px;padding:var(--spacing-xl)}.info-panel,.info-placeholder{display:flex;flex-direction:column}.info-placeholder{align-items:center;color:var(--text-gray);gap:var(--spacing-md);height:100%;justify-content:center;text-align:center}.term-detail{animation:fadeIn .3s ease-out}.term-detail h4{align-items:center;color:var(--text-white);display:flex;font-size:1.5rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.term-detail h4:before{background:var(--accent-green);content:"";height:24px;width:4px}.term-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.term-details{background:#91b52f1a;border:1px solid #91b52f33;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.term-details h5{color:var(--accent-green);font-size:1rem;margin-bottom:var(--spacing-xs)}.term-details p{color:var(--text-light-gray);font-size:.95rem;line-height:1.5}.term-specs{margin-top:auto}.term-specs h5{color:var(--text-white);font-size:1rem;margin-bottom:var(--spacing-sm)}.term-specs ul{list-style:none;padding:0}.term-specs li{color:var(--text-gray);font-size:.9rem;padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.term-specs li:before{color:var(--accent-green);content:"▸";left:0;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terminology-grid.compact{margin-top:var(--spacing-2xl)}.traglast-section{text-align:center}.traglast-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-2xl)}.table-container{background:var(--background-section);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.traglast-table{border-collapse:collapse;width:100%}.traglast-table thead{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%)}.traglast-table th{border-bottom:2px solid var(--accent-green-dark);color:var(--text-white);font-size:1rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);text-align:left}.table-row{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.table-row:hover{background:#91b52f0d;transform:scale(1.02)}.traglast-table td{color:var(--text-light-gray);font-size:.95rem;padding:var(--spacing-md) var(--spacing-lg)}.kilonewton-cell{color:var(--accent-green);font-size:1.1rem;font-weight:var(--font-weight-semibold)}.prueflast-cell{color:var(--text-white);font-weight:var(--font-weight-medium)}.table-note{background:#91b52f1a;border:1px solid #91b52f33;border-radius:var(--border-radius-md);margin:0 auto;max-width:800px;padding:var(--spacing-lg);text-align:left}.table-note p{color:var(--text-gray);font-size:.9rem;line-height:1.5;margin:0}.table-note strong{color:var(--accent-green)}@media (max-width:1024px){.tab-navigation{gap:var(--spacing-xs)}.tab-button{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.components-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.terminology-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.tab-navigation{-webkit-overflow-scrolling:touch;flex-direction:row;gap:var(--spacing-xs);justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.tab-button{flex-shrink:0;font-size:.8rem;justify-content:center;min-width:140px;padding:var(--spacing-xs) var(--spacing-sm)}.components-grid{gap:var(--spacing-md);grid-template-columns:1fr}.component-card{padding:var(--spacing-lg)}.visualization-content{grid-template-columns:1fr;text-align:center}.gitterrost-frame{height:200px;width:300px}.interactive-label{margin:var(--spacing-sm) 0;position:relative}.label-fuellstab,.label-maschenweite,.label-tragstab{bottom:auto;left:auto;position:relative;right:auto;top:auto;transform:none}.traglast-table{font-size:.9rem}.traglast-table td,.traglast-table th{padding:var(--spacing-sm)}.terminology-grid{gap:var(--spacing-md);grid-template-columns:1fr}.term-card{padding:var(--spacing-lg)}.term-illustration{height:120px}.interactive-gitterrost-container{gap:var(--spacing-lg);grid-template-columns:1fr}.gitterrost-visual{padding:var(--spacing-md)}.info-panel{min-height:300px}}@media (max-width:480px){.component-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.component-highlight{align-self:flex-start;font-size:.7rem;max-width:100%}.component-name{font-size:1.1rem}.gitterrost-frame{height:170px;width:250px}.traglast-table{font-size:.8rem}.traglast-table td,.traglast-table th{padding:var(--spacing-xs) var(--spacing-sm)}.table-note{padding:var(--spacing-md)}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{background:var(--background-dark);border:1px solid var(--accent-green);border-radius:var(--border-radius-sm);bottom:100%;color:var(--text-white);content:attr(data-tooltip);font-size:.8rem;left:50%;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@media (prefers-reduced-motion:reduce){.component-card,.fade-in,.gitterrost-interactive,.slide-in-left,.slide-in-right,.table-row{animation:none;transition:none}.fade-in,.slide-in-left,.slide-in-right{opacity:1;transform:none}}.configurator-section{background:var(--background-section);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.configurator-section:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header{max-width:900px}.section-title{line-height:1.2}.configurator-content{margin-bottom:var(--spacing-3xl)}.demo-controls{background:#91b52f0d;border:1px solid #91b52f1a;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);text-align:center}.demo-title{color:var(--text-white);font-size:1.5rem;margin-bottom:var(--spacing-md)}.demo-buttons{gap:var(--spacing-md)}.demo-btn,.demo-buttons{display:flex;justify-content:center}.demo-btn{align-items:center;font-size:1.1rem;gap:var(--spacing-sm);min-width:160px;padding:var(--spacing-md) var(--spacing-xl)}.steps-container{margin-bottom:var(--spacing-3xl)}.steps-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(7,1fr)}.step-card{background:var(--background-dark);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.step-card:before{background:linear-gradient(90deg,var(--accent-green) 0,var(--accent-green-light) 100%);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);width:100%}.step-card.active:before,.step-card.completed:before{transform:scaleX(1)}.step-card:hover{border-color:var(--accent-green);box-shadow:0 15px 30px #0003;transform:translateY(-4px)}.step-card.active{background:#91b52f0d;border-color:var(--accent-green);box-shadow:0 10px 25px #00000026,0 0 0 1px #91b52f33}.step-card.completed{background:#91b52f1a;border-color:var(--accent-green-dark)}.step-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative}.step-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);border-radius:50%;color:var(--text-white);flex-shrink:0;font-size:1.1rem;font-weight:var(--font-weight-bold);height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.step-card.completed .step-number{background:var(--accent-green-dark)}.step-icon{flex-shrink:0;font-size:1.5rem}.step-status{color:var(--accent-green);flex-shrink:0;margin-left:auto}.step-pulse{animation:pulse 1.5s infinite;background:var(--accent-green);border-radius:50%;height:12px;width:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.step-content{margin-bottom:var(--spacing-md)}.step-title{color:var(--text-white);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-gray);display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-sm);overflow:hidden}.step-details{color:var(--accent-green);font-size:.85rem;font-style:italic;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-progress{margin-top:var(--spacing-md)}.progress-bar{background:#91b52f33;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 2s ease-in-out infinite;background:linear-gradient(90deg,var(--accent-green) 0,var(--accent-green-light) 100%);border-radius:2px;height:100%}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}.configurator-preview{margin-bottom:var(--spacing-3xl)}.preview-container{background:var(--background-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:900px;overflow:hidden}.preview-header{align-items:center;background:var(--background-section);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.preview-title{color:var(--text-white);font-size:1rem;font-weight:var(--font-weight-semibold)}.preview-controls{display:flex;gap:var(--spacing-xs)}.control-dot{border-radius:50%;height:12px;width:12px}.control-dot.red{background:#ff5f57}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#28ca42}.preview-content{display:grid;grid-template-columns:250px 1fr;min-height:400px}.preview-sidebar{background:var(--background-section);border-right:1px solid var(--border-color);padding:var(--spacing-lg)}.sidebar-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-section h5{color:var(--text-white);font-size:.9rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.progress-indicator{background:#91b52f33;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-horizontal{background:linear-gradient(90deg,var(--accent-green) 0,var(--accent-green-light) 100%);border-radius:3px;height:100%;transition:width var(--transition-slow)}.config-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:var(--spacing-xs)}.config-item span:first-child{color:var(--text-gray)}.config-value{color:var(--accent-green);font-weight:var(--font-weight-medium)}.price-display{align-items:center;background:#91b52f1a;border:1px solid #91b52f33;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.price-label{color:var(--text-gray);font-size:.9rem}.price-value{color:var(--accent-green);font-size:1.2rem;font-weight:var(--font-weight-bold)}.delivery-info{color:var(--text-gray);font-size:.8rem;text-align:center}.preview-main{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg);position:relative}.gitterrost-visualization{background:linear-gradient(135deg,#333,#555);border-radius:var(--border-radius-md);box-shadow:0 15px 30px #0000004d,inset 0 1px 0 #ffffff1a;height:200px;padding:10px;position:relative;width:300px}.visualization-grid{grid-gap:1px;display:grid;gap:1px;grid-template-rows:repeat(8,1fr);height:100%;width:100%}.vis-row{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(12,1fr)}.vis-cell{animation:cellAppear .5s ease-out forwards;background:#91b52f4d;border:.5px solid #91b52f80;opacity:0;transition:all var(--transition-normal)}.vis-cell.material-selected{background:#91b52f99;border-color:var(--accent-green)}.vis-cell.mesh-defined{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);border-color:var(--accent-green-light);box-shadow:inset 0 1px 2px #0003}@keyframes cellAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.validation-overlay{animation:validationPulse 1s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f0f0fe6;border:2px solid var(--accent-green);border-radius:var(--border-radius-md);left:50%;padding:var(--spacing-md);position:absolute;top:50%;transform:translate(-50%,-50%)}.validation-check{align-items:center;color:var(--accent-green);display:flex;flex-direction:column;font-size:.9rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs)}@keyframes validationPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cta-section{background:linear-gradient(135deg,#91b52f1a,#0000 50%,#91b52f1a);border:1px solid #91b52f33;border-radius:var(--border-radius-xl);padding:var(--spacing-3xl);text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-md)}.cta-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6}.cta-actions,.cta-description{margin-bottom:var(--spacing-xl)}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.cta-primary{align-items:center;box-shadow:0 10px 30px #91b52f66;display:flex;gap:var(--spacing-sm)}.cta-primary,.cta-secondary{font-size:1.2rem;padding:var(--spacing-md) var(--spacing-2xl)}.cta-benefits{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.benefit-item{align-items:center;color:var(--text-gray);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.benefit-icon{font-size:1.2rem}@media (max-width:1024px){.steps-grid{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.preview-content{grid-template-columns:200px 1fr}.preview-sidebar{padding:var(--spacing-md)}.gitterrost-visualization{height:170px;width:250px}}@media (max-width:480px){.steps-grid{grid-template-columns:1fr}}@media (max-width:768px){.demo-buttons{align-items:center;flex-direction:column}.demo-btn{max-width:200px;width:100%}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-header,.steps-grid{gap:var(--spacing-sm)}.preview-content{grid-template-columns:1fr}.preview-sidebar{border-bottom:1px solid var(--border-color);border-right:none}.cta-actions{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}.cta-benefits{flex-direction:column;gap:var(--spacing-md)}}@media (max-width:480px){.step-card{padding:var(--spacing-md)}.step-number{font-size:1rem;height:35px;width:35px}.step-icon{font-size:1.3rem}.gitterrost-visualization{height:130px;width:200px}.preview-main,.preview-sidebar{padding:var(--spacing-sm)}.cta-section{padding:var(--spacing-xl)}}@media (prefers-reduced-motion:reduce){.fade-in,.progress-fill,.slide-in-left,.slide-in-right,.step-card,.validation-overlay,.vis-cell{animation:none;transition:none}.fade-in,.slide-in-left,.slide-in-right{opacity:1;transform:none}.step-pulse{animation:none;background:var(--accent-green)}}.blog-section{background:var(--background-section);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.blog-section:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.blog-header{margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.blog-header .section-title{color:var(--text-white);font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--spacing-md)}.blog-header .section-description{color:var(--text-gray);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.blog-loading{color:var(--text-gray);padding:var(--spacing-3xl) 0;text-align:center}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--accent-green);height:40px;margin:0 auto var(--spacing-md);width:40px}.blog-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:1200px}.blog-card{background:var(--primary-black);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;position:relative;transition:all var(--transition-smooth)}.blog-card:hover{border-color:var(--accent-green);box-shadow:0 8px 32px #91b52f26;transform:translateY(-2px)}.blog-card-image{align-items:center;background:linear-gradient(135deg,var(--secondary-black) 0,var(--primary-black) 100%);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{align-items:center;color:var(--accent-green);display:flex;height:100%;justify-content:center;opacity:.6;width:100%}.blog-card-content{padding:var(--spacing-lg)}.blog-card-meta{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem}.blog-category{background:var(--accent-green);border-radius:var(--border-radius-sm);color:var(--text-white);font-size:.75rem;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.blog-category,.blog-date{font-weight:var(--font-weight-medium)}.blog-date{color:var(--text-gray);font-size:.875rem}.blog-card-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:1.4;margin:var(--spacing-md) 0}.blog-card-title a{color:var(--text-white);text-decoration:none;transition:color var(--transition-smooth)}.blog-card-title a:hover{color:var(--accent-green)}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-gray);display:-webkit-box;line-height:1.6;margin-bottom:var(--spacing-lg);overflow:hidden}.blog-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.reading-time{align-items:center;color:var(--text-gray);display:flex;font-size:.875rem;font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.read-more-link,.reading-time svg{color:var(--accent-green)}.read-more-link{align-items:center;display:flex;font-size:.875rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-smooth)}.read-more-link:hover{color:var(--accent-green-light);transform:translateX(2px)}.read-more-link svg{transition:transform .3s ease}.read-more-link:hover svg{transform:translateX(2px)}.blog-cta{margin-top:var(--spacing-3xl);text-align:center}.blog-cta .btn{align-items:center;background:#0000;border:2px solid var(--accent-green);border-radius:var(--border-radius-md);color:var(--accent-green);display:inline-flex;font-size:1rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-2xl);position:relative;text-decoration:none;transition:all var(--transition-smooth)}.blog-cta .btn:before{background:var(--accent-green);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-smooth);width:100%;z-index:-1}.blog-cta .btn:hover:before{left:0}.blog-cta .btn:hover{box-shadow:0 8px 32px #91b52f4d;color:var(--text-white);transform:translateY(-2px)}.blog-cta .btn svg{transition:transform var(--transition-smooth)}.blog-cta .btn:hover svg{transform:translateX(4px)}@media (max-width:768px){.blog-section{padding:var(--spacing-2xl) 0}.blog-grid{gap:var(--spacing-lg);grid-template-columns:1fr;margin-bottom:var(--spacing-2xl)}.blog-card-content{padding:var(--spacing-md)}.blog-card-meta{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.blog-card-footer,.blog-card-meta{align-items:flex-start;flex-direction:column}.blog-card-footer{gap:var(--spacing-sm)}.blog-header{margin-bottom:var(--spacing-2xl)}.blog-header .section-description{font-size:1rem}.blog-cta .btn{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:480px){.blog-grid{gap:var(--spacing-md);grid-template-columns:1fr}.blog-card-image{height:160px}.blog-card-content{padding:var(--spacing-sm)}.blog-card-title{font-size:1.125rem;margin:var(--spacing-sm) 0}.blog-card-excerpt{margin-bottom:var(--spacing-sm)}}.contact-section{background:var(--background-dark);padding:var(--spacing-3xl) 0;position:relative}.contact-section:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header{margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.section-title{color:var(--text-white);font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--spacing-md)}.section-description{color:var(--text-gray);font-size:1.2rem;line-height:1.6}.contact-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1.5fr;margin-bottom:var(--spacing-2xl)}.contact-info{opacity:0;transform:translateX(-50px);transition:all .8s ease-out}.contact-info.visible{opacity:1;transform:translateX(0)}.info-card{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.info-title{color:var(--text-white);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);text-align:center}.contact-methods{margin-bottom:var(--spacing-xl)}.contact-method{align-items:flex-start;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.contact-method:hover{background:#91b52f0d;transform:translateX(5px)}.method-icon{align-items:center;background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);border-radius:var(--border-radius-md);color:var(--text-white);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.method-content{flex:1 1}.method-label{color:var(--text-gray);display:block;font-size:.9rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.method-value{color:var(--text-white);display:block;font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.4;text-decoration:none;transition:color var(--transition-fast)}.method-value:hover{color:var(--accent-green)}.business-hours{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg)}.hours-title{color:var(--text-white);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-align:center}.hours-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hours-item{align-items:center;color:var(--text-gray);display:flex;font-size:.95rem;justify-content:space-between;padding:var(--spacing-xs) 0}.hours-item span:first-child{font-weight:var(--font-weight-medium)}.hours-item span:last-child{color:var(--accent-green)}.contact-form-container{opacity:0;transform:translateX(50px);transition:all .8s ease-out}.contact-form-container.visible{opacity:1;transform:translateX(0)}.contact-form{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.form-row{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-sm)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.form-label{color:var(--text-white);font-size:.9rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{background:var(--background-dark);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-white);font-family:var(--font-family);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #91b52f1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-gray)}.form-textarea{min-height:120px;resize:vertical}.form-footer{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.privacy-notice{text-align:center}.checkbox-label{align-items:center;color:var(--text-gray);cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-sm);line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{background:var(--background-dark);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);flex-shrink:0;height:20px;position:relative;transition:all var(--transition-normal);width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--accent-green);border-color:var(--accent-green)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid var(--text-white);border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.privacy-link{color:var(--accent-green);text-decoration:underline}.privacy-link:hover{color:var(--accent-green-light)}.submit-btn{align-items:center;display:flex;font-size:1.1rem;gap:var(--spacing-sm);justify-content:center;min-width:180px;overflow:hidden;padding:var(--spacing-md) var(--spacing-2xl);position:relative}.submit-btn.loading{pointer-events:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{align-items:center;animation:slideInFromTop .5s ease-out;border-radius:var(--border-radius-md);display:flex;font-size:.95rem;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.status-message.success{background:#28ca421a;border:1px solid #28ca424d;color:#28ca42}.status-message.error{background:#ff5f571a;border:1px solid #ff5f574d;color:#ff5f57}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.testimonials-section{background:linear-gradient(135deg,#91b52f0d,#0000 50%,#91b52f0d);border:1px solid #91b52f1a;border-radius:var(--border-radius-xl);padding:var(--spacing-3xl) 0;text-align:center}.testimonials-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-md)}.testimonials-description{color:var(--text-gray);font-size:1.1rem;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px}.testimonials-container{margin:0 auto;max-width:800px;position:relative}.testimonial-carousel{height:300px;overflow:hidden;position:relative}.testimonial-card{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100px);transition:all var(--transition-slow)}.testimonial-card.active{opacity:1;pointer-events:all;transform:translateX(0)}.testimonial-content{background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 var(--spacing-md);padding:var(--spacing-xl);position:relative}.testimonial-quote{align-items:center;background:var(--accent-green);border-radius:50%;color:var(--text-white);display:flex;height:32px;justify-content:center;left:var(--spacing-lg);position:absolute;top:-16px;width:32px}.testimonial-text{color:var(--text-light-gray);font-size:1.1rem;font-style:italic;line-height:1.6;margin:var(--spacing-lg) 0 var(--spacing-xl)}.testimonial-footer{justify-content:space-between}.testimonial-author,.testimonial-footer{align-items:center;display:flex;gap:var(--spacing-md)}.author-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);border-radius:50%;color:var(--text-white);display:flex;font-size:1rem;font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.author-info{text-align:left}.author-name{color:var(--text-white);font-size:1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.author-company{color:var(--text-gray);font-size:.85rem}.testimonial-rating{color:var(--accent-green);display:flex;gap:2px}.testimonial-navigation{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.nav-dot{background:var(--border-color);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all var(--transition-normal);width:12px}.nav-dot:hover{background:var(--accent-green-light);transform:scale(1.2)}.nav-dot.active{background:var(--accent-green);transform:scale(1.3)}@media (max-width:1024px){.contact-content{gap:var(--spacing-2xl)}.form-row{gap:var(--spacing-sm)}.testimonial-text{font-size:1rem}}@media (max-width:768px){.contact-content{gap:var(--spacing-xl);grid-template-columns:1fr}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.contact-form,.info-card{padding:var(--spacing-lg)}.contact-method{flex-direction:column;gap:var(--spacing-sm);text-align:center}.method-icon{align-self:center}.form-footer{align-items:stretch}.checkbox-label{justify-content:center;text-align:center}.submit-btn{width:100%}.testimonial-content{margin:0;padding:var(--spacing-lg)}.testimonial-footer{flex-direction:column;gap:var(--spacing-sm);text-align:center}.author-info{text-align:center}}@media (max-width:480px){.contact-form,.info-card{padding:var(--spacing-md)}.method-icon{height:40px;width:40px}.form-input,.form-textarea{padding:var(--spacing-sm)}.testimonial-carousel{height:350px}.testimonial-content{padding:var(--spacing-md)}.testimonial-text{font-size:.95rem;margin:var(--spacing-md) 0 var(--spacing-lg)}.author-avatar{font-size:.9rem;height:40px;width:40px}}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-50px);transition:all .8s ease-out}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:all .8s ease-out}.slide-in-right.visible{opacity:1;transform:translateX(0)}@media (prefers-reduced-motion:reduce){.contact-method,.fade-in,.nav-dot,.slide-in-left,.slide-in-right,.status-message,.testimonial-card{animation:none;transition:none}.fade-in,.slide-in-left,.slide-in-right{opacity:1;transform:none}.loading-spinner{animation:none}}.checkbox-label:focus-within,.form-input:focus,.form-textarea:focus,.nav-dot:focus{outline:2px solid var(--accent-green);outline-offset:2px}.footer{background:var(--background-dark);color:var(--text-light-gray);position:relative}.footer:before{background:linear-gradient(90deg,#0000 0,var(--accent-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{position:relative}.newsletter-section{background:linear-gradient(135deg,#91b52f1a,#0000 50%,#91b52f1a);border-bottom:1px solid var(--border-color);padding:var(--spacing-3xl) 0;text-align:center;width:100%}.newsletter-content{margin:0 auto;max-width:600px;padding:0 var(--spacing-lg)}.newsletter-title{color:var(--text-white);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.newsletter-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.newsletter-form{margin:0 auto;max-width:400px}.newsletter-input-group{background:var(--background-section);border:2px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:border-color var(--transition-normal)}.newsletter-input-group:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px #91b52f1a}.newsletter-input{background:#0000;border:none;color:var(--text-white);flex:1 1;font-family:var(--font-family);font-size:1rem;outline:none;padding:var(--spacing-sm)}.newsletter-input::placeholder{color:var(--text-gray)}.newsletter-btn{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-dark) 100%);border:none;border-radius:var(--border-radius-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.newsletter-btn:hover{box-shadow:0 8px 20px #91b52f4d;transform:translateY(-2px)}.footer-main{background:#0000;padding:60px 0;width:100%}.footer-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.footer-column{display:flex;flex-direction:column}.footer-logo{margin-bottom:var(--spacing-lg);max-width:150px}.footer-logo-img{display:block;filter:brightness(0) invert(1);height:auto;transition:all var(--transition-fast);width:100%}.footer-logo:hover .footer-logo-img{filter:brightness(0) saturate(100%) invert(71%) sepia(37%) saturate(629%) hue-rotate(37deg) brightness(93%) contrast(87%)}.footer-description{color:var(--text-gray);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.social-links{display:flex;gap:var(--spacing-md)}.social-link{align-items:center;background:var(--background-section);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-gray);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all var(--transition-normal);width:40px}.social-link:hover{background:var(--accent-green);border-color:var(--accent-green);box-shadow:0 8px 20px #91b52f4d;color:var(--text-white);transform:translateY(-2px)}.footer-column-title{color:#fff!important;display:block!important;font-size:1.2rem!important;font-weight:600!important;margin-bottom:24px!important;opacity:1!important;position:relative!important;visibility:visible!important}.footer-column-title:after{background:#91b52f;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-gray);display:inline-block;font-size:.95rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--accent-green);transform:translateX(5px)}.footer-links a:before{background:var(--accent-green);content:"";height:2px;left:-15px;position:absolute;top:50%;transform:translateY(-50%);transition:width var(--transition-fast);width:0}.footer-links a:hover:before{width:10px}.contact-info{flex-direction:column!important;gap:16px!important}.contact-info,.contact-item{display:flex!important;opacity:1!important;visibility:visible!important}.contact-item{align-items:flex-start!important;color:#9ca3af!important;font-size:.95rem!important;gap:12px!important;line-height:1.4!important}.contact-item svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.contact-item a{color:var(--text-gray);text-decoration:none;transition:color var(--transition-fast)}.contact-item a:hover{color:var(--accent-green)}.footer-bottom{background:var(--background-section);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;width:100%}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-lg)}.copyright{color:var(--text-gray);font-size:.9rem}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.footer-bottom-links a{color:var(--text-gray);font-size:.9rem;text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--accent-green)}.scroll-to-top{align-items:center;background:var(--accent-green);border:none;border-radius:var(--border-radius-md);color:var(--text-white);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.scroll-to-top:hover{background:var(--accent-green-light);box-shadow:0 8px 20px #91b52f66;transform:translateY(-2px)}@media (max-width:1024px){.footer-grid{gap:var(--spacing-2xl);grid-template-columns:1.5fr 1fr}}@media (max-width:768px){.newsletter-section{padding:var(--spacing-2xl) 0}.newsletter-input-group{flex-direction:column;gap:var(--spacing-sm)}.newsletter-btn{padding:var(--spacing-md);width:100%}.footer-main{padding:var(--spacing-2xl) 0}.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.footer-column-title:after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}.footer-links a:before{display:none}.footer-links a:hover{transform:none}.contact-item{justify-content:center;text-align:center}.footer-bottom-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-bottom-links{gap:var(--spacing-md);justify-content:center}}@media (max-width:480px){.newsletter-title{font-size:1.5rem}.newsletter-description{font-size:1rem}.footer-grid{gap:var(--spacing-lg)}.footer-column-title{font-size:1.1rem}.social-links{gap:var(--spacing-sm)}.social-link{height:36px;width:36px}.footer-bottom-links{flex-direction:column;gap:var(--spacing-sm)}.scroll-to-top{height:36px;width:36px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-column{display:flex!important;flex-direction:column!important;min-height:200px;opacity:1!important;visibility:visible!important}@media (prefers-reduced-motion:reduce){.footer-column,.footer-links a,.newsletter-btn,.scroll-to-top,.social-link{animation:none;transition:none}}.footer-bottom-links a:focus,.footer-links a:focus,.newsletter-input:focus,.scroll-to-top:focus,.social-link:focus{outline:2px solid var(--accent-green);outline-offset:2px}@media (prefers-contrast:high){.footer{border-top:2px solid var(--accent-green)}.footer-column-title:after{height:3px}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;position:relative}html{scroll-behavior:smooth}section{position:relative;scroll-margin-top:80px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f0f0fe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #91b52f33;border-radius:50%;border-top:4px solid var(--accent-green);height:60px;width:60px}.skip-to-content{background:var(--accent-green);border-radius:var(--border-radius-sm);color:var(--text-white);font-weight:var(--font-weight-semibold);left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top .3s;z-index:10000}.skip-to-content:focus{top:6px}.error-boundary{align-items:center;background:var(--background-section);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-xl);min-height:50vh;padding:var(--spacing-3xl);text-align:center}.error-boundary h2{color:#ff5f57;margin-bottom:var(--spacing-md)}.error-boundary p{color:var(--text-gray);margin-bottom:var(--spacing-lg);max-width:500px}.error-boundary button{background:var(--accent-green);border:none;border-radius:var(--border-radius-md);color:var(--text-white);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg)}@media print{.floating-elements,.footer,.header,.mobile-menu-toggle,.newsletter-section,.scroll-to-top{display:none!important}.hero-section{padding-top:0!important}*{background:#fff!important;box-shadow:none!important;color:#000!important}.text-accent{color:#2d5016!important}a{text-decoration:underline!important}}@media (prefers-contrast:high){:root{--primary-black:#000;--secondary-black:#1a1a1a;--accent-green:#a4c441;--text-white:#fff;--text-gray:#ccc;--background-dark:#000;--background-section:#111;--border-color:#555}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-pattern{animation:none!important}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}.focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}::selection{background:var(--accent-green);color:var(--text-white)}::-moz-selection{background:var(--accent-green);color:var(--text-white)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-dark)}::-webkit-scrollbar-thumb{background:var(--accent-green);border:2px solid var(--background-dark);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green-light)}html{scrollbar-color:var(--accent-green) var(--background-dark);scrollbar-width:thin}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-white)!important;border-color:var(--accent-green)!important;-webkit-box-shadow:0 0 0 1000px var(--background-dark) inset!important}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;white-space:nowrap;width:1px}.no-scroll,.sr-only{overflow:hidden}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.configurator-section,.contact-section,.features-section,.gitterrost-section,.hero-section{contain:layout style paint}.floating-element,.gitterrost-3d,.step-card,.testimonial-card{transform:translateZ(0);will-change:transform}.lazy-loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#91b52f1a,#91b52f33 50%,#91b52f1a);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@supports (-webkit-touch-callout:none){.hero-section{min-height:-webkit-fill-available}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.grid{display:-ms-grid}.flex{display:-ms-flexbox}}@supports (-ms-ime-align:auto){.grid{display:-ms-grid}}@container (min-width: 768px){.feature-card{padding:var(--spacing-xl)}}.aspect-ratio-16-9{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.aspect-ratio-16-9{height:0;padding-bottom:56.25%;position:relative;width:100%}.aspect-ratio-16-9>*{height:100%;left:0;position:absolute;top:0;width:100%}}@supports not (display:grid){.grid{display:flex;flex-wrap:wrap}.grid>*{flex:1 1 300px;margin:var(--spacing-sm)}}@supports not (gap:1rem){.flex{margin:calc(var(--spacing-sm)*-.5)}.flex>*{margin:calc(var(--spacing-sm)*.5)}}
/*# sourceMappingURL=main.ce7938c1.css.map*/