.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(circle,var(--primary-color-alpha) 0,transparent 70%);opacity:.3}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.hero-container{max-width:1280px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;color:var(--text-secondary);width:-moz-fit-content;width:fit-content}.badge-icon{font-size:1rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--text-primary);margin:0}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:500px}.hero-cta{display:flex;gap:1rem;margin-top:1rem}.hero-cta .btn{display:inline-flex;align-items:center;gap:.5rem}.hero-stats{display:flex;align-items:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:100%;max-width:500px}.code-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.code-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.code-title{font-size:.8rem;color:var(--text-secondary)}.code-content{padding:1.5rem;overflow-x:auto}.code-content pre{margin:0}.code-content code{font-family:Fira Code,Monaco,Consolas,monospace;line-height:1.6}.code-content code,.floating-card{font-size:.875rem;color:var(--text-primary)}.floating-card{position:absolute;display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:10px;font-weight:500;box-shadow:0 10px 40px rgba(0,0,0,.1);animation:float 3s ease-in-out infinite}.card-1{top:10%;left:-10%;animation-delay:0s}.card-2{top:50%;right:-5%;animation-delay:1s}.card-3{bottom:10%;left:5%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{align-items:center}.hero-title{font-size:2.5rem}.hero-description{max-width:600px}.hero-cta{flex-wrap:wrap}.hero-cta,.hero-stats{justify-content:center}.hero-visual{order:-1}.floating-card{display:none}}@media (max-width:576px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{width:50px;height:1px}}