.demo{--pw:min(340px,calc(100vw - 2 * var(--gutter) - 8px),calc((100vh - var(--header-h) - 48px) * .47));position:relative;width:var(--pw);margin:0 auto}@supports (height:100svh){.demo{--pw:min(340px,calc(100vw - 2 * var(--gutter) - 8px),calc((100svh - var(--header-h) - 48px) * .47))}}@media (max-height:640px){.demo{--pw:min(300px,calc(100vw - 2 * var(--gutter) - 8px))}}.phone{position:relative;width:var(--pw);padding:calc(var(--pw) * .026);border-radius:calc(var(--pw) * .155);background:linear-gradient(140deg,#7D8087 0%,#2E3035 9%,#18191C 26%,#232428 52%,#121315 74%,#5E6168 92%,#3A3C41 100%);box-shadow:inset 0 0 0 calc(var(--pw) * .003) rgba(255,255,255,.22),inset 0 calc(var(--pw) * .005) calc(var(--pw) * .008) rgba(255,255,255,.12),0 0 0 calc(var(--pw) * .0025) rgba(15,18,26,.35),0 2px 3px rgba(17,22,36,.14),0 30px 54px -20px rgba(31,42,68,.42),0 80px 120px -56px rgba(31,42,68,.38)}.phone::before,.phone::after{content:"";position:absolute;width:calc(var(--pw) * .009);border-radius:calc(var(--pw) * .006);background:linear-gradient(90deg,#2A2C31,#6B6E75 55%,#2C2E33)}.phone::before{left:calc(var(--pw) * -.0075);top:18.5%;height:3.4%;box-shadow:0 calc(var(--pw) * .09) 0 0 #3E4046,0 calc(var(--pw) * .21) 0 0 #3E4046}.phone::after{right:calc(var(--pw) * -.0075);top:25%;height:10.5%;box-shadow:0 calc(var(--pw) * .46) 0 calc(var(--pw) * -.0005) #3E4046}.phone-screen{--pt:calc(var(--pw) * .948 / 402);--paper:#FFF8EE;--ink:#1F2A44;--ink-soft:rgba(31,42,68,.62);--line:rgba(31,42,68,.12);--sky:#4A7DFF;--sun:#FFC845;--mint:#2BB673;--coral:#FF7A59;--bat:#4A7DFF;position:relative;aspect-ratio:402 / 874;border-radius:calc(var(--pw) * .129);overflow:hidden;overflow:clip;isolation:isolate;box-shadow:0 0 0 calc(var(--pw) * .016) #050608,0 0 0 calc(var(--pw) * .0175) rgba(255,255,255,.06);background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:calc(17 * var(--pt));line-height:1.3;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-font-smoothing:antialiased}.phone-screen[data-battery="verbal"]{--bat:#F2668B}.phone-screen[data-battery="quantitative"]{--bat:#F5A524}.phone-screen[data-battery="nonverbal"]{--bat:#20B2AA}.phone-screen button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.phone-screen :focus-visible{outline:calc(3 * var(--pt)) solid #2F5FE0;outline-offset:calc(3 * var(--pt))}.ps-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 5% 4%,rgba(74,125,255,.16),rgba(74,125,255,.12) 17%,rgba(74,125,255,.05) 34%,transparent 48%),radial-gradient(circle at 98% 20%,rgba(255,200,69,.2),rgba(255,200,69,.15) 14%,rgba(255,200,69,.06) 28%,transparent 40%),radial-gradient(circle at 10% 98%,rgba(43,182,115,.13),rgba(43,182,115,.1) 16%,rgba(43,182,115,.04) 32%,transparent 45%),radial-gradient(circle at 95% 90%,rgba(242,102,139,.08),rgba(242,102,139,.06) 13%,transparent 36%)}.ps-status{position:absolute;left:0;right:0;top:0;height:calc(54 * var(--pt));z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(4 * var(--pt)) calc(32 * var(--pt)) 0 calc(42 * var(--pt));color:#000;pointer-events:none}.ps-time{font:600 calc(17 * var(--pt))/1 var(--font-body);letter-spacing:-.01em}.ps-island{position:absolute;left:50%;top:calc(11 * var(--pt));width:calc(124 * var(--pt));height:calc(36 * var(--pt));margin-left:calc(-62 * var(--pt));border-radius:999px;background:#000}.ps-icons{display:flex;align-items:center;gap:calc(6 * var(--pt))}.ps-icons svg{display:block;height:calc(12 * var(--pt));width:auto}.ps-home{position:absolute;left:50%;bottom:calc(8 * var(--pt));width:calc(140 * var(--pt));height:calc(5 * var(--pt));margin-left:calc(-70 * var(--pt));border-radius:99px;background:rgba(0,0,0,.82);z-index:20;pointer-events:none}.ps-confetti{position:absolute;inset:0;width:100%;height:100%;z-index:30;pointer-events:none}.ds{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(60 * var(--pt)) calc(24 * var(--pt)) calc(30 * var(--pt));overflow-y:auto;overflow-x:hidden;scrollbar-width:none;text-align:center}.ds::-webkit-scrollbar{display:none}.ds[hidden]{display:none !important}.ds.enter{animation:ds-in .5s cubic-bezier(.2,.85,.25,1) both}@keyframes ds-in{from{opacity:0;transform:translateX(5%) scale(.985)}to{opacity:1;transform:none}}.ds h2:focus,.ds p:focus{outline:none}.ds-title{font:800 calc(30 * var(--pt))/1.12 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 calc(10 * var(--pt))}.ds-kid{font:800 calc(34 * var(--pt))/1.1 var(--font-display);color:var(--ink);margin:calc(8 * var(--pt)) 0 calc(10 * var(--pt));letter-spacing:-.01em}.ds-body{font:500 calc(17 * var(--pt))/1.4 var(--font-display);color:var(--ink-soft);margin:0 0 calc(20 * var(--pt))}.pbtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(58 * var(--pt));border:0;border-radius:calc(18 * var(--pt));background:var(--sky);color:#FFFFFF !important;font:700 calc(19 * var(--pt))/1.1 var(--font-display);cursor:pointer;box-shadow:0 calc(4 * var(--pt)) calc(14 * var(--pt)) rgba(74,125,255,.38);transition:transform .15s,box-shadow .15s}.pbtn:active{transform:scale(.97)}.pbtn-mint{background:var(--mint);box-shadow:0 calc(4 * var(--pt)) calc(14 * var(--pt)) rgba(43,182,115,.4)}@media (hover:hover){.pbtn:hover{transform:translateY(-1px)}}.ds-welcome{justify-content:center}.dw-art{width:calc(330 * var(--pt));margin:calc(-40 * var(--pt)) 0 calc(-14 * var(--pt))}.dw-art picture,.dw-art img,.dd-art img,.da-art img,.dr-art img{width:100%;height:auto}.dw-art img{filter:drop-shadow(0 calc(16 * var(--pt)) calc(14 * var(--pt)) rgba(31,42,68,.18))}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3.5%)}}.dw-bubble{position:relative;display:flex;align-items:center;gap:calc(10 * var(--pt));background:#FFFFFF;border-radius:calc(24 * var(--pt));padding:calc(16 * var(--pt)) calc(16 * var(--pt)) calc(16 * var(--pt)) calc(20 * var(--pt));margin:0 0 calc(26 * var(--pt));box-shadow:0 calc(8 * var(--pt)) calc(22 * var(--pt)) rgba(31,42,68,.1);text-align:left}.dw-bubble::before{content:"";position:absolute;left:50%;top:calc(-9 * var(--pt));width:calc(20 * var(--pt));height:calc(20 * var(--pt));margin-left:calc(-10 * var(--pt));background:#FFFFFF;border-radius:calc(4 * var(--pt));transform:rotate(45deg)}.dw-bubble p{position:relative;margin:0;font:800 calc(22 * var(--pt))/1.22 var(--font-display);color:var(--ink)}.dw-hear{position:relative;flex:none;display:grid;place-items:center;width:calc(44 * var(--pt));height:calc(44 * var(--pt));border:0;border-radius:50%;background:var(--sky);color:#FFFFFF !important;cursor:pointer;box-shadow:0 calc(4 * var(--pt)) calc(10 * var(--pt)) rgba(74,125,255,.35)}.dw-hear svg{width:56%;height:56%}.dw-note{margin:calc(14 * var(--pt)) 0 0;font:600 calc(14 * var(--pt))/1.3 var(--font-display);color:var(--ink-soft)}.demo:not(.is-ready) [data-action="start"]{opacity:.55;pointer-events:none}.ds-grade{justify-content:center}.dg-head{margin-bottom:calc(16 * var(--pt))}.dg-options{display:grid;gap:calc(12 * var(--pt));width:100%}.opt{display:flex;align-items:center;gap:calc(14 * var(--pt));width:100%;padding:calc(16 * var(--pt));border:calc(2 * var(--pt)) solid transparent;border-radius:calc(20 * var(--pt));background:#FFFFFF;text-align:left;cursor:pointer;box-shadow:0 calc(3 * var(--pt)) calc(10 * var(--pt)) rgba(31,42,68,.07);transition:border-color .2s,background-color .2s,transform .15s}.opt:active{transform:scale(.98)}.opt-badge{flex:none;display:grid;place-items:center;width:calc(52 * var(--pt));height:calc(52 * var(--pt));border-radius:calc(16 * var(--pt));background:#E9F0FF;color:#2F5FE0;font:800 calc(18 * var(--pt))/1 var(--font-display)}.opt:nth-child(2) .opt-badge{background:#FFF4D4;color:#8A5200}.opt-copy{flex:1;min-width:0;display:grid;gap:calc(3 * var(--pt))}.opt-title{font:700 calc(18 * var(--pt))/1.2 var(--font-display);color:var(--ink)}.opt-sub{font:500 calc(14.5 * var(--pt))/1.3 var(--font-display);color:var(--ink-soft)}.opt-check{flex:none;width:calc(26 * var(--pt));height:calc(26 * var(--pt));border-radius:50%;border:calc(2.5 * var(--pt)) solid rgba(31,42,68,.2);position:relative}.opt.is-selected{border-color:var(--sky);background:#F2F6FF}.opt.is-selected .opt-check{border-color:var(--sky);background:var(--sky)}.opt.is-selected .opt-check::after{content:"";position:absolute;left:32%;top:18%;width:28%;height:48%;border:solid #FFFFFF;border-width:0 calc(2.6 * var(--pt)) calc(2.6 * var(--pt)) 0;transform:rotate(45deg)}.ds-q{padding:calc(54 * var(--pt)) calc(16 * var(--pt)) calc(26 * var(--pt));justify-content:flex-start;gap:calc(10 * var(--pt))}.dq-top{display:flex;align-items:center;gap:calc(14 * var(--pt));width:100%;padding-top:calc(8 * var(--pt))}.dq-progress{flex:1;height:calc(14 * var(--pt));border-radius:99px;background:rgba(31,42,68,.08);overflow:hidden}.dq-progress i{display:block;height:100%;min-width:calc(14 * var(--pt));width:calc(var(--progress,0) * 100%);border-radius:99px;background:var(--bat);transition:width .5s cubic-bezier(.2,.8,.2,1),background-color .4s}.dq-mute,.dq-replay{flex:none;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;transition:transform .15s,background-color .2s}.dq-mute{width:calc(44 * var(--pt));height:calc(44 * var(--pt));background:#FFFFFF;color:var(--ink-soft) !important}.dq-mute svg{width:46%;height:46%}.demo.is-muted .dq-mute{background:var(--coral);color:#FFFFFF !important}.dq-replay{width:calc(56 * var(--pt));height:calc(56 * var(--pt));background:var(--sky);color:#FFFFFF !important;box-shadow:0 calc(4 * var(--pt)) calc(8 * var(--pt)) rgba(74,125,255,.35)}.dq-replay svg{width:50%;height:50%}.dq-mute:active,.dq-replay:active{transform:scale(.94)}.demo.is-speaking .dq-replay .w1{animation:wave 1s ease-in-out infinite}.demo.is-speaking .dq-replay .w2{animation:wave 1s .25s ease-in-out infinite}@keyframes wave{0%,100%{opacity:1}50%{opacity:.25}}.dq-pill{display:inline-flex;align-items:center;gap:calc(8 * var(--pt));margin:0;padding:calc(7 * var(--pt)) calc(14 * var(--pt));border-radius:99px;background:var(--bat);color:#FFFFFF;font:700 calc(14 * var(--pt))/1.1 var(--font-display);transition:background-color .4s}.dq-pill-dot{width:calc(14 * var(--pt));height:calc(14 * var(--pt));border-radius:calc(4 * var(--pt));background:rgba(255,255,255,.9);box-shadow:calc(4 * var(--pt)) calc(-3 * var(--pt)) 0 calc(-1 * var(--pt)) rgba(255,255,255,.55)}.dq-stage{flex:1;display:grid;place-items:center;width:100%;min-height:0}.ds-q.swap .dq-stim,.ds-q.swap .dq-choices{animation:pop-in .5s cubic-bezier(.25,1.3,.5,1) both}.ds-q.swap .dq-choices{animation-delay:.08s}@keyframes pop-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.cell,.choice-card{--s:calc(112 * var(--pt));position:relative;display:grid;place-items:center;width:var(--s);height:var(--s);padding:calc(var(--s) * .08);border-radius:calc(var(--s) * .16);background:#FFFFFF;border:calc(1.5 * var(--pt)) solid var(--line);box-shadow:0 calc(3 * var(--pt)) calc(6 * var(--pt)) rgba(31,42,68,.08);transition:border-color .25s,box-shadow .25s,transform .3s cubic-bezier(.3,1.5,.5,1),opacity .3s}.cell{--s:calc(118 * var(--pt))}.cell.is-hl{border-color:var(--sun);border-width:calc(3 * var(--pt));box-shadow:0 0 0 calc(4 * var(--pt)) rgba(255,200,69,.28),0 calc(3 * var(--pt)) calc(6 * var(--pt)) rgba(31,42,68,.08);transform:scale(1.04)}.cell-q{border:calc(3 * var(--pt)) dashed rgba(31,42,68,.35);background:var(--paper);box-shadow:none}.cell-q.is-filled{border:calc(4 * var(--pt)) solid var(--mint);background:#FFFFFF;animation:pop-in .45s cubic-bezier(.25,1.4,.5,1)}.v-q{font:800 calc(var(--s,118 * var(--pt)) * .42)/1 var(--font-display);color:var(--ink-soft)}.v-svg,.v-svg svg,.v-one,.v-one picture,.v-one img{display:block;width:100%;height:100%}.v-one{padding:6%}.v-pic,.v-pic img{display:block;width:100%;height:100%;object-fit:contain}.v-word{display:block;font:700 min(calc(var(--s) * .22),calc((var(--s) - 8 * var(--pt)) / (.57 * var(--letters,6))))/1.15 var(--font-display);color:var(--ink);overflow-wrap:normal;word-break:normal}.v-num{font:800 calc(44 * var(--pt))/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}.v-qty{position:relative;display:block;width:100%;height:100%}.v-qty-item{position:absolute;display:block}.v-count{position:absolute;top:calc(-10 * var(--pt));right:calc(-8 * var(--pt));z-index:2;display:grid;place-items:center;min-width:calc(30 * var(--pt));height:calc(30 * var(--pt));padding:0 calc(6 * var(--pt));border-radius:99px;background:var(--mint);color:#FFFFFF;font:800 calc(18 * var(--pt))/1 var(--font-display);box-shadow:0 calc(3 * var(--pt)) calc(8 * var(--pt)) rgba(43,182,115,.45);opacity:0;transform:scale(.2);transition:opacity .25s,transform .45s cubic-bezier(.3,1.6,.5,1);pointer-events:none}.choice-card .v-count{display:none}.st-analogy{display:grid;grid-template-columns:auto calc(50 * var(--pt)) auto;align-items:center;justify-items:center;row-gap:calc(19 * var(--pt));column-gap:calc(12 * var(--pt))}.v-arrow{position:relative;display:grid;place-items:center;width:calc(50 * var(--pt));height:calc(50 * var(--pt));color:var(--ink-soft)}.v-arrow>svg{width:calc(30 * var(--pt));height:calc(30 * var(--pt));transition:opacity .2s}.v-arrow-badge{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:var(--sun);color:var(--ink);opacity:0;transform:scale(.3);transition:opacity .25s,transform .4s cubic-bezier(.3,1.6,.5,1)}.v-arrow-badge svg{width:55%;height:55%}.v-arrow.is-rule>svg{opacity:0}.v-arrow.is-rule .v-arrow-badge{opacity:1;transform:none}.st-series{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(14 * var(--pt)) calc(7 * var(--pt));max-width:100%}.st-series .cell{--s:calc(66 * var(--pt))}.st-series .cell-tall{height:calc(var(--s) * 1.75);padding:calc(var(--s) * .08) calc(var(--s) * .06)}.st-series.is-wrap{gap:calc(13 * var(--pt)) calc(9 * var(--pt));max-width:calc(300 * var(--pt))}.st-series.is-wrap .cell{--s:calc(90 * var(--pt))}.v-abacus{position:relative;display:block;width:100%;height:100%}.v-abacus svg{display:block;width:100%;height:100%}.dq-stim.is-counting .v-count,.v-train.is-counting .v-count{opacity:1;transform:none}.v-diff{position:absolute;left:0;top:calc(-13 * var(--pt));transform:translateX(-50%) scale(.3);z-index:2;padding:calc(3 * var(--pt)) calc(7 * var(--pt));border-radius:99px;background:var(--sun);color:var(--ink);font:800 calc(13 * var(--pt))/1 var(--font-display);opacity:0;transition:opacity .25s,transform .4s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}.st-series.is-wrap .cell:nth-child(3n + 1) .v-diff{left:calc(-2 * var(--pt))}.dq-stim.is-diffs .v-diff{opacity:1;transform:translateX(-50%)}.st-fold{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--pt))}.st-fold .cell{--s:calc(136 * var(--pt));padding:0}.k-folding .st-fold .cell:nth-last-child(n + 4),.k-folding .st-fold .cell:nth-last-child(n + 4) ~ .cell{--s:calc(98 * var(--pt))}.v-chev{display:grid;place-items:center;width:calc(16 * var(--pt));color:var(--ink-soft)}.v-chev svg{width:100%}.st-unfold{display:none}.dq-stim.is-unfolding .st-fold{display:none}.dq-stim.is-unfolding .st-unfold{display:grid;place-items:center}.cell-unfold{--s:calc(190 * var(--pt));padding:0}.v-unfold-frame{animation:unfold-in .55s cubic-bezier(.25,1.3,.5,1) both}@keyframes unfold-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.st-trains{display:grid;gap:calc(18 * var(--pt));justify-items:start}.v-train{--car:calc(86 * var(--pt));display:flex;align-items:flex-end;gap:calc(5 * var(--pt));border-radius:calc(14 * var(--pt));padding:calc(4 * var(--pt));border:calc(3 * var(--pt)) solid transparent;transition:border-color .25s,box-shadow .25s}.v-train.is-counting{border-color:var(--sun);box-shadow:0 0 0 calc(4 * var(--pt)) rgba(255,200,69,.25)}.v-loco{flex:none;width:calc(var(--car) * .72);height:auto}.v-car{--s:var(--car);position:relative;flex:none;display:block;width:var(--car);aspect-ratio:1.25}.v-car-body{position:absolute;left:0;right:0;top:3%;height:78%;border-radius:calc(var(--car) * .12);background:#FFFFFF;border:calc(2.5 * var(--pt)) solid var(--ink);display:grid;place-items:center;padding:3% 4%}.v-car.is-missing .v-car-body{background:var(--paper);border-style:dashed}.v-car .v-q{font-size:calc(var(--car) * .34)}.v-car.is-filled .v-car-body{border-color:var(--mint);border-width:calc(3.5 * var(--pt))}.v-car-wheels{position:absolute;left:0;right:0;bottom:0;height:22%}.v-car-wheels i{position:absolute;bottom:0;width:18%;aspect-ratio:1;border-radius:50%;background:var(--ink)}.v-car-wheels i:first-child{left:16%}.v-car-wheels i:last-child{right:16%}.v-total{align-self:center;font:800 calc(var(--car) * .3)/1 var(--font-display);color:var(--mint);margin-left:calc(4 * var(--pt));opacity:0;transform:scale(.3);transition:opacity .25s,transform .4s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}.v-train.is-counting .v-total{opacity:1;transform:none}.v-car .v-count{top:calc(-12 * var(--pt));right:calc(-6 * var(--pt))}.choice-card .v-car{width:92%;--car:calc(96 * var(--pt))}.st-equation{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--pt));padding:calc(14 * var(--pt)) calc(16 * var(--pt));border-radius:calc(22 * var(--pt));background:#FFFFFF;box-shadow:0 calc(3 * var(--pt)) calc(8 * var(--pt)) rgba(31,42,68,.08)}.st-eq-row{display:flex;align-items:center;gap:calc(7 * var(--pt))}.v-tok{font:700 calc(33 * var(--pt))/1 var(--font-display);color:var(--ink)}.v-blank{--s:calc(48 * var(--pt));display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:calc(12 * var(--pt))}.v-blank .v-q{font-size:calc(24 * var(--pt))}.v-blank.is-filled{border:0;background:transparent;width:auto;min-width:var(--s)}.v-blank.is-filled .v-tok{color:var(--mint);font-weight:800}.dq-caption{display:flex;align-items:center;gap:calc(10 * var(--pt));width:100%;min-height:calc(68 * var(--pt));padding:calc(10 * var(--pt)) calc(14 * var(--pt)) calc(10 * var(--pt)) calc(10 * var(--pt));border-radius:calc(18 * var(--pt));background:#FFFFFF;box-shadow:0 calc(4 * var(--pt)) calc(14 * var(--pt)) rgba(31,42,68,.08);text-align:left;opacity:0;transform:translateY(calc(8 * var(--pt)));transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1)}.dq-caption.is-on{opacity:1;transform:none}.dq-cap-mascot{flex:none;position:relative;width:calc(44 * var(--pt));height:calc(44 * var(--pt))}.dq-cap-mascot picture{position:absolute;inset:0;display:none}.dq-cap-mascot picture img{width:100%;height:100%;object-fit:contain}.dq-cap-mascot[data-mood="encourage"] picture:nth-child(1),.dq-cap-mascot[data-mood="magnify"] picture:nth-child(2),.dq-cap-mascot[data-mood="cheer"] picture:nth-child(3){display:block;animation:pop-in .35s cubic-bezier(.25,1.4,.5,1)}.dq-cap-text{margin:0;font:600 calc(16 * var(--pt))/1.3 var(--font-display);color:var(--ink)}.dq-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(11 * var(--pt));width:100%}.dq-choices.n5{max-width:calc(360 * var(--pt))}.dq-choices.is-abacus .choice-card{height:calc(var(--s) * 1.3)}.dq-choices.is-abacus .choice-card .v-abacus{width:62%}.choice-card{cursor:pointer;font:inherit}@media (hover:hover){.choice-card:not(:disabled):hover{transform:translateY(calc(-2 * var(--pt)));box-shadow:0 calc(8 * var(--pt)) calc(16 * var(--pt)) rgba(31,42,68,.12)}}.choice-card:not(:disabled):active{transform:scale(.94)}.choice-card:disabled{cursor:default}.choice-card.is-correct,.choice-card.is-revealed{border:calc(4 * var(--pt)) solid var(--mint);box-shadow:0 calc(6 * var(--pt)) calc(18 * var(--pt)) rgba(43,182,115,.45);transform:scale(1.06)}.choice-card.is-dimmed{opacity:.35}.demo.is-locked .choice-card:not(.is-correct):not(.is-revealed):not(.is-dimmed){opacity:.92}.ds-done{justify-content:center}.dd-art{width:calc(210 * var(--pt));animation:cheer 1.6s cubic-bezier(.3,1.5,.5,1) both}@keyframes cheer{0%{transform:translateY(20%) scale(.6);opacity:0}60%{transform:translateY(-6%) scale(1.04);opacity:1}100%{transform:none}}.ds-done .pbtn{margin-top:calc(18 * var(--pt))}.ds-analyzing{justify-content:center}.da-art{width:calc(170 * var(--pt));margin-bottom:calc(8 * var(--pt))}.da-list{list-style:none;margin:calc(8 * var(--pt)) 0 0;padding:calc(18 * var(--pt));width:100%;display:grid;gap:calc(14 * var(--pt));border-radius:calc(20 * var(--pt));background:#FFFFFF;text-align:left;box-shadow:0 calc(4 * var(--pt)) calc(14 * var(--pt)) rgba(31,42,68,.06)}.da-list li{display:flex;align-items:center;gap:calc(12 * var(--pt));font:600 calc(16 * var(--pt))/1.25 var(--font-display);color:var(--ink-soft);transition:color .3s}.da-list li.is-active,.da-list li.is-done{color:var(--ink)}.da-tick{flex:none;position:relative;width:calc(28 * var(--pt));height:calc(28 * var(--pt));border-radius:50%;background:rgba(31,42,68,.08);transition:background-color .3s}.is-active .da-tick{background:transparent;border:calc(3 * var(--pt)) solid rgba(31,42,68,.12);border-top-color:var(--sky);animation:spin .8s linear infinite}.is-done .da-tick{background:var(--mint)}.is-done .da-tick::after{content:"";position:absolute;left:36%;top:22%;width:24%;height:42%;border:solid #FFFFFF;border-width:0 calc(3 * var(--pt)) calc(3 * var(--pt)) 0;transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}.ds-reveal{justify-content:flex-start;padding-top:calc(62 * var(--pt))}.dr-art{width:calc(96 * var(--pt));margin-bottom:calc(2 * var(--pt))}.ds-reveal .ds-title{font-size:calc(26 * var(--pt))}.dr-rows{list-style:none;margin:calc(4 * var(--pt)) 0 calc(14 * var(--pt));padding:0;width:100%;display:grid;gap:calc(10 * var(--pt))}.dr-row{display:flex;align-items:center;gap:calc(12 * var(--pt));padding:calc(12 * var(--pt));border-radius:calc(18 * var(--pt));background:#FFFFFF;text-align:left;box-shadow:0 calc(3 * var(--pt)) calc(10 * var(--pt)) rgba(31,42,68,.06);animation:pop-in .45s cubic-bezier(.25,1.3,.5,1) both}.dr-row:nth-child(2){animation-delay:.1s}.dr-row:nth-child(3){animation-delay:.2s}.dr-icon{flex:none;position:relative;width:calc(44 * var(--pt));height:calc(44 * var(--pt));border-radius:calc(13 * var(--pt));background:var(--c)}.dr-icon::after{content:"";position:absolute;inset:26%;background:#FFFFFF;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.b-verbal{--c:#F2668B;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E")}.b-quantitative{--c:#F5A524;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3 7 21M17 3l-2 18M3.5 8.5h18M2.5 15.5h18' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.b-nonverbal{--c:#20B2AA;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='12' height='12' rx='2.5'/%3E%3Ccircle cx='15.5' cy='15.5' r='6.5'/%3E%3C/svg%3E")}.dr-copy{flex:1;min-width:0;display:grid;gap:calc(1 * var(--pt))}.dr-name{font:700 calc(16.5 * var(--pt))/1.2 var(--font-display);color:var(--ink)}.dr-kind{font:500 calc(12.5 * var(--pt))/1.2 var(--font-display);color:var(--ink-soft)}.dr-badge{flex:none;padding:calc(6 * var(--pt)) calc(10 * var(--pt));border-radius:99px;font:800 calc(13 * var(--pt))/1 var(--font-display);background:rgba(31,42,68,.06);color:var(--ink-soft);white-space:nowrap}.lv-strong .dr-badge{background:rgba(43,182,115,.13);color:#13824C}.lv-growing .dr-badge{background:rgba(74,125,255,.12);color:#2450C8}.lv-focus .dr-badge{background:rgba(255,122,89,.14);color:#C24A2B}.dr-body{font-size:calc(15 * var(--pt));margin-bottom:calc(14 * var(--pt))}.dr-cta{width:100%;display:grid;justify-items:center;gap:calc(8 * var(--pt))}.dr-cta .store-btn{width:100%;min-height:calc(54 * var(--pt));padding:0 calc(14 * var(--pt));font-size:calc(16 * var(--pt));border-radius:calc(18 * var(--pt));background:linear-gradient(180deg,#4F82FF,#2F5FE0);color:#FFFFFF}.dr-cta .store-btn span{white-space:normal}.dr-note{margin:0;font:500 calc(12.5 * var(--pt))/1.35 var(--font-display);color:var(--ink-soft)}.dr-again{border:0;background:none;padding:calc(8 * var(--pt)) calc(14 * var(--pt));border-radius:99px;font:700 calc(15 * var(--pt))/1 var(--font-display);color:#2F5FE0 !important;cursor:pointer}.dr-again:hover{background:rgba(74,125,255,.1)}.demo-under{display:flex;justify-content:center;min-height:44px;margin-top:16px}.demo-restart{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--ink);font:700 .9rem/1 var(--font-display);cursor:pointer;box-shadow:var(--shadow-sm)}.demo-restart[hidden]{display:none}.demo-restart svg{width:16px;height:16px}.demo-restart:hover{border-color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.dw-art,.dd-art,.da-art{animation:none !important}.ds.enter{animation:none}}.phone-screen::after{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 26%,transparent 42%)}