header nav{display:flex;align-items:center;gap:24px}header nav a{text-decoration:none}.login{border:1px solid var(--teal);color:var(--teal);padding:10px 20px;border-radius:9px}.home{max-width:1200px;margin:2vh auto 0;padding:0 32px 40px}.web-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;padding:65px 0 75px}.web-hero h1{font-size:clamp(3rem,6vw,5.35rem);line-height:1.01;letter-spacing:-.06em;margin:18px 0 28px}.web-hero h1 span{color:var(--teal)}.lead{font-size:1.18rem;max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;width:auto;align-items:center;justify-content:center;padding:15px 23px;border-radius:10px;text-decoration:none;font-weight:700;margin:10px 0 20px;min-height:50px}.hero-proof{display:flex;gap:12px 22px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.product-preview{border:1px solid #395077;border-radius:20px;background:linear-gradient(145deg,#111b2e,#0b1220);padding:24px;box-shadow:0 28px 80px #0006}.preview-top{display:flex;justify-content:space-between;gap:15px;color:var(--teal);font-size:.7rem;letter-spacing:.1em}.preview-top b{color:var(--muted);font-weight:600;letter-spacing:0}.preview-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:24px 0;border-bottom:1px solid var(--line)}.preview-matchup>div:not(.versus){display:flex;flex-direction:column}.preview-matchup>div:last-child{text-align:right}.preview-matchup small,.preview-call small{font-size:.65rem;letter-spacing:.12em;color:var(--muted)}.preview-matchup strong{font-size:2rem}.preview-matchup span{font-size:.8rem;color:var(--muted)}.versus{color:var(--muted);font-size:.75rem}.preview-call{padding:22px 0 12px}.preview-call h2{font-size:1.75rem;color:var(--teal);margin:7px 0}.preview-call p{margin:0}.preview-bars label{display:flex;justify-content:space-between;font-size:.82rem;margin-top:12px}.preview-bars i{display:block;height:8px;background:#26334b;border-radius:99px;overflow:hidden;margin-top:6px}.preview-bars i span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#a78bfa);border-radius:inherit}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.preview-metrics div{padding:11px;border:1px solid var(--line);border-radius:9px}.preview-metrics span,.preview-metrics strong{display:block}.preview-metrics span{color:var(--muted);font-size:.68rem;margin-bottom:4px}.preview-metrics strong{font-size:.86rem}.preview-note{font-size:.72rem;margin:14px 0 0}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.trust-strip div{padding:22px;border-left:1px solid var(--line)}.trust-strip div:first-child{border-left:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{margin-bottom:6px}.trust-strip span{color:var(--muted);font-size:.86rem;line-height:1.5}.content-section{padding:85px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.section-intro{max-width:750px}.section-intro h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:8px 0 16px}.steps,.league-grid,.accuracy-board{display:grid;gap:14px;margin-top:35px}.steps{grid-template-columns:repeat(3,1fr)}.steps article,.league-grid article,.accuracy-board div{border:1px solid var(--line);background:#10192a;border-radius:14px;padding:22px}.steps b{display:inline-flex;color:var(--teal);font-size:.8rem;letter-spacing:.1em}.steps h3,.league-grid h3{font-size:1.1rem;margin:28px 0 8px}.steps p,.league-grid p{font-size:.9rem;margin:0}.accuracy-section{background:linear-gradient(135deg,#101b31,#12172b);margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px;border-radius:22px}.accuracy-board{grid-template-columns:repeat(4,1fr)}.accuracy-board span,.accuracy-board strong,.accuracy-board small{display:block}.accuracy-board span{font-size:.75rem;color:var(--muted)}.accuracy-board strong{font-size:1.65rem;margin:10px 0;color:var(--text)}.accuracy-board small{color:var(--muted);line-height:1.45}.method-note{font-size:.85rem;margin:18px 0 0}.league-grid{grid-template-columns:repeat(4,1fr)}.league-grid article span{color:var(--muted);font-size:.7rem;letter-spacing:.1em}.league-grid .league-live{border-color:#496fa6}.league-grid .league-live span{color:var(--teal)}.cta-section{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:70px 0}.cta-section h2{font-size:2.3rem;margin:6px 0}.cta-section p{max-width:700px;margin:0}.cta-section .button{white-space:nowrap}.home footer{padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap;color:var(--muted)}
@media(max-width:900px){.web-hero{grid-template-columns:1fr;gap:34px}.accuracy-board,.league-grid{grid-template-columns:repeat(2,1fr)}header nav a:not(.login){display:none}}
@media(max-width:700px){.home{padding:0 20px 30px;margin-top:0}.web-hero{padding:30px 0 55px}.steps{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-left:0;border-top:1px solid var(--line)}.trust-strip div:first-child{border-top:0}.accuracy-section{margin-left:-10px;margin-right:-10px;padding:55px 20px}.cta-section{display:block}.cta-section .button{width:100%;margin-top:24px}.content-section{padding:60px 0}}
@media(max-width:520px){.actions{gap:0}.actions .button{width:100%;margin:0 0 12px}.web-hero h1{font-size:clamp(2.65rem,13vw,3.65rem)}.preview-metrics{grid-template-columns:1fr}.accuracy-board,.league-grid{grid-template-columns:1fr}.product-preview{padding:19px}.preview-top{display:block}.preview-top b{display:block;margin-top:5px}.home{padding-left:16px;padding-right:16px}.login{padding:10px 14px}header .brand span{max-width:130px}}
.web-hero>*{min-width:0}.product-preview{min-width:0;overflow:hidden}.product-preview *{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){.web-hero{grid-template-columns:1fr;gap:34px}.product-preview{max-width:680px}header nav a:not(.login){display:none}}
.product-preview{width:100%}
/* Published, inspectable beta record. */
.public-snapshots{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.public-snapshots a{display:block;padding:12px 15px;border:1px solid #3a5077;border-radius:9px;color:#c3dbff;font-size:.8rem;text-decoration:none;line-height:1.6}.public-snapshots a:hover{background:#162944}.scorecard-method{margin-top:22px;border-top:1px solid #2b3a56;padding-top:18px;max-width:900px}.scorecard-method summary{font-size:.9rem;color:#a8ceff;cursor:pointer;min-height:36px}.scorecard-method p{font-size:.87rem;margin:14px 0 0}.scorecard-method summary:focus-visible{outline:3px solid #9ac5ff;outline-offset:4px}
/* Live game-of-the-week demo. */
.hero-note{color:var(--muted);font-size:.88rem;margin:0}
.demo-card{min-width:0;width:100%;border:1px solid #395077;border-radius:20px;background:linear-gradient(145deg,#111b2e,#0b1220);padding:24px;box-shadow:0 28px 80px #0006;scroll-margin-top:20px}
.demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--teal);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.demo-top b{flex-shrink:0;padding:4px 9px;border:1px solid #3f6a5a;border-radius:99px;color:#8fe0b0;letter-spacing:.06em;font-size:.66rem}
.demo-top b::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#4ade80;vertical-align:1px}
.demo-when{font-size:.82rem;margin:6px 0 0;min-height:1.3em}
.demo-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);min-height:150px}
.demo-team{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.demo-team img{width:56px;height:56px;object-fit:contain;margin-bottom:8px}
.demo-team strong{font-size:1.6rem;line-height:1.1}
.demo-team span{font-size:.82rem;color:var(--text);margin-top:2px}
.demo-team small{font-size:.72rem;color:var(--muted);margin-top:3px}
.demo-at{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.demo-skeleton{grid-column:1/-1;height:110px;border-radius:12px;background:linear-gradient(90deg,#141f33,#1b2840,#141f33);background-size:200% 100%;animation:demo-shimmer 1.4s infinite linear}
@keyframes demo-shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.demo-skeleton{animation:none}}
.demo-result{padding-top:18px}
.demo-lean{font-size:1.3rem;font-weight:750;color:var(--teal);margin:0 0 4px;line-height:1.3}
.demo-score{margin:0}.demo-score strong{color:var(--text)}
.demo-bars label{display:flex;justify-content:space-between;font-size:.82rem;margin:12px 0 0}
.demo-bars i{display:block;height:8px;background:#26334b;border-radius:99px;overflow:hidden;margin-top:6px}
.demo-bars i span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),#a78bfa);border-radius:inherit;transition:width .5s ease}
.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.demo-metrics div{padding:10px 11px;border:1px solid var(--line);border-radius:9px}
.demo-metrics span,.demo-metrics strong{display:block}.demo-metrics span{color:var(--muted);font-size:.68rem;margin-bottom:4px}.demo-metrics strong{font-size:.9rem;font-variant-numeric:tabular-nums}
.demo-note{font-size:.74rem;margin:12px 0 0;line-height:1.5}
.demo-progress{width:100%;height:6px;margin-top:16px;accent-color:var(--teal)}
.demo-status{font-size:.85rem;margin:10px 0 0;min-height:1.2em}.demo-status:empty{display:none}
.demo-tune{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.demo-tune-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.demo-tune-head h3{margin:0;font-size:.95rem}
.demo-tune-head .text-button{margin:0;flex:none}
.text-button{background:none;border:0;padding:6px 2px;color:var(--teal);font:inherit;font-size:.8rem;font-weight:650;cursor:pointer;width:auto;min-height:0}
.text-button:disabled{color:var(--muted);opacity:.6;cursor:default}
.demo-tune-note{font-size:.78rem;margin:4px 0 10px;line-height:1.45}.demo-tune-note b{color:var(--text);font-weight:650}
.demo-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.demo-slider label{display:flex;align-items:center;gap:6px;margin:0;font-size:.78rem;color:var(--text);font-weight:600}
.demo-slider label span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-slider output{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.74rem;min-width:2.6em;text-align:right}
.demo-lock-icon{font-style:normal;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:99px;border:1px solid #3f6a5a;color:#8fe0b0}
.demo-slider.locked .demo-lock-icon{border-color:#4a4f63;color:var(--muted)}
.demo-slider.locked label span{color:var(--muted)}
.demo-slider input{color-scheme:dark;width:100%;margin:2px 0 0;padding:0;accent-color:var(--teal);height:28px;min-height:0;border:0;background:none}
.demo-slider.locked input{accent-color:#6b7489}
.demo-lock{font-size:.8rem;margin:12px 0 0;padding:10px 12px;border:1px solid #5a4a2a;border-radius:9px;background:#2a2213;color:#f5d58f}
.demo-lock a{color:#ffe3a0;font-weight:700}
.demo-controls{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:end;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.demo-controls label{grid-row:1;margin:0;font-size:.72rem;color:var(--muted);font-weight:600}
.demo-controls select{grid-row:2;padding:10px;min-height:44px;font-size:.88rem}
.demo-controls .secondary{grid-row:2;grid-column:2;width:auto;margin:0;min-height:44px;padding:10px 18px}
.demo-foot{font-size:.72rem;margin:14px 0 0;line-height:1.5}
@media(max-width:520px){.demo-card{padding:18px}.demo-team strong{font-size:1.3rem}.demo-team img{width:44px;height:44px}.demo-sliders{grid-template-columns:1fr}.demo-controls{grid-template-columns:1fr}.demo-controls .secondary{grid-row:3;grid-column:1;width:100%}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-metrics div{padding:9px 8px}}
@media(max-width:1100px){.demo-card{max-width:680px}}

/* Screenshots. */
#inside .section-intro h2{margin-bottom:0}
.shots-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}
.shots-grid figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:16px;background:#0d1626;overflow:hidden;display:flex;flex-direction:column}
.shots-grid .shot-wide{grid-column:1/-1}
.shots-grid img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line);background:#0a1020}
.shots-grid figcaption{padding:16px 18px;font-size:.9rem;color:var(--muted);line-height:1.5}
.shots-grid figcaption strong{color:var(--text)}
@media(max-width:700px){.shots-grid{grid-template-columns:1fr}.shots-grid .shot-wide{grid-column:auto}}
.shots-grid{grid-template-columns:1.6fr 1fr}
.shot-phone .phone-frame{flex:1;display:flex;align-items:center;justify-content:center;padding:26px 20px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#1a2a48,#0a1020 70%)}
.shot-phone .phone-frame img{width:auto;max-width:100%;max-height:520px;border:6px solid #1d2638;border-radius:30px;box-shadow:0 20px 50px #0008}
@media(max-width:700px){.shots-grid{grid-template-columns:1fr}.shot-phone .phone-frame img{max-height:460px}}
.shot-phone .phone-frame img{border-bottom:6px solid #1d2638;background:none}
.version-badge{display:block;font-size:.68rem;font-weight:500;letter-spacing:.02em;color:var(--teal);opacity:.85;font-variant-numeric:tabular-nums;margin-top:2px}