/* Splash migration marketing styles. Native product tokens stay app-owned. */ #splash-commissioner-preview { color-scheme:light; font-family:Inter,Arial,sans-serif; } #splash-commissioner-preview .stage { container-type:inline-size; container-name:marketing; width:100%; margin:auto; } #splash-commissioner-preview .marketing { --paper:#f5f5f2; --ink:#252a27; --green:#1f5036; --quiet:#5c655f; --line:#dce0db; --soft:#e7ece4; background:var(--paper); color:var(--ink); font:15px/1.6 Inter,Arial,sans-serif; } #splash-commissioner-preview .mk-eyebrow { font:700 11px/1.5 Inter,Arial,sans-serif; letter-spacing:1.35px; text-transform:uppercase; color:var(--green); } #splash-commissioner-preview .mk-hero { padding:40px 38px 32px; display:grid; grid-template-columns:1.1fr 1fr; gap:24px 32px; } #splash-commissioner-preview .mk-hero .mk-eyebrow { grid-column:1/-1; } #splash-commissioner-preview .mk-title { margin:0; font:800 59px/.99 Inter,Arial,sans-serif; letter-spacing:-3.4px; } #splash-commissioner-preview .mk-title span { color:var(--green); } #splash-commissioner-preview .mk-lede { margin:0 0 22px; color:#49534c; font-size:15px; line-height:1.7; } #splash-commissioner-preview .mk-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; border:1px solid var(--green); border-radius:5px; background:var(--green); color:#fff; padding:13px 18px; min-height:47px; font:600 13px/1.4 Inter,Arial,sans-serif; } #splash-commissioner-preview .mk-button:hover { background:#143527; } #splash-commissioner-preview .mk-offer-mini { margin:11px 0 0; font-size:11px; color:var(--quiet); } #splash-commissioner-preview .mk-offer-mini strong { color:var(--green); font-weight:600; } #splash-commissioner-preview .product-story { padding:0 24px 36px; } #splash-commissioner-preview .format-switch { display:flex; gap:3px; padding:4px; background:#e6e9e3; border-radius:7px; } #splash-commissioner-preview .format-switch button { border:0; border-radius:5px; background:transparent; color:#526054; padding:10px 16px; font:600 12px/1.3 Inter,Arial,sans-serif; min-height:38px; } #splash-commissioner-preview .format-switch button[aria-pressed="true"] { background:var(--green); color:#fff; } #splash-commissioner-preview .product-mosaic { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:25px 22px; } #splash-commissioner-preview .product-tile { min-width:0; } #splash-commissioner-preview .product-tile.wide { grid-column:1/-1; } #splash-commissioner-preview .product-caption { margin:0 0 8px; padding:0 14px; display:flex; flex-wrap:wrap; gap:3px 12px; align-items:flex-end; justify-content:space-between; } #splash-commissioner-preview .product-caption h2 { font:650 17px/1.35 Inter,Arial,sans-serif; letter-spacing:-.35px; margin:0; color:var(--green); } #splash-commissioner-preview .product-caption p { font:11px/1.5 Inter,Arial,sans-serif; margin:0; color:var(--quiet); } #splash-commissioner-preview .native-product { background:#f8f4eb; color:oklch(.215 .016 73); font:14px/1.4 Inter,Arial,sans-serif; border:1px solid #d8d1c1; border-radius:8px; overflow:hidden; min-width:0; container-type:inline-size; } #splash-commissioner-preview .native-heading { padding:18px 20px 14px; } #splash-commissioner-preview .native-overline { font:11px/1.4 'JetBrains Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:1.1px; color:oklch(.495 .012 76); } #splash-commissioner-preview .native-title { font:600 24px/1.25 Inter,Arial,sans-serif; letter-spacing:0; margin:6px 0 5px; } #splash-commissioner-preview .native-subtitle { font:14px/1.4 Inter,Arial,sans-serif; margin:0; color:oklch(.35 .015 75); } #splash-commissioner-preview .native-week { font:600 14px/1.4 Inter,Arial,sans-serif; padding:0 20px 14px; } #splash-commissioner-preview .native-body { padding:0 20px 20px; } #splash-commissioner-preview .native-body.wide-body { padding:0 16px 16px; overflow-x:auto; } #splash-commissioner-preview .native-body.wide-body table { min-width:730px; width:100%; } #splash-commissioner-preview .native-body.wide-body [data-poolwide-picks-table] { width:max-content; min-width:100%; } #splash-commissioner-preview .native-product [x-cloak] { display:none!important; } #splash-commissioner-preview .native-product [data-poolwide-game-cell], #splash-commissioner-preview .native-product [data-poolwide-entry-head], #splash-commissioner-preview .native-product [data-poolwide-summary-head] { top:0; } #splash-commissioner-preview .native-product [data-poolwide-entry-head] { min-width:160px; max-width:160px; } #splash-commissioner-preview .native-product [data-poolwide-entry-cell] { min-width:160px; max-width:160px; } #splash-commissioner-preview .native-product [data-stats-export-menu] { display:none; } #splash-commissioner-preview .native-product a { pointer-events:none; } #splash-commissioner-preview .native-product [data-sample-screen] { pointer-events:none; } #splash-commissioner-preview .sim-result { margin:0; padding:0 20px 14px; font-size:12px; color:#1f5036; } #splash-commissioner-preview .mk-benefits { padding:36px 38px 42px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } #splash-commissioner-preview .mk-benefit { background:#e5ebe2; border-radius:7px; padding:22px 21px 25px; } #splash-commissioner-preview .mk-benefit:nth-child(2) { background:#f0eee7; } #splash-commissioner-preview .mk-benefit:nth-child(3) { background:#dde8e5; } #splash-commissioner-preview .mk-number { font:500 11px/1.5 'JetBrains Mono',monospace; color:#61705e; } #splash-commissioner-preview .mk-benefit h2 { font:700 22px/1.16 Inter,Arial,sans-serif; letter-spacing:-.7px; color:var(--green); margin:18px 0 13px; } #splash-commissioner-preview .mk-benefit p { font-size:12px; color:#475249; margin:0; line-height:1.7; } #splash-commissioner-preview .mk-preview { margin:0 24px 32px; background:#214d38; color:#f7f8f3; border-radius:10px; padding:34px 28px 28px; } #splash-commissioner-preview .mk-preview .mk-eyebrow { color:#c9d9c0; } #splash-commissioner-preview .mk-section-title { font:750 35px/1.08 Inter,Arial,sans-serif; letter-spacing:-1.2px; margin:10px 0 0; } #splash-commissioner-preview .mk-offer { margin:0 38px; border-bottom:1px solid var(--line); padding:0 0 25px; display:grid; grid-template-columns:1fr 1.2fr; gap:30px; align-items:start; } #splash-commissioner-preview .mk-offer h2 { font:700 29px/1.15 Inter,Arial,sans-serif; letter-spacing:-1px; color:var(--green); margin:7px 0 0; } #splash-commissioner-preview .mk-offer p { margin:0; color:var(--quiet); font-size:13px; } #splash-commissioner-preview .mk-offer .mk-small { font-size:11px; margin-top:10px; } #splash-commissioner-preview .mk-faq { margin:0 38px; padding:30px 0; display:grid; grid-template-columns:.75fr 1.25fr; gap:34px; } #splash-commissioner-preview .mk-faq h2 { font:700 26px/1.15 Inter,Arial,sans-serif; letter-spacing:-.7px; color:var(--green); margin:0; } #splash-commissioner-preview .mk-faq details { padding:12px 0; border-bottom:1px solid var(--line); } #splash-commissioner-preview .mk-faq details:first-child { border-top:1px solid var(--line); } #splash-commissioner-preview .mk-faq summary { font:600 12px/1.5 Inter,Arial,sans-serif; color:var(--ink); } #splash-commissioner-preview .mk-faq details p { margin:10px 0 0; color:var(--quiet); font-size:12px; } #splash-commissioner-preview .mk-closing { background:#e6ebe2; padding:35px 38px; display:grid; grid-template-columns:1.2fr .8fr; gap:42px; align-items:center; } #splash-commissioner-preview .mk-note h2 { font:700 29px/1.12 Inter,Arial,sans-serif; letter-spacing:-1px; color:var(--green); margin:11px 0 17px; } #splash-commissioner-preview .mk-note p { margin:0; color:#465247; font:14px/1.85 Inter,Arial,sans-serif; } #splash-commissioner-preview .mk-sign { margin-top:18px; color:var(--green); font:italic 26px/1.4 Georgia,serif; } #splash-commissioner-preview .mk-role { font-size:11px; color:var(--quiet); } #splash-commissioner-preview .mk-close-action { border-left:1px solid #c2cdbd; padding-left:31px; } #splash-commissioner-preview .mk-close-action h3 { margin:0 0 15px; color:var(--green); font:600 18px/1.4 Inter,Arial,sans-serif; } #splash-commissioner-preview .mk-close-action p { margin:13px 0 0; font-size:11px; color:var(--quiet); } #splash-commissioner-preview .flow-back { border:0; background:none; color:#526054; padding:10px 0; font:12px/1.4 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-step { font:600 11px/1.4 'JetBrains Mono',monospace; letter-spacing:.5px; color:#687767; } #splash-commissioner-preview .flow-field { display:block; margin:0 0 20px; } #splash-commissioner-preview .flow-field input, #splash-commissioner-preview .flow-field textarea { display:block; width:100%; min-height:55px; border:0; border-bottom:2px solid #9fac99; background:transparent; padding:10px 0; font:400 19px/1.5 Inter,Arial,sans-serif; color:#25392b; border-radius:0; } #splash-commissioner-preview .flow-field textarea { min-height:110px; resize:vertical; font-size:17px; } #splash-commissioner-preview .flow-actions { display:flex; gap:20px; flex-wrap:wrap; align-items:center; margin-top:24px; } #splash-commissioner-preview .flow-reassurance { font-size:11px; color:#667363; margin:25px 0 0; max-width:470px; } #splash-commissioner-preview .flow-error { color:#a1322f; font-size:12px; } #splash-commissioner-preview [hidden] { display:none!important; } @container marketing (max-width:680px) { #splash-commissioner-preview .mk-hero { display:block; padding:29px 24px 27px; } #splash-commissioner-preview .mk-title { font-size:48px; letter-spacing:-2.5px; margin:19px 0 22px; } #splash-commissioner-preview .mk-lede { font-size:14px; } #splash-commissioner-preview .mk-hero .mk-button { width:100%; } #splash-commissioner-preview .mk-eyebrow { font-size:10px; letter-spacing:1px; } #splash-commissioner-preview .product-story { padding:0 12px 20px; } #splash-commissioner-preview .format-switch { width:100%; } #splash-commissioner-preview .format-switch button { flex:1; padding-inline:12px; } #splash-commissioner-preview .product-mosaic { grid-template-columns:minmax(0,1fr); gap:24px; } #splash-commissioner-preview .product-caption { padding:0 10px; display:block; } #splash-commissioner-preview .product-caption p { margin-top:4px; } #splash-commissioner-preview .native-heading { padding:16px 14px 12px; } #splash-commissioner-preview .native-body { padding:0 14px 18px; } #splash-commissioner-preview .native-week { padding-inline:14px; } #splash-commissioner-preview .native-body.wide-body { padding:0 10px 12px; } #splash-commissioner-preview .mk-benefits { grid-template-columns:1fr; padding:25px 24px; gap:10px; } #splash-commissioner-preview .mk-benefit { padding:20px; } #splash-commissioner-preview .mk-benefit h2 { margin:8px 0 10px; font-size:24px; } #splash-commissioner-preview .mk-preview { margin:0 12px 28px; padding:25px 21px; } #splash-commissioner-preview .mk-section-title { font-size:31px; } #splash-commissioner-preview .mk-offer { margin-inline:24px; grid-template-columns:1fr; gap:17px; } #splash-commissioner-preview .mk-faq { margin-inline:24px; grid-template-columns:1fr; gap:20px; } #splash-commissioner-preview .mk-closing { grid-template-columns:1fr; padding:28px 24px; gap:24px; } #splash-commissioner-preview .mk-close-action { padding:23px 0 0; border-left:0; border-top:1px solid #c2cdbd; } #splash-commissioner-preview .mk-close-action .mk-button { width:100%; } #splash-commissioner-preview .flow-field input { font-size:16px; } #splash-commissioner-preview .flow-actions .mk-button { flex:1; } } #splash-commissioner-preview .marketing { --paper:#fcf9f2; --ink:#282a25; --quiet:#64665c; --line:#e3dfd3; } #splash-commissioner-preview .product-caption { align-items:flex-end; padding-inline:2px; min-height:34px; } #splash-commissioner-preview .format-switch { background:transparent; border:1px solid #dbd9cd; padding:2px; width:auto; border-radius:6px; flex-shrink:0; } #splash-commissioner-preview .format-switch button { font-size:11px; padding:5px 9px; min-height:27px; color:#69705f; } #splash-commissioner-preview .format-switch button[aria-pressed="true"] { background:#e5eadf; color:#214d38; } #splash-commissioner-preview .product-mosaic { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); } #splash-commissioner-preview .picks-tile .product-caption, #splash-commissioner-preview .stats-tile .product-caption { align-items:flex-end; flex-direction:row; flex-wrap:nowrap; gap:10px; min-height:48px; } #splash-commissioner-preview .paired-shot { height:auto; } #splash-commissioner-preview .product-tile:not(.wide) { display:grid; grid-template-rows:auto 1fr; } #splash-commissioner-preview .desktop-crop { overflow:hidden; } #splash-commissioner-preview .desktop-canvas { zoom:.9; width:604px; container-type:inline-size; padding:0 12px 20px; } #splash-commissioner-preview .native-heading .sim-link { display:inline; background:none; border:0; padding:0; font:inherit; color:#285d40; text-decoration:underline; text-underline-offset:3px; text-align:left; } #splash-commissioner-preview .native-week { padding-top:8px; } #splash-commissioner-preview .mk-preview { background:#f0eee7; color:var(--green); padding:34px 28px 26px; border-radius:8px; } #splash-commissioner-preview .mk-preview .mk-eyebrow { color:#59674f; } #splash-commissioner-preview .mk-preview { padding:38px 34px; } #splash-commissioner-preview .migration-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr); grid-template-areas:"intro steps" "action steps"; grid-template-rows:auto 1fr; gap:22px 50px; align-items:start; } #splash-commissioner-preview .migration-intro { grid-area:intro; } #splash-commissioner-preview .migration-intro>p { color:#596052; font:14px/1.65 Inter,Arial,sans-serif; margin:18px 0 0; max-width:365px; } #splash-commissioner-preview .migration-steps { grid-area:steps; list-style:none; padding:0; margin:0; } #splash-commissioner-preview .migration-step { display:grid; grid-template-columns:20px minmax(0,1fr); gap:14px; } #splash-commissioner-preview .migration-step+.migration-step { margin-top:20px; padding-top:20px; border-top:1px solid #d8d6cd; } #splash-commissioner-preview .migration-count { color:#748070; font:500 12px/1.8 'JetBrains Mono',monospace; } #splash-commissioner-preview .migration-step h3 { color:var(--green); font:650 16px/1.4 Inter,Arial,sans-serif; margin:0 0 7px; } #splash-commissioner-preview .migration-step p { color:#596052; font:13px/1.65 Inter,Arial,sans-serif; margin:0; } #splash-commissioner-preview .migration-action { grid-area:action; } #splash-commissioner-preview .migration-reassurance { color:#596052; font:12px/1.6 Inter,Arial,sans-serif; margin:14px 0 0; max-width:345px; } @container marketing (max-width:680px) { #splash-commissioner-preview .mk-preview { padding:28px 22px; } #splash-commissioner-preview .migration-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "steps" "action"; grid-template-rows:auto; gap:28px; } #splash-commissioner-preview .migration-action .mk-button { width:100%; gap:12px; } } @container marketing (max-width:1000px) { #splash-commissioner-preview .product-mosaic, #splash-commissioner-preview [data-pool-format="survivor"] .product-mosaic { grid-template-columns:minmax(0,1fr); } #splash-commissioner-preview .product-caption { display:flex; align-items:flex-end; flex-direction:row; flex-wrap:nowrap; gap:10px; padding-inline:2px; } #splash-commissioner-preview .format-switch { width:auto; } #splash-commissioner-preview .format-switch button { min-height:38px; padding-inline:13px; } #splash-commissioner-preview .paired-shot { height:auto; max-height:none; } #splash-commissioner-preview .picks-tile .paired-shot { height:auto; max-height:none; } #splash-commissioner-preview .desktop-crop { overflow-x:auto; } #splash-commissioner-preview .desktop-canvas { padding-inline:14px; width:608px; } } #splash-commissioner-preview .product-caption h2 { min-width:0; } #splash-commissioner-preview .product-story { padding-bottom:28px; } #splash-commissioner-preview .commissioner-proof { margin:12px 24px 0; } #splash-commissioner-preview .roster-caption { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:0 2px; margin-bottom:8px; } #splash-commissioner-preview .roster-caption h2 { font:650 21px/1.3 Inter,Arial,sans-serif; letter-spacing:-.4px; margin:0; color:#1f5036; } #splash-commissioner-preview .roster-caption p { margin:0; color:#64665c; font:13px/1.5 Inter,Arial,sans-serif; } #splash-commissioner-preview .roster-caption>span { font:600 10px/1.4 Inter,Arial,sans-serif; letter-spacing:1px; color:#687361; white-space:nowrap; } #splash-commissioner-preview .roster-body { overflow-x:auto; } #splash-commissioner-preview .roster-canvas { width:100%; min-width:900px; } #splash-commissioner-preview .roster-canvas td, #splash-commissioner-preview .roster-canvas th { white-space:nowrap; } #splash-commissioner-preview .stats-tile .native-body { padding-inline:14px; } @container marketing (max-width:680px) { #splash-commissioner-preview .desktop-canvas, #splash-commissioner-preview [data-pool-format="survivor"] .desktop-canvas { zoom:1; width:100%; padding-inline:14px; } #splash-commissioner-preview .desktop-crop { overflow:visible; } #splash-commissioner-preview .commissioner-proof { margin-inline:12px; margin-top:6px; } #splash-commissioner-preview .roster-caption { display:block; } #splash-commissioner-preview .roster-caption>span { display:none; } #splash-commissioner-preview .roster-canvas { width:600px; min-width:600px; } } #splash-commissioner-preview .mk-offer { padding-bottom:32px; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:30px; } #splash-commissioner-preview .mk-faq { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:30px; padding:32px 0 42px; } #splash-commissioner-preview .mk-faq h2 { font-size:29px; letter-spacing:-1px; } #splash-commissioner-preview .mk-faq details:first-child { border-top:0; padding-top:0; } #splash-commissioner-preview .mk-faq summary { font-size:13px; } #splash-commissioner-preview .flow-intro { padding-top:5px; } #splash-commissioner-preview .flow-intro .mk-sign { margin-top:22px; } #splash-commissioner-preview .flow-progress { display:flex; gap:20px; flex-wrap:wrap; list-style:none; padding:0; margin:0 0 26px; } #splash-commissioner-preview .flow-progress li { display:flex; align-items:center; gap:7px; color:#747569; font:500 12px/1.4 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-progress li>span { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border:1px solid #d8d1c1; border-radius:50%; font:500 11px/1 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-progress li[aria-current="step"] { color:var(--green); } #splash-commissioner-preview .flow-progress li[aria-current="step"]>span { color:#fff; background:var(--green); border-color:var(--green); } #splash-commissioner-preview .flow-progress li.is-complete>span { background:#e5eadf; color:var(--green); border-color:#e5eadf; } #splash-commissioner-preview .flow-field { margin:0 0 14px; } #splash-commissioner-preview .flow-field>span { display:block; color:var(--ink); font:600 12px/1.5 Inter,Arial,sans-serif; margin-bottom:7px; } #splash-commissioner-preview .flow-field small { color:var(--quiet); font:400 11px/1.5 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-field input, #splash-commissioner-preview .flow-field textarea { min-height:47px; border:1px solid #c9c5b9; border-radius:5px; background:#fcfaf5; color:var(--ink); padding:11px 12px; font:400 16px/1.5 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-field textarea { min-height:122px; } #splash-commissioner-preview .flow-field input:disabled { opacity:.5; } #splash-commissioner-preview .flow-actions { justify-content:space-between; align-items:center; gap:12px; margin-top:24px; } #splash-commissioner-preview .flow-actions>.mk-button { margin-left:auto; } #splash-commissioner-preview .flow-reassurance { color:var(--quiet); font:12px/1.6 Inter,Arial,sans-serif; margin:20px 0 0; } @container marketing (max-width:680px) { #splash-commissioner-preview .mk-offer, #splash-commissioner-preview .mk-faq { grid-template-columns:minmax(0,1fr); gap:20px; } #splash-commissioner-preview .mk-faq { padding:30px 0 34px; } #splash-commissioner-preview .flow-intro .mk-sign, #splash-commissioner-preview .flow-intro .mk-role { display:none; } #splash-commissioner-preview .flow-progress { gap:14px; margin-bottom:24px; } #splash-commissioner-preview .flow-progress li { gap:5px; } } @container marketing (max-width:360px) { #splash-commissioner-preview .flow-progress { gap:10px; } #splash-commissioner-preview .flow-progress li { font-size:11px; } #splash-commissioner-preview .flow-actions>.mk-button { padding-inline:10px; } } #splash-commissioner-preview .flagship-story { padding-bottom:30px; } #splash-commissioner-preview .flagship-story .native-product { overflow-anchor:none; scroll-margin-top:16px; } #splash-commissioner-preview .mk-preview { margin-bottom:40px; } #splash-commissioner-preview .migration-intro .mk-section-title { font-size:37px; letter-spacing:-1.3px; } #splash-commissioner-preview .migration-intro>p { font-size:14px; } #splash-commissioner-preview .migration-action .mk-button { gap:15px; } #splash-commissioner-preview .everyday-proof { padding-top:0; } #splash-commissioner-preview .everyday-intro { margin:0 14px 24px; display:grid; grid-template-columns:1.1fr 1fr; gap:25px; align-items:end; } #splash-commissioner-preview .everyday-intro h2 { color:var(--green); font:700 29px/1.15 Inter,Arial,sans-serif; letter-spacing:-1px; margin:0; } #splash-commissioner-preview .everyday-intro p { margin:0; color:var(--quiet); font:13px/1.65 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-intro .flow-promise { margin:14px 0 0; padding-top:0; border-top:0; color:var(--green); font:600 13px/1.6 Inter,Arial,sans-serif; } #splash-commissioner-preview [data-step="0"] .flow-field { margin-bottom:0; } #splash-commissioner-preview .pool-link-help { margin:0; color:var(--quiet); font:12px/1.65 Inter,Arial,sans-serif; } #splash-commissioner-preview .pool-link-help summary { display:flex; align-items:center; gap:6px; min-height:44px; padding-top:6px; width:fit-content; color:var(--green); font-weight:600; list-style:none; } #splash-commissioner-preview .pool-link-help summary::-webkit-details-marker { display:none; } #splash-commissioner-preview .pool-link-help summary::before { content:'+'; font-size:16px; font-weight:400; width:12px; } #splash-commissioner-preview .pool-link-help[open] summary::before { content:'−'; } #splash-commissioner-preview .pool-link-help p { margin:0 0 12px; } #splash-commissioner-preview .pool-link-help strong { color:var(--ink); font-weight:600; } #splash-commissioner-preview .share-cue { display:inline; white-space:nowrap; color:var(--ink); font-weight:600; } #splash-commissioner-preview .share-cue svg { display:inline-block; width:14px; height:14px; vertical-align:-2px; } #splash-commissioner-preview .flow-contact-choice { border:0; padding:0; margin:0 0 18px; min-width:0; } #splash-commissioner-preview .flow-contact-choice legend { color:var(--ink); font:600 12px/1.5 Inter,Arial,sans-serif; padding:0; margin-bottom:8px; } #splash-commissioner-preview .flow-contact-options { display:flex; gap:8px; } #splash-commissioner-preview .flow-contact-options label { flex:1; display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px; border:1px solid #c9c5b9; border-radius:5px; color:var(--quiet); font:600 12px/1.4 Inter,Arial,sans-serif; } #splash-commissioner-preview .flow-contact-options label:has(input:checked) { color:var(--green); background:#e5eadf; border-color:#8b9b83; } #splash-commissioner-preview .flow-contact-options input { width:14px; height:14px; margin:0; accent-color:var(--green); } #splash-commissioner-preview .flow-field[hidden] { display:none!important; } #splash-commissioner-preview .flow-actions .flow-send { font-size:12px; gap:12px; } #splash-commissioner-preview .sim-link { text-decoration-thickness:1px; } @container marketing (max-width:680px) { #splash-commissioner-preview .migration-intro .mk-section-title { font-size:32px; } #splash-commissioner-preview .everyday-intro { display:block; margin:0 10px 24px; } #splash-commissioner-preview .everyday-intro h2 { font-size:28px; } #splash-commissioner-preview .everyday-intro p { margin-top:12px; } #splash-commissioner-preview .flow-intro .flow-promise { display:block; margin-top:13px; padding-top:0; border-top:0; font-size:12px; } #splash-commissioner-preview .flow-actions .flow-send { flex-basis:100%; order:-2; margin-left:0; } #splash-commissioner-preview .flow-actions .flow-secondary { flex:none; } } html, body { background:#fcf9f2; } #splash-commissioner-preview { max-width:1240px; margin:auto; } #splash-commissioner-preview a { text-decoration:none; } #splash-commissioner-preview .mk-faq a { color:#285d40; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; } #splash-commissioner-preview .mk-note p + p { margin-top:14px; } #splash-commissioner-preview .marketing { --paper:#fcf9f2; } #splash-commissioner-preview .native-product { font-family:Inter,Arial,sans-serif; } #splash-commissioner-preview .native-preview { padding:0; overflow:hidden; } #splash-commissioner-preview .native-preview th { position:static!important; } #splash-commissioner-preview .native-preview [data-poolwide-picks-table] { width:100%; } #splash-commissioner-preview .paired-shot { height:870px; overflow:hidden; position:relative; } #splash-commissioner-preview .paired-shot::after { content:''; position:absolute; bottom:0; left:0; right:0; height:26px; background:linear-gradient(transparent,#fffdf8); pointer-events:none; } #splash-commissioner-preview .desktop-canvas { width:100%; min-width:0; } #splash-commissioner-preview .roster-canvas { min-width:0; } #splash-commissioner-preview .survivor-sheet-grid { overflow:hidden; margin-bottom:20px; } #splash-commissioner-preview .flow { display:block; max-width:1000px; margin:auto; } #splash-commissioner-preview .flow-wrap { max-width:660px; } #splash-commissioner-preview .flow-form { margin-top:26px; } #splash-commissioner-preview .flow-field input, #splash-commissioner-preview .flow-field textarea { width:100%; } #splash-commissioner-preview .flow-field.pool-link-field { margin-bottom:0; } #splash-commissioner-preview .pool-link-help { margin-top:0; } #splash-commissioner-preview .pool-link-help summary { min-height:44px; padding-top:6px; align-items:center; } #splash-commissioner-preview .flow-error { margin:10px 0; color:#a22d27; font-size:14px; } #splash-commissioner-preview .flow-actions { display:flex; align-items:center; gap:20px; margin-top:24px; } #splash-commissioner-preview .flow-prev { min-height:44px; background:none; border:0; color:#1f5036; font-weight:650; } #splash-commissioner-preview .flow-thanks { padding:48px 0; } #splash-commissioner-preview :focus-visible { outline:2px solid #1f5036; outline-offset:4px; } @media(max-width:700px) { #splash-commissioner-preview .paired-shot { height:655px; } #splash-commissioner-preview .survivor-sheet-grid table { min-width:0; } #splash-commissioner-preview .flow-wrap { padding:28px 24px 50px; } } #splash-commissioner-preview { width:100%; } #splash-commissioner-preview .flow-wrap { margin:auto; padding:44px 0 64px; } #splash-commissioner-preview .flow-title { margin:14px 0 18px; font:750 44px/1.07 Inter,Arial,sans-serif; letter-spacing:-1.8px; color:var(--green); } #splash-commissioner-preview p.flow-intro { font-size:15px; color:var(--quiet); margin:0 0 12px; } #splash-commissioner-preview .flow-response { font-size:13px; color:var(--green); font-weight:600; } #splash-commissioner-preview .flow-question { font-size:24px; font-weight:700; letter-spacing:-.6px; margin-bottom:10px; } #splash-commissioner-preview .flow-helper { font-size:13px; color:var(--quiet); margin:0 0 18px; line-height:1.6; } #splash-commissioner-preview .flow-step { font:600 11px/1.5 Inter,Arial,sans-serif; letter-spacing:1px; color:var(--green); } #splash-commissioner-preview .flow-progress { margin:32px 0 14px; } #splash-commissioner-preview .flow-field { margin:20px 0; } #splash-commissioner-preview .flow-field label { display:block; font-size:13px; font-weight:650; margin-bottom:8px; } #splash-commissioner-preview .flow-field label span { font-weight:400; color:var(--quiet); } #splash-commissioner-preview .flow-actions { justify-content:flex-start; } #splash-commissioner-preview .flow-reassurance { font-size:12px; color:var(--quiet); margin-top:16px; } #splash-commissioner-preview .flow-contact-options { max-width:390px; } @media(max-width:700px) { #splash-commissioner-preview .flow-wrap { padding:30px 24px 50px; } #splash-commissioner-preview .flow-title { font-size:34px; } #splash-commissioner-preview .roster-canvas { width:100%; min-width:0; } } #splash-commissioner-preview .flow-actions>.mk-button { margin-left:0; } #splash-commissioner-preview .native-body.wide-body [data-poolwide-picks-table] { width:100%; min-width:0; } #splash-commissioner-preview .survivor-native [data-standings-table-shell] { width:100%; margin:0; min-width:0; } @media(max-width:700px) { #splash-commissioner-preview .native-body.wide-body table { min-width:0; } } @media(max-width:700px) { #splash-commissioner-preview [data-stats-section="pickem-distribution"] ul>li:nth-child(n+5) { display:none; } #splash-commissioner-preview .survivor-sheet-grid table { width:100%; } } @media(max-width:700px){ #splash-commissioner-preview .picks-tile .paired-shot, #splash-commissioner-preview .stats-tile .paired-shot { height:655px; } #splash-commissioner-preview .desktop-canvas [data-scroll-anchor-id]:nth-of-type(n+6) { display:none; } } /* Stable product frames, shared by both formats. */ #splash-commissioner-preview .flagship-story .native-product { height:560px; display:flex; flex-direction:column; position:relative; } #splash-commissioner-preview .flagship-story .native-heading { min-height:112px; flex:none; } #splash-commissioner-preview .flagship-story .native-week { flex:none; } #splash-commissioner-preview .flagship-story .native-product > [role="img"] { flex:1; min-height:0; overflow:hidden; } #splash-commissioner-preview [data-pool-format="survivor"] .flagship-story .native-product::after { content:''; position:absolute; bottom:0; inset-inline:0; height:36px; background:linear-gradient(transparent,#f8f4eb); pointer-events:none; } #splash-commissioner-preview .paired-shot .native-heading { min-height:110px; } #splash-commissioner-preview .desktop-canvas { zoom:1; } #splash-commissioner-preview .survivor-sheet-grid .picks-grid-sticky-edge { position:static; left:0; } #splash-commissioner-preview .survivor-sheet-grid .picks-grid-sticky-edge::before { display:none; } #splash-commissioner-preview .everyday-intro { display:block; max-width:680px; margin:0 2px 22px; padding-top:4px; } #splash-commissioner-preview .everyday-intro h2 { margin:7px 0 10px; } #splash-commissioner-preview .everyday-intro p { max-width:540px; } #splash-commissioner-preview .mk-faq summary, #splash-commissioner-preview .pool-link-help summary { cursor:pointer; } #splash-commissioner-preview .pool-link-help summary { padding-block:6px; } #splash-commissioner-preview .pool-link-help summary::before { flex:none; display:flex; align-items:center; justify-content:center; height:20px; line-height:20px; } #splash-commissioner-preview .roster-native { width:100%; font-size:13px; } #splash-commissioner-preview .roster-native th { background:var(--color-surface-tint); border-bottom:1px solid var(--color-border-subtle); padding:8px 12px; white-space:nowrap; } #splash-commissioner-preview .roster-native th:nth-child(5) { text-align:right; padding-right:20px; } #splash-commissioner-preview .roster-native th:nth-child(7) { padding-left:24px; } #splash-commissioner-preview .roster-native th:first-child { border-top-left-radius:7px; } #splash-commissioner-preview .roster-native th:last-child { border-top-right-radius:7px; } #splash-commissioner-preview .roster-native [data-row-copy-button] { display:none; } #splash-commissioner-preview .thanks-explore { display:inline-flex; align-items:center; min-height:44px; margin-top:24px; color:var(--green); font-weight:600; } @media(max-width:700px) { /* Keep the app surface almost edge-to-edge; marketing captions keep their gutters. */ #splash-commissioner-preview .product-story { padding-inline:0; } #splash-commissioner-preview .product-caption { padding-inline:16px; gap:8px; } #splash-commissioner-preview .product-caption h2 { font-size:16px; } #splash-commissioner-preview .native-product { border-radius:0; border-inline:0; } #splash-commissioner-preview .native-heading, #splash-commissioner-preview .native-body { padding-inline:12px; } #splash-commissioner-preview .native-body.wide-body { padding-inline:12px; overflow:hidden; } #splash-commissioner-preview .flagship-story .native-product { height:610px; } #splash-commissioner-preview .flagship-story .native-heading { min-height:148px; } #splash-commissioner-preview .native-subtitle { font-size:13px; } #splash-commissioner-preview .native-overline { letter-spacing:.6px; font-size:10px; } #splash-commissioner-preview .native-title { font-size:22px; } #splash-commissioner-preview .everyday-intro { margin:0 24px 24px; } #splash-commissioner-preview .everyday-intro h2 { font-size:27px; } #splash-commissioner-preview .desktop-canvas { padding-inline:12px; } #splash-commissioner-preview .desktop-canvas #week-schedule { max-width:100%; width:100%; } #splash-commissioner-preview .desktop-canvas .survivor-sheet-grid + div { min-width:0; } #splash-commissioner-preview .survivor-sheet-grid { margin-bottom:16px; } #splash-commissioner-preview .survivor-sheet-grid table { min-width:0; table-layout:fixed; } #splash-commissioner-preview .survivor-sheet-grid [data-inset-table-shell] { width:100%; } #splash-commissioner-preview .commissioner-proof { margin-inline:0; } #splash-commissioner-preview .roster-caption { padding-inline:16px; } #splash-commissioner-preview .roster-native th:nth-child(1), #splash-commissioner-preview .roster-native td:nth-child(1), #splash-commissioner-preview .roster-native th:nth-child(3), #splash-commissioner-preview .roster-native td:nth-child(3), #splash-commissioner-preview .roster-native th:nth-child(4), #splash-commissioner-preview .roster-native td:nth-child(4), #splash-commissioner-preview .roster-native th:nth-child(7), #splash-commissioner-preview .roster-native td:nth-child(7), #splash-commissioner-preview .roster-native th:nth-child(8), #splash-commissioner-preview .roster-native td:nth-child(8) { display:none; } #splash-commissioner-preview .roster-native th, #splash-commissioner-preview .roster-native td { padding-inline:10px; } } #splash-commissioner-preview .desktop-canvas #week-schedule { position:static; } @media(max-width:700px) { #splash-commissioner-preview .desktop-canvas div:has(> time[data-local-time-format="weekday-time-compact"]):not(:first-child) { display:none; } } /* Native table windows use matching columns/cells, never hidden grid columns. */ #splash-commissioner-preview .mobile-standings-preview { display:none; } #splash-commissioner-preview .survivor-native table { min-height:0; } #splash-commissioner-preview .picks-tile .desktop-canvas > .native-preview { overflow:visible; } #splash-commissioner-preview .desktop-crop { overflow:hidden; } #splash-commissioner-preview .survivor-sheet-grid { margin-inline-end:-12px; } #splash-commissioner-preview .survivor-sheet-grid.desktop-standings-preview table { min-width:950px; } #splash-commissioner-preview .survivor-sheet-grid .picks-grid-corner-cap { display:none; } #splash-commissioner-preview .desktop-canvas { min-width:616px; } #splash-commissioner-preview [data-participants-table] { overflow:hidden; } @container marketing (min-width:1001px) and (max-width:1120px) { #splash-commissioner-preview .desktop-canvas { zoom:.85; width:100%; } } @media(max-width:700px) { #splash-commissioner-preview .desktop-standings-preview { display:none; } #splash-commissioner-preview .mobile-standings-preview { display:block; } #splash-commissioner-preview .flagship-story .native-heading { min-height:112px; } #splash-commissioner-preview .flagship-story .native-product { height:560px; } #splash-commissioner-preview .pickem-mobile-native > div { width:100%; } #splash-commissioner-preview .pickem-mobile-native > div > div { padding-inline:0; } #splash-commissioner-preview .pickem-mobile-native .pickem-standings-sizing { --pickem-entry-min-width:0px; min-width:0; } #splash-commissioner-preview .survivor-native table { table-layout:fixed; min-width:0; } #splash-commissioner-preview .survivor-native th:first-child, #splash-commissioner-preview .survivor-native td:first-child { width:124px; min-width:0; padding-inline:8px; } #splash-commissioner-preview .survivor-native tbody th { padding-block:8px; } #splash-commissioner-preview .survivor-native tbody th > span { width:auto; } #splash-commissioner-preview .mobile-standings-preview .pick-cell { min-width:0; width:100%; } #splash-commissioner-preview .survivor-native tbody th > span > span:first-child { flex-wrap:nowrap; white-space:nowrap; } #splash-commissioner-preview .survivor-native tbody th .break-words { overflow:hidden; text-overflow:ellipsis; } #splash-commissioner-preview .desktop-canvas { min-width:0; width:100%; zoom:1; } #splash-commissioner-preview .survivor-sheet-grid { margin-inline-end:0; } #splash-commissioner-preview .survivor-sheet-grid th:first-child { width:124px; padding-inline:8px; } #splash-commissioner-preview .survivor-sheet-grid th, #splash-commissioner-preview .survivor-sheet-grid td { min-width:0; } #splash-commissioner-preview [data-preview-saved-status] { display:none; } #splash-commissioner-preview .roster-native th { border-radius:0; } } /* Balance the compact standings and keep each Survivor entry on one line. */ @media(max-width:700px) { #splash-commissioner-preview .pickem-mobile-native tbody th, #splash-commissioner-preview .pickem-mobile-native tbody td { padding-block:8px; } #splash-commissioner-preview [data-pool-format="survivor"] .flagship-story .native-body.wide-body { padding-inline:0; } #splash-commissioner-preview .survivor-native.mobile-standings-preview [data-standings-table-shell] { border-radius:0; border-inline:0; } #splash-commissioner-preview .survivor-native.mobile-standings-preview tbody th > span > span.text-xs { display:none; } #splash-commissioner-preview .survivor-native.mobile-standings-preview tbody tr:not([data-ui="UI-GRID-32"]) { height:40px; } } @media(max-width:359px) { /* Rank, entry, points and record take priority when the tiebreak crowds names. */ #splash-commissioner-preview .pickem-mobile-native col:nth-child(4), #splash-commissioner-preview .pickem-mobile-native tr > :nth-child(4) { display:none; } } @media(max-width:380px) { #splash-commissioner-preview [data-stats-section="survivor-field-status"] { display:grid; grid-template-columns:1fr; gap:4px; } #splash-commissioner-preview [data-stats-section="survivor-field-status"] > div { display:grid; grid-template-columns:112px 28px 1fr; gap:8px; } #splash-commissioner-preview [data-stats-section="survivor-field-status"] > div > span:first-child { white-space:nowrap; } } @media(max-width:700px) { #splash-commissioner-preview .stats-tile [data-stats-section="survivor-distribution"] { padding-block:12px; } #splash-commissioner-preview .stats-tile [data-stats-section="survivor-distribution"] > p { display:none; } } /* Let the cropped desktop grid continue to the frame without a second edge. */ #splash-commissioner-preview .survivor-sheet-grid.desktop-standings-preview { position:relative; } #splash-commissioner-preview .survivor-sheet-grid.desktop-standings-preview::after { content:''; position:absolute; inset-block:0; right:0; width:18px; background:linear-gradient(to right,transparent,#f8f4eb); pointer-events:none; } @media(max-width:700px) { /* Both compact standings end just below their last row. */ #splash-commissioner-preview .flagship-story .native-product { height:498px; } #splash-commissioner-preview [data-pool-format="survivor"] .flagship-story .native-product::after { display:none; } #splash-commissioner-preview .format-switch button { min-height:36px; padding:5px 8px; font-size:10.5px; } #splash-commissioner-preview .desktop-canvas .survivor-schedule-preview [data-scroll-anchor-id] { display:flex; } #splash-commissioner-preview [data-pool-format="survivor"] .picks-tile .paired-shot::after { height:40px; } } .splash-marketing { background: #fcf9f2; } #splash-commissioner-preview { max-width: 1240px; margin-inline: auto; } #splash-commissioner-preview .flow-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 22px; }