.token-preview{--text:#172944;--muted:#536580;--accent:#304ec4;color:var(--text);font-family:var(--sans);background:#edf3fa}.token-preview *,.token-preview :before,.token-preview :after{box-sizing:border-box}.token-preview a{color:inherit;text-decoration:none}.token-preview button,.token-preview input{font:inherit}.token-preview :is(a,button,input):focus-visible{outline-offset:5px;outline:3px solid #3154c9}.token-skip{z-index:50;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.token-skip:focus{top:10px}.token-journey{--journey:0;position:relative}.token-stage{background:#edf3fa;min-height:1080px;position:relative;overflow:hidden}.token-nav{z-index:5;justify-content:space-between;align-items:center;gap:28px;height:84px;padding:0 5vw;display:flex;position:absolute;inset:0 0 auto}.token-nav nav{align-items:center;gap:32px;font-size:13px;display:flex}.token-compare{border:1px solid #c4d0e2;border-radius:6px;padding:12px 16px;font-size:12px}.token-scene{pointer-events:none;position:absolute;inset:0}.token-scene canvas,.token-scene>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.token-intro{z-index:2;width:47%;max-width:650px;position:absolute;top:180px;left:7vw}.token-intro h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5.2vw,74px);font-weight:400;line-height:1.08}.token-intro p{max-width:345px;color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.65}.token-preview .token-primary{color:#fff;cursor:pointer;background:#304ec4;border:0;border-radius:6px;justify-content:center;align-items:center;gap:32px;min-height:48px;padding:14px 22px;font-size:13px;font-weight:550;display:inline-flex}.token-primary:hover{background:#253d9b}.token-secondary{margin:0 0 0 24px;padding-block:15px;font-size:13px;display:inline-block}.token-practice{z-index:3;width:420px;max-width:43%;position:absolute;bottom:70px;left:7vw}.token-problem-label{color:#536580;margin-bottom:18px;font-size:12px;display:block}.token-practice h2{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15}.token-practice p{color:#536580;max-width:370px;margin:0 0 20px;font-size:14px;line-height:1.65}.token-practice label{margin-bottom:9px;font-size:12px;display:block}.token-answer-row{gap:8px;display:flex}.token-answer-row input{color:#172944;background:#ffffffd9;border:1px solid #a3b3ca;border-radius:6px;width:100%;min-width:0;padding:12px}.token-answer-row input::placeholder{color:#536580}.token-feedback{min-height:48px;padding-top:12px;font-size:13px;line-height:1.5}.token-reveal{color:#253d9b;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a9b7cd;min-height:44px;padding:10px 0;font-size:12px}.token-practice .token-solution{color:#172944;font-variant-numeric:tabular-nums;margin-top:12px}.token-solution strong{margin-left:28px}.token-local-note{color:#536580;margin-top:12px;font-size:11px;display:block}.token-scroll-cue{display:none}.token-journey[data-motion=enabled]{height:210svh;min-height:1200px}.token-journey[data-motion=enabled] .token-stage{height:100svh;min-height:640px;position:sticky;top:0}.token-journey[data-motion=enabled] .token-intro{opacity:clamp(0, calc(1 - var(--journey) * 2), 1);transform:translateY(calc(var(--journey) * -60px));top:25%}.token-journey[data-phase=practice] .token-intro{visibility:hidden}.token-journey[data-motion=enabled] .token-practice{opacity:clamp(0, calc((var(--journey) - .45) * 4), 1);transform:translateY(calc((1 - var(--journey)) * 40px));top:23%;bottom:auto}.token-journey[data-phase=opening] .token-practice{visibility:hidden}.token-journey[data-motion=enabled] .token-practice:focus-within{opacity:1}.token-journey[data-motion=enabled] .token-scroll-cue{color:#536580;opacity:calc(1 - var(--journey));align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:42px;left:7vw}.token-scroll-cue span{background:#667e9e;width:1px;height:32px;display:block}.token-next{background:#fff;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 7vw;display:grid}.token-next h2{font:550 clamp(30px, 3vw, 44px)/1.12 var(--sans);letter-spacing:-.035em;margin:0 0 24px}.token-next p{color:#536580;max-width:440px;margin-bottom:30px;font-size:14px;line-height:1.8}.token-next-options a{border-bottom:1px solid #d6e0ec;grid-template-columns:1fr auto;gap:14px;padding:25px 0;display:grid}.token-next-options span{font-size:20px}.token-next-options small{color:#536580;grid-row:2;font-size:13px;line-height:1.5}.token-next-options b{grid-area:1/2/3;align-self:center;font-weight:400}.token-footer{background:#fff;border-top:1px solid #d6e0ec;justify-content:space-between;align-items:center;gap:20px;padding:36px 7vw;display:flex}.token-footer>a:last-child{font-size:12px}@media (max-width:760px){.token-nav{flex-wrap:wrap;align-content:center;gap:12px;height:110px;padding:18px 22px}.token-nav .brand{font-size:19px}.token-nav nav{order:3;gap:24px;width:100%;font-size:12px}.token-compare{padding:9px;font-size:11px}.token-intro{width:calc(100% - 48px);max-width:none;top:150px;left:24px}.token-scene{top:42%;bottom:32%;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.token-journey[data-motion=enabled] .token-scene{top:56%;bottom:5%}.token-journey[data-phase=practice] .token-scene{top:65%;bottom:0}.token-intro h1{max-width:480px;margin-bottom:18px;font-size:clamp(44px,9vw,63px)}.token-intro p{max-width:310px;margin-bottom:20px;font-size:14px}.token-primary{gap:16px}.token-secondary{margin-left:18px;font-size:12px}.token-journey[data-motion=enabled] .token-intro{top:19%}.token-journey[data-motion=enabled] .token-stage{min-height:820px}.token-journey[data-motion=enabled] .token-practice{top:17%}.token-practice{width:calc(100% - 48px);max-width:100%;bottom:30px;left:24px}.token-practice h2{margin-bottom:12px;font-size:28px}.token-practice p{max-width:100%;margin-bottom:14px;font-size:13px}.token-problem-label{margin-bottom:10px}.token-journey[data-motion=enabled] .token-scroll-cue{bottom:24px;left:24px}.token-stage{min-height:1300px}.token-next{grid-template-columns:1fr;gap:35px;padding:65px 24px}.token-footer{flex-wrap:wrap;padding-inline:24px}}
.token-answer-dialog{color:#18243c;background:#f5f7fb;border:1px solid #dbe2ed;border-radius:20px;width:min(830px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:36px;overflow-y:auto;box-shadow:0 30px 100px #101e3b38}.token-answer-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#17253b80}.token-demo-header{justify-content:space-between;align-items:start;gap:24px;display:flex}.token-demo-header p{font:13px var(--sans);color:#5d6980;margin:0 0 8px}.token-demo-header h2{font:500 clamp(24px, 3vw, 32px)/1.15 var(--sans);letter-spacing:-.035em;margin:0}.token-answer-dialog button{color:#18243c;min-height:44px;font:500 13px var(--sans);cursor:pointer;background:0 0;border:1px solid #cad3e1;border-radius:8px;padding:10px 16px}.token-answer-dialog button:hover{background:#e7ecf5}.token-answer-dialog button:focus-visible{outline-offset:3px;outline:3px solid #3154c9}.token-demo-description{color:#5d6980;margin:20px 0 0;font-size:15px}.token-demo-stage{perspective:900px;align-items:center;min-height:290px;padding:32px 0;display:grid}.token-demo-outcomes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.token-demo-outcomes[data-count="2"]{grid-template-columns:repeat(2,minmax(0,170px));justify-content:center;gap:24px}.token-demo-outcome{text-align:center;background:#fff;border:1px solid #dde4ef;border-radius:12px;min-height:110px;padding:19px 8px 12px}.token-demo-stage[data-playing=true] .token-demo-outcome{animation:.65s cubic-bezier(.2,.7,.2,1) both token-demo-flip}.token-demo-outcome.is-selected{background:#e9efff;border-color:#3154c9}.token-demo-coins{justify-content:center;gap:5px;display:flex}.token-demo-coin{color:#243858;width:32px;height:32px;font:600 12px var(--sans);background:#d4e0f1;border:1px solid #9bb2d3;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #92aacc,inset 0 0 0 3px #e8eff8}.token-demo-coin-t{background:#f0f3f8;box-shadow:0 3px #b1bfd3,inset 0 0 0 3px #fff}.token-demo-sequence{font:500 12px var(--sans);letter-spacing:.12em;margin-top:14px;display:block}.token-demo-match{color:#3154c9;font:12px var(--sans);margin-top:7px;display:block}.token-demo-caption{border-top:1px solid #dbe2ed;min-height:108px;padding-top:22px}.token-demo-caption>p{margin:0;font-size:15px;line-height:1.6}.token-demo-answer{align-items:center;gap:22px;margin-top:20px;display:flex}.token-demo-answer strong{color:#3154c9;font:500 38px/1 var(--sans);white-space:nowrap;font-variant-numeric:tabular-nums}.token-demo-answer span{color:#5d6980;max-width:250px;font-size:13px;line-height:1.6}.token-demo-controls{justify-content:space-between;align-items:center;gap:15px;padding-top:22px;display:flex}.token-demo-controls>div{gap:8px;display:flex}.token-demo-step{color:#5d6980;white-space:nowrap;font-size:12px}.token-answer-dialog .token-demo-primary{color:#fff;background:#3154c9;border-color:#3154c9}.token-answer-dialog .token-demo-primary:hover{background:#2645b0}@keyframes token-demo-flip{0%{opacity:.3;transform:rotateY(-75deg)translateY(8px)}to{opacity:1;transform:rotateY(0)translateY(0)}}@media (max-width:580px){.token-answer-dialog{border-radius:14px;padding:23px 18px}.token-demo-header{gap:12px}.token-demo-header h2{font-size:24px}.token-answer-dialog .token-demo-close{padding-inline:11px}.token-demo-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.token-demo-stage{padding-block:24px}.token-demo-outcome{min-height:96px;padding-top:14px}.token-demo-controls{flex-wrap:wrap}.token-demo-controls>div{flex-wrap:wrap;margin-left:auto}.token-demo-answer{gap:16px}}@media (prefers-reduced-motion:reduce){.token-demo-stage .token-demo-outcome{animation:none!important}}