.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(80px + var(--space-8)) 0 var(--space-12);overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(150px);pointer-events:none;z-index:0}.hero-glow--1{width:500px;height:500px;background:#2563eb1f;top:-100px;left:-100px}.hero-glow--2{width:400px;height:400px;background:#7c3aed1a;bottom:-100px;right:-50px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease}.hero-title{font-family:var(--font-display);font-size:3.2rem;font-weight:var(--weight-extrabold);line-height:1.1;margin-bottom:var(--space-5)}.text-gradient-purple{background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title-sub{font-size:2.4rem;font-weight:var(--weight-bold);color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.hero-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:500px}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-6);margin-bottom:var(--space-8)}.hero-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.hero-feature svg{flex-shrink:0}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-image-wrapper{position:relative;border-radius:16px;overflow:hidden}.hero-image{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 0 50px #2563eb33,0 25px 80px #00000080}.hero-image-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:1px solid rgba(124,58,237,.15);pointer-events:none;box-shadow:inset 0 0 40px #2563eb14,inset 0 0 80px #7c3aed0d}.stat-icon{margin-bottom:var(--space-3)}.stat-number[data-count]{font-family:var(--font-display)}.stat-item:nth-child(1) .stat-number:after{content:"+"}.stat-item:nth-child(2) .stat-number:after{content:"+"}.stat-item:nth-child(3) .stat-number:after{content:"%"}.stat-item:nth-child(4) .stat-number:after{content:"j/7"}.features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.feature-card{text-align:center;padding:var(--space-6) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.feature-card:hover{border-color:#06b6d44d;transform:translateY(-4px)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;background:#06b6d40d}.feature-badge{position:absolute;top:-4px;right:-4px;background:var(--gradient-primary);color:#fff;font-size:7px;font-weight:var(--weight-bold);padding:2px 5px;border-radius:var(--radius-sm)}.feature-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.feature-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.pricing-secure-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--success);background:var(--success-light);border:1px solid rgba(34,197,94,.2);margin-top:var(--space-3)}.pricing-note{text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-6)}.step-icon-box{width:64px;height:64px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--cyan);transition:all var(--transition-base)}.step-item:hover .step-icon-box{border-color:var(--cyan);box-shadow:var(--shadow-glow-cyan)}.categories-scroll{overflow-x:auto;margin:0 calc(var(--space-6) * -1);padding:0 var(--space-6);scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);min-width:900px}.category-card{border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-base);cursor:default}.category-card:hover{transform:translateY(-4px);border-color:#2563eb4d;box-shadow:var(--shadow-card)}.category-img{aspect-ratio:4 / 3;overflow:hidden;position:relative}.category-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.category-card:hover .category-img img{transform:scale(1.08)}.category-live-badge{position:absolute;top:8px;left:8px;background:#ef4444;color:#fff;font-size:9px;font-weight:var(--weight-bold);padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.05em}.category-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-3) var(--space-1);text-align:center}.category-desc{font-size:var(--text-xs);color:var(--text-muted);padding:0 var(--space-3) var(--space-3);text-align:center;line-height:var(--leading-relaxed)}.devices-row{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.device-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;min-width:80px;cursor:default;transition:transform var(--transition-base)}.device-chip:hover{transform:translateY(-4px)}.device-chip-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--cyan);transition:all var(--transition-base)}.device-chip:hover .device-chip-icon{border-color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow)}.device-chip span{font-size:11px;color:var(--text-secondary);line-height:1.3;font-weight:var(--weight-medium)}.testimonials-carousel{position:relative;overflow:hidden}.testimonials-track{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.testimonial-card:hover{border-color:#2563eb33}.testimonial-stars{color:#fbbf24;font-size:var(--text-base);letter-spacing:2px;margin-bottom:var(--space-3)}.testimonial-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);min-height:60px}.testimonial-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);color:#fff;flex-shrink:0}.carousel-dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border);cursor:pointer;transition:all var(--transition-base)}.dot.active{background:var(--cyan);width:24px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.faq-column{display:flex;flex-direction:column;gap:var(--space-3)}.faq-grid .faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.faq-grid .faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer;text-align:left;background:none;border:none;gap:var(--space-3)}.faq-grid .faq-question:hover{color:var(--cyan)}.faq-chevron{flex-shrink:0;transition:transform var(--transition-base);color:var(--text-muted)}.faq-grid .faq-item.active .faq-chevron{transform:rotate(180deg);color:var(--cyan)}.cta-gradient-banner{background:linear-gradient(135deg,#2563eb,#7c3aed,#a855f7);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);position:relative;overflow:hidden}.cta-gradient-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.cta-gradient-content{position:relative;z-index:1}.cta-gradient-title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-3);color:#fff}.cta-gradient-text{font-size:var(--text-base);color:#fffc;margin-bottom:var(--space-6)}.cta-gradient-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.cta-gradient-actions .btn--primary{background:#fff;color:#2563eb;box-shadow:none}.cta-gradient-actions .btn--primary:hover{background:#ffffffe6;box-shadow:0 4px 20px #0003}.cta-gradient-visual{position:relative;z-index:1;flex-shrink:0}.cta-play-icon{width:120px;height:120px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);animation:pulseGlow 3s ease-in-out infinite;box-shadow:0 0 40px #ffffff1a}.cta-play-icon svg{margin-left:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.quick-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden}.quick-contact-form-wrapper{padding:var(--space-8) var(--space-10)}.quick-contact-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.3;margin-bottom:var(--space-6);color:var(--text-primary)}.quick-contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.quick-contact-form .form-control{width:100%;padding:var(--space-4);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-base)}.quick-contact-form .form-control:focus{outline:none;border-color:var(--cyan);background:#ffffff0d;box-shadow:0 0 10px #06b6d426}.quick-contact-form textarea.form-control{resize:vertical}.quick-contact-image-wrapper{position:relative;height:100%;min-height:400px}.quick-contact-image{width:100%;height:100%;object-fit:cover;display:block}.quick-contact-image-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-left:1px solid rgba(255,255,255,.05);background:linear-gradient(to right,rgba(10,14,26,.4),transparent)}@media(max-width:1100px){.features-grid{grid-template-columns:repeat(3,1fr)}.testimonials-track{grid-template-columns:repeat(2,1fr)}.carousel-dots .dot:nth-child(n+3){display:none}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:var(--space-10);text-align:center}.hero-content{order:1}.hero-mockup{order:0;max-width:500px;margin:0 auto}.hero-title{font-size:2.4rem}.hero-title-sub{font-size:1.8rem}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-features{max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-6)}.hero-actions{justify-content:center}.faq-grid{grid-template-columns:1fr}.cta-gradient-banner{flex-direction:column;text-align:center;padding:var(--space-10) var(--space-6)}.cta-gradient-actions{justify-content:center}.cta-play-icon{width:80px;height:80px}.cta-play-icon svg{width:36px;height:36px}.quick-contact-grid{grid-template-columns:1fr;gap:0}.quick-contact-image-wrapper{min-height:300px;order:-1}.quick-contact-form-wrapper{padding:var(--space-6) var(--space-4)}}@media(max-width:768px){.hero{min-height:auto;padding-top:calc(70px + var(--space-8));padding-bottom:var(--space-10)}.hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.hero-title{font-size:2rem}.hero-title-sub{font-size:1.5rem}.features-grid{grid-template-columns:repeat(2,1fr)!important}.testimonials-track{grid-template-columns:1fr}.carousel-dots .dot:nth-child(n+2){display:none}}@media(max-width:480px){.hero-title{font-size:1.6rem}.hero-title-sub{font-size:1.2rem}.hero-features{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%}.features-grid{grid-template-columns:1fr!important;gap:var(--space-3)}.feature-card{padding:var(--space-4) var(--space-2)}.categories-grid{grid-template-columns:repeat(6,120px)!important}.cta-gradient-title{font-size:var(--text-xl)}}