#hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);z-index:0}.dot-grid{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);background-size:30px 30px;animation:dotMove 20s linear infinite}@keyframes dotMove{0%{transform:translate(0, 0)}100%{transform:translate(30px, 30px)}}.blob-purple, .blob-yellow, .blob-pink{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.3}.blob-purple{width:400px;height:400px;background:#9333ea;top:10%;right:10%}.blob-yellow{width:350px;height:350px;background:#fbbf24;bottom:20%;left:15%}.blob-pink{width:300px;height:300px;background:#ec4899;top:50%;left:50%}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes blob{0%, 100%{transform:translate(0, 0) scale(1)}33%{transform:translate(30px, -50px) scale(1.1)}66%{transform:translate(-20px, 20px) scale(0.9)}}.hero-content{position:relative;z-index:10;padding:4rem 0}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-text-section{text-align:right}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(10px);padding:0.5rem 1.5rem;border-radius:50px;margin-bottom:2rem;animation:fadeInDown 1s ease-out}.hero-badge-text{color:white;font-size:0.875rem;font-weight:600}.hero-badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.hero-title-wrapper{margin-bottom:1.5rem;animation:fadeInUp 1s ease-out 0.2s both}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:white;margin-bottom:1rem}@media (min-width:768px){.hero-title{font-size:3.5rem}}.hero-title-gradient{display:block;background:linear-gradient(to right, #fbbf24, #f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:0.5rem}.hero-title-underline{width:100px;height:4px;background:linear-gradient(to right, #fbbf24, #f59e0b);border-radius:2px;margin-top:1rem}.hero-description{font-size:1.125rem;line-height:1.8;color:rgba(255, 255, 255, 0.9);margin-bottom:2rem;animation:fadeInUp 1s ease-out 0.4s both}.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out 0.6s both}.feature-card{display:flex;align-items:center;gap:1rem;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);padding:1rem;border-radius:12px;transition:all 0.3s}.feature-card:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-5px)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-icon.green{background:#10b981;color:white}.feature-icon.blue{background:#3b82f6;color:white}.feature-icon.purple{background:#9333ea;color:white}.feature-icon.orange{background:#f59e0b;color:white}.feature-text{flex:1}.feature-title{font-weight:700;color:white;font-size:1rem}.feature-subtitle{font-size:0.875rem;color:rgba(255, 255, 255, 0.7)}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;animation:fadeInUp 1s ease-out 0.8s both}.btn-primary, .btn-secondary{padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.125rem;transition:all 0.3s;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg, #fbbf24, #f59e0b);color:#1e293b;box-shadow:0 10px 30px rgba(251, 191, 36, 0.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(251, 191, 36, 0.4)}.btn-secondary{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);color:white;border:2px solid rgba(255, 255, 255, 0.3)}.btn-secondary:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-3px)}.devices-section{position:relative;animation:fadeInLeft 1s ease-out 0.4s both}.devices-card{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(255, 255, 255, 0.2)}.devices-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:1.5rem}.device-item{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);padding:1.5rem 1rem;border-radius:16px;text-align:center;transition:all 0.3s;cursor:pointer}.device-item:hover{transform:translateY(-10px);background:rgba(255, 255, 255, 0.2)}.device-icon{font-size:2rem;margin-bottom:0.5rem}.device-icon.blue{color:#3b82f6}.device-icon.green{color:#10b981}.device-icon.purple{color:#9333ea}.device-icon.orange{color:#f59e0b}.device-icon.red{color:#ef4444}.device-icon.yellow{color:#fbbf24}.device-title{font-weight:700;color:white;font-size:1rem;margin-bottom:0.25rem}.device-subtitle{font-size:0.75rem;color:rgba(255, 255, 255, 0.7)}.warranty-card{background:linear-gradient(135deg, #fbbf24, #f59e0b);padding:1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.warranty-title{font-weight:700;color:#1e293b;font-size:1.125rem}.warranty-subtitle{font-size:0.875rem;color:rgba(30, 41, 59, 0.8)}.warranty-icon{font-size:3rem;color:rgba(30, 41, 59, 0.2)}.floating-wrench, .floating-cog{position:absolute;font-size:3rem;color:rgba(255, 255, 255, 0.1);animation:float 6s ease-in-out infinite}.floating-wrench{top:10%;right:5%}.floating-cog{bottom:15%;left:10%;animation-delay:3s}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.bg-circle-blue, .bg-circle-purple{position:absolute;border-radius:50%;opacity:0.1}.bg-circle-blue{width:300px;height:300px;background:#3b82f6;top:-50px;right:-50px}.bg-circle-purple{width:250px;height:250px;background:#9333ea;bottom:-50px;left:-50px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:0.5}}@media (max-width:768px){.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.devices-grid{grid-template-columns:repeat(2, 1fr)}.cta-buttons{flex-direction:column}.btn-primary, .btn-secondary{width:100%;justify-content:center}}
.hero-content{padding-left:1.25rem!important;padding-right:1.25rem!important;box-sizing:border-box}
#hero{overflow-x:hidden}
.hero-text-section .cta-buttons{margin-bottom:1.75rem}