.hero{max-width:900px;margin:0 auto;padding:5rem 1.5rem 3rem;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface2);border:1px solid var(--border);padding:.45rem 1.1rem;border-radius:100px;font-size:.82rem;color:var(--text2);font-weight:600;margin-bottom:1.5rem}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;margin-bottom:1.2rem}
.hero .sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--muted);max-width:620px;margin:0 auto 2.2rem}
.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.hero-stats{display:flex;justify-content:center;gap:3.5rem;flex-wrap:wrap;margin-top:3.5rem}
.stat{text-align:center}
.stat strong{display:block;font-size:2rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat span{color:var(--muted);font-size:.85rem}
.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:2rem 1.6rem;transition:all .25s}
.step-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow)}
.step-num{width:44px;height:44px;border-radius:12px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:1.1rem}
.step-card h3{font-size:1.1rem;margin-bottom:.5rem}.step-card p{color:var(--muted);font-size:.9rem}
.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;transition:all .25s}
.feature-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}
.feature-card .f-icon{width:46px;height:46px;border-radius:12px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}
.feature-card h4{font-size:.95rem;margin-bottom:.4rem}.feature-card p{color:var(--muted);font-size:.83rem}
.cta-box{background:var(--gradient);border-radius:var(--r);padding:3.5rem 2rem;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;font-size:12rem;opacity:.08;right:-20px;top:-30px;transform:rotate(15deg)}
.cta-box h2{color:#fff;margin-bottom:.8rem;font-size:clamp(1.6rem,4vw,2.3rem)}
.cta-box p{color:rgba(255,255,255,.85);max-width:520px;margin:0 auto 1.8rem}
.cta-box .btn{background:#fff;color:var(--primary)}
.cta-box .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}

.stats-note{max-width:760px;margin:1rem auto 0;color:var(--muted);font-size:.82rem;line-height:1.7;text-align:center}
.hero-stats .stat strong{font-size:clamp(1.05rem,2.2vw,2rem);line-height:1.35;overflow-wrap:anywhere}