.hero{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="%23ff6b6b" stop-opacity="0.1"/><stop offset="100%" stop-color="%23667eea" stop-opacity="0.1"/></radialGradient></defs><circle cx="200" cy="200" r="100" fill="url(%23a)"/><circle cx="800" cy="300" r="80" fill="url(%23a)"/><circle cx="300" cy="700" r="120" fill="url(%23a)"/><circle cx="700" cy="800" r="90" fill="url(%23a)"/></svg>');animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:3.5rem;color:#fff;margin-bottom:1rem;line-height:1.2}.hero-text .subtitle{font-size:1.3rem;color:#ffffffe6;margin-bottom:2rem}.hero-text p{font-size:1.1rem;color:#fffc;margin-bottom:2rem}.cta-button{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:15px 35px;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #ff6b6b4d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.device-mockup{width:400px;height:300px;background:linear-gradient(145deg,#f0f0f3,#cacace);border-radius:20px;position:relative;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;display:flex;align-items:center;justify-content:center}.device-mockup:before{content:"\1f4a1";font-size:4rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-elements{position:absolute;width:100%;height:100%}.floating-element{position:absolute;background:#ffffff1a;border-radius:50%;animation:floating 6s ease-in-out infinite}.floating-element:nth-child(1){width:60px;height:60px;top:20%;right:10%;animation-delay:0s}.floating-element:nth-child(2){width:40px;height:40px;bottom:30%;left:15%;animation-delay:2s}.floating-element:nth-child(3){width:80px;height:80px;top:60%;right:20%;animation-delay:4s}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.stats{padding:5rem 0;background:#fff}.stats-container{margin:0 auto;width:80%;justify-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;text-align:center}.stat-item{padding:2rem;border-radius:15px;background:linear-gradient(145deg,#f8f9fa,#e9ecef);transition:transform .3s}.stat-item:hover{transform:translateY(-5px)}.stat-number{margin-top:20px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#666;font-weight:500}.benefits-container{margin:0 auto;width:80%;justify-items:center}.benefits{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s,box-shadow .3s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.benefit-icon{font-size:2.5rem;margin-bottom:1rem}.benefit-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#333}.benefit-description{color:#666;line-height:1.6}.comparison-container{margin:0 auto;width:90%;justify-items:center}.comparison{padding:5rem 0;background:#fff}.comparison-table{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.comparison-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.comparison-content{display:grid;grid-template-columns:1fr 1fr}.comparison-side{padding:2rem}.comparison-side:first-child{background:#f8f9fa}.comparison-side h3{margin-bottom:1.5rem;color:#333;text-align:center}.comparison-item{padding:1rem 0;border-bottom:1px solid #eee}.comparison-item:last-child{border-bottom:none}.faq{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.faq-container{margin:0 auto;width:70%;justify-items:center}.faq-accordion{width:100%}.faq-item{background:#fff;margin-bottom:1rem;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.faq-question{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:700;transition:background .3s}.faq-answer{padding:1.5rem;color:#666;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.benefit-card,.stat-item{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/19/assets/jd1.css.map */