.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--nav-h) + 2rem) var(--pad) clamp(2.5rem,8vh,5.5rem)}.hero__copy{max-width:40rem;display:grid;gap:1.4rem}.hero__title{word-spacing:.08em;font-size:clamp(3rem,8.2vw,6rem);font-weight:800;line-height:.96;letter-spacing:-.04em}.hero__title .line{display:block;overflow:hidden;padding-bottom:.06em}.hero__title .line>span{display:inline-block}.hero__title .line:last-child{color:var(--bib)}.hero__sub{max-width:30rem;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--lilac)}.hero__free{font-size:.88rem;color:var(--lilac-dim)}.hero__hint{position:absolute;right:var(--pad);bottom:clamp(2.5rem,8vh,5.5rem);display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--lilac);text-decoration:none}.hero__hint svg{width:1.1rem;height:1.1rem;transform:rotate(90deg);animation:nudge 1.8s var(--ease-out) infinite}@keyframes nudge{0%,to{translate:0 0}50%{translate:0 4px}}.tag{position:fixed;left:0;top:0;z-index:-1;pointer-events:none;will-change:transform}.tag__dot,.tag__text{position:absolute;left:0;top:0}.tag__text{white-space:nowrap;translate:-50% calc(-100% - .6rem);padding:.4rem .8rem;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--bib);color:var(--bib-ink);box-shadow:0 10px 24px -10px #ff7a3dcc;transition:background-color .5s var(--ease-out),color .5s var(--ease-out)}.tag__dot{width:1px;height:.6rem;translate:0 -.6rem;background:var(--bib)}.tag__text,.tag__dot{transition:opacity .4s var(--ease-out),background-color .5s var(--ease-out),color .5s var(--ease-out)}.tag.is-hidden .tag__text,.tag.is-hidden .tag__dot,.tag.is-covered .tag__text,.tag.is-covered .tag__dot{opacity:0}.tag.is-found .tag__text{background:var(--chalk);color:var(--violet-deep)}.tag.is-found .tag__dot{background:var(--chalk)}.how{position:relative;height:460vh;margin-top:15vh}.how__stage{position:sticky;top:0;height:100svh;padding:calc(var(--nav-h) + 3rem) var(--pad) 3rem;display:flex;align-items:center}.how__stage:before{--fade-top: 25vh;--fade-bottom: 50vh;--fade-mask: linear-gradient( 180deg, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100% );content:"";position:absolute;inset:calc(-1 * var(--fade-top)) 0 calc(-1 * var(--fade-bottom));pointer-events:none;background:linear-gradient(90deg,#0b0620c7,#0b062080 30%,#0b062000 48%);-webkit-mask-image:var(--fade-mask);mask-image:var(--fade-mask)}.how__copy{position:relative;max-width:26rem;display:grid;gap:2.5rem;padding-left:1.75rem}.how__title{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:700}.steps{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}.step{opacity:.32;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.step h3{font-size:1.25rem;font-weight:600;margin-bottom:.4rem}.step p{color:var(--lilac);max-width:34ch}.how[data-step="0"] .step[data-i="0"],.how[data-step="1"] .step[data-i="1"],.how[data-step="2"] .step[data-i="2"]{opacity:1;transform:translate(.5rem)}.how__meter{position:absolute;left:0;top:0;bottom:0;width:2px;background:#c9b6ff29;border-radius:2px;overflow:hidden}.how__meter span{position:absolute;inset:0;background:var(--bib);transform-origin:top;transform:scaleY(0)}.match{--x: 70vw;--y: 45vh;position:absolute;left:0;top:0;width:19rem;padding:1.1rem 1.1rem 1rem;border-radius:20px;background:var(--chalk);color:var(--app-ink);box-shadow:0 30px 60px -24px #000000bf,0 8px 18px -8px #3b1c9a80;transform:translate(calc(var(--x) - 50%),calc(var(--y) - 100% - 1.5rem));opacity:0;visibility:hidden;transition:opacity .5s var(--ease-out),scale .5s var(--ease-out),visibility 0s .5s;scale:.94}.how.is-live[data-step="0"] .match{opacity:1;visibility:visible;scale:1;transition:opacity .6s var(--ease-out),scale .6s var(--ease-out),visibility 0s}.match:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:var(--chalk);transform:translate(-50%) rotate(45deg);border-radius:3px}.match__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.match__sport{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:#723feb1f;color:var(--violet)}.match__example{font-size:.7rem;color:var(--app-muted)}.match__title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.match__facts{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.35rem;font-size:.86rem;color:var(--app-muted)}.match__facts li{display:flex;gap:.5rem;align-items:center}.match__facts svg{width:1rem;height:1rem;color:var(--violet)}.match__roster{display:flex;align-items:center;gap:0;margin-bottom:.9rem}.av{display:grid;place-items:center;width:2rem;height:2rem;margin-right:-.4rem;border-radius:50%;border:2px solid var(--chalk);background:var(--violet);color:#fff;font-size:.62rem;font-weight:700}.av:nth-child(2){background:#5a2fd0}.av:nth-child(3){background:#8a5cf5}.av:nth-child(4){background:#4a23b4}.av--empty{background:#fff;color:var(--bib);border:2px dashed var(--bib)}.match__need{margin-left:.9rem;font-size:.8rem;font-weight:600;color:#a83c10}.match__btn{display:block;text-align:center;padding:.65rem;border-radius:12px;background:var(--violet);color:#fff;font-weight:600;font-size:.92rem}.chat{position:absolute;right:var(--pad);bottom:3rem;width:min(22rem,40vw);display:grid;gap:.5rem;pointer-events:none}.bubble{max-width:85%;padding:.6rem .85rem;border-radius:16px;font-size:.92rem;line-height:1.35;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.bubble b{display:block;font-size:.72rem;color:var(--violet);margin-bottom:.1rem}.bubble--in{justify-self:start;background:var(--chalk);color:var(--app-ink);border-bottom-left-radius:4px}.bubble--out{justify-self:end;background:var(--violet);color:#fff;border-bottom-right-radius:4px}.chat__note{justify-self:end;font-size:.72rem;color:var(--lilac-dim);opacity:0;transition:opacity .5s .6s}.how.is-live[data-step="2"] .bubble{opacity:1;transform:none}.how.is-live[data-step="2"] .bubble:nth-child(2){transition-delay:.35s}.how.is-live[data-step="2"] .bubble:nth-child(3){transition-delay:.7s}.how.is-live[data-step="2"] .chat__note{opacity:1}.play{min-height:130svh;display:flex;align-items:center;padding:6rem var(--pad)}.play__inner{max-width:48rem;display:grid;gap:2rem;justify-items:start}.play__title{font-size:clamp(2.2rem,5vw,4rem);font-weight:800}.switch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#c9b6ff1a;box-shadow:inset 0 0 0 1px #c9b6ff24}.switch button{position:relative;z-index:1;border:0;background:none;padding:.7rem 1.4rem;border-radius:999px;font-weight:600;color:var(--lilac);transition:color .4s var(--ease-out)}.switch button[aria-selected=true]{color:var(--violet-deep)}.switch__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--chalk);transition:transform .55s var(--ease-out)}.play[data-mode=gaming] .switch__thumb{transform:translate(100%)}.catalog{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.1em .55em;font-family:var(--font-display);font-size:clamp(1.9rem,4.6vw,3.8rem);font-weight:300;line-height:1.12;letter-spacing:-.035em}.catalog[hidden]{display:none}.catalog li{transition:font-weight .45s var(--ease-out),color .45s var(--ease-out)}.catalog li:not(.catalog__more):hover{font-weight:800;color:var(--lilac)}.catalog li:not(:last-child):after{content:"/";margin-left:.55em;font-weight:200;color:#c9b6ff59}.catalog__more{color:var(--bib);font-weight:500}.play__note{color:var(--lilac-dim);font-size:.95rem}.details{position:relative;padding:clamp(5rem,12vh,9rem) var(--pad);background:linear-gradient(180deg,#0b062000,#0b0620db 14% 86%,#0b062000);display:grid;gap:clamp(4rem,10vh,7rem)}.details__title{font-size:clamp(2rem,4.4vw,3.6rem);font-weight:800;max-width:14ch}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;max-width:72rem}.detail--flip .detail__text{order:2}.detail__text h3{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;margin-bottom:.9rem}.detail__text p{color:var(--lilac);max-width:40ch}.detail__demo{margin:0;padding:0;list-style:none}.demo-add{display:flex;gap:.9rem;align-items:flex-end}.tile{display:grid;justify-items:center;align-content:center;gap:.7rem;width:8.5rem;aspect-ratio:4 / 5;padding:.8rem;border-radius:18px;background:var(--chalk);color:var(--app-ink);font-weight:600;font-size:.92rem;box-shadow:0 24px 40px -22px #000c}.tile__disc{display:grid;place-items:center;width:4rem;aspect-ratio:1;border-radius:50%;background:#723feb1f;color:var(--violet)}.tile__disc svg{width:2rem;height:2rem}.tile__disc--ball{background:#ffe4d6;color:#d4551f}.tile__disc--pad{background:#dcd2ff;color:var(--violet-deep)}.tile--new{color:var(--violet);outline:2px dashed rgb(114 63 235 / .4);outline-offset:-8px}.demo-fields{display:grid;gap:.6rem;padding:1.1rem;border-radius:20px;background:var(--chalk);color:var(--app-ink);max-width:24rem;box-shadow:0 30px 50px -28px #000c}.demo-wish{display:grid;gap:.35rem;padding:1.1rem;border-radius:20px;background:var(--chalk);color:var(--app-ink);max-width:24rem;box-shadow:0 30px 50px -28px #000c}.demo-wish__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.demo-wish__when{color:var(--app-muted);font-size:.92rem}.demo-wish__roster{display:flex;align-items:center;margin-top:.6rem}.demo-wish__need{margin-left:.9rem;font-size:.8rem;font-weight:600;color:var(--app-ink)}.demo-fields div{display:grid;gap:.2rem}.demo-fields dt{font-size:.74rem;font-weight:600;color:var(--app-muted)}.demo-fields dd{margin:0;padding:.55rem .75rem;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #e4def5;font-size:.92rem}.demo-chips{display:flex;flex-wrap:wrap;gap:.6rem}.demo-chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:999px;background:#c9b6ff1a;box-shadow:inset 0 0 0 1px #c9b6ff33;font-weight:500}.demo-chips svg{width:1.1rem;height:1.1rem;color:var(--bib)}.cta{min-height:120svh;display:grid;place-content:end center;justify-items:center;gap:1.8rem;padding:8rem var(--pad) clamp(3rem,12svh,8rem);text-align:center;background:radial-gradient(56% 44% at 50% 52%,#0b0620e0,#0b062059 70%,#0b062000)}.cta__title{display:grid;word-spacing:.08em;font-size:clamp(2.4rem,6.4vw,5.6rem);font-weight:800;letter-spacing:-.04em}.cta__accent{color:var(--bib)}.cta__sub{max-width:34rem;color:var(--lilac);font-size:1.1rem}@media (max-width: 900px){.scrim{background:linear-gradient(0deg,#0b0620eb,#0b06208c 42%,#0b062000 68%),linear-gradient(180deg,#0b062099,#0b062000 18%)}.hero__hint{display:none}.how__stage:before{background:linear-gradient(180deg,rgb(11 6 32 / .8) var(--fade-top),rgb(11 6 32 / .4) calc(var(--fade-top) + 32svh),rgb(11 6 32 / 0) calc(var(--fade-top) + 45svh))}.how__stage{align-items:flex-start;padding-top:calc(var(--nav-h) + 1rem)}.how__copy{gap:1.25rem;padding-left:1.1rem}.steps{gap:.9rem}.step{display:none}.how[data-step="0"] .step[data-i="0"],.how[data-step="1"] .step[data-i="1"],.how[data-step="2"] .step[data-i="2"]{display:block;transform:none}.match{left:50%;top:auto;bottom:calc(5.5rem + env(safe-area-inset-bottom));transform:translate(-50%);width:min(19rem,calc(100vw - 2.5rem))}.match:after{display:none}.chat{left:var(--pad);right:var(--pad);width:auto;bottom:calc(5.5rem + env(safe-area-inset-bottom))}.detail{grid-template-columns:minmax(0,1fr)}.demo-add{gap:.6rem}.tile{width:calc((100% - 1.2rem) / 3);padding:.6rem;font-size:.8rem}.tile__disc{width:3rem}.detail--flip .detail__text{order:0}.play{align-items:flex-end}.details__title,.detail__text h3{overflow-wrap:anywhere}}