:root{--bg:#fbfbfd;--band:#f0f1f6;--card:#ffffff;--text:#12141c;--muted:#4b5262;--line:#e2e4ec;--b1:#4338ca;--b1t:#4338ca;--on-b1:#ffffff;--b2:#f59e0b;--b2t:#a04a07;--grey:#6b7280;--you:var(--b2);--yout:var(--b2t);--careful:var(--b1);--carefult:var(--b1t);--norules:var(--grey);--norulest:#4b5262;--good:#0f766e}@media (prefers-color-scheme:dark){:root{--bg:#0b0c11;--band:#14161e;--card:#181b24;--text:#f3f4f8;--muted:#b0b6c4;--line:#2a2e3a;--b1:#818cf8;--b1t:#a5b4fc;--on-b1:#0b0c11;--b2:#fbbf24;--b2t:#fbbf24;--grey:#9aa1ae;--norulest:#b0b6c4;--good:#5eead4}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:1.125rem/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.wrap{max-width:760px;margin:0 auto;padding:48px 16px}.band{background:var(--band)}h1{font-size:clamp(2rem,8.5vw,3.4rem);line-height:1.1;letter-spacing:-.02em;margin:8px 0 16px;font-weight:800}h2{font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 20px;font-weight:800}h3{font-size:1.3rem;margin:0 0 6px}p{margin:0 0 12px}.eyebrow{margin:0;color:var(--b1t);font-weight:700;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.lead{font-size:1.3rem;color:var(--muted);margin-bottom:20px}.sub{color:var(--muted);margin:-8px 0 20px}.ill{font-size:.9rem;color:var(--muted);margin:8px 0 0}.fine{font-size:1rem;color:var(--muted);margin:12px 0 0}.hero{padding-top:32px;padding-bottom:40px}.cta{display:inline-block;background:var(--b1);color:var(--on-b1);font-weight:700;font-size:1.25rem;padding:16px 28px;border-radius:32px;text-decoration:none;min-height:56px;transition:transform .15s}.cta:hover{transform:translateY(-2px)}.cta:focus-visible,summary:focus-visible,.btn:focus-visible,#slider:focus-visible{outline:3px solid var(--text);outline-offset:3px}.closing{text-align:center}.race{margin:0 0 24px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 12px 12px}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:1rem;font-weight:600;margin-bottom:6px}.lg{display:inline-flex;align-items:center;gap:6px}.lg i{width:12px;height:12px;border-radius:50%;background:var(--grey)}.lg.you i{background:var(--you)}.lg.careful i{background:var(--careful)}.lg b{font-variant-numeric:tabular-nums}#race{display:block;width:100%;height:auto}.base{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4;fill:none}.ln{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.ln.you{stroke:var(--you)}.ln.careful{stroke:var(--careful)}.ln.norules{stroke:var(--norules)}.tip.you{fill:var(--you)}.tip.careful{fill:var(--careful)}.tip.norules{fill:var(--norules)}.problems{list-style:none;margin:0;padding:0;display:grid;gap:20px}.problems li{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.problems p{margin:0;font-size:1.2rem}.ico{width:48px;height:48px;flex:none;fill:none;stroke:var(--b1);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.steps{list-style:none;margin:0;padding:0;display:grid;gap:24px}.steps li{border-top:3px solid var(--b1);padding-top:16px}.steps p{color:var(--muted)}.mini{display:block;width:100%;height:auto}.steps .mini{width:120px;margin-bottom:8px;fill:none;stroke:var(--b1);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.s1 rect{fill:var(--b1);stroke:none;transform-box:fill-box;transform-origin:bottom;animation:bar 2.4s ease-in-out infinite}.s1 rect:nth-child(2){animation-delay:.3s}.s1 rect:nth-child(3){animation-delay:.6s}.s1 rect:nth-child(4){animation-delay:.9s}.s2 .ring{stroke:var(--b2);transform-box:fill-box;transform-origin:center;animation:ring 2.4s ease-out infinite}.s2 .tick{stroke:var(--b2)}.s3 path{stroke-dasharray:1;animation:draw 4s ease-in-out infinite}.s3 .b{stroke:var(--b2);animation-delay:.6s}@keyframes bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes draw{0%{stroke-dashoffset:1}60%,to{stroke-dashoffset:0}}.tiles{display:grid;gap:20px}.tile{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.tile>p{color:var(--muted)}.stage{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:14px;min-height:190px;display:flex;flex-direction:column;justify-content:center;animation:fade 8s ease-in-out infinite}@keyframes fade{0%{opacity:0}6%,92%{opacity:1}to{opacity:0}}.coach text{fill:var(--b2t);font:600 13px system-ui,sans-serif}.coach .entry{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 4}.coach .stop line{stroke:var(--b2);stroke-width:3}.coach .price{fill:none;stroke:var(--b1);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:draw8 8s ease-in-out infinite}.coach .stop{animation:lift 8s ease-in-out infinite}.chip{display:inline-block;border:2px solid var(--line);border-radius:24px;padding:6px 14px;font-weight:600;font-size:1rem;margin:0;background:var(--card)}.chip.good{align-self:flex-start;border-color:var(--good);color:var(--good);animation:chip 8s ease-in-out infinite}@keyframes draw8{0%{stroke-dashoffset:1}40%,to{stroke-dashoffset:0}}@keyframes lift{0%,40%{transform:translateY(34px)}58%,to{transform:none}}@keyframes chip{0%,56%{opacity:0;transform:translateY(6px)}66%,to{opacity:1;transform:none}}.plan-t{font-weight:700;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips .chip{position:relative}.chip.pick{border-color:var(--b1);background:var(--b1);color:var(--on-b1);animation:pick 8s ease-in-out infinite}.tap{position:absolute;right:-6px;bottom:-10px;width:22px;height:22px;border-radius:50%;background:var(--b2);opacity:.9;animation:tap 8s ease-in-out infinite}.saved{margin:12px 0 0;color:var(--good);font-weight:700;animation:saved 8s ease-in-out infinite}.saved:before{content:"\2713  "}@keyframes pick{0%,28%{background:var(--card);color:var(--text);border-color:var(--line)}34%,to{background:var(--b1);color:var(--on-b1);border-color:var(--b1)}}@keyframes tap{0%,24%{transform:scale(0);opacity:0}30%{transform:scale(1.2);opacity:.9}40%,to{transform:scale(2.2);opacity:0}}@keyframes saved{0%,40%{opacity:0;transform:translateY(6px)}50%,to{opacity:1;transform:none}}.pair .ln{stroke-dasharray:1;animation:draw8 8s ease-in-out infinite}.key{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.95rem;font-weight:600;margin:8px 0 0}.key span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:var(--grey)}.key .you:before{background:var(--you)}.key .careful:before{background:var(--careful)}.words{text-align:center;gap:4px}.jargon{margin:0;font:700 1.25rem ui-monospace,Menlo,Consolas,monospace}.jargon span{position:relative;display:inline-block;padding:0 4px}.jargon span:after{content:"";position:absolute;left:0;right:0;top:55%;height:3px;background:var(--b2);transform-origin:left;animation:strike 8s ease-in-out infinite}.arrow{margin:0;font-size:1.5rem;color:var(--b1t);animation:plain 8s ease-in-out infinite}.plain{margin:0;font-size:1.25rem;font-weight:700;animation:plain 8s ease-in-out infinite}@keyframes strike{0%,25%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}@keyframes plain{0%,40%{opacity:0;transform:translateY(8px)}55%,to{opacity:1;transform:none}}.road{list-style:none;margin:0;padding:0;display:grid;gap:12px}.road li{border:2px dashed var(--line);border-radius:16px;padding:14px 18px;display:grid;gap:2px}.road span{color:var(--muted)}.faq{display:grid;gap:10px}details{background:var(--card);border:1px solid var(--line);border-radius:14px}summary{cursor:pointer;font-weight:700;font-size:1.2rem;padding:16px 48px 16px 18px;list-style:none;position:relative;min-height:56px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--b1t)}details[open] summary:after{content:"\2212"}details p{padding:0 18px 16px;margin:0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.card p{margin:0}.caption{font-size:1.4rem;line-height:1.3;font-weight:700;min-height:4em;margin-bottom:8px!important}.caption.pop{animation:pop .5s ease-out}@keyframes pop{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}#chart{display:block;width:100%;height:auto}#chart text{fill:var(--muted);font:14px system-ui,sans-serif}#chart .grid{stroke:var(--line);stroke-width:1}#chart .base{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}#chart .ln{stroke-width:3.5}#chart circle.you{fill:var(--you)}#chart circle.careful{fill:var(--careful)}#chart circle.norules{fill:var(--norules)}#chart text.v{font-weight:700;font-size:15px}#chart text.v.you{fill:var(--yout)}#chart text.v.careful{fill:var(--carefult)}#chart text.v.norules{fill:var(--norulest)}.controls{display:flex;gap:12px;align-items:center;margin-top:8px}.btn{font:inherit;font-weight:700;min-width:96px;min-height:48px;border-radius:24px;border:0;background:var(--b1);color:var(--on-b1);cursor:pointer;padding:0 20px}#slider{flex:1;min-width:0;height:48px;accent-color:var(--b1);margin:0}.clock{color:var(--muted);margin-top:4px!important}.stats{display:grid;gap:12px;margin-bottom:16px}.stat{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px}.who{font-weight:700;display:flex;align-items:center;gap:10px}.dot{width:14px;height:14px;border-radius:50%;flex:none;background:var(--norules)}.dot.you{background:var(--you)}.dot.careful{background:var(--careful)}.bal{grid-row:1/3;grid-column:2;font-size:2.25rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat[data-k=you] .bal{color:var(--yout)}.stat[data-k=careful] .bal{color:var(--carefult)}.stat[data-k=norules] .bal{color:var(--norulest)}.meta{color:var(--muted);font-variant-numeric:tabular-nums}.ahas h3{font-size:1.5rem}.aha{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--you);border-radius:16px;padding:16px;margin-bottom:12px;font-size:1.2rem;font-weight:600}.aha:nth-child(2){border-left-color:var(--careful)}.aha:nth-child(3){border-left-color:var(--norules)}.ahas:not([hidden]) .aha{animation:pop .6s ease-out backwards}footer{border-top:1px solid var(--line);padding:24px 16px 40px;text-align:center;color:var(--muted);font-size:1rem}footer p{margin:0}@media (min-width:720px){.wrap{padding:72px 24px}.problems li{padding:22px}.steps{grid-template-columns:repeat(3,1fr)}.tiles,.road{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.stat{grid-template-columns:1fr}.bal{grid-row:auto;grid-column:auto;margin-top:6px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.s1 rect,.s3 path,.pair .ln,.coach .price{stroke-dashoffset:0}.s3 path,.pair .ln,.coach .price{stroke-dasharray:none}}