.duo{--d-wrap:1040px;--d-press:4px;--d-right:#58a65c;--d-right-soft:#58a65c24;--d-right-dark:#3f8a44;--d-tile:var(--paper-card);--d-tile-line:var(--line-strong);overflow-x:clip}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .duo{--d-right:#7cc47f;--d-right-soft:#7cc47f29;--d-right-dark:#5ea862}}:root[data-theme=dark] .duo{--d-right:#7cc47f;--d-right-soft:#7cc47f29;--d-right-dark:#5ea862}.d-wrap{width:min(100% - 2 * var(--gutter), var(--d-wrap));margin-inline:auto}.d-center{text-align:center}.duo h1,.duo h2{font-family:var(--font-body);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-weight:800}.duo h2{margin:0 0 16px;font-size:clamp(28px,4vw,44px);line-height:1.08}.d-lead{color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(17px,1.9vw,20px);line-height:1.5}.d-small{color:var(--ink-faint);font-size:15px;line-height:1.5}.d-hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#0000 56%,#e8b24a6b 56% 90%,#0000 90%);background-repeat:no-repeat;background-size:100% 100%;padding-inline:.06em}.d-lead .d-hl{color:var(--ink);font-weight:700}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .d-hl{background-image:linear-gradient(#0000 56%,#e8b24a52 56% 90%,#0000 90%)}}:root[data-theme=dark] .d-hl{background-image:linear-gradient(#0000 56%,#e8b24a52 56% 90%,#0000 90%)}.d-btn,.duo .btn-telegram{min-height:52px;font:800 16px/1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;transform:none}.d-btn:hover,.duo .btn-telegram:hover{filter:brightness(1.05);transform:none}.d-btn:active,.duo .btn-telegram:active{transform:translateY(var(--d-press));box-shadow:0 0 #0000}.d-btn--primary{background:var(--red);box-shadow:0 var(--d-press) 0 var(--red-dark);color:#fff!important}.duo .btn-telegram{box-shadow:0 var(--d-press) 0 #1c8dc4;background:#2aabee;color:#fff!important}.d-btn--ghost{background:var(--paper-card);border-color:var(--line-strong);box-shadow:0 var(--d-press) 0 var(--line-strong);color:var(--red)!important}.d-btn--small{min-height:44px;padding:8px 20px;font-size:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .d-btn--primary{box-shadow:0 var(--d-press) 0 #a93a2a}}:root[data-theme=dark] .d-btn--primary{box-shadow:0 var(--d-press) 0 #a93a2a}.d-actions{gap:14px;width:min(100%,360px);margin:30px auto 0;display:grid}.d-actions .d-btn,.d-actions .btn-telegram{width:100%}.d-actions--row{flex-wrap:wrap;justify-content:center;width:auto;display:flex}.d-actions--row .d-btn,.d-actions--row .btn-telegram{width:auto;min-width:260px}.d-hero{padding:clamp(32px,6vw,80px) 0 clamp(40px,6vw,72px)}.d-hero__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,64px);display:grid}.d-hero__text{text-align:center}.d-hero h1{margin:0 0 18px;font-size:clamp(34px,5vw,54px);line-height:1.05}.d-note{color:var(--ink-faint);margin:14px 0 0;font-size:15px}.d-note a{font-weight:700}.d-orbit{aspect-ratio:1;width:min(100%,440px);margin-inline:auto;position:relative}.d-orbit:before{content:"";background:radial-gradient(circle at 50% 40%, var(--paper-card) 0 38%, var(--jade) 39% 100%);border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 -12px #173b3614}.d-orbit__bao{width:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.d-orbit__bao img{width:100%;height:auto;display:block}.d-bao__lid{aspect-ratio:1;transform-origin:50% 0;background:#fcf2e1;border-bottom:3px solid #4b1c0b;border-radius:50%;width:10.6%;animation:4.6s ease-in-out 1.2s infinite d-blink;position:absolute;top:53.3%;left:34.8%;translate:-50% -50%;scale:1 0}@keyframes d-blink{0%,90%,to{scale:1 0}93%,95%{scale:1}}.d-orbit__glyph{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--paper-card);width:19%;box-shadow:0 5px 0 var(--line-strong);color:var(--ink);font:700 clamp(26px, 4.4vw, 42px)/1 var(--font-hanzi);border-radius:22%;place-items:center;animation:5s ease-in-out infinite d-bob;display:grid;position:absolute}.d-orbit__glyph--1{color:var(--red);animation-delay:-1s;top:14%;left:2%}.d-orbit__glyph--2{animation-delay:-2s;top:6%;right:4%}.d-orbit__glyph--3{color:var(--d-right-dark);animation-delay:-3s;top:50%;right:-1%}.d-orbit__glyph--4{animation-delay:-1.5s;top:56%;left:-2%}.d-orbit__glyph--5{color:var(--red);animation-delay:-2.5s;bottom:-1%;left:24%}.d-orbit__glyph--6{color:var(--gold);animation-delay:-.5s;bottom:1%;right:20%}@keyframes d-bob{50%{translate:0 -8px}}.d-levels{border-block:2px solid var(--line);overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.d-levels__track{width:max-content;animation:144s linear infinite d-ticker;display:flex}.d-levels:hover .d-levels__track,.d-levels:focus-within .d-levels__track{animation-play-state:paused}.d-levels ul{gap:4px;margin:0;padding:10px 2px;list-style:none;display:flex}@keyframes d-ticker{to{translate:-50%}}@media (prefers-reduced-motion:reduce){.d-levels{scrollbar-width:none;overflow-x:auto}.d-levels ul[aria-hidden]{display:none}}.d-levels a{color:var(--ink-soft);letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.d-levels a:hover{background:var(--paper-deep);color:var(--ink)}.d-levels__seal{background:var(--red);color:#fff;width:32px;height:32px;font:700 18px/1 var(--font-hanzi);text-transform:none;border-radius:9px;place-items:center;display:grid}.d-row{padding:clamp(56px,8vw,104px) 0}.d-row+.d-row{border-top:2px solid var(--line)}.d-row--tint{background:var(--paper-deep);border-top:0!important}.d-row--tint+.d-row{border-top:0}.d-row__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}.d-row--flip .d-row__text{order:2}.d-row__text p{color:var(--ink-soft);text-wrap:pretty;margin:0 0 14px;font-size:clamp(17px,1.8vw,19px);line-height:1.55}.d-row__text .d-small{color:var(--ink-faint);font-size:15px}.d-row__text a:not(.d-btn){font-weight:700}.d-lines{white-space:pre-line}.d-row__art{justify-items:center;display:grid;position:relative}.d-quiz,.d-stages li,.d-lesson,.d-tones,.d-glyph,.d-plan,.d-modes li,.d-badge,.d-tools a{border:2px solid var(--d-tile-line);background:var(--d-tile);box-shadow:0 4px 0 var(--d-tile-line);border-radius:20px}.d-quiz{width:min(100%,400px);padding:22px}.d-quiz__bar{background:var(--paper-deep);border-radius:99px;height:14px;margin-bottom:18px;overflow:hidden}.d-quiz__bar span{border-radius:inherit;background:var(--d-right);width:62%;height:100%;display:block;box-shadow:inset 0 4px #ffffff4d}.d-quiz__q{color:var(--ink);margin:0 0 14px;font-size:19px;font-weight:800}.d-quiz__word{align-items:center;gap:16px;margin-bottom:18px;display:flex}.d-quiz__word img{object-fit:cover;background:var(--paper-deep);border-radius:16px;width:96px;height:96px}.d-quiz__word strong{font:700 44px/1.1 var(--font-hanzi);color:var(--ink);display:block}.d-quiz__word span{color:var(--ink-soft);font-size:17px}.d-quiz__options{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.d-quiz__options li{border:2px solid var(--line-strong);box-shadow:0 3px 0 var(--line-strong);text-align:center;color:var(--ink);overflow-wrap:anywhere;border-radius:14px;padding:12px 10px;font-weight:700}.d-quiz__options li.is-right{border-color:var(--d-right);background:var(--d-right-soft);box-shadow:0 3px 0 var(--d-right);color:var(--d-right-dark)}.d-quiz__play{color:#fff;cursor:pointer;background:#2aabee;border:0;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:98px;right:max(0px,50% - 228px);box-shadow:0 4px #1c8dc4}.d-quiz__play:active{box-shadow:none;transform:translateY(4px)}.d-quiz__play svg{width:28px;height:28px}.d-stages{gap:14px;width:min(100%,420px);margin:0;padding:0;list-style:none;display:grid}.d-stages li{align-items:center;gap:16px;padding:16px 18px;display:flex}.d-stages li:nth-child(2){margin-left:22px}.d-stages li:nth-child(3){border-color:var(--gold);box-shadow:0 4px 0 var(--gold);margin-left:44px}.d-stages li>span{background:var(--paper-deep);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.d-stages strong{color:var(--ink);font-size:18px;display:block}.d-stages small{color:var(--ink-soft);margin-top:2px;font-size:14.5px;line-height:1.4;display:block}.d-intervals{background:var(--paper-deep);color:var(--ink-soft);text-align:center;border-radius:99px;margin:22px 0 0;padding:10px 16px;font-size:14.5px;font-weight:700}.d-lessons{gap:14px;width:min(100%,440px);display:grid}.d-lesson{gap:16px;padding:18px;display:flex}.d-lesson:nth-child(2){translate:24px}.d-lesson__seal{background:var(--ink);width:54px;height:54px;color:var(--paper);font:700 28px/1 var(--font-hanzi);border-radius:16px;flex:none;place-items:center;display:grid;box-shadow:0 4px #00000040}.d-lesson small{color:var(--ink-faint);letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.d-lesson nav{flex-wrap:wrap;gap:6px;display:flex}.d-lesson nav a{background:var(--paper-deep);color:var(--ink);border-radius:99px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:none}.d-lesson nav a:hover{background:var(--red-soft);color:var(--red-dark)}.d-tones{width:min(100%,420px);padding:20px}.d-tones__chips{justify-content:center;gap:8px;margin-bottom:14px;display:flex}.d-tones__chip{border:2px solid var(--line-strong);background:var(--paper-card);min-width:64px;color:var(--ink-soft);font:800 16px/1 var(--font-body);cursor:pointer;border-radius:12px;padding:8px 14px}.d-tones__chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.d-tones__stage{background:var(--paper-deep);border-radius:16px;padding:14px 14px 10px}.d-tones__staff{width:100%;height:auto;display:block;overflow:visible}.d-tones__staff line{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 4}.d-tones__line{fill:none;stroke:var(--red);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.d-tones__line.is-drawing{animation:.55s ease-out d-draw}@keyframes d-draw{0%{stroke-dashoffset:1px}}.d-tones__shown{justify-content:space-between;align-items:baseline;gap:12px;margin:10px 4px 0;display:flex}.d-tones__pinyin{color:var(--ink);font-size:40px;font-weight:800;line-height:1}.d-tones__word{color:var(--ink-soft);text-align:right;font-size:16px}.d-tones__word b{font:700 26px/1 var(--font-hanzi);color:var(--ink);margin-right:4px}.d-tones__stops{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.d-tones__stop{border:2px solid var(--line-strong);background:var(--paper-card);box-shadow:0 4px 0 var(--line-strong);color:var(--ink-soft);font:800 15px/1 var(--font-body);cursor:pointer;border-radius:14px;justify-items:center;gap:4px;padding:10px 4px 8px;display:grid}.d-tones__stop svg{width:44px;height:26px}.d-tones__stop path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.d-tones__stop:active{box-shadow:none;transform:translateY(4px)}.d-tones__stop[aria-checked=true]{border-color:var(--red);background:var(--red-soft);box-shadow:0 4px 0 var(--red);color:var(--red-dark)}.d-say{border:2px solid var(--d-right);background:var(--paper-card);box-shadow:0 4px 0 var(--d-right);text-align:left;border-radius:20px;grid-template-columns:auto 1fr;gap:12px 16px;margin-top:22px;padding:18px;display:grid}.d-say__mic{background:var(--d-right);color:#fff;width:48px;height:48px;box-shadow:0 4px 0 var(--d-right-dark);border-radius:14px;place-items:center;display:grid}.d-say__mic svg{width:26px;height:26px}.duo .d-say h3{font:800 18px/1.25 var(--font-body);color:var(--ink);margin:2px 0 6px}.d-row__text .d-say p{margin:0;font-size:15.5px;line-height:1.5}.d-say__chart{background:var(--paper-deep);border-radius:14px;grid-column:1/-1;width:100%;height:120px;padding:8px}.d-say__chart line{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 4}.d-say__chart line,.d-say__chart path{vector-effect:non-scaling-stroke}.d-say__chart path{fill:none;stroke-linecap:round;stroke-linejoin:round}.d-say__right{stroke:var(--ink-faint);stroke-width:5px;stroke-dasharray:2 10}.d-say__yours{stroke:var(--d-right);stroke-width:6px}.d-glyph{justify-items:center;gap:16px;width:min(100%,340px);padding:24px;display:grid}.d-glyph__grid{aspect-ratio:1;border:2px solid var(--grid);background:linear-gradient(var(--grid), var(--grid)) center / 100% 1px no-repeat, linear-gradient(var(--grid), var(--grid)) center / 1px 100% no-repeat, linear-gradient(45deg, transparent calc(50% - .5px), var(--grid) 50%, transparent calc(50% + .5px)), linear-gradient(-45deg, transparent calc(50% - .5px), var(--grid) 50%, transparent calc(50% + .5px));border-radius:8px;place-items:center;width:200px;display:grid;position:relative}.d-glyph__static{font:400 150px/1 var(--font-hanzi);color:var(--ink)}.d-glyph__writer{position:absolute;inset:0}.d-glyph__grid:has(.d-glyph__writer:not([hidden])) .d-glyph__static{visibility:hidden}.d-glyph__parts{color:var(--ink-faint);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800;display:flex}.d-glyph__parts span{background:var(--paper-deep);width:52px;height:52px;color:var(--ink);font:700 30px/1 var(--font-hanzi);border-radius:14px;place-items:center;display:grid}.d-glyph__parts span:last-child{background:var(--red);color:#fff}.d-ticks{margin:0 0 18px;padding:0;list-style:none}.d-ticks li{color:var(--ink-soft);margin-bottom:12px;padding-left:34px;font-size:17px;line-height:1.5;position:relative}.d-ticks li:before{content:"✓";background:var(--d-right);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.d-ticks strong{color:var(--ink)}.d-modes{border-top:2px solid var(--line);text-align:center;padding:clamp(56px,8vw,104px) 0}.d-modes ul{text-align:left;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.d-modes li{padding:18px}.d-modes__glyph{background:var(--red-soft);width:48px;height:48px;color:var(--red-dark);font:700 26px/1 var(--font-hanzi);border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.d-modes li:nth-child(3n+2) .d-modes__glyph{background:var(--d-right-soft);color:var(--d-right-dark)}.d-modes li:nth-child(3n) .d-modes__glyph{color:#1c8dc4;background:#2aabee24}.d-modes strong{color:var(--ink);margin-bottom:4px;font-size:18px;display:block}.d-modes small{color:var(--ink-soft);font-size:14.5px;line-height:1.45;display:block}.d-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,420px);display:grid}.d-badge{text-align:center;align-content:start;justify-items:center;gap:8px;margin:0;padding:16px 8px 12px;display:grid}.d-badge img{width:72px;height:72px}.d-badge figcaption{max-width:100%;color:var(--ink);hyphens:auto;overflow-wrap:break-word;font-size:13.5px;font-weight:800;line-height:1.25}.d-badge--gold{border-color:var(--gold);box-shadow:0 4px 0 var(--gold)}.d-badge--legendary{border-color:var(--red);box-shadow:0 4px 0 var(--red)}.d-badge--more{background:var(--paper-deep);place-content:center}.d-badge--more span{color:var(--ink-soft);font-size:30px;font-weight:800}.duo .screens{border-top:2px solid var(--line);padding:clamp(56px,8vw,104px) 0}.duo .screens .section-head h2{font-family:var(--font-body);font-weight:800}.d-section{border-top:2px solid var(--line);padding:clamp(56px,8vw,96px) 0}.d-plans{grid-template-columns:repeat(2,minmax(0,400px));justify-content:center;gap:20px;margin-top:32px;display:grid}.d-plan{padding:26px}.d-plan h3{font-family:var(--font-body);color:var(--ink);margin:0;font-size:20px;font-weight:800}.d-plan__price{color:var(--ink);margin:8px 0 0;font-size:36px;font-weight:800}.d-plan__sub{color:var(--ink-faint);margin:4px 0 0;font-size:14.5px}.d-plan__trial{background:var(--d-right-soft);color:var(--d-right-dark);border-radius:99px;margin-top:12px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block}.d-plan ul{margin:18px 0 0;padding:0;list-style:none}.d-plan li{color:var(--ink-soft);margin-bottom:10px;padding-left:28px;line-height:1.45;position:relative}.d-plan li:before{content:"✓";color:var(--d-right);font-weight:800;position:absolute;left:0}.d-plan--pro{border-color:var(--red);box-shadow:0 4px 0 var(--red)}.d-plan__buy{gap:10px;margin:20px 0 0;display:grid}.d-plan__buy small{color:var(--ink-faint);font-size:13.5px;line-height:1.4}.d-tools{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:28px 0 20px;padding:0;list-style:none;display:grid}.d-tools a{height:100%;color:inherit;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.d-tools a:hover{border-color:var(--red)}.d-tools__glyph{background:var(--paper-deep);width:48px;height:48px;font:700 24px/1 var(--font-hanzi);color:var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}.d-tools strong{color:var(--ink);display:block}.d-tools small{color:var(--ink-soft);font-size:14px;line-height:1.4;display:block}.d-faq{max-width:760px}.d-faq details{border:2px solid var(--line-strong);background:var(--paper-card);border-radius:16px;margin-top:12px}.d-faq summary{color:var(--ink);cursor:pointer;padding:18px 22px;font-size:17px;font-weight:800;list-style:none}.d-faq summary::-webkit-details-marker{display:none}.d-faq summary:after{content:"+";float:right;color:var(--ink-faint);font-size:22px;line-height:1}.d-faq details[open] summary:after{content:"−"}.d-faq details p{color:var(--ink-soft);margin:0;padding:0 22px 18px;line-height:1.55}.d-faq .d-small{text-align:center;margin-top:20px}.d-final{background:var(--panel);color:var(--panel-text);text-align:center;padding:clamp(64px,9vw,120px) 0}.d-final img{width:120px;height:auto;margin:0 auto 8px;display:block}.duo .d-final h2{color:var(--panel-text);margin-bottom:14px;font-size:clamp(30px,4.6vw,50px)}.d-final .d-lead{max-width:620px;color:var(--panel-soft);margin-inline:auto}.d-final .d-btn--ghost{box-shadow:0 var(--d-press) 0 #f7f1e466;background:0 0;border-color:#f7f1e466;color:var(--panel-text)!important}@media (width<=820px){.d-hero__grid,.d-row__grid{grid-template-columns:1fr}.d-hero__art{order:-1}.d-orbit{width:min(78vw,340px)}.d-row__text{text-align:center;order:2!important}.d-row__art{order:1}.d-ticks{text-align:left}.d-plans{grid-template-columns:minmax(0,440px)}.d-lesson:nth-child(2){translate:none}.d-stages li:nth-child(n){margin-left:0}.d-modes li{grid-template-columns:48px 1fr;align-items:start;gap:2px 14px;display:grid}.d-modes__glyph{grid-row:span 2;margin:0}.d-badge figcaption{overflow-wrap:anywhere;font-size:12.5px}}@media (width<=420px){.d-quiz__play{width:48px;height:48px;top:92px;right:10px}.d-actions--row .d-btn,.d-actions--row .btn-telegram{width:100%;min-width:0}.d-tones__pinyin{font-size:34px}}.js-motion .d-row__art,.js-motion .d-row__text{opacity:0;transition:opacity .7s,translate .8s cubic-bezier(.2,.7,.2,1)}.js-motion .d-row__art{translate:-56px}.js-motion .d-row__text{transition-delay:80ms;translate:56px}.js-motion .d-row--flip .d-row__art{translate:56px}.js-motion .d-row--flip .d-row__text{translate:-56px}.js-motion .is-in .d-row__art,.js-motion .is-in .d-row__text{opacity:1;translate:0}@media (width<=820px){.js-motion .d-row__art,.js-motion .d-row__text,.js-motion .d-row--flip .d-row__art,.js-motion .d-row--flip .d-row__text{translate:0 32px}}.js-motion .d-modes li,.js-motion .d-plan,.js-motion .d-tools li{opacity:0;transition:opacity .6s,translate .6s cubic-bezier(.2,.7,.2,1);translate:0 24px}.js-motion .d-modes.is-in li,.js-motion .is-in .d-plan,.js-motion .is-in .d-tools li{opacity:1;translate:0}.js-motion .d-modes li:nth-child(2),.js-motion .d-plan:nth-child(2),.js-motion .d-tools li:nth-child(2){transition-delay:70ms}.js-motion .d-modes li:nth-child(3),.js-motion .d-tools li:nth-child(3){transition-delay:.14s}.js-motion .d-modes li:nth-child(4),.js-motion .d-tools li:nth-child(4){transition-delay:.21s}.js-motion .d-modes li:nth-child(5),.js-motion .d-tools li:nth-child(5){transition-delay:.28s}.js-motion .d-modes li:nth-child(6),.js-motion .d-tools li:nth-child(6){transition-delay:.35s}.js-motion .d-modes li:nth-child(7){transition-delay:.42s}.js-motion .d-hl{transition:background-size .9s cubic-bezier(.3,.7,.2,1) .45s}.js-motion section:not(.is-in) .d-hl{background-size:0% 100%}.js-motion .is-in .d-quiz__bar span{animation:6s ease-in-out infinite d-quiz-bar}.js-motion .is-in .d-quiz__options li.is-right{animation:6s ease-in-out infinite d-quiz-right}@keyframes d-quiz-bar{0%,38%{width:38%}50%,to{width:62%}}@keyframes d-quiz-right{0%,30%,97%,to{border-color:var(--line-strong);box-shadow:0 3px 0 var(--line-strong);color:var(--ink);background:0 0;translate:0;scale:1}36%{border-color:var(--line-strong);box-shadow:0 0 0 var(--line-strong);color:var(--ink);background:0 0;translate:0 3px;scale:1}42%{border-color:var(--d-right);background:var(--d-right-soft);box-shadow:0 3px 0 var(--d-right);color:var(--d-right-dark);translate:0;scale:1.07}50%,92%{border-color:var(--d-right);background:var(--d-right-soft);box-shadow:0 3px 0 var(--d-right);color:var(--d-right-dark);translate:0;scale:1}}.js-motion .is-in .d-stages li{animation:6s ease-in-out infinite d-stage}.js-motion .is-in .d-stages li:nth-child(2){animation-delay:2s}.js-motion .is-in .d-stages li:nth-child(3){animation-delay:4s}.js-motion .is-in .d-stages li:nth-child(3)>span{animation:6s ease-in-out 4s infinite d-star}@keyframes d-stage{0%,30%,to{translate:0}6%,24%{translate:0 -5px}}@keyframes d-star{0%,30%,to{rotate:0deg;scale:1}8%{rotate:-12deg;scale:1.25}16%{rotate:8deg;scale:1.1}}.js-motion .d-say__yours{stroke-dasharray:1;stroke-dashoffset:1px}.js-motion .is-in .d-say__yours{animation:5s ease-in-out .8s infinite d-voice}@keyframes d-voice{0%{stroke-dashoffset:1px;opacity:1}45%,85%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1px;opacity:0}}.js-motion .d-badge{opacity:0;scale:.6}.js-motion .is-in .d-badge{opacity:1;animation:.55s cubic-bezier(.3,1.6,.5,1) both d-pop;animation-delay:calc(.3s + var(--i,0) * .12s);scale:1}@keyframes d-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}