/* Seat Four: "Our license plan" page. Loads after site.css and costs.css, reuses their tokens and components. */

/* ---------- Hero extras ---------- */
.lc-shimmer { background-size: 220% 100%; animation: lcShimmer 6s ease-in-out infinite; }
@keyframes lcShimmer { 0%, 100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
.lc-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.lc-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--surface); border: 1px solid var(--divider); font-size: .86rem; font-weight: 600; color: var(--text-2); }
.lc-badge .i { width: 16px; height: 16px; color: var(--brand); }
.lc-badge.warn { background: var(--amber-bg); border-color: #F2D48B; color: var(--amber); }
.lc-badge.warn .i { color: var(--amber); }

/* Hero headline is long on purpose, so a notch smaller than the other pages */
.lc-hero h1 { font-size: clamp(2.2rem, 4.2vw, 3.5rem); }

/* Plain-language disclaimer */
.legal-wrap { position: relative; z-index: 2; margin-top: -32px; }
.legal { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 14px 18px; border-radius: var(--radius); background: var(--brand-soft); border: 1px solid #E3DAFE; color: var(--text-2); font-size: .92rem; }
.legal .i { width: 20px; height: 20px; color: var(--brand); margin-top: 2px; }
.legal b { color: var(--ink); }
.legal-wrap .legal { background: var(--surface); box-shadow: var(--shadow); }
.legal-end { margin-top: 28px; }

/* Staggered entrance (only hidden once the script has run, so no-JS visitors see everything) */
.lc-js .stg > * { opacity: 0; transform: translateY(18px); }
.lc-js .stg.in > * { animation: lcRise .6s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i, 0) * 110ms); opacity: 1; transform: none; }
@keyframes lcRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* ---------- The plan ---------- */
.lc-plan { padding-top: 72px; }
.lc-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 48px; }
.lc-pillar { position: relative; background: var(--surface); border: 1px solid var(--divider); border-radius: var(--radius-lg); padding: 28px 26px; overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; }
.lc-pillar::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #9E7BFF, #7549EF); }
.lc-pillar.green::before { background: linear-gradient(90deg, #6CE9A6, #20643B); }
.lc-pillar.red::before { background: linear-gradient(90deg, #F97066, #B42318); }
.lc-pillar:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: #CDBFFB; }
.lc-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--brand-tint); color: var(--brand); margin-bottom: 16px; transition: transform .3s cubic-bezier(.2,1.6,.4,1); }
.lc-pillar:hover .lc-ic { transform: rotate(-8deg) scale(1.08); }
.lc-pillar.green .lc-ic { background: var(--green-bg); color: var(--green); }
.lc-pillar.red .lc-ic { background: var(--red-bg); color: var(--red); }
.lc-pillar p { color: var(--text-2); margin: 0; }

.lc-rec { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; margin-top: 56px; padding: 40px; background: var(--canvas); border: 1px solid var(--divider); border-radius: var(--radius-xl); }
.lc-rec h3 { font-size: clamp(1.8rem, 3vw, 2.4rem); }
.lc-rec p { color: var(--text-2); }
.lc-runner { display: flex; gap: 10px; align-items: flex-start; font-size: .95rem; }
.lc-runner .tag { flex: none; margin-top: 3px; }
.lc-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 6px 0 0; }
.lc-links a { display: inline-flex; gap: 6px; align-items: center; font-weight: 600; font-size: .92rem; }
.lc-links .i { width: 15px; height: 15px; }
.lc-quote { margin: 0; padding: 30px; border-radius: var(--radius-xl); background: var(--ink); color: #fff; position: relative; overflow: hidden; box-shadow: var(--shadow-lg); }
.lc-quote::before { content: ""; position: absolute; width: 380px; height: 380px; right: -150px; top: -190px; background: radial-gradient(circle, rgba(117,73,239,.55), rgba(117,73,239,0) 65%); }
.lc-quote figcaption { position: relative; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: #B9A2FF; margin-bottom: 14px; }
.lc-quote blockquote { position: relative; margin: 0; font: 500 1.2rem/1.5 var(--head); color: #DDE2E8; }
.q-ok, .q-no { padding: 1px 4px; border-radius: 4px; background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 100%; transition: background-size 1.1s ease .3s; color: #fff; }
.q-ok { background-image: linear-gradient(rgba(108,233,166,.38), rgba(108,233,166,.38)); }
.q-no { background-image: linear-gradient(rgba(249,112,102,.42), rgba(249,112,102,.42)); transition-delay: 1.1s; }
.lc-rec.in .q-ok, .lc-rec.in .q-no { background-size: 100% 100%; }
.lc-trans { position: relative; margin: 18px 0 0; color: #fff !important; font-size: 1rem; }

.lc-stand { margin-top: 36px; padding: 28px 30px; background: var(--surface); border: 1px solid var(--divider); border-radius: var(--radius-xl); box-shadow: var(--shadow); }
.lc-stand-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 22px; }
.lc-stand-head span { color: var(--text-2); font-size: .88rem; }
.lc-stand ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; }
.lc-stand ol::before { content: ""; position: absolute; left: 18px; right: 18px; top: 18px; height: 3px; background: var(--divider); border-radius: 3px; }
.lc-stand ol::after { content: ""; position: absolute; left: 18px; top: 18px; height: 3px; width: 0; background: var(--brand); border-radius: 3px; transition: width 1.4s ease .4s; }
.lc-stand.in ol::after { width: calc(25% - 18px); }
.lc-stand li { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 4px; font-size: .9rem; color: var(--text-2); }
.lc-stand li b { color: var(--ink); font-family: var(--head); font-size: 1.02rem; }
.lc-stand .n { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--surface); border: 3px solid var(--divider); font: 700 .95rem var(--head); color: var(--text-2); margin-bottom: 8px; }
.lc-stand li.cur .n { background: var(--brand); border-color: var(--brand); color: #fff; animation: lcPulse 2.2s ease-in-out infinite; }
@keyframes lcPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(117,73,239,.45); } 50% { box-shadow: 0 0 0 10px rgba(117,73,239,0); } }

/* ---------- Can I...? ---------- */
.lc-checker { background: var(--canvas); }
.lcq { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 48px; align-items: start; }
.ck-prog { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; font-size: .82rem; color: var(--text-2); font-weight: 600; }
.ck-bar { flex: 1; height: 6px; border-radius: 99px; background: var(--divider); overflow: hidden; }
.ck-bar i { display: block; height: 100%; width: 0; border-radius: 99px; background: linear-gradient(90deg, #9E7BFF, #7549EF); transition: width .5s cubic-bezier(.2,.8,.2,1); }
.ck-list { display: grid; gap: 10px; }
.ck-q { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; padding: 14px 16px; background: var(--surface); border: 1px solid var(--divider); border-radius: var(--radius); font: 600 1rem var(--body); color: var(--ink); cursor: pointer; transition: transform .15s, border-color .15s, background .15s, box-shadow .15s, color .15s; }
.ck-q:hover { transform: translateX(4px); border-color: #CDBFFB; box-shadow: var(--shadow); }
.ck-ic { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px; background: var(--brand-tint); color: var(--brand); transition: background .15s, color .15s; }
.ck-ic .i { width: 20px; height: 20px; }
.ck-t { flex: 1; }
.ck-seen { flex: none; width: 10px; height: 10px; border-radius: 50%; background: transparent; transition: background .2s; }
.ck-q.seen[data-v="yes"] .ck-seen { background: #3DBB72; }
.ck-q.seen[data-v="no"] .ck-seen { background: #E5554A; }
.ck-q.seen[data-v="ask"] .ck-seen { background: #F0A41B; }
.ck-q[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); transform: translateX(6px); box-shadow: var(--shadow-lg); }
.ck-q[aria-pressed="true"] .ck-ic { background: var(--brand); color: #fff; }

.ck-card { position: sticky; top: 96px; padding: 32px; border-radius: var(--radius-xl); background: var(--ink); color: #fff; overflow: hidden; box-shadow: var(--shadow-lg); min-height: 380px; --acc: #6CE9A6; --acc-bg: rgba(108,233,166,.16); }
.ck-card[data-v="no"] { --acc: #F97066; --acc-bg: rgba(249,112,102,.16); }
.ck-card[data-v="ask"] { --acc: #FDB022; --acc-bg: rgba(253,176,34,.16); }
.ck-glow { position: absolute; width: 440px; height: 440px; right: -170px; top: -210px; border-radius: 50%; background: radial-gradient(circle, var(--acc), rgba(0,0,0,0) 66%); opacity: .32; transition: opacity .4s; }
.ck-card > * { position: relative; }
.ck-card > .ck-glow { position: absolute; }
.ck-asked span { display: block; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: #8792A3; margin-bottom: 4px; }
.ck-asked b { display: block; font: 600 1.2rem/1.3 var(--head); color: #DDE2E8; }
.ck-verdict { display: flex; align-items: center; gap: 14px; margin: 22px 0 16px; color: var(--acc); }
.ck-vi .i { width: 52px; height: 52px; }
.ck-vw { font: 800 clamp(3rem, 6vw, 4.4rem)/1 var(--head); letter-spacing: -.03em; }
.ck-why { font-size: 1.08rem; color: #fff; margin: 0 0 14px; }
.ck-more { margin: 0 0 18px; padding: 12px 14px; border-radius: var(--radius); background: var(--acc-bg); color: #E9ECF0; font-size: .92rem; border-left: 3px solid var(--acc); }
.ck-foot { margin: 0; font-size: .78rem; color: #8792A3; }
.ck-card.flip .ck-asked { animation: ckIn .35s ease both; }
.ck-card.flip .ck-verdict { animation: ckPop .5s cubic-bezier(.2,1.5,.4,1) .05s both; }
.ck-card.flip .ck-why { animation: ckIn .4s ease .15s both; }
.ck-card.flip .ck-more { animation: ckIn .4s ease .25s both; }
@keyframes ckIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes ckPop { from { opacity: 0; transform: scale(.7) translateX(-10px); } to { opacity: 1; transform: none; } }
.ck-card[data-v="no"].flip .ck-verdict { animation-name: ckShake; animation-duration: .55s; animation-timing-function: ease; }
@keyframes ckShake { 0% { opacity: 0; transform: translateX(-14px); } 30% { opacity: 1; transform: translateX(10px); } 55% { transform: translateX(-6px); } 80% { transform: translateX(3px); } 100% { transform: none; } }

/* ---------- Why not AGPL ---------- */
.lc-agpl { padding-bottom: 64px; }
.lc-label { padding-top: 48px; padding-bottom: 88px; }
.lc-charge { padding-top: 72px; }
.lc-joke { display: flex; gap: 16px; align-items: center; max-width: 780px; margin: 36px auto 0; padding: 18px 22px; border-radius: var(--radius-lg); background: var(--amber-bg); border: 1px solid #F2D48B; color: var(--amber); }
.lc-joke > span { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; }
.lc-joke p { margin: 0; font-weight: 500; }
.lc-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 44px; }
.lc-filter-l { font: 600 .95rem var(--body); color: var(--text-2); margin-right: 4px; }
.lc-chip { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--divider); background: var(--surface); font: 600 .9rem var(--body); color: var(--ink); cursor: pointer; transition: border-color .15s, background .15s, color .15s, transform .15s; }
.lc-chip:hover { border-color: var(--brand); transform: translateY(-2px); }
.lc-chip[aria-pressed="true"] { background: var(--brand); border-color: var(--brand); color: #fff; }
.lc-filter-out { margin: 14px 0 0; font-size: .92rem; color: var(--text-2); min-height: 1.6em; }
.lc-filter-out b { color: var(--ink); }
.lc-table { margin-top: 16px; }
.lc-swipe { display: none; margin: 14px 0 0; font-size: .82rem; color: var(--text-2); }
.lc-table .ptable { min-width: 860px; }
.lc-table th[scope="row"] { font-size: .93rem; text-transform: none; letter-spacing: 0; color: var(--ink); background: transparent; font-weight: 600; }
.lc-table th[scope="row"] b { font-weight: 700; }
.lc-table th[scope="row"] .sub { display: block; font-weight: 400; font-size: .8rem; color: var(--text-2); }
.lc-row { transition: opacity .3s, filter .3s; }
.lc-row[data-state="out"] { opacity: .32; filter: grayscale(.8); }
.lc-row[data-state="part"] { opacity: .85; }
.lc-row[data-state="part"] th { box-shadow: inset 3px 0 0 #FDB022; }
.lc-row[data-state="hit"] th { box-shadow: inset 3px 0 0 var(--brand); }
.lc-row.pick th, .lc-row.pick td { background: var(--brand-soft); }
.lc-table.in .lc-row { animation: lcRow .55s ease backwards; animation-delay: calc(var(--i, 0) * 110ms + .2s); }
@keyframes lcRow { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: none; } }
.v { display: inline-flex; align-items: flex-start; gap: 8px; font-size: .88rem; font-weight: 600; line-height: 1.35; }
.v .i { width: 18px; height: 18px; margin-top: 1px; }
.v.y { color: var(--green); }
.v.n { color: var(--amber); }
.v.p { color: var(--brand-pressed); }

/* ---------- Honest label ---------- */
.lc-chose { border-color: #CDBFFB; background: var(--brand-soft); }
.lc-trade { margin: 16px 0 0; font-size: .9rem; }
.panel h3 .i { flex: none; }

/* ---------- Who can charge ---------- */
.lc-who { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 48px; }
.lc-whocard { padding: 28px 26px; border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--divider); border-top-width: 5px; transition: transform .2s, box-shadow .2s; }
.lc-whocard:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.lc-whocard.w-yes { border-top-color: #3DBB72; }
.lc-whocard.w-no { border-top-color: #E5554A; }
.lc-whocard.w-ask { border-top-color: #F0A41B; }
.lc-wt { display: block; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--text-2); }
.lc-whocard b { display: block; font: 800 2.2rem/1.1 var(--head); letter-spacing: -.02em; margin: 6px 0 10px; }
.lc-whocard.w-yes b { color: var(--green); }
.lc-whocard.w-no b { color: var(--red); }
.lc-whocard.w-ask b { color: var(--amber); }
.lc-whocard p { margin: 0; color: var(--text-2); font-size: .95rem; }
.lc-flowhead { margin-top: 64px; }
.lc-flowhead h3 { font-size: 1.5rem; }
.lc-flow { margin-top: 24px; }
.lc-flow .vnode { transition: transform .2s, box-shadow .2s; }
.lc-flow .vnode > span:not(.ic) { display: block; line-height: 1.5; }
.lc-flow .vnode em { margin-top: 12px; }
.lc-flow .vnode:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }

.lc-promise { background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.lc-promise::before { content: ""; position: absolute; width: 900px; height: 900px; left: 50%; top: -520px; transform: translateX(-50%); background: radial-gradient(circle, rgba(117,73,239,.45), rgba(117,73,239,0) 62%); }
.lc-promise .wrap { position: relative; }
.lc-promise .eyebrow { color: #B9A2FF; } .lc-promise .eyebrow::before { background: #B9A2FF; }
.lc-promise .lead { color: #B7BEC8; }
.lc-nevers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px; }
.lc-never { position: relative; padding: 26px 22px; border-radius: var(--radius-lg); background: rgba(255,255,255,.05); border: 1px solid #2E3640; overflow: hidden; transition: transform .2s, border-color .2s; }
.lc-never:hover { transform: translateY(-4px); border-color: #7549EF; }
.lc-never::after { content: "NEVER"; position: absolute; right: -6px; bottom: -14px; font: 900 3.4rem var(--head); color: rgba(255,255,255,.04); letter-spacing: -.02em; }
.lc-ni .i { width: 30px; height: 30px; color: #B9A2FF; }
.lc-ni { display: inline-block; }
.lc-nevers.in .lc-ni { animation: lcPop .55s cubic-bezier(.2,1.6,.4,1) both; animation-delay: calc(var(--i, 0) * 110ms + .25s); }
@keyframes lcPop { from { transform: scale(.3) rotate(-20deg); opacity: 0; } to { transform: none; opacity: 1; } }
.lc-never b { display: block; font: 600 1.15rem var(--head); margin: 12px 0 6px; }
.lc-never p { margin: 0; color: #B7BEC8; font-size: .92rem; }
.lc-promise-note { position: relative; max-width: 760px; margin: 34px auto 0; text-align: center; color: #DDE2E8; padding: 16px 20px; border: 1px dashed #4A5361; border-radius: var(--radius); font-size: .95rem; }

/* ---------- Nonprofit ---------- */
.lc-np { background: var(--canvas); }
.lc-tradeoff { margin-top: 44px; padding: 32px; background: var(--surface); border: 1px solid var(--divider); border-radius: var(--radius-xl); box-shadow: var(--shadow); }
.lc-tradehead { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; }
.lc-tradehead span { color: var(--text-2); font-size: .9rem; }
.lc-sw { display: inline-flex; flex-wrap: wrap; padding: 5px; border-radius: 999px; background: var(--canvas); border: 1px solid var(--divider); margin: 18px 0 22px; }
.lc-sw button { border: 0; background: transparent; padding: 10px 22px; border-radius: 999px; font: 600 .95rem var(--body); color: var(--text-2); cursor: pointer; transition: background .2s, color .2s; }
.lc-sw button[aria-selected="true"] { background: var(--ink); color: #fff; }
.lc-tp ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.lc-tp li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: var(--radius); border: 1px solid var(--divider); opacity: 0; transform: translateY(10px); animation: lcRise .45s ease both; animation-delay: calc(var(--i, 0) * 100ms); }
.lc-tp li.t-ok { background: var(--green-bg); border-color: #BFE3CB; }
.lc-tp li.t-bad { background: var(--red-bg); border-color: #F6C7C2; }
.lc-tp li .i { width: 24px; height: 24px; margin-top: 1px; }
.lc-tp li.t-ok .i { color: var(--green); }
.lc-tp li.t-bad .i { color: var(--red); }
.lc-tp li span { font-size: .95rem; }
.lc-unk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px; }
.lc-uk { padding: 24px; border-radius: var(--radius-lg); background: var(--surface); border: 1px dashed #B9A2FF; transition: transform .2s, box-shadow .2s; }
.lc-uk:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.lc-uk > span .i { color: var(--brand); width: 26px; height: 26px; }
.lc-uk b { display: block; font: 600 1.1rem var(--head); margin: 8px 0 6px; }
.lc-uk p { margin: 0; color: var(--text-2); font-size: .93rem; }
.lc-advisors { display: flex; gap: 12px; align-items: center; justify-content: center; margin: 30px auto 0; max-width: 760px; text-align: left; color: var(--text-2); }
.lc-advisors .i { color: var(--brand); width: 24px; height: 24px; }

/* ---------- Contributing ---------- */
.lc-why { margin: 18px 0 0; font-size: .9rem; padding-top: 14px; border-top: 1px dashed var(--divider); }
.lc-fork { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; }
.lc-fork span.a, .lc-fork span.b { padding: 10px 18px; border-radius: 999px; font: 700 1rem var(--head); }
.lc-fork .a { background: var(--ink); color: #fff; }
.lc-fork .b { background: var(--brand-tint); color: var(--brand-pressed); border: 2px dashed var(--brand); animation: lcWiggle 3.2s ease-in-out infinite; }
.lc-fork .arr .i { color: var(--brand); }
@keyframes lcWiggle { 0%, 80%, 100% { transform: rotate(0); } 85% { transform: rotate(-3deg); } 92% { transform: rotate(3deg); } }
.lc-contrib .panel li .i { color: var(--green); }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
  .lc-nevers { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .lc-three, .lc-who, .lc-unk { grid-template-columns: 1fr; }
  .lc-rec { grid-template-columns: 1fr; padding: 28px; }
  .lc-stand ol { grid-template-columns: repeat(2, 1fr); row-gap: 26px; }
  .lc-stand ol::before, .lc-stand ol::after { display: none; }
  .lcq { grid-template-columns: 1fr; }
  .ck-card { position: relative; top: auto; min-height: 0; }
  .lc-flow.vpipe .varrow { width: auto; }
}
@media (max-width: 900px) { .lc-swipe { display: block; } .lc-table { margin-top: 8px; } }
@media (max-width: 600px) {
  .lc-nevers { grid-template-columns: 1fr; }
  .lc-tradeoff { padding: 22px; }
  .lc-sw { border-radius: var(--radius-lg); }
  .lc-sw button { flex: 1 1 100%; }
  .ck-card { padding: 24px; }
  .lc-joke { align-items: flex-start; }
  .lc-filter-l { width: 100%; }
  .ck-q:hover, .ck-q[aria-pressed="true"] { transform: none; }
  .legal-wrap .legal { font-size: .85rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lc-shimmer, .lc-stand li.cur .n, .lc-fork .b { animation: none; }
  .lc-js .stg > *, .lc-js .stg.in > * { opacity: 1; transform: none; animation: none; }
  .lc-table.in .lc-row, .lc-tp li, .lc-nevers.in .lc-ni { animation: none; }
  .lc-tp li { opacity: 1; transform: none; }
  .ck-card.flip .ck-asked, .ck-card.flip .ck-verdict, .ck-card.flip .ck-why, .ck-card.flip .ck-more { animation: none; }
  .q-ok, .q-no { transition: none; background-size: 100% 100%; }
  .lc-stand ol::after { transition: none; }
  .ck-bar i, .lc-row { transition: none; }
}