.hero{--illustrationMaxWidth:540px;min-height:100vh;display:flex;align-items:center;padding:7rem 1.5rem 3rem;position:relative}.hero-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;text-align:center;grid-gap:3rem;gap:3rem;align-items:stretch;width:100%}.hero-content{opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.2s;display:flex;flex-direction:column;justify-content:center;order:1;max-width:var(--illustrationMaxWidth);margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem .5rem;background:#fff;border:1px solid var(--border-light);border-radius:50px;font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:1.75rem;box-shadow:0 2px 10px rgba(0,0,0,.04);animation:badgePulse 3s ease-in-out infinite;align-self:center}@keyframes badgePulse{0%,to{box-shadow:0 2px 10px rgba(0,0,0,.04),0 0 0 0 rgba(95,86,254,0)}50%{box-shadow:0 2px 10px rgba(0,0,0,.04),0 0 0 6px var(--border-light)}}.hero-badge .badge-new{background:#5f56fe;color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:50px;text-transform:uppercase;letter-spacing:.04em}.hero-badge .badge-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:dotBlink 2s infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-size:30px;font-weight:800;line-height:1.1;color:#111;margin-bottom:1.5rem;letter-spacing:-.03em;overflow:visible}.hero-title .line{display:block;overflow:visible;padding-bottom:.05em}.hero-title .line-inner{display:block;transform:translateY(100%);animation:lineReveal .8s cubic-bezier(.16,1,.3,1) forwards}.hero-title .line:nth-child(2) .line-inner{animation-delay:.1s}.hero-title .line:nth-child(3) .line-inner{animation-delay:.2s}.hero-title .line:nth-child(4) .line-inner{animation-delay:.3s}.hero-title .line:nth-child(5) .line-inner{animation-delay:.4s}@keyframes lineReveal{to{transform:translateY(0)}}.hero-title .highlight{position:relative;display:inline-block;color:#5f56fe}.hero-title .highlight:before{content:"";position:absolute;bottom:.08em;left:-.03em;right:-.03em;height:.32em;background:rgba(95,86,254,.12);border-radius:4px;z-index:-1;transform:scaleX(0);transform-origin:left;animation:highlightGrow .6s ease .5s forwards}@keyframes highlightGrow{to{transform:scaleX(1)}}.hero-description{font-size:15px;line-height:1.7;color:#717171;margin-bottom:2rem;max-width:100%;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;align-items:center;margin-bottom:2.5rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:14px 1.8rem;font-size:1rem;font-weight:700;font-family:var(--systemFont);color:#fff;background:#5f56fe;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 30px rgba(95,86,254,.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(95,86,254,.35)}.btn-primary svg{width:18px;height:18px;transition:transform .3s ease}.btn-primary:hover svg{transform:translateX(4px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;color:#111;background:#fff;border:2px solid var(--border-light);border-radius:14px;cursor:pointer;transition:all .3s ease;font-family:var(--systemFont)}.btn-secondary:hover{border-color:#5f56fe;color:#5f56fe}.btn-secondary svg{width:18px;height:18px}.hero-social-proof{display:flex;align-items:center;justify-content:center;gap:12px}.avatar-stack{display:flex;gap:3px}.avatar-stack .avatar{width:31px;height:21px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;overflow:hidden}.avatar-stack .avatar:first-child{margin-left:0}.avatar-stack .avatar.more{width:21px;height:21px}.social-text{margin-bottom:0;font-size:14px;color:#717171}.social-text strong{color:#111;font-weight:700}.hero-visual{position:relative;order:2;min-height:280px;height:auto;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.4s;display:flex;align-items:center}.leyaa-animation-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.8) 0,transparent 70%);border-radius:24px}.leyaa-animation-wrapper svg{width:100%;height:100%;max-width:280px;max-height:390px}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-ripple:active:after{width:300px;height:300px}.hero-stats{display:flex;gap:24px;margin-top:32px}.hero-stat-card{display:flex;align-items:center;gap:12px}.hero-stat-icon{width:42px;height:42px;border-radius:12px;background:#f1f2ff;display:flex;align-items:center;justify-content:center;font-size:16px;overflow:hidden}.hero-stat-text{display:flex;flex-direction:column;line-height:1.2}.hero-stat-value{font-size:18px;font-weight:700;color:#000}.hero-stat-label{font-size:13px;color:#7a7a7a}@media (min-width:481px){.hero-title{font-size:36px}.hero-description{font-size:16px}.leyaa-animation-wrapper svg{max-width:320px;max-height:450px}}@media (min-width:576px){.hero{padding:8rem 2rem 4rem}.btn-primary{padding:.95rem 1.8rem}.hero-visual{min-height:350px}.leyaa-animation-wrapper svg{max-width:380px;max-height:530px}}@media (min-width:768px){.hero-title{font-size:44px}.hero-description{font-size:17px}}@media (min-width:992px){.hero-container{grid-template-columns:1fr 1fr;text-align:left;gap:4rem}.hero-content{max-width:unset;margin:unset}.hero-content,.hero-visual{order:0}.hero-visual{min-height:400px;height:100%}.hero-title{font-size:54px}.hero-description{font-size:18px;margin-left:0;margin-right:0;max-width:460px}.hero-cta{flex-wrap:nowrap}.hero-cta,.hero-social-proof{justify-content:flex-start}.hero-badge{align-self:flex-start}.leyaa-animation-wrapper svg{max-width:420px;max-height:580px}}@media (min-width:1200px){.hero-title{font-size:64px}.hero-description{font-size:19px}.hero-visual{min-height:450px}.leyaa-animation-wrapper svg{max-width:500px;max-height:695px}}