.hero{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;overflow-x:hidden;width:100%}.hero__container{position:relative;z-index:1}@media (max-width: 480px){.hero__container{padding-left:16px;padding-right:16px}}.hero__title{font-weight:700;line-height:1.2}.hero__description{line-height:1.6}.hero__cta-button{transition:transform .2s ease;min-width:0;flex-shrink:1}.hero__cta-button:hover{transform:translateY(-2px)}@media (max-width: 480px){.hero__cta-button{width:100%;max-width:280px;font-size:14px;padding-left:16px;padding-right:16px}}.hero__brands{display:flex;gap:2rem;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;color:#9a9a9a}.hero__brands:hover{opacity:1}.hero__dashboard{position:relative;margin-top:2rem;background:linear-gradient(180deg,#e6f0ff,#f8fbff);box-shadow:0 8px 32px #007bff26}.hero__dashboard:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,#3b82f61a,#3b82f600 70%);z-index:0}.hero__dashboard-image-container{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 0 60px #3b82f6}.hero__dashboard img{transition:transform .3s ease}.hero__dashboard img:hover{transform:scale(1.02)}.hero__image-container{position:relative;overflow:hidden;transition:transform .3s ease;background:linear-gradient(180deg,#e6f0ff,#f8fbff);padding:0;border-radius:16px;box-shadow:0 8px 32px #007bff26}.hero__image-container--no-bg{background:none;box-shadow:none}.hero__image-container--no-bg:before{display:none}.hero__image-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,#3b82f61a,#3b82f600 70%);z-index:0}.hero__image-container img{position:relative;z-index:1;transition:transform .3s ease;width:100%;height:100%;object-fit:cover}.hero__image-container img:hover{transform:scale(1.02)}.hero__image-container:hover{transform:translateY(-4px)}.hero__image-container--clickable:hover .hero__video-overlay{opacity:1}.hero__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0000008c;color:#fff;opacity:0;transition:opacity .3s ease;z-index:2;font-size:1.25rem;cursor:pointer;border:none;width:100%}