.melio-hero{background:#f7f4ee;overflow:hidden;padding:70px 20px 65px;width:100%}.melio-hero__inner{align-items:center;display:grid;gap:0;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;width:100%}.melio-hero__content{max-width:650px}.melio-hero__title{color:#111;font-family:Arial,Helvetica,sans-serif;font-size:clamp(52px,6vw,88px);font-weight:900;letter-spacing:-4px;line-height:.9;margin:0 0 24px}.melio-hero__title span{color:#f7941d;display:block}.melio-hero__description{color:#545454;font-size:17px;line-height:1.65;margin-bottom:30px;max-width:610px}.melio-hero__description p{margin:0}.melio-hero__help{margin-top:25px}.melio-hero__help-label{color:#222;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.melio-hero__help-box{align-items:center;background:#fff;border:1px solid #d7d1c8;border-radius:4px;color:#444;display:flex;font-size:14px;justify-content:space-between;max-width:510px;min-height:52px;padding:0 7px 0 18px}.melio-hero__help-arrow{align-items:center;background:#f7941d;border-radius:3px;color:#fff;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}.melio-hero__buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.melio-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.4px;min-height:46px;padding:0 25px;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,opacity .2s ease}.melio-btn:hover{opacity:.9;transform:translateY(-2px)}.melio-btn--primary{background:#f7941d;color:#fff}.melio-btn--primary:hover{color:#fff}.melio-btn--secondary{background:#285c67;color:#fff}.melio-hero__media{width:100%}.melio-hero__media img{border-radius:20px;display:block;height:auto;max-height:570px;object-fit:cover;width:100%}.melio-hero__placeholder{align-items:center;background:#ddd;color:#777;display:flex;font-size:16px;justify-content:center;min-height:500px;width:100%}@media (max-width:1000px){.melio-hero__inner{gap:45px;grid-template-columns:1fr}.melio-hero__content{max-width:100%}.melio-hero__media{max-width:750px}}@media (max-width:600px){.melio-hero{padding:45px 20px}.melio-hero__title{font-size:52px;letter-spacing:-2.5px}.melio-hero__description{font-size:15px}.melio-hero__buttons{flex-direction:column}.melio-btn{width:100%}.melio-hero__placeholder{min-height:300px}}.melio-hero__buttons,.melio-hero__description,.melio-hero__help,.melio-hero__title{opacity:0;transform:translateY(45px)}.melio-hero__media{opacity:0;transform:translateX(70px) scale(.94)}.melio-hero.melio-hero--animate .melio-hero__title{animation:melioHeroReveal .9s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.08s}.melio-hero.melio-hero--animate .melio-hero__description{animation:melioHeroReveal .85s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.25s}.melio-hero.melio-hero--animate .melio-hero__help{animation:melioHeroReveal .85s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.38s}.melio-hero.melio-hero--animate .melio-hero__buttons{animation:melioHeroReveal .85s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.5s}.melio-hero.melio-hero--animate .melio-hero__media{animation:melioHeroImageReveal 1.15s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.18s}@keyframes melioHeroReveal{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes melioHeroImageReveal{0%{opacity:0;transform:translateX(70px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}.melio-hero__title span{overflow:hidden;position:relative}.melio-hero.melio-hero--animate .melio-hero__title span{animation:melioHighlightReveal 1s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s}@keyframes melioHighlightReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.melio-hero__media{border-radius:20px;overflow:hidden}.melio-hero__media img{transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}.melio-hero__media:hover img{transform:scale(1.035)}.melio-hero__help-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease}.melio-hero__help-box:hover .melio-hero__help-arrow{transform:translateX(3px)}.melio-btn{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,opacity .3s ease}.melio-btn:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:1;transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.melio-hero__buttons,.melio-hero__description,.melio-hero__help,.melio-hero__media,.melio-hero__title,.melio-hero__title span{animation:none!important;opacity:1!important;transform:none!important}}