.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--supademo{overflow:visible;background:transparent;box-shadow:none;position:relative;display:flex;justify-content:center;align-items:center}.hero__image-container--supademo: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--supademo .hero__media--supademo{width:100%;height:auto}.hero__image-container:hover{transform:translateY(-4px)}.hero__image-container--clickable:hover .hero__video-overlay{opacity:1}.hero__media--supademo{position:relative;z-index:1}@media (max-width: 768px){.hero__media--supademo{max-height:70vh!important;min-height:400px!important;padding:20px 0!important}}@media (max-width: 480px){.hero__media--supademo{max-height:60vh!important;min-height:300px!important;padding:16px 0!important}}.hero__supademo-preview{position:absolute;top:50%;left:0;z-index:1;display:block;width:100%;height:auto;aspect-ratio:16/9;padding:0;overflow:hidden;cursor:pointer;border:0;border-radius:24px;background:#07111f;box-shadow:0 18px 60px #0028782e;transform:translateY(-50%)}.hero__supademo-preview:hover .hero__supademo-preview-image,.hero__supademo-preview:focus-visible .hero__supademo-preview-image{transform:scale(1.03)}.hero__supademo-preview:hover .hero__supademo-play-button,.hero__supademo-preview:focus-visible .hero__supademo-play-button{transform:scale(1.08)}.hero__supademo-preview:focus-visible{outline:3px solid #228be6;outline-offset:4px}.hero__supademo-preview-image{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .25s ease}.hero__supademo-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at center,rgba(0,119,204,.24),transparent 45%),linear-gradient(180deg,#030d1f29,#030d1fa3)}.hero__supademo-play-button{display:flex;align-items:center;justify-content:center;width:76px;height:76px;color:#228be6;background:#fffffff0;border-radius:50%;box-shadow:0 16px 40px #00000038;transition:transform .25s ease}@media (max-width: 480px){.hero__supademo-play-button{width:60px;height:60px}}.hero__supademo-loading{position:absolute;top:50%;left:0;z-index:2;display:flex;width:100%;height:auto;aspect-ratio:16/9;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#030d1fb8;border-radius:24px;transform:translateY(-50%)}.hero__try-me-image{position:absolute;right:-40px;top:50%;transform:translateY(-50%);z-index:2;max-width:200px;height:auto;pointer-events:none}@media (max-width: 1200px){.hero__try-me-image{right:-30px;max-width:150px}}@media (max-width: 992px){.hero__try-me-image{display:none}}.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%}