.hero{position:relative;height:100vh;overflow:hidden}.hero-header-wrapper{position:absolute;top:0;left:0;right:0;z-index:10}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;z-index:2;max-width:600px;padding:20px;height:100vh;margin:0 auto}.hero-text{display:flex;flex-direction:column;justify-content:flex-start;flex:1;align-items:center;margin-top:180px}.hero-title{font-size:35px;font-weight:700;margin-bottom:16px;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-subtitle{font-size:18px;margin-bottom:40px;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding-bottom:60px;margin-top:auto}.hero-actions .btn{background-color:#ffffffe6;color:#171a20;border-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 15px;border-radius:4px;text-decoration:none}.hero-actions .btn:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.hero-actions .btn-secondary{background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid white}.hero-actions .btn-secondary:hover{background-color:#fff;color:#171a20}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2}.scroll-arrow{width:24px;height:24px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg);animation:bounceY 2s infinite}@keyframes bounceY{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-10px)}60%{transform:rotate(45deg) translateY(-5px)}}@media (max-width: 768px){.hero-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.hero-title{font-size:25px}.hero-subtitle{font-size:15px}}.header{transition:all .3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:55px;margin:0 auto}.zavta-logo{font-size:40px;color:#fff;font-family:Ailerons,sans-serif}.nav{display:flex;align-items:center;gap:32px}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:14px;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:24px}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:4px}.menu-toggle span{width:20px;height:2px;background-color:#fff;transition:all .3s ease}@media (max-width: 768px){.nav{position:absolute;top:60px;left:0;right:0;background-color:#fff;flex-direction:column;padding:20px;gap:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.menu-toggle{display:flex}.header-actions .nav-link{display:none}}@media (max-width: 480px){.header-container{padding:0 16px}.zavta-logo{font-size:30px}}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.nav{margin:20px;border-radius:6px}.nav-link{color:#000}}@media (min-width: 769px){.mobile-only{display:none}}.benefits-container{background:#fff}.benefits-group{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 20px 20px}.benefit-card-main,.benefit-card-secondary{border-radius:8px;overflow:hidden;height:680px;display:flex;align-items:center;justify-content:center;padding:30px}.benefit-card-main{background:linear-gradient(to bottom right,#008a6f1a,#f5f5f7);margin:20px}.benefit-card-secondary{background:#f5f5f7;width:100%}.benefit-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.benefit-title{font-size:32px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.benefit-description{font-size:18px;color:#6e6e73;margin-bottom:20px;text-align:center}.benefit-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.benefit-image{margin:0 auto;display:block}.benefit-card-overlay.with-background{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:8px;overflow:hidden;background:url(/images/alexa.png) center / cover no-repeat;padding:30px;margin:20px;height:680px}.overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:20px;border-radius:8px}.overlay-content .benefit-description{color:#1d1d1f}.overlay-content .benefit-actions{margin-top:12px}.btn{cursor:pointer;padding:10px 16px;border-radius:4px;transition:background .3s,color .3s}.btn-primary-s{background:#008a6f;color:#fff;border:none}.btn-primary-s:hover{background:#006f5b}.btn.btn-outline-s{background:transparent;border:2px solid #008a6f;color:#008a6f}.btn.btn-outline-s:hover{background:#008a6f10}.benefit-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.benefit-dialog-content{background:#fff;padding:30px;border-radius:10px;max-width:500px;width:90%;text-align:center}@media (max-width: 600px){.benefit-title{font-size:24px}.benefit-description{font-size:16px}.benefit-actions{flex-direction:column}.benefit-card-main,.benefit-card-secondary,.benefit-card-overlay.with-background{width:100%;height:auto;min-height:580px;margin:20px 0 0;border-radius:0}.benefits-group{flex-direction:column;gap:0;margin:0;padding:0}}.features{background-color:#fff}.features-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.features-title{font-size:48px;font-weight:500;margin-bottom:24px;color:#171a20;line-height:1.2}.features-description{font-size:20px;color:#5c5e62;margin-bottom:40px;line-height:1.6}.features-list{display:flex;flex-direction:column;gap:32px}.feature-item{display:flex;gap:20px;align-items:flex-start}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#e31837,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.feature-item:hover .feature-icon{transform:scale(1.1);box-shadow:0 8px 25px #e318374d}.feature-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#171a20}.feature-description{font-size:16px;color:#5c5e62;line-height:1.6}.features-image{position:relative}.app-image{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000026;transition:all .3s ease}.app-image:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0003}@media (max-width: 768px){.features-content{grid-template-columns:1fr;gap:40px;text-align:center}.features-title{font-size:36px}.features-description{font-size:18px}.feature-item{text-align:left}.feature-icon{width:40px;height:40px}.feature-title{font-size:18px}.feature-description{font-size:14px}}@media (max-width: 480px){.features-title{font-size:28px}.features-description{font-size:16px}.features-list{gap:24px}.feature-item{gap:16px}}.specs{background-color:#f7f7f7}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:60px}.spec-category{background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.spec-category:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.spec-category-title{font-size:28px;font-weight:600;margin-bottom:30px;color:#171a20;text-align:center;position:relative}.spec-category-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#e31837,#ff6b35);border-radius:2px}.spec-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.spec-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.spec-title{font-size:16px;font-weight:600;color:#171a20;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:16px;color:#5c5e62;line-height:1.6}.specs-image{text-align:center;margin-top:40px}.panel-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000026;transition:all .3s ease}.panel-image:hover{transform:scale(1.02);box-shadow:0 30px 80px #0003}@media (max-width: 768px){.specs-grid{grid-template-columns:1fr;gap:30px}.spec-category{padding:30px 20px}.spec-category-title{font-size:24px}.spec-title,.spec-value{font-size:14px}}@media (max-width: 480px){.spec-category-title{font-size:20px}.spec-item{margin-bottom:20px;padding-bottom:20px}}.footer{background-color:#171a20;color:#fff;padding:0 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section{text-align:left}.footer-title{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#a0a0a0;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;flex-wrap:wrap;gap:20px}.footer-logo .tesla-logo{height:20px;width:auto;color:#fff}.legal-links{display:flex;list-style:none;padding:0;margin:0;gap:24px;flex-wrap:wrap}.legal-links a{color:#a0a0a0;text-decoration:none;font-size:12px;transition:color .3s ease}.legal-links a:hover{color:#fff}.footer-copyright{color:#a0a0a0;font-size:12px}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer-content{grid-template-columns:repeat(2,1fr);gap:30px}.footer-bottom{flex-direction:column;text-align:center;gap:20px}.legal-links{justify-content:center;gap:16px}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:20px}.footer-section{text-align:center}.legal-links{flex-direction:column;gap:12px}}@font-face{font-family:Ailerons;src:url(/assets/subset-Ailerons-Regular-2i6ZSYkj.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#171a20;line-height:1.6}.App{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border:2px solid transparent;border-radius:4px;text-decoration:none;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;cursor:pointer;min-width:200px}.btn-primary{background-color:#171a20;color:#fff}.btn-primary:hover{background-color:#000}.btn-secondary{background-color:transparent;color:#171a20;border-color:#171a20}.btn-secondary:hover{background-color:#171a20;color:#fff}.btn-white{background-color:#fff;color:#171a20;border-color:#fff}.btn-white:hover{background-color:#fffc}.section{padding:80px 0}.section-title{font-size:48px;font-weight:500;margin-bottom:20px;line-height:1.2}.section-subtitle{font-size:20px;color:#5c5e62;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.section-title{font-size:32px}.section-subtitle{font-size:18px}.btn{min-width:160px;padding:10px 20px;font-size:12px}}