@font-face{font-family:Nunito;src:url('/landing/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{font-family:Nunito,system-ui,sans-serif;color:#fff;font-synthesis:none;background:#282638}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:36px 20px 20px}
.gradient{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#282638}
.gradient i{position:absolute;inset:-50%;background:radial-gradient(ellipse at 28% 32%,#b6a1e2 0,transparent 58%);animation:drift 26s ease-in-out infinite alternate}
.gradient i:nth-child(2){background:radial-gradient(ellipse at 77% 62%,#83baa9 0,transparent 58%);animation-delay:-9s;animation-duration:32s}
.gradient i:nth-child(3){background:radial-gradient(ellipse at 52% 100%,#dfa69d 0,transparent 55%);animation-delay:-17s;animation-duration:38s}
@keyframes drift{to{transform:translate(9%,-8%) rotate(16deg)}}
main{width:100%;max-width:680px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center}
header{margin:0 0 22px;text-shadow:0 2px 20px #28263855}h1{font-size:clamp(2.5rem,7vw,3.5rem);font-weight:900;line-height:1.12;letter-spacing:-.035em;margin:0 0 8px}header p{font-size:1.125rem;font-weight:700;margin:0}
figure{margin:0;width:min(100%,292px)}.video{aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:22px;background:#282638;border:1px solid #ffffff70;box-shadow:0 18px 60px #28263840}
.poster,.video iframe{width:100%;height:100%;display:block;object-fit:cover;border:0}
.play{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:linear-gradient(transparent,#16152360);color:white;font:800 1rem Nunito,system-ui,sans-serif;border:0;cursor:pointer;text-shadow:0 2px 8px #0009}.play[hidden]{display:none}
.play-circle{display:grid;place-items:center;padding-left:5px;width:72px;height:72px;font-size:1.5rem;background:#ffffffee;color:#324964;border-radius:50%;box-shadow:0 4px 24px #0003;text-shadow:none;transition:transform .2s}.play:hover .play-circle{transform:scale(1.08)}
figcaption{font-size:.75rem;line-height:1.5;margin-top:10px;color:#fff;text-shadow:0 1px 8px #28263899}figcaption a{color:inherit;text-underline-offset:3px}.no-script{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#28263870}
.store{display:flex;align-items:center;gap:11px;background:#282638e8;padding:11px 21px;border-radius:17px;margin-top:22px;text-align:left;border:1px solid #ffffff35}.store span{display:flex;flex-direction:column;line-height:1.15}.store small{font-size:.75rem;font-weight:650;margin-bottom:3px}.store strong{font-size:1.125rem;font-weight:850}
.socials{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:22px 0 32px}.socials a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:46px;color:#324964;background:#f5fdffeb;border:1px solid #fff9;border-radius:16px;box-shadow:0 3px 0 #32496435;text-decoration:none;font-size:.875rem;font-weight:900;transition:transform .2s,background .2s}.socials a:hover{background:white;transform:translateY(-2px)}
footer{display:flex;justify-content:center;gap:12px 26px;flex-wrap:wrap;font-size:.875rem;font-weight:750;text-shadow:0 1px 8px #28263899}footer nav{display:flex;gap:18px}footer a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:3px solid #fff;outline-offset:5px}.play:focus-visible{outline-offset:-6px}.socials a:focus-visible{outline-color:#324964}
@media(min-height:900px){body{padding-top:45px}figure{width:min(100%,320px)}}
@media(max-width:380px){body{padding:28px 16px 18px}.socials a{padding:12px}.socials{gap:7px}header p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.gradient i{animation:none}.play-circle,.socials a{transition:none}}