:root{--black:#0d1324;--ink:#1d1d1f;--white:#fff;--grey:#f5f5f7;--mid:#86868b;--line:rgba(0,0,0,.14);--line-w:rgba(255,255,255,.16);
 --mint:#1a9e6c;--coral:#d92d45;--sky:#2f7cf6;--amber:#6f6fae;
 font-family:Geist,Inter,-apple-system,"SF Pro Text","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}html,body{overflow-x:hidden}
body{background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"tnum" 1;line-height:1.5}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.dark{background:var(--black);color:var(--white)}.dark .mid,.dark .k{color:#a1a1a6}
.grey{background:var(--grey)}
/* nav */
.top{position:sticky;top:0;z-index:10;background:rgba(13,19,36,.86);backdrop-filter:saturate(180%) blur(20px);color:#f5f5f7}
.top .wrap{display:flex;align-items:center;gap:30px;height:48px;max-width:1040px}
.logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;letter-spacing:-.01em;text-decoration:none}.logo svg{width:20px;height:20px}
.top nav{display:flex;gap:28px;margin-left:auto;font-size:12.5px;letter-spacing:-.01em}.top nav a{text-decoration:none;color:#d2d2d7}.top nav a:hover{color:#fff}
.top .btn{height:30px;padding:0 14px;font-size:12.5px;border:0;background:#fff;color:#0d1324}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:400 15px Geist,Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;letter-spacing:-.01em}
.btn:hover{background:rgba(0,0,0,.05)}.btn.go{background:var(--ink);color:#fff}.btn.go:hover{background:#333}
.dark .btn{border-color:#fff;color:#fff}.dark .btn:hover{background:rgba(255,255,255,.1)}.dark .btn.go{background:#fff;color:#0d1324}.dark .btn.go:hover{background:#e8e8ed}
.more{font-size:15px;color:var(--sky);text-decoration:none}.more:after{content:" ›"}.more:hover{text-decoration:underline}
/* type */
h1{font-size:clamp(44px,7.4vw,84px);font-weight:300;letter-spacing:-.045em;line-height:1}
h2{font-size:clamp(34px,5vw,56px);font-weight:300;letter-spacing:-.04em;line-height:1.05}
h3{font-size:21px;font-weight:500;letter-spacing:-.02em}
.lead{font-size:clamp(19px,2.2vw,24px);color:var(--mid);line-height:1.4;font-weight:300;letter-spacing:-.01em}
.dark .lead{color:#a1a1a6}
.k{font-size:14px;color:var(--mid);font-weight:500;letter-spacing:-.005em}
.center{text-align:center}.center .lead{margin:18px auto 0;max-width:46ch}
section{padding:120px 0}@media(max-width:800px){section{padding:80px 0}}
/* hero */
.hero{padding:96px 0 0;text-align:center;overflow:hidden}
.hero .lead{margin:22px auto 0;max-width:40ch}
.hero .cta{display:flex;gap:26px;align-items:center;justify-content:center;margin-top:34px;flex-wrap:wrap}
.hero .fine{margin-top:16px;font-size:12.5px;color:#86868b}
.hero .shot{margin:72px auto 0;max-width:880px;padding:0 16px;transform:translateY(1px)}
/* app mock */
.mock{background:#fff;color:var(--ink);border-radius:22px 22px 0 0;padding:34px 38px 0;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;text-align:left;border:1px solid rgba(0,0,0,.1);border-bottom:0}
.mock .sym{font-size:48px;font-weight:300;letter-spacing:-.045em;line-height:1}.mock .px{font-size:28px;font-weight:300;color:var(--mid);margin-left:10px;letter-spacing:-.03em}
.chg{font-size:14px;font-weight:500;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:middle;color:#0f7a53;background:rgba(26,158,108,.12)}
.mock .v{margin-top:14px;font-size:25px;font-weight:300;letter-spacing:-.02em;color:var(--amber)}
.mock .s{margin-top:6px;font-size:14.5px;color:var(--mid);line-height:1.5;max-width:42ch}
.facts{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.fact{font-size:12px;color:var(--mid);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px}.fact b{color:var(--ink);margin-left:4px;font-weight:500}
.fact.r{color:#b3203c;border-color:rgba(217,45,69,.35)}.fact.r b{color:#b3203c}
.gauge{position:relative;width:176px;height:176px}
.orb{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 18%,rgba(255,255,255,.12) 40%,transparent 60%),radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--amber) 35%,#fff) 0%,transparent 55%),linear-gradient(160deg,rgba(255,255,255,.9),color-mix(in srgb,var(--amber) 18%,#fff) 55%,color-mix(in srgb,var(--amber) 38%,#fff));box-shadow:0 30px 50px -22px color-mix(in srgb,var(--amber) 55%,transparent),0 0 0 1px rgba(255,255,255,.8)}
.gauge svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.gauge .lbl{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.gauge .big{font-size:42px;font-weight:300;letter-spacing:-.04em;line-height:1}.gauge .sm{font-size:11px;color:var(--mid);margin-top:5px;max-width:110px;line-height:1.3}
.lvls{display:grid;gap:6px;grid-column:1/-1;padding-bottom:30px}
.lvl{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 14px 10px 16px;border-radius:12px;border:1px solid var(--line);border-left:3px solid rgba(0,0,0,.3);font-size:13px;color:var(--mid)}
.lvl b{display:block;color:var(--ink);font-weight:500;font-size:13.5px}.lvl .n{font-size:20px;font-weight:300;letter-spacing:-.03em}
.lvl.en{border-left-color:var(--sky)}.lvl.en .n{color:var(--sky)}.lvl.st{border-left-color:var(--coral)}.lvl.st .n{color:var(--coral)}.lvl.tp{border-left-color:var(--mint)}.lvl.tp .n{color:var(--mint)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px;text-align:left}@media(max-width:800px){.steps{grid-template-columns:1fr;gap:36px}}
.step .num{font-size:64px;font-weight:200;letter-spacing:-.05em;line-height:1;margin-bottom:16px;color:var(--ink)}
.step p{color:var(--mid);font-size:16px;margin-top:8px;line-height:1.5}
/* feature tiles (dark) */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:64px}@media(max-width:800px){.tiles{grid-template-columns:1fr}}
.tile{text-align:left;background:#151c31;border-radius:22px;padding:36px 36px 40px;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.07)}
.tile.wide{grid-column:1/-1;min-height:260px}
.tile h3{font-size:28px;font-weight:300;letter-spacing:-.03em;color:#fff}.tile p{color:#a1a1a6;font-size:16px;margin-top:10px;max-width:60ch;line-height:1.5}
/* honest */
.honest{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:64px;text-align:left}@media(max-width:800px){.honest{grid-template-columns:1fr}}
.honest>div{border:1px solid var(--line);border-radius:22px;padding:32px 34px}
.honest h3{font-size:24px;font-weight:300;letter-spacing:-.03em}.honest ul{margin:16px 0 0;padding-left:18px;color:var(--mid);font-size:16px}.honest li{margin:10px 0}
/* pricing */
.price{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:64px auto 0;max-width:820px;text-align:left}@media(max-width:700px){.price{grid-template-columns:1fr}}
.plan{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 34px}.plan.best{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.plan .amt{font-size:60px;font-weight:200;letter-spacing:-.05em;line-height:1;margin:18px 0 2px}.plan .amt small{font-size:16px;color:var(--mid);letter-spacing:0;margin-left:4px;font-weight:400}
.plan .per{font-size:13px;color:var(--mid)}.plan ul{list-style:none;padding:0;margin:22px 0 26px}.plan li{padding:9px 0;border-top:1px solid var(--line);font-size:15px;color:var(--mid)}
.tag{display:inline-block;font-size:11.5px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;margin-left:8px;vertical-align:middle}
/* faq */
.faq{margin:56px auto 0;max-width:760px;text-align:left}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-size:19px;font-weight:400;letter-spacing:-.02em;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-weight:200;font-size:26px;color:var(--mid)}.faq details[open] summary:after{content:"–"}
.faq p{margin-top:12px;color:var(--mid);font-size:16px;max-width:66ch;line-height:1.5}
/* footer */
footer{background:var(--grey);padding:28px 0 40px;font-size:12px;color:#6e6e73}
footer .row{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}footer a{color:#424245;text-decoration:none}footer a:hover{text-decoration:underline}
.disc{max-width:96ch;line-height:1.55}
/* legal pages */
.legal{max-width:720px;margin:0 auto;padding:72px 24px 120px}.legal h1{font-size:44px;margin-bottom:8px}.legal .k{margin-bottom:40px}
.legal h2{font-size:24px;margin:44px 0 10px;font-weight:400;letter-spacing:-.02em}.legal p,.legal li{color:#424245;font-size:16px;line-height:1.6}.legal ul{padding-left:20px}.legal li{margin:6px 0}
.legal .box{border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:14px;padding:18px 20px;margin:22px 0;background:var(--grey)}.legal .box p{color:var(--ink)}
/* sign in */
.auth{min-height:calc(100vh - 48px);display:grid;place-items:center;padding:40px 24px;background:var(--grey)}
.auth form{width:min(420px,100%);padding:38px 36px 30px;background:#fff;border-radius:22px;border:1px solid var(--line)}.auth h1{font-size:32px;margin-bottom:8px}.auth p{color:var(--mid);font-size:14.5px}
.auth label{display:block;font-size:13px;color:var(--mid);margin:24px 0 6px}
.auth input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:400 16px Geist,Inter,system-ui,sans-serif;color:var(--ink);outline:0;background:#fff;letter-spacing:.02em}
.auth input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.auth input.code{text-align:center;font-size:28px;letter-spacing:.35em;font-weight:300}
.auth .btn{width:100%;margin-top:16px}.auth .fine{font-size:12.5px;color:var(--mid);margin-top:16px;line-height:1.5}
.auth .err{display:none;margin-top:12px;font-size:13.5px;color:#b3203c}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* mobile */
@media(max-width:900px){.top nav{display:none}.top .btn{margin-left:auto}.hero{padding-top:64px}.hero .shot{margin-top:48px}
 .mock{grid-template-columns:1fr;padding:26px 22px 0}.mock .gauge{width:150px;height:150px;justify-self:start}.mock .sym{font-size:38px}.mock .px{font-size:22px}
 .tile{padding:28px 26px 30px;min-height:0}.tile h3{font-size:24px}}
.wrap,.mock{min-width:0}

/* guess the odds */
.game{max-width:620px;margin:48px auto 0;text-align:left}
.gcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 32px}
.gtop,.htop{display:flex;align-items:baseline;gap:10px}.gt{font-size:34px;font-weight:300;letter-spacing:-.04em}.gp{font-size:22px;font-weight:300;color:var(--mid)}
.gplan{margin-top:12px;font-size:17px}.gfacts{margin-top:4px;font-size:14px;color:var(--mid)}
.gslide{margin:26px 0 18px}.gslide input{width:100%;accent-color:#1d1d1f}.gval{margin-top:10px;font-size:16px;color:var(--mid)}.gval span{font-size:28px;font-weight:300;color:var(--ink);letter-spacing:-.03em}
.greveal{margin-top:6px}.gans{display:flex;align-items:baseline;gap:14px;margin:8px 0 14px;font-size:16px;color:var(--mid)}.gans .big{font-size:48px;font-weight:200;letter-spacing:-.05em;color:var(--ink)}
.gdone{max-width:560px;margin:48px auto 0}.gdone .n{font-size:72px;font-weight:200;letter-spacing:-.05em;line-height:1}.gdone p{color:var(--mid);font-size:17px;margin-top:14px}
/* hot */
.hotrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;text-align:left}@media(max-width:800px){.hotrow{grid-template-columns:1fr}}
.hcard{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 28px;text-decoration:none}.hcard:hover{border-color:var(--ink)}
.hline{margin-top:12px;font-size:18px;font-weight:300;letter-spacing:-.01em;min-height:2.6em}.hodds{margin-top:14px;font-size:13px;color:var(--mid)}.hodds .n{font-size:30px;font-weight:300;color:var(--ink);letter-spacing:-.03em;margin-right:6px}
/* scorecard */
.card3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}@media(max-width:800px){.card3{grid-template-columns:1fr}}
.card3>div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}.card3 .n{font-size:64px;font-weight:200;letter-spacing:-.05em;line-height:1;color:var(--ink)}.card3 .k{margin-top:8px}

/* product shots */
figure{margin:0}.shot1{margin:56px auto 0;max-width:980px}.shot1 img,.shot2 img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid var(--line)}
.shot2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;max-width:980px;margin-left:auto;margin-right:auto;text-align:left}@media(max-width:800px){.shot2{grid-template-columns:1fr}}
figcaption{font-size:14px;color:var(--mid);margin-top:10px;line-height:1.45}
.shot1.narrow{max-width:720px}.shot1 figcaption{text-align:center}