.landing .chapter{scroll-margin-top:calc(var(--head-h) + var(--strip-h));padding-block:64px 16px}.landing .chapter+.chapter{border-top:1px solid var(--line)}.landing .chapter-head{max-width:40rem;scroll-margin-top:calc(var(--head-h) + var(--strip-h));gap:12px;display:grid}.landing .counts{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2)}.landing .chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.landing .chip{border:1px solid var(--line);border-radius:var(--radius-round,9999px);background:var(--surface);min-height:48px;color:var(--text);transition:border-color var(--duration-fast) var(--ease-standard,ease);align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.landing .chip:hover{border-color:var(--edge)}.landing .chip:focus-visible,.landing .pic-controls :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.landing .beat{scroll-margin-top:calc(var(--head-h) + var(--strip-h));grid-template-columns:minmax(0,1fr);gap:24px;padding-block:48px;display:grid}.landing .beat>*{min-width:0}.landing .beat-words{align-content:start;gap:12px;max-width:34rem;display:grid}.landing .beat-words .who{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-2);margin-top:-8px}.landing .beat-words .good{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2)}.landing .beat-words .good b{color:var(--text);font-weight:600}.landing .beat-pic{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;display:grid}.landing .pic{min-width:0;margin:0;position:relative}.landing .panel{padding:20px var(--pad);border-radius:var(--radius-card,1.25rem);background:var(--surface-2)}.landing .pic-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:48px;display:flex}.landing .pic-cap{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2);margin:0}.landing .pic-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing .pic-controls .btn{min-height:48px}.landing .pic-foot[data-captions]{grid-template-columns:minmax(0,1fr);place-items:start;display:grid}.landing .pic-foot[data-captions]>.pic-cap,.landing .pic-foot[data-captions]>.pic-cap-room{grid-area:1/1}.landing .pic-cap-room{font-size:var(--fs-small);line-height:var(--lh-small);visibility:hidden;margin:0}.landing .seg-steady{justify-items:center;display:inline-grid}.landing .seg-steady>*{grid-area:1/1}.landing .seg-steady>[aria-hidden]{visibility:hidden;font-weight:600}@media (min-width:640px){.landing .panel{padding:24px}}@media (min-width:1024px){.landing .beat{scroll-margin-top:calc(var(--head-h) + 8px);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;column-gap:56px;padding-block:64px}.landing .beat+.beat{border-top:1px solid var(--line)}.landing .chapter,.landing .chapter-head{scroll-margin-top:calc(var(--head-h) + 8px)}.landing .beat.wide{grid-template-columns:minmax(0,1fr);row-gap:32px}.landing .beat.wide .beat-pic{width:100%;max-width:min(100%, calc((100vh - var(--head-h) - 140px) * 16 / 9))}}.landing .pic{--font-ui:var(--font-lexend), system-ui, sans-serif;--fs-caption:.75rem;--lh-caption:1rem;--fs-small:.875rem;--lh-small:1.25rem;--fs-body:1rem;--lh-body:1.5rem;--fs-lead:1.25rem;--lh-lead:1.75rem;--fs-title:2.125rem;--lh-title:2.5rem;--fs-display:3.5rem;--lh-display:3.75rem;--tracking-display:-.03em;--tracking-title:-.02em;--glyph-small:1rem;--glyph-body:1.25rem;--glyph-heading:1.5rem;--glyph-display:2rem;font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body)}.landing .beat-pic,.landing .hero-pic{container-type:inline-size}.landing .pic.cv .tv-screen{aspect-ratio:var(--cw) / var(--ch)}.landing .pic.cv .stage{width:calc(var(--cw) * 1px);height:calc(var(--ch) * 1px)}.landing .pic.cv{min-height:calc((100cqw - 16px) * var(--ch) / var(--cw) + 16px)}.landing .pic.cv.on-laptop{min-height:calc((92cqw - 16px) * var(--ch) / var(--cw) + 28px)}.landing .pic[data-pic=hero]{--cw:340;--ch:310}.landing .pic[data-pic=lobby]{--cw:360;--ch:340}.landing .pic[data-pic=handpick]{--cw:360;--ch:300}.landing .pic[data-pic=captains]{--cw:400;--ch:300}.landing .pic[data-pic=inwords]{--cw:400;--ch:340}.landing .pic[data-pic=showtime]{--cw:360;--ch:300}.landing .pic[data-pic=deal]{min-height:358px}.landing .pic[data-pic=prefs]{min-height:506px}.landing .pic[data-pic=choose]{grid-template-columns:minmax(0,1fr);justify-items:start;min-height:660px;display:grid}@media (max-width:359px){.landing .pic[data-pic=hero]{--cw:300;--ch:300}}@container (max-width:20em){.landing .pic[data-pic=deal]{min-height:676px}}@media (min-width:640px){.landing .pic[data-pic=hero]{--cw:600;--ch:337.5}.landing .pic[data-pic=lobby]{--cw:480;--ch:270}.landing .pic[data-pic=handpick]{--cw:560;--ch:315}.landing .pic[data-pic=captains],.landing .pic[data-pic=inwords]{--cw:480;--ch:270}.landing .pic[data-pic=showtime]{--cw:640;--ch:360}.landing .pic[data-pic=deal]{min-height:384px}.landing .pic[data-pic=prefs]{min-height:422px}.landing #choose .beat-pic,.landing #choose .pic[data-pic=choose]{justify-items:center}.landing #choose .pic-foot{width:340px;max-width:100%}}.landing #play .fmt .pic{container-type:inline-size}.landing #league .pic,.landing #groups .pic,.landing #knockout .pic,.landing #scoreboard .pic{height:30rem}.landing #phones .pic{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.landing #phones .phone{--ph:40rem}.landing #play .tog{gap:10px;padding-inline:16px 20px}.landing #play .tog .box{border:2px solid var(--edge);background:var(--surface);width:20px;height:20px;transition:background-color var(--duration-fast) var(--ease-standard,ease), border-color var(--duration-fast) var(--ease-standard,ease);border-radius:6px;place-items:center;display:grid}.landing #play .tog[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.landing #play .tog[aria-pressed=true] .box{border-color:var(--brand);background:var(--brand)}.landing #play .tog[aria-pressed=true] .box:after{content:"";border-left:2px solid var(--on-brand);border-bottom:2px solid var(--on-brand);width:10px;height:6px;margin-top:-3px;transform:rotate(-45deg)}@media (max-width:559px){.landing #play .pic-controls{width:100%}.landing #play .pic-controls .seg{width:100%;display:flex}.landing #play .pic-controls .seg button{white-space:normal;min-width:0;line-height:var(--lh-small);flex:auto;padding:4px 12px}}@media (min-width:640px){.landing #phones .pic-foot{justify-self:center;width:340px;max-width:100%}}.landing #who .who-tabs{margin-top:32px}.landing #who .who-tabs button{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;font-weight:500}.landing #who .who-tabs button[aria-selected=true]{color:var(--text);font-weight:600}.landing #who .who-tabs button[aria-selected=true] .label:after{content:"";background:var(--brand);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:-4px;right:-4px}.landing #who .who-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-control,.75rem)}.landing #who .who-row{margin-top:24px;display:grid}.landing #who .who-cell[data-off]{display:none}.landing #who .who-pic{grid-template-columns:minmax(0,1fr);align-content:end;justify-items:start;margin:0;display:grid}.landing #who .who-pic>.laptop{width:min(100%,560px)}.landing #who .who-pic>.tv{width:min(100%,640px)}.landing #who .who-pic .phone{width:340px}.landing #who .who-pic .phone-screen{height:540px}.landing #who .who-words{gap:4px;max-width:34rem;margin-top:20px;display:grid}.landing #who .who-words h3{margin-bottom:4px}.landing #who .who-words p{color:var(--text-2)}.landing #who .who-words b{color:var(--text);margin-right:4px;font-weight:600}.landing #who .who-foot{justify-content:flex-end;margin-top:16px}@media (min-width:640px){.landing #who .who-tabs>*{flex:none;padding-inline:16px}.landing #who .who-tabs>:first-child{padding-left:0}.landing #who .who-tabs>button:first-child[aria-selected=true] .label:after{left:0}}@media (min-width:1200px){.landing #who .who-tabs{display:none}.landing #who .who-row{grid-template-columns:minmax(0,.65fr) minmax(0,1fr) repeat(2,200px);column-gap:20px;margin-top:40px}.landing #who .who-cell[data-off]{display:block}.landing #who .who-pic{height:440px}.landing #who .who-pic>.laptop,.landing #who .who-pic>.tv,.landing #who .who-pic .phone{width:100%}.landing #who .who-pic .phone{--pad:12px}.landing #who .who-pic .phone-screen{height:420px}.landing #who .who-pic .tabbar{display:none}.landing #who .who-words{margin-top:24px}}
.landing .ico{width:var(--g,20px);height:var(--g,20px);flex:none;display:block}.landing .shape{width:var(--g,20px);height:var(--g,20px);flex:none;display:block;overflow:visible}.landing .fill{background:var(--fill);color:var(--on)}.landing .tname{white-space:nowrap;font-weight:600}.landing .tname .shape{vertical-align:-.05em;width:.875em;height:.875em;margin-right:.3em;display:inline-block}.landing .band{min-height:56px;padding:0 var(--pad);background:var(--fill);color:var(--on);align-items:center;gap:12px;font-weight:600;display:flex}.landing .band .name{flex:1;min-width:0}.landing .band .count{font-variant-numeric:tabular-nums}.landing .team{border:1px solid var(--line);border-radius:var(--radius-card,1.25rem);background:var(--surface);overflow:hidden}.landing .team .members{flex-direction:column;display:flex}.landing .team .members>li{min-height:48px;padding:0 var(--pad);border-top:1px solid var(--line);align-items:center;font-weight:500;display:flex}.landing .team .members>li:first-child{border-top:0}.landing .team .members>li.open:before{content:"";border:1px dashed var(--edge);border-radius:var(--radius-round,9999px);width:55%;height:8px;display:block}.landing .pill{border:1px solid var(--line);border-radius:var(--radius-round,9999px);background:var(--surface);min-height:32px;color:var(--text);font-size:var(--fs-small);line-height:var(--lh-small);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.landing .pill.on-team{background:var(--fill);color:var(--on);border-color:#0000;padding-left:10px}.landing .pill .shape{width:14px;height:14px}.landing .pills{flex-wrap:wrap;gap:8px;display:flex}.landing .badge{border:1px solid var(--line);border-radius:var(--radius-card,1.25rem);background:var(--surface);transform-origin:50% 0;width:100%;overflow:hidden}.landing .badge-band{min-height:80px;padding:32px var(--pad) 16px;background:var(--surface-2);color:var(--text-2);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.landing .badge.picked .badge-band{background:var(--fill);color:var(--on)}.landing .badge-band:before{content:"";border-radius:var(--radius-round,9999px);background:var(--surface);width:44px;height:6px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.landing .badge-team{font-size:var(--fs-lead);line-height:var(--lh-lead);align-items:center;gap:12px;font-weight:600;display:flex}.landing .badge-team .role{font-size:var(--fs-body);line-height:var(--lh-body);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.landing .badge-body{padding:16px var(--pad) 20px;flex-direction:column;gap:4px;display:flex}.landing .badge-kicker,.landing .badge-note{color:var(--text-2)}.landing .badge-name{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:-.02em;overflow-wrap:break-word;font-weight:700}.landing .badge-name.long{font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:0}.landing .crest{flex:none;display:block}.landing .phone{--pw:340px;--ph:640px;--pad:16px;width:var(--pw);background:var(--device);max-width:100%;box-shadow:0 0 0 1px var(--device-ring), var(--elevation);border-radius:46px;padding:10px;position:relative}.landing .phone-screen{--u:min(1px, 100cqw / 320);--t:max(.8px, var(--u));height:var(--ph);background:var(--page);color:var(--text);border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.landing .phone-island{top:calc(23 * var(--t) - 13 * var(--u));z-index:8;width:calc(92 * var(--u));height:calc(26 * var(--u));border-radius:var(--radius-round,9999px);background:var(--island);position:absolute;left:50%;transform:translate(-50%)}.landing .statusbar{height:calc(46 * var(--t));padding:0 calc(26 * var(--u)) 0 calc(30 * var(--u));font-size:calc(15 * var(--t));font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.landing .statusbar .sys{align-items:center;gap:calc(6 * var(--t));display:flex}.landing .statusbar .sys svg{width:auto;height:calc(12 * var(--t))}.landing .phone-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px 16px 16px;display:flex;overflow:hidden}.landing .phone-body>*{flex-shrink:0}.landing .phone-home{border-radius:var(--radius-round,9999px);background:var(--text);flex:none;width:120px;height:5px;margin:8px auto}.landing .tabbar{border-top:1px solid var(--line);background:var(--page);flex:none;grid-template-columns:repeat(4,1fr);padding:6px 4px 0;display:grid}.landing .tabbar .tab{color:var(--text-2);font-size:var(--fs-caption);line-height:var(--lh-caption);flex-direction:column;align-items:center;gap:2px;padding:2px 0;font-weight:500;display:flex}.landing .tabbar .tab .pip{border-radius:var(--radius-round,9999px);place-items:center;width:56px;height:28px;display:grid}.landing .tabbar .tab[aria-current]{color:var(--text);font-weight:600}.landing .tabbar .tab[aria-current] .pip{background:var(--brand-tint)}.landing .tv{background:var(--device);width:100%;box-shadow:0 0 0 1px var(--device-ring), var(--elevation);border-radius:18px;padding:8px;position:relative}.landing .tv-screen{aspect-ratio:16/9;background:var(--page);color:var(--text);--cut:var(--page);border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.landing .stage{transform-origin:0 0;width:480px;height:270px;transform:scale(tan(atan2(100cqw, calc(var(--cw,480) * 1px))));background:var(--page);color:var(--text);font-family:var(--font-ui);flex-direction:column;gap:10px;padding:16px 20px 28px;display:flex;position:absolute;top:0;left:0}.landing .flights{pointer-events:none;position:absolute;inset:0}.landing .stg-top{gap:4px;display:grid}.landing .stg-event{color:var(--text-2);align-items:center;gap:6px;font-size:12px;line-height:15px;display:flex}.landing .stg-head{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:32px}.landing .stg-line{color:var(--text-2);font-size:15px;line-height:20px}.landing .stg-name{font-size:17px;font-weight:600;line-height:21px}.landing .stg-small{font-size:12px;line-height:15px}.landing .stg-foot{gap:2px;margin-top:auto;display:grid}.landing .stg-signoff{color:var(--text-2);align-items:center;gap:5px;font-size:9px;line-height:12px;display:flex;position:absolute;bottom:9px;right:20px}.landing .stg-signoff svg{width:auto;height:10px}.landing .stage .team{border-color:var(--line);border-radius:var(--radius-control,.75rem)}.landing .stage .band{gap:6px;min-height:34px;padding:6px 8px;font-size:15px;line-height:19px}.landing .stage .band .shape{width:15px;height:15px}.landing .stage .team .members>li{min-height:26px;padding:0 8px;font-size:15px;font-weight:600;line-height:19px}.landing .stage .team .members>li.open:before{height:6px}.landing .stage .pill{min-height:26px;padding:0 10px;font-size:14px}.landing .join-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.landing .laptop{justify-items:center;min-width:0;display:grid}.landing .laptop>.tv{border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:92%}.landing .laptop-base{background:var(--device);width:100%;height:12px;box-shadow:0 0 0 1px var(--device-ring), var(--elevation);border-radius:2px 2px 12px 12px;display:block;position:relative}.landing .laptop-base:before{content:"";background:var(--edge);opacity:.5;border-radius:0 0 6px 6px;width:16%;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing .seg{background:var(--surface-2);scrollbar-width:none;border-radius:16px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.landing .seg::-webkit-scrollbar{display:none}.landing .seg button{border-radius:var(--radius-control,.75rem);min-height:48px;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard,ease), color var(--duration-fast) var(--ease-standard,ease);background:0 0;border:0;padding:0 16px;font-weight:500}.landing .seg button:hover{color:var(--text)}.landing .seg button[aria-pressed=true],.landing .seg button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px var(--shade), 0 0 0 1px var(--line);font-weight:600}.landing .utabs{scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--line);display:flex;overflow-x:auto}.landing .utabs::-webkit-scrollbar{display:none}.landing .utabs>*{white-space:nowrap;flex:1 0 auto;justify-content:center;min-height:48px;padding:0 8px;font-weight:500;display:flex}.landing .utabs .label{align-items:center;gap:6px;display:flex;position:relative}