.hero{color:#fff;background-color:#060409;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;margin:0 5%;display:grid}.hero-content{z-index:2}.hero-text{max-width:600px}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-badge,.hero-title,.hero-title2,.hero-description,.hero-cta,.hero-visual{animation:.7s ease-out backwards hero-fade-up}.hero-title{animation-delay:50ms}.hero-title2{animation-delay:.15s}.hero-badge{animation-delay:.25s}.hero-description{animation-delay:.35s}.hero-cta{animation-delay:.45s}.hero-visual{animation-delay:.3s}@media (prefers-reduced-motion:reduce){.hero-badge,.hero-title,.hero-title2,.hero-description,.hero-cta,.hero-visual{opacity:1;animation:none;transform:none}}.hero-badge{cursor:default;margin:5% 0}.hero-title{font-size:var(--fs-display);text-shadow:0 2px 2px #fff3;font-family:SF Pro Medium,sans-serif;line-height:.9}.hero-title2{font-size:var(--fs-display);font-family:SF Pro Medium,sans-serif;font-weight:600;line-height:1}.hero-description{font-size:var(--fs-body);color:#ffffffd9;margin-bottom:2rem;font-family:SF Pro Medium,sans-serif;line-height:1.6}.hero-cta{color:#fff;font-size:var(--fs-sm);letter-spacing:1px;align-items:center;gap:.5rem;font-family:SF Pro Medium,sans-serif;text-decoration:none;transition:gap .3s;display:inline-flex}.hero-cta:hover{gap:1rem}.hero-cta-arrow{transition:transform .3s}.hero-cta:hover .hero-cta-arrow{transform:translate(4px)}.hero-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-image{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:600px}.hero-image[src$=\.svg]{object-fit:initial;image-rendering:auto;width:min(100%,640px);height:auto;max-height:none}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-image[src$=\.svg]{width:100%}.hero-image{max-height:400px}}@media (max-width:640px){.hero{padding:2rem 1rem}.hero-image{max-height:300px}}