.demo__field{padding-block:clamp(3.5rem,2rem + 5vw,6.5rem)}.demo__inner{align-items:center;gap:3rem;display:grid}.demo__copy{gap:1rem;display:grid}.lc{--lc-ink:#11184f;--lc-ok:#69b92e;--lc-line:#f1e8d9;border-radius:var(--r-xl);box-shadow:var(--shadow-3);background:#fffdf7;gap:1.25rem;padding:clamp(1.25rem,.8rem + 1.5vw,2rem);display:grid;position:relative}.lc :focus-visible{outline-offset:3px;outline:3px solid #1d4ed8}.lc__head{align-items:center;gap:1rem;display:flex}.lc__play{color:#fff;width:80px;height:80px;transition:transform .18s var(--ease);background:radial-gradient(circle at 35% 30%,#a383f0,#8b66e2 45%,#7448cf);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 8px #c4aaff66,0 12px 24px -10px #7448cfb3}.lc__play:hover{transform:scale(1.04)}.lc__play:active{transform:scale(.96)}.lc.is-ready .lc__play{animation:1.6s ease-in-out infinite lc-pulse}.lc.is-playing .lc__play{animation:.9s ease-in-out infinite lc-pulse}@keyframes lc-pulse{50%{box-shadow:0 0 0 16px #c4aaff38,0 12px 24px -10px #7448cfb3}}.lc__k{font-size:var(--fs-small);color:var(--violet-ink);font-weight:600}.lc__q{font-family:var(--font-head);color:var(--lc-ink);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:700;line-height:1.1}.lc__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.lc__opt{aspect-ratio:1;border-radius:var(--r-md);border:3px solid var(--lc-line);min-width:0;transition:transform .18s var(--ease), border-color .15s var(--ease), box-shadow .2s var(--ease);background:#fffdfa;position:relative;overflow:hidden}.lc__opt img{object-fit:contain;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}@media (hover:hover) and (pointer:fine){.lc__opt:hover{box-shadow:var(--shadow-2);border-color:#c4aaff;transform:translateY(-3px)}}.lc__tick{color:#fff;background:var(--lc-ok);border-radius:50%;place-items:center;width:30px;height:30px;display:none;position:absolute;bottom:8px;right:8px}.lc__opt.is-correct{border-color:var(--lc-ok);box-shadow:0 0 0 5px #69b92e38}.lc__opt.is-correct .lc__tick{display:grid}.lc__opt.is-retry{animation:lc-wobble .42s var(--ease)}@keyframes lc-wobble{25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}.lc__foot{align-items:center;gap:.75rem;min-height:88px;display:flex}.lc__lomi{flex:none;width:88px;height:auto}.lc__status{font-family:var(--font-head);color:var(--lc-ink);font-size:clamp(1.0625rem,1rem + .4vw,1.3rem);font-weight:600}@media (width<=559px){.lc__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lc__opt{grid-column:span 2}.lc__opt:nth-child(3){grid-column:2/span 2}.lc__play{width:64px;height:64px}.lc__lomi{width:64px}}@media (width>=900px){.demo__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.track{scroll-margin-top:130px}.track__intro{padding-top:clamp(2.5rem,1.5rem + 3vw,4.5rem);padding-bottom:clamp(2rem,1rem + 3vw,4rem)}.track__intro-grid{align-items:end;gap:2rem;display:grid}.track__intro-grid .h2{max-width:18ch}.track__intro-grid .lead{max-width:40ch}@media (width>=900px){.track__intro-grid{grid-template-columns:1.5fr 1fr}}.howstart{padding-block:clamp(3rem,2rem + 4vw,5.5rem)}.howstart__head .lead{max-width:52ch}.howstart__grid{gap:1rem;display:grid}.howstart__card{border:0;align-content:start;justify-items:start;gap:.75rem;padding:1.5rem;display:grid}.howstart__icon{border-radius:var(--r-md);place-items:center;width:88px;height:88px;margin-bottom:.25rem;display:grid}.howstart__nobr{white-space:nowrap}.howstart__step{font-size:var(--fs-small);color:var(--violet-ink);font-weight:600}.howstart__actions{justify-items:start;gap:1rem;margin-top:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);display:grid}.howstart__notes{gap:.5rem;max-width:60ch;margin-top:1.5rem;display:grid}@media (width>=640px){.howstart__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.howstart__grid{grid-template-columns:repeat(4,1fr)}}.gets{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.gets__item{border-radius:var(--r-lg);justify-items:start;gap:1.25rem;padding:1.5rem;display:grid}.gets__icon{border-radius:var(--r-md);background:var(--white);place-items:center;width:92px;height:92px;display:grid}@media (width<=559px){.gets__item{gap:.9rem;padding:1.1rem}.gets__icon{width:72px;height:72px}.gets__icon svg{width:48px;height:48px}.gets__item .h4{font-size:1.0625rem}}@media (width>=1100px){.gets{grid-template-columns:repeat(4,1fr)}}.start{padding-block:clamp(3rem,2rem + 4vw,5.5rem)}.start__inner{align-items:center;gap:2rem;display:grid}.start__dracek{justify-self:center;width:min(60vw,300px)}.start__copy{justify-items:start;gap:1.25rem;display:grid}.start__copy .lead{max-width:36ch}@media (width>=900px){.start__inner{grid-template-columns:1fr 1.6fr}}