:root{--purple:var(--p);--purple-dark:var(--p-dark);--purple-light:var(--p-light);--purple-mid:var(--p-mid);--violet:#8B5CF6;--white:#FFF;--bg:#FAFAFA;--text:#111827;--muted:#6B7280;--border:#E5E7EB;--card:#FFF;--star:#F59E0B;--green:#10B981}
.img-responsive{max-width:100%;height:auto;max-height:100%;color:transparent;position:relative}
.hero{padding:120px 0 80px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;position:relative}
.hero-badge{padding:6px 14px;margin-bottom:20px;display:inline-flex;align-items:center;gap:6px;background:var(--purple-light);color:var(--purple);border-radius:100px;font-size:.8rem;font-weight:600;font-family:'Bricolage Grotesque',sans-serif}
.hero-badge::before{content:'';width:6px;height:6px;background:var(--purple);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.hero h1{margin-bottom:4px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.15;color:var(--text)}
.hero h1 span{color:var(--purple)}
.hero-sub{margin-bottom:32px;font-size:1.05rem;color:var(--muted);line-height:1.7;max-width:440px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-trust{margin-top:24px;display:flex;align-items:center;gap:16px}
.trust-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}
.trust-item svg{color:var(--green)}
.hero-visual{display:flex;justify-content:flex-end;position:relative}
.hero-phone-img{width:300px;max-width:100%;display:block;animation:float 5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.floating-chip{padding:10px 14px;display:flex;align-items:center;gap:6px;position:absolute;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;font-size:.75rem;font-weight:600;font-family:'Bricolage Grotesque',sans-serif;white-space:nowrap}
.chip-1{top:30px;right:-20px;animation:float 5s ease-in-out 1s infinite}
.chip-2{bottom:60px;left:-30px;animation:float 5s ease-in-out 2s infinite}
.chip-dot{width:8px;height:8px;border-radius:50%}
section{padding:80px 5%}
.section-inner{max-width:1200px;margin:0 auto}
.section-tag{margin-bottom:12px;text-align:center;font-family:'Bricolage Grotesque',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}
.section-title{margin-bottom:12px;text-align:center;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--text);line-height:1.2}
.section-sub{margin:0 auto 56px;text-align:center;color:var(--muted);font-size:1rem;max-width:520px;line-height:1.7}
.action-section{background:var(--bg)}
.phones-grid{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.action-phone{text-align:center;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.22,1,.36,1)}
.action-phone.visible{opacity:1;transform:translateY(0)}
.action-phone:nth-child(2){transition-delay:.15s}
.action-phone:nth-child(3){transition-delay:.3s}
.action-phone-img{margin:0 auto 16px;width:170px;display:block;filter:drop-shadow(0 16px 40px #0000001f)}
.action-caption{margin-bottom:4px;font-weight:700;font-size:.95rem;color:var(--text);font-family:'Bricolage Grotesque',sans-serif}
.action-caption-sub{font-size:.82rem;color:var(--muted)}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.feature-card{padding:28px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;transition:border-color .2s;opacity:0;transform:translateY(20px)}
.feature-card.visible{opacity:1;transform:translateY(0)}
.feature-card:nth-child(2){transition-delay:.1s}
.feature-card:nth-child(3){transition-delay:.2s}
.feature-card:nth-child(4){transition-delay:.3s}
.feature-card:hover{border-color:var(--purple)}
.feature-icon{margin-bottom:16px;width:48px;height:48px;border-radius:14px;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.feature-card h3{margin-bottom:8px;font-size:1rem;font-weight:700}
.feature-card p{font-size:.88rem;color:var(--muted);line-height:1.6}
.steps-section{background:var(--bg)}
.steps-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.steps-list{display:flex;flex-direction:column;gap:28px}
.step{display:flex;gap:18px;opacity:0;transform:translateX(-20px);transition:all .5s cubic-bezier(.22,1,.36,1)}
.step.visible{opacity:1;transform:translateX(0)}
.step:nth-child(2){transition-delay:.15s}
.step:nth-child(3){transition-delay:.3s}
.step-num{width:42px;height:42px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1rem;flex-shrink:0}
.step-body h3{margin-bottom:6px;font-size:1rem;font-weight:700}
.step-body p{font-size:.88rem;color:var(--muted);line-height:1.6}
.steps-cta{margin-top:32px}
.steps-visual{position:relative;opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.22,1,.36,1)}
.steps-visual.visible{opacity:1;transform:scale(1)}
.testi-slider-wrap{margin-top:40px;position:relative;display:flex;align-items:center;gap:14px}
.testi-viewport{overflow:hidden;width:100%}
.testi-track{display:flex;gap:15px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}
.testi-card{padding:24px;margin:2px 0;flex:0 0 calc(25% - 12px);box-sizing:border-box;background:#fff;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column}
.testi-card:hover{border:1px solid var(--p)}
.testi-quote{margin-bottom:4px;font-size:1.8rem;line-height:1;color:var(--purple);opacity:.15;font-family:Georgia,serif}
.stars{margin-bottom:10px;color:var(--star);font-size:.85rem;letter-spacing:1px}
.testi-text{margin-bottom:16px;font-size:.84rem;color:var(--text);line-height:1.72;flex:1}
.testi-author{display:flex;align-items:center;gap:10px}
.testi-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}
.testi-name{font-weight:700;font-size:.87rem;font-family:'Bricolage Grotesque',sans-serif}
.testi-role{margin-top:1px;font-size:.74rem;color:var(--muted)}
.testi-arrow{width:40px;height:40px;min-width:40px;border-radius:50%;border:1.5px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text)}
.testi-arrow:hover{background:var(--purple);border-color:var(--purple);color:#fff}
.testi-dots{margin-top:24px;display:flex;justify-content:center;gap:7px}
.testi-dot{padding:0;width:8px;height:8px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all .25s}
.testi-dot.active{background:var(--purple);width:22px;border-radius:99px}
.testi-rating-bar{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:var(--muted)}
.trb-stars{color:var(--star);font-size:1rem;letter-spacing:1px}
.trb-score{font-weight:800;color:var(--text);font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem}
.trb-sep{color:var(--border)}
.trb-count{font-weight:500}
.bg1{background:linear-gradient(135deg,var(--p),var(--p-mid))}.bg2{background:linear-gradient(135deg,#6366F1,#A5B4FC)}.bg3{background:linear-gradient(135deg,#EC4899,#F9A8D4)}.bg4{background:linear-gradient(135deg,#10B981,#6EE7B7)}.bg5{background:linear-gradient(135deg,#F59E0B,#FCD34D)}.bg6{background:linear-gradient(135deg,#3B82F6,#93C5FD)}.bg7{background:linear-gradient(135deg,#8B5CF6,var(--p))}.bg8{background:linear-gradient(135deg,#14B8A6,#5EEAD4)}.bg9{background:linear-gradient(135deg,#F43F5E,#FDA4AF)}.bg10{background:linear-gradient(135deg,#22C55E,#86EFAC)}.bg11{background:linear-gradient(135deg,#0EA5E9,#7DD3FC)}.bg12{background:linear-gradient(135deg,#9333EA,#D8B4FE)}.bg13{background:linear-gradient(135deg,#2563EB,#60A5FA)}.bg14{background:linear-gradient(135deg,#DC2626,#FCA5A5)}.bg15{background:linear-gradient(135deg,#059669,#6EE7B7)}.bg16{background:linear-gradient(135deg,#DB2777,#F9A8D4)}.bg17{background:linear-gradient(135deg,#0891B2,#67E8F9)}.bg18{background:linear-gradient(135deg,#65A30D,#BEF264)}.bg19{background:linear-gradient(135deg,#EA580C,#FDBA74)}.bg20{background:linear-gradient(135deg,#4F46E5,#A5B4FC)}
.ix-1{padding:12px 8px}.ix-2{padding:0}.ix-3{top:20px;right:-10px}.ix-4{background:#10B981}.ix-5{bottom:40px;left:100px}.ix-6{background:var(--p)}.ix-7{border-color:var(--purple)}.ix-8{margin-bottom:6px;font-size:.58rem;color:var(--muted);font-weight:600}.ix-9{background:#EC4899}.ix-10{background:#F59E0B}.ix-11{margin-bottom:8px;font-size:.62rem;color:var(--muted);text-align:center}.ix-12{margin-top:8px;color:#fff}.ix-13{color:#9CA3AF}.ix-14{padding:6px 16px;margin-top:10px;background:var(--purple);border-radius:8px;font-size:.6rem;font-weight:700;color:#fff;font-family:'Bricolage Grotesque',sans-serif}.ix-15{text-align:left}.ix-16{margin-bottom:8px;text-align:left}.ix-17{margin:0 0 40px;text-align:left}.ix-18{padding:2px 10px;background:var(--purple);color:#fff;border-radius:100px;font-size:.6rem}.ix-19{margin-bottom:8px;font-size:.62rem;font-weight:700;color:var(--muted);font-family:'Bricolage Grotesque',sans-serif}.ix-20{background:linear-gradient(135deg,var(--p),var(--p-mid))}.ix-21{background:linear-gradient(135deg,#0EA5E9,#10B981)}.ix-22{background:linear-gradient(135deg,#EC4899,#F97316)}.ix-23{margin-top:12px}
@media(max-width:1024px){
.testi-card{flex:0 0 calc(50% - 8px)}
.hero{padding: 120px 5% 80px;}
}
@media(max-width:768px){
.hero{padding-top:100px;padding-bottom:40px;grid-template-columns:1fr;text-align:center}
.hero-sub{margin:0 auto 32px}
.hero-actions{justify-content:center}
.hero-trust{justify-content:center;flex-wrap:wrap}
.hero-visual{justify-content:center;margin-top:40px}
.hero-phone-img{width:240px}
.floating-chip{display:none}
.phones-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}

.steps-inner{grid-template-columns:1fr}
.steps-visual{display:none}
.testi-card{flex:0 0 100%}
section{padding:60px 4%}
}
@media(max-width:540px){
.hero-left{padding:0 15px;}
.hero h1{font-size:2rem}
.hero-actions .btn{width:100%;justify-content:center}
.features-grid{grid-template-columns:1fr;gap:15px;}
}