body,html{height:100%;scroll-snap-type:y proximity;margin:0;scroll-behavior:smooth}.content-wrapper{width:100%;margin:0 auto;box-sizing:border-box}.section{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;padding-left:5%;padding-right:5%;flex-direction:row;overflow-y:hidden;overflow:visible;position:relative;z-index:2;overflow:hidden}@media (max-width:768px){.section{height:auto;flex-direction:column;align-items:center;text-align:center;padding-top:60px;min-height:100vh}}.section.snap{scroll-snap-align:start}@media (hover:none){.section.snap{scroll-snap-align:none}}.section.white{background-color:white;color:black}.section.black{background-color:black;color:white}.background-image,.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.background-video{opacity:0;transition:opacity .5s ease-in-out}.background-video.ready{opacity:1}.section-text-container{flex-direction:column;padding-bottom:30px}@media (max-width:768px){.section-text-container{order:2}}@media (min-width:768px){.section-text-container{display:flex;flex-direction:column;justify-content:space-between;height:80%;width:40%;max-width:700px;padding-top:2.5%}}.header-text{font-size:4vw;font-weight:700;line-height:1;text-align:left;overflow-wrap:break-word}@media (max-width:768px){.header-text{font-size:2rem}}.subtext-container{text-align:left;justify-content:space-between;max-height:100%;flex:1;display:flex;flex-direction:column;border-radius:20px;padding:10px;margin-top:20px}@media (min-width:768px){.header-text-container,.subtext-container{margin-top:50px;width:100%}}.sub-text{font-size:2vw;font-weight:700;line-height:1;text-align:left;margin-top:20px}@media (max-width:768px){.sub-text{font-size:1.2rem}}.text-container{display:flex;flex-direction:column;justify-content:center;height:100%}.details-container{gap:20px;justify-content:space-between;flex-direction:column;display:flex}.details-text{font-weight:700;font-size:1.2rem;line-height:1.5;text-align:left;color:black}@media (max-width:768px){.details-text{font-size:1rem;line-height:1.2;margin-top:20px}.details-text:first-child{margin-top:0}}.details-text.inline{display:inline}.details-text.white{color:white}.details-text.end,.details-text.end.white{color:#c4cbd1}.mockup-image{height:80%;width:auto;object-fit:contain}.logo-image{height:50%;max-width:40vw;object-fit:contain}@media (max-width:768px){.mockup-image{width:100%;height:auto;max-height:60vh}}.mockup-image.absolute{position:absolute}.mockup-container.left{margin-right:2.5%}.mockup-container.right{margin-left:2.5%}@media (min-width:769px){.mockup-container{width:45%;max-width:50%;min-width:40%}}.mockup-container{height:100%;min-width:40%;max-width:50%;display:flex;justify-content:center;align-items:center;position:relative;opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.mockup-container.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.mockup-container{max-width:unset;height:auto;order:1;margin:30px 0}}.mockup-viewport{overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:5}.mockup-image-layer{position:absolute;width:100%;height:100%;object-fit:contain}video{-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;isolation:isolate}.section .buttons-container{display:flex;flex-direction:row;gap:20px;margin-top:20px}.link-container{cursor:pointer;border-radius:15px;padding:17px;width:fit-content;display:flex;align-items:center;justify-content:center;min-width:100px;text-align:center}.section.white .link-container{background-color:black}.section.black .link-container{background-color:white}.link-container p{font-weight:700;font-size:1rem;display:inline-block;width:100%}.mute-button-container{opacity:0;transition:opacity .5s ease-in-out}.mute-button-container.visible{opacity:1}.section.white .link-container p{color:white}.section.black .link-container p{color:black}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;width:40px;height:40px;cursor:default;animation:bounce 2s infinite;opacity:.7;transition:opacity .5s ease-out;pointer-events:auto}.scroll-hint.notvisible{opacity:0;pointer-events:none;animation-play-state:paused}.section.white .scroll-hint svg,.section.white .scroll-hint.hidden svg{stroke:black}.section.black .scroll-hint svg,.section.black .scroll-hint.hidden svg{stroke:white}.scroll-hint svg path{animation:fade-pulse 1.8s ease-in-out infinite;opacity:.3}.scroll-hint svg .chevron-1{animation-delay:0s}.scroll-hint svg .chevron-2{animation-delay:.3s}.scroll-hint svg .chevron-3{animation-delay:.6s}@keyframes fade-pulse{0%{opacity:.3}33%{opacity:1}66%,to{opacity:.3}}