@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}100%{opacity:1;transform:scale(1)}}@keyframes revealLeft{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes reveal-curve-left{from{-webkit-clip-path:circle(100% at -100% 50%);clip-path:circle(100% at -100% 50%)}to{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}}@keyframes reveal-curve-top{from{-webkit-clip-path:circle(100% at 50% -100%);clip-path:circle(100% at 50% -100%)}to{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}}.banner{margin-top:144px;padding:clamp(24px, 24px + 41 * (100vw - 320px) / 1600, 65px) 0 clamp(32px, 32px + 28 * (100vw - 320px) / 1600, 60px)}.banner .banner-row{display:flex;justify-content:space-between;align-items:center}.banner .banner-text{flex:0 0 54%;animation:revealLeft .8s linear}.banner .banner-picture{flex:0 0 44%;padding:32px 0}.banner h1{text-wrap:initial}.banner .subtitle{margin-top:8px}@media(max-width: 1024px){.banner{margin-top:100px}}@media(max-width: 768px){.banner .banner-row{flex-direction:column-reverse}.banner .banner-text,.banner .banner-picture{flex:0 0 100%;width:100%;max-width:468px;margin:0 auto;text-align:center}.banner .banner-text{margin-top:32px}.banner .subtitle{margin-top:2px}}.join{padding:clamp(40px, 40px + 40 * (100vw - 320px) / 1600, 80px) 0 clamp(60px, 60px + 100 * (100vw - 320px) / 1600, 160px)}.join .join-row{display:flex;justify-content:space-between;align-items:center}.join .join-text,.join .join-params{flex:0 0 40.5%}.join .subtitle{margin-top:clamp(2px,2px + 30*(100vw - 320px)/1600,32px)}.join .join-params{display:grid;grid-template-columns:repeat(2, 1fr);gap:clamp(24px,24px + 32*(100vw - 320px)/1600,56px)}@media(max-width: 1024px){.join .join-text,.join .join-params{flex:0 0 48%}}@media(max-width: 768px){.join{padding:32px 0 48px}.join .join-row{flex-direction:column}.join .join-text,.join .join-params{flex:0 0 100%;width:100%;max-width:468px;margin:0 auto;text-align:center}.join .subtitle{margin-top:2px}.join .join-params{margin-top:0;grid-template-columns:1fr;gap:0}.join .params-item{margin-top:24px;text-align:center}}.featured{padding:clamp(40px, 40px + 40 * (100vw - 320px) / 1600, 80px) 0}.featured h2{text-align:center}.featured .featured-row{margin:clamp(24px, 24px + 32 * (100vw - 320px) / 1600, 56px) 0 clamp(24px, 24px + 40 * (100vw - 320px) / 1600, 64px);display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(16px,16px + 40*(100vw - 320px)/1600,56px)}.featured .featured-col,.featured .featured-icon{display:flex}.featured .featured-icon{flex-shrink:0;width:56px;height:56px;justify-content:center;align-items:center;background-color:var(--palette-figure-bg);border-radius:16px}.featured .featured-text{padding-left:clamp(8px,8px + 12*(100vw - 320px)/1600,20px)}.featured .body-text{margin-top:clamp(2px,2px + 10*(100vw - 320px)/1600,12px)}.featured .featured-image{width:100%;max-width:968px;margin:0 auto}.functional{padding:clamp(40px, 40px + 40 * (100vw - 320px) / 1600, 80px) 0}.functional .functional-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.functional .subtitle{margin-top:clamp(2px,2px + 30*(100vw - 320px)/1600,32px)}.functional .functional-col--img{background-color:var(--palette-cards-dropdowns-bg);border-radius:clamp(20px,20px + 12*(100vw - 320px)/1600,32px);padding-bottom:20px;overflow:hidden}.functional h3{margin:6px 0 8px}.functional h3,.functional .body-text{padding:0 clamp(16px, 16px + 16 * (100vw - 320px) / 1600, 32px)}.pocket{padding:clamp(40px, 40px + 40 * (100vw - 320px) / 1600, 80px) 0}.pocket .pocket-row{display:flex;justify-content:space-between;align-items:center}.pocket .pocket-picture{flex:0 0 41%}.pocket .pocket-text{flex:0 0 49%}.pocket .subtitle{margin-top:clamp(2px,2px + 30*(100vw - 320px)/1600,32px)}@media(max-width: 1024px){.featured .featured-row{grid-template-columns:repeat(2, 1fr)}.functional .functional-row{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.featured,.functional,.pocket{padding:32px 0}.featured .featured-row{margin:24px 0;grid-template-columns:.7fr;justify-content:center}.functional .functional-row{grid-template-columns:424px;gap:0;justify-content:center}.functional .functional-col{margin-top:24px;text-align:center}.functional .functional-col:first-child{margin-top:0}.functional .subtitle{margin-top:2px}.pocket .pocket-row{flex-direction:column}.pocket .pocket-picture,.pocket .pocket-text{flex:0 0 100%;width:100%;max-width:468px;margin:0 auto}.pocket .pocket-text{margin-top:32px;text-align:center}.pocket .subtitle{margin-top:2px}}@media(max-width: 576px){.featured .featured-row{margin-top:0;margin-bottom:24px;gap:0;grid-template-columns:.8fr}.featured .featured-col{margin-top:32px;flex-direction:column;align-items:center}.featured .featured-text{padding-left:0;margin-top:16px;text-align:center}}@media(max-width: 460px){.featured .featured-row{grid-template-columns:1fr}.functional .functional-row{grid-template-columns:1fr}}
