.hero{border-radius:32px;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center;pointer-events:none;filter:grayscale();border-radius:32px;width:100%;height:100vh;scale:1.1}.hero-video{object-fit:cover;object-position:center center;opacity:1;width:100%;height:100%}.hero-headline{font-size:92px;font-family:var(--font-family);text-transform:uppercase;color:var(--color-text);margin:0;padding:0;font-weight:700;position:absolute;top:50%;left:64px;translate:0 -50%;rotate:-90deg}.hero .text .content{align-items:center;gap:32px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero .text .content ul{color:var(--color-text);padding:0;font-size:32px;list-style-type:none}.hero .text .content .cta{border-radius:64px;padding:32px 64px;font-size:32px}.hero .subheadline{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;left:50%;translate:-50%}.hero .subheadline .text{font-size:48px;font-family:var(--font-family);color:var(--color-text);text-transform:uppercase;margin-block:1em;font-weight:700}.hero .subheadline .scroll{width:32px;height:64px;animation:2s infinite scroll}.hero .cta{background-color:var(--color-secondary);color:var(--color-text);border-radius:32px;padding:16px 32px;text-decoration:none;transition:transform .3s}.hero .cta:hover{background-color:var(--color-primary);color:var(--color-secondary);transition:transform .3s;transform:scale(1.1)}@keyframes scroll{0%{transform:translateY(0)}50%{transform:translateY(16px)}to{transform:translateY(0)}}@media (max-width:960px){.hero{height:100vh}.hero-headline{font-size:48px;left:-24px}.hero-headline-alternate{left:-50px}.hero .text .content{flex-direction:column;gap:16px}.hero .text .content ul{font-size:24px}.hero .text .content .cta{text-align:center;width:80%;padding:16px 32px;font-size:24px}.hero .subheadline{bottom:16px}.hero .subheadline .text{text-align:center;font-size:32px}.hero .subheadline .scroll{height:32px}.hero .cta{padding:8px 16px}}
.keys{border-radius:64px;grid-template-columns:repeat(4,1fr);gap:16px;margin:calc(100vh + 96px) auto 96px;display:grid}.keys .item{flex-direction:column;align-items:center;padding:32px 0;display:flex}.keys .item h3{text-align:center;margin:0;font-size:32px}.keys .item p{text-align:center;margin:0;font-size:16px}@media (max-width:960px){.keys{border-radius:32px;flex-direction:column;gap:0;padding:8px 20px;display:flex}.keys .item{text-align:left;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:16px;padding:18px 4px}.keys .item:not(:last-child){border-bottom:1px solid #ffffff14}.keys .item h3{text-align:left;flex:none;min-width:108px;font-size:26px}.keys .item p{text-align:left;font-size:14px}}