.landing{--ink-2: #BFC2BC;--panel: #1A1A1A}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,8vw,72px) 0 24px;overflow:hidden}.hero-pitch{position:absolute;left:50%;top:clamp(200px,30vw,260px);width:min(1100px,150%);transform:translate(-50%);pointer-events:none;z-index:0;opacity:.5}.hero-pitch path{stroke:#2c2c2c;stroke-width:1.5}.hero-pitch circle{fill:var(--accent)}.hero>:not(.hero-pitch){position:relative;z-index:1}.hero h1{font-size:clamp(2.75rem,7vw,5.75rem);line-height:.95;text-transform:uppercase}.hero h1 .line{display:block}.hero h1 .accent{color:var(--accent)}.hero .subhead{margin-top:24px;max-width:31em;font-size:clamp(1.0625rem,1.5vw,1.1875rem);color:var(--ink-2);text-wrap:pretty}.notif{margin-top:clamp(40px,7vw,64px);width:min(620px,100%);display:flex;gap:16px;align-items:center;text-align:start;padding:20px 22px;border-radius:28px;background:#232323;border:1px solid var(--border);box-shadow:0 40px 80px -30px #000c,0 0 0 8px #66c34c0f}.notif img{width:52px;height:52px;border-radius:14px;flex-shrink:0}.notif-text{min-width:0;flex:1}.notif-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.notif-top strong{font-weight:600;font-size:clamp(1.0625rem,2vw,1.25rem)}.notif-time{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.notif-body{display:block;color:var(--ink-2);font-size:clamp(.9375rem,1.6vw,1.0625rem)}@keyframes notif-drop{0%{opacity:0;transform:translateY(-40px) scale(.94)}60%{opacity:1;transform:translateY(4px) scale(1.01)}to{transform:none}}.hero .store-badges{margin-top:clamp(40px,6vw,56px)}.trust{margin-top:18px;font-size:.875rem;color:var(--text-secondary)}.store-badges{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px;width:fit-content;margin-inline:auto}@media(max-width:400px){.store-badges{grid-auto-flow:row}}.badge{display:flex;align-items:center;gap:12px;min-height:54px;box-sizing:border-box;padding:10px 20px;border-radius:12px;text-decoration:none;text-align:start}.badge-play{background:#000;color:#fff;border:1px solid #A6A6A6}.badge-soon{color:var(--text);border:1px solid rgba(236,236,234,.18)}.badge-logo{width:26px;height:26px;flex-shrink:0}.badge-text{display:flex;flex-direction:column;line-height:1.15}.badge-sub{font-size:.6875rem;opacity:.8}.badge-soon .badge-sub{color:var(--text-secondary);opacity:1}.badge-label{font-weight:600;font-size:1.0625rem}.section{padding-top:clamp(72px,10vw,112px)}.section-title{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.02;text-transform:uppercase;text-align:center}.section-lede{margin:16px auto 0;max-width:34em;text-align:center;color:var(--ink-2)}.eyebrow{font-family:var(--font-display);font-size:.9375rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.seq{padding-top:clamp(64px,9vw,96px);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.seq-card{padding:28px;border-radius:22px;background:var(--panel)}.seq-card.is-accent{background:var(--accent);color:var(--on-accent)}.seq-k{font-family:var(--font-display);font-size:.9375rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.seq-card.is-accent .seq-k{color:inherit;opacity:.75}.seq-v{margin-top:10px;font-family:var(--font-display);font-size:1.875rem;line-height:1.1;text-transform:uppercase}.phones{margin-top:64px;display:grid;gap:40px 28px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.phone-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:22px}.phone{width:280px;max-width:100%;aspect-ratio:9 / 18.5;box-sizing:border-box;border-radius:44px;padding:10px;background:#2a2a2a;box-shadow:0 30px 60px -30px #000000e6}.screen{height:100%;box-sizing:border-box;overflow:hidden;border-radius:36px;background:var(--bg);padding:44px 16px 16px;display:flex;flex-direction:column;gap:10px;font-size:.75rem;text-align:start}.screen-title{margin-bottom:4px;font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase}.phone-fig figcaption{text-align:center;max-width:18em}.phone-fig figcaption strong{display:block;font-size:1.125rem}.phone-fig figcaption span{color:var(--text-secondary);font-size:.9375rem}.m-card{padding:12px;border-radius:14px;background:var(--surface)}.m-follow{padding:14px;display:flex;flex-direction:column;gap:10px}.m-follow strong{font-size:.9375rem}.m-toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--ink-2)}.m-toggle{position:relative;width:36px;height:20px;border-radius:10px;background:#3a3a3a}.m-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary)}.m-toggle.is-on{background:var(--accent)}.m-toggle.is-on:after{left:auto;right:2px;background:#fff}.m-add{margin-top:auto;padding:12px;border-radius:12px;border:1px dashed rgba(236,236,234,.2);text-align:center;font-size:.8125rem;color:var(--text-secondary)}.m-chips{display:flex;gap:6px}.m-chip{padding:5px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.m-chip.is-on{background:var(--accent);color:var(--on-accent);font-weight:600}.m-pen-comp{color:var(--text-secondary);letter-spacing:.04em}.m-pen-match{margin:4px 0;font-weight:600;font-size:.875rem}.m-pen-foot{display:flex;justify-content:space-between;align-items:center;color:var(--ink-2)}.m-goal{font-weight:700;color:var(--on-accent);background:var(--accent);border-radius:5px;padding:2px 6px}.m-cmp{padding:16px 14px;text-align:center}.m-cmp-score{font-family:var(--font-display);font-size:2.75rem;line-height:1}.m-cmp-score .sep{color:var(--text-secondary);font-size:.65em;margin:0 6px}.m-cmp .a{color:var(--series-a)}.m-cmp .b{color:#e0a43a}.m-cmp-cap{margin-top:6px;font-size:.625rem;letter-spacing:.08em;color:var(--text-secondary)}.m-cmp-names{margin-top:10px;display:flex;justify-content:center;gap:12px;font-size:.6875rem}.m-cmp-names span{display:flex;align-items:center;gap:5px}.m-cmp-names i{width:8px;height:8px;border-radius:2px}.m-cmp-names i.a{background:var(--series-a)}.m-cmp-names i.b{background:#e0a43a}.m-bar-row{margin-top:12px;text-align:start;font-size:.6875rem}.m-bar-head{display:flex;justify-content:space-between}.m-bar{height:4px;border-radius:2px;margin-top:3px}.m-bar.a{background:var(--series-a);margin-top:4px}.m-bar.b{background:#e0a43a}.m-share{margin-top:auto;padding:12px;border-radius:12px;background:var(--gold);color:#2a1e05;text-align:center;font-weight:600;font-size:.875rem}.table-section{display:flex;flex-wrap:wrap;gap:48px;align-items:center}.table-copy{flex:1 1 340px;min-width:0}.table-copy .section-title{margin-top:12px;text-align:start}.table-body{margin-top:18px;max-width:28em;color:var(--ink-2)}.ptable{flex:1 1 520px;min-width:0;padding:24px;border-radius:24px;background:var(--panel);border:1px solid var(--border)}.ptable-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ptable-league{font-weight:600}.ptable-since{font-size:.8125rem;color:var(--text-secondary)}.ptable table{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}.ptable th{padding:8px 0;font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--text-secondary);text-align:start}.ptable th.is-sorted{color:var(--accent)}.ptable td{padding:11px 0;border-top:1px solid rgba(236,236,234,.08);font-weight:600}.ptable .pos{width:28px;color:var(--text-secondary);font-weight:400}.ptable .num{text-align:end;padding-left:12px}.ptable td.for{color:var(--accent)}.ptable td.against{color:var(--danger)}.ptable-more{margin-top:14px;font-size:.8125rem;color:var(--text-secondary)}.band{padding:clamp(36px,6vw,72px);border-radius:32px;background:var(--accent);color:var(--on-accent);display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between}.band h2{font-size:clamp(2.5rem,6.5vw,5.5rem);line-height:.92;text-transform:uppercase}.band h2 .line{display:block}.band p{max-width:24em;font-size:1.125rem;font-weight:500}.league-cols{margin-top:56px;display:grid;gap:40px 32px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.league-cols h3{padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid var(--accent);font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase}.league-cols ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.9375rem;color:var(--ink-2)}.leagues-disclaimer{margin:40px auto 0;max-width:62ch;text-align:center;font-size:.75rem;color:var(--text-secondary)}.faq{max-width:760px;margin-inline:auto}.faq-list{margin-top:32px;border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border);padding:20px 4px}.faq summary{display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:1.125rem;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.faq details p{margin-top:12px;color:var(--ink-2)}.landing>.section:last-child{padding-bottom:clamp(64px,9vw,96px)}.cta{border-radius:32px;background:var(--panel);padding:clamp(40px,7vw,80px) 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.cta h2{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1;text-transform:uppercase}.cta p{margin-top:14px;color:var(--ink-2)}.cta .store-badges{margin-top:32px}:root{--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .8, .2, 1)}.reveal-on [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .9s var(--ease-out);transition-delay:calc(var(--i, 0) * .11s)}.reveal-on [data-reveal].is-in{opacity:1;transform:none}.reveal-on .seq-card[data-reveal],.reveal-on .band[data-reveal],.reveal-on .cta[data-reveal]{transform:translateY(24px) scale(.92);transition-timing-function:ease,var(--ease-back);transition-duration:.5s,.8s}.reveal-on [data-reveal=phone]{transform:translateY(90px) rotate(-5deg) scale(.94);transition-timing-function:ease,var(--ease-back);transition-duration:.6s,1.1s;transition-delay:calc(var(--i, 0) * .16s)}.reveal-on [data-reveal=phone]:nth-child(2){transform:translateY(110px) scale(.94)}.reveal-on [data-reveal=phone]:nth-child(3){transform:translateY(90px) rotate(5deg) scale(.94)}.reveal-on [data-reveal=phone].is-in{transform:none}.reveal-on .ptable[data-reveal] tbody tr{opacity:0;transform:translate(-14px);transition:opacity .4s ease,transform .6s var(--ease-out)}.reveal-on .ptable[data-reveal].is-in tbody tr{opacity:1;transform:none}.ptable tbody tr:nth-child(1){transition-delay:.25s}.ptable tbody tr:nth-child(2){transition-delay:.32s}.ptable tbody tr:nth-child(3){transition-delay:.39s}.ptable tbody tr:nth-child(4){transition-delay:.46s}.ptable tbody tr:nth-child(5){transition-delay:.53s}.ptable tbody tr:nth-child(6){transition-delay:.6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:no-preference){.phone{animation:float 6s ease-in-out infinite}.phone-fig:nth-child(2) .phone{animation-duration:7s;animation-delay:-2s}.phone-fig:nth-child(3) .phone{animation-duration:6.5s;animation-delay:-4s}.hero .notif{animation:notif-drop .9s .4s var(--ease-out) both,float 5s 1.4s ease-in-out infinite}}