@font-face{font-family:Singela;src:url('/fonts/SingelaW01-Bold.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Geist;src:url('/fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box;border-width:0;border-style:solid}html{background:#f7f7f7;scroll-behavior:smooth}body{margin:0;color:#121212;font:300 16px/1.4 Geist,Arial,sans-serif}p,h1,h2{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{vertical-align:middle}body{overflow-x:clip}main{display:block}.hero{position:relative;height:97.7083vw;min-height:760px;overflow:hidden;background:#f7f7f7}.hero-art{position:absolute;inset:0;height:43.75vw;pointer-events:none}.design-stage{width:1440px;transform:scale(var(--scale,1));transform-origin:top left;position:relative}.hero-art .design-stage{height:630px}.brand{position:absolute;top:80px;left:50%;translate:-50% 0;width:133px;height:20px;z-index:2}.brand>div{width:133px!important;height:20px!important}.hero-copy{position:absolute;top:180px;left:50%;translate:-50% 0;text-align:center;width:min(94%,900px);z-index:1}.hero-copy h1{font:400 110px/.9 Singela,sans-serif;letter-spacing:-.025em;word-spacing:-.2em}.hero-copy p{margin-top:24px;font-size:15px;letter-spacing:.02em}.hero-device{position:absolute;top:33.8194vw;left:0;width:100%;height:70vw;pointer-events:none}.hero-device .design-stage{width:1630px;height:800px;left:-6.5972vw}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 30px;border:1px solid #ffffffb3;background:#111;color:white;border-radius:16px;box-shadow:0 10px 15px #0000000d,0 20px 30px #0000000d;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.store-button:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 18px 36px #0002}.store-button img{width:25px;height:35px;object-fit:contain}.store-button span{display:flex;flex-direction:column;align-items:start;gap:4px}.store-button small{font-size:10px;font-weight:500;line-height:1}.store-button strong{font-size:18px;line-height:1;font-weight:500}.floating-store{position:fixed;bottom:24px;right:24px;z-index:10}.skip{position:fixed;top:12px;left:12px;z-index:100;background:white;padding:12px;translate:0 -200%}.skip:focus{translate:0 0}
@media(min-width:761px){.brand{top:5.5556vw}.hero-copy{top:12.5vw}.hero-copy h1{font-size:7.6389vw}.hero-copy p{font-size:clamp(13px,1.0417vw,18px)}}
@media(max-width:760px){.hero{height:1100px;min-height:0}.brand{top:42px}.hero-art .design-stage{transform:scale(.52);left:calc(50% - 374.4px)}.hero-copy{top:160px;width:calc(100% - 40px)}.hero-copy h1{font-size:clamp(48px,12.8vw,88px);line-height:.98}.hero-copy p{font-size:14px;margin:22px auto 0;max-width:280px;line-height:1.6}.hero-device{top:400px;height:660px;left:0}.hero-device .design-stage{transform:scale(.7);left:calc(50% - 570.5px)}.floating-store{bottom:16px;right:16px;padding:12px 20px;gap:16px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}}