/* Comparison copy: cover without the landing button, capability art always visible, clip captions. */
.cover-title-04-intro { top: 666px; bottom: 32px; justify-content: center; }
.role-video-caption { position: absolute; left: 306px; bottom: 14px; max-width: 800px; height: 44px; margin: 0; color: #f0ebf7; font-size: 24px; line-height: 44px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.club-table-grid { position: absolute; inset: 376px 40px auto; }
.club-table-head, .club-table-row { display: grid; align-items: center; column-gap: 40px; border-top: 1px solid var(--line); }
.club-table--3 .club-table-head, .club-table--3 .club-table-row { grid-template-columns: 490px 520px minmax(0, 1fr); }
.club-table--4 .club-table-head, .club-table--4 .club-table-row { grid-template-columns: 490px repeat(4, minmax(0, 1fr)); }
.club-table-head { min-height: 54px; color: #8e8a98; font-size: 24px; line-height: 1.2; }
.club-table-row { min-height: 88px; padding: 10px 0; color: #fff; font-size: 30px; line-height: 1.25; }
.club-table--3 .club-table-row > :nth-child(2) { color: #a8a3b2; }
.club-table-label { color: var(--accent); font-size: 40px; line-height: 1.15; }
.club-table-row .is-no { color: #5f5b69; }
.club-table .k-foot span { color: var(--accent); }
/* SlideKit rhythm. */
.club-table-figure { position: absolute; right: 40px; top: 143px; color: var(--accent); font-size: 100px; line-height: 1.2; font-weight: 500; white-space: nowrap; }
.club-table-figure small { margin-left: 16px; color: var(--muted); font-size: 34px; font-weight: 400; }
.problem-loop .k-title { top: 143px; width: 720px; font-size: 100px; line-height: 1.07; }
.problem-loop-copy { position: absolute; left: 40px; bottom: 44px; width: 640px; color: #c4bfce; font-size: 32px; line-height: 1.32; }
.loop-diagram { position: absolute; left: 700px; top: 110px; width: 1180px; height: 930px; }
.loop-diagram svg { position: absolute; inset: 0; width: 1180px; height: 930px; }
.loop-runner, .loop-progress { transform-box: view-box; transform-origin: 600px 475px; }
.loop-progress { transform: rotate(-90deg); }
.loop-dot { transform-box: fill-box; transform-origin: center; }
.loop-nodes { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.loop-node { position: absolute; width: 0; height: 0; }
.loop-step { position: absolute; width: 250px; }
.loop-step b { display: block; color: var(--accent); font-size: 30px; line-height: 1.2; font-weight: 400; }
.loop-step span { display: block; margin-top: 6px; color: var(--ink); font-size: 34px; line-height: 1.16; }
.loop-node-top .loop-step { left: -220px; width: 440px; bottom: 26px; text-align: center; }
.loop-node-bottom .loop-step { left: -240px; width: 480px; top: 26px; text-align: center; }
.loop-node-right-high .loop-step { left: 36px; transform: translateY(-74%); }
.loop-node-right-low .loop-step { left: 36px; transform: translateY(-26%); }
.loop-node-left-high .loop-step { right: 36px; transform: translateY(-74%); text-align: right; }
.loop-node-left-low .loop-step { right: 36px; transform: translateY(-26%); text-align: right; }
.loop-center { position: absolute; left: 340px; top: 351px; width: 520px; height: 248px; text-align: center; }
.loop-center small { display: block; color: var(--muted); font-size: 26px; line-height: 1.2; }
.loop-topics { position: relative; height: 180px; margin-top: 18px; }
.loop-topic { position: absolute; inset: 0; color: var(--ink); font-size: 74px; line-height: 1.08; font-weight: 500; opacity: 0; }
.loop-topic:first-child { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .problem-loop.is-active .loop-runner { animation: loop-run 12s linear infinite; }
  .problem-loop.is-active .loop-progress { animation: loop-fill 12s linear infinite; }
  .problem-loop.is-active .loop-dot { animation: loop-dot 12s linear infinite; animation-delay: calc(var(--i) * 2s - 1s); }
  .problem-loop.is-active .loop-step span { opacity: .62; animation: loop-step 12s linear infinite; }
  .problem-loop.is-active .loop-step[style*="--i:0"] span { animation-delay: -1s; }
  .problem-loop.is-active .loop-step[style*="--i:1"] span { animation-delay: 1s; }
  .problem-loop.is-active .loop-step[style*="--i:2"] span { animation-delay: 3s; }
  .problem-loop.is-active .loop-step[style*="--i:3"] span { animation-delay: 5s; }
  .problem-loop.is-active .loop-step[style*="--i:4"] span { animation-delay: 7s; }
  .problem-loop.is-active .loop-step[style*="--i:5"] span { animation-delay: 9s; }
  .problem-loop.is-active .loop-topic { animation: loop-topic 48s linear infinite; animation-delay: calc(var(--i) * 12s); }
}
@keyframes loop-run { to { transform: rotate(360deg); } }
@keyframes loop-fill { 0% { stroke-dashoffset: 2136.3; opacity: 1; } 97% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes loop-dot { 0%, 15% { transform: scale(1.5); } 19%, 96% { transform: scale(1); } 100% { transform: scale(1.5); } }
@keyframes loop-step { 0%, 15% { opacity: 1; } 19%, 96% { opacity: .62; } 100% { opacity: 1; } }
@keyframes loop-topic { 0% { opacity: 0; transform: translateY(18px); } 1.6%, 23.4% { opacity: 1; transform: none; } 25%, 100% { opacity: 0; transform: translateY(-18px); } }
.preview-art > .preview-stars { object-fit: contain; background: #000; }
.preview-kind-0::after, .preview-kind-5::after { background: linear-gradient(180deg,#000 0%,rgba(0,0,0,.92) 18%,rgba(0,0,0,.08) 32%,rgba(0,0,0,0) 56%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.94) 82%,#000); }
.capability-art { position: absolute; z-index: 2; left: 22px; right: 28px; top: 74px; height: 148px; display: flex; align-items: center; gap: 24px; padding: 8px; border-radius: 14px; background: #141418; }
.capability-art .art-map { display: block; flex: none; width: 176px; height: 132px; border-radius: 9px; background: #0b0b0e; }
.art-title { display: flex; flex-direction: column; gap: 14px; }
.art-title b { color: #fff; font-size: 30px; line-height: 1.15; font-weight: 500; white-space: nowrap; }
.art-players { display: flex; }
.art-players i { position: relative; display: block; flex: none; width: 46px; height: 46px; margin-left: -8px; overflow: hidden; border: 3px solid; border-radius: 50%; background: #ececf1; box-shadow: 0 0 0 2px #141418; }
.art-players i:first-child { margin-left: 0; }
.art-players img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; transform: scale(1.9); transform-origin: top; }
.capability-art .art-map { background: #0b0b0e; }
.art-tile { position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: 176px; height: 132px; overflow: hidden; border-radius: 9px; background: #0b0b0e; }
.art-pair { display: flex; flex: none; gap: 8px; }
.capability-art .art-pair .art-map { width: 132px; height: 132px; }
.art-chips { display: flex; align-items: center; gap: 8px; }
.art-chip { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 10px; background: #1f1f26; color: #c9c6d2; font-size: 20px; line-height: 1; white-space: nowrap; }
.art-chip.is-on { background: #7441dc; color: #fff; }
.art-dot { display: block; width: 11px; height: 11px; border-radius: 50%; }
.art-arrow { color: #6d6a78; font-size: 20px; }
.art-stars { gap: 10px; }
.art-stars b { color: #fff; font-size: 56px; line-height: 1; font-weight: 500; }
.art-week { display: flex; gap: 6px; }
.art-day { display: grid; place-items: center; width: 40px; height: 42px; border-radius: 9px; background: #1f1f26; color: #f5b83d; font-size: 21px; line-height: 1; }
.art-day.has { background: #33291a; }
.art-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.art-photo i { position: absolute; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #000000a8; color: #fff; }
.art-fox img { display: block; height: 124px; width: auto; }
.capability-art.art-tracks { flex-direction: column; align-items: stretch; justify-content: center; gap: 26px; padding: 0 24px; }
.art-track { display: flex; align-items: center; gap: 18px; }
.art-track b { flex: none; width: 92px; color: #fff; font-size: 22px; line-height: 1; font-weight: 400; }
.art-line { position: relative; display: block; flex: 1; height: 4px; border-radius: 2px; background: #2c2c35; }
.art-line u { position: absolute; top: -9px; display: block; width: 4px; height: 22px; border-radius: 2px; }
.capability-art.art-film { gap: 8px; padding: 8px; }
.art-frame { position: relative; display: block; flex: 1; height: 100%; overflow: hidden; border-radius: 9px; }
.art-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
.capability-art.art-sky { justify-content: space-between; overflow: hidden; padding: 0 12px 0 28px; background: radial-gradient(95% 60% at 82% 0%, rgba(124, 58, 237, .2), transparent 70%), radial-gradient(75% 50% at 28% 45%, rgba(244, 210, 127, .08), transparent 70%), linear-gradient(180deg, #05070f 0%, #0a0e1f 55%, #17203d 100%); }
.art-sky-count { display: flex; flex: none; flex-direction: column; gap: 8px; }
.art-sky-count b { display: flex; align-items: center; gap: 12px; color: #fff; font-size: 60px; line-height: 1; font-weight: 500; }
.art-sky-count small { color: #b4b8cc; font-size: 22px; line-height: 1; }
.art-sky > * { position: relative; }
.art-sky .art-hills { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 44px; }
.art-constellation { display: block; flex: none; width: 242px; height: 125px; margin-right: 76px; }
.art-sky .art-stargazer { position: absolute; right: 12px; bottom: 6px; width: auto; height: 86px; }
.capability-art.art-roles { flex-direction: column; align-items: stretch; justify-content: center; gap: 8px; padding: 0 22px; }
.art-role { display: flex; align-items: center; gap: 12px; font-size: 22px; line-height: 1; }
.art-role > i { position: relative; display: block; flex: none; width: 34px; height: 34px; overflow: hidden; border: 2px solid; border-radius: 50%; background: #ececf1; }
.art-role > i img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; transform: scale(1.9); transform-origin: top; }
.art-role b { flex: none; width: 70px; color: #fff; font-weight: 400; }
.art-role > span { color: #a8a3b2; }
.art-role > img { display: block; width: auto; height: 26px; margin-left: 2px; }
.art-pdf { position: absolute; right: 18px; top: 18px; }
.capability-art.art-timing { justify-content: space-between; padding: 0 24px; }
.art-timing .art-title { gap: 10px; }
.art-timing .art-title b { font-size: 28px; }
.art-timing .art-title small { color: #92929b; font-size: 20px; line-height: 1; white-space: nowrap; }
.art-legend { display: flex; gap: 16px; margin-top: 8px; color: #c9c6d2; font-size: 20px; line-height: 1; }
.art-legend span { display: flex; align-items: center; gap: 7px; }
.art-legend i { display: block; width: 11px; height: 11px; border-radius: 50%; }
.art-legend .is-a, .art-bin .is-a { background: #f97316; }
.art-legend .is-b, .art-bin .is-b { background: #3b82f6; }
.art-bins { display: flex; flex: none; align-items: flex-end; gap: 12px; }
.art-bin { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.art-bin-bars { display: flex; align-items: flex-end; gap: 3px; height: 92px; }
.art-bin-bars i { display: block; width: 20px; border-radius: 3px 3px 0 0; }
.art-bin small { color: #92929b; font-size: 18px; line-height: 1; white-space: nowrap; }
.art-grenade img { display: block; width: auto; height: 84px; }
.art-keys { display: flex; align-items: center; gap: 8px; }
.art-key { display: inline-flex; align-items: center; height: 42px; padding: 0 14px; border: 1px solid #3a3a44; border-radius: 10px; color: #fff; font-size: 20px; line-height: 1; }
.art-keys em { color: #6d6a78; font-size: 20px; line-height: 1; font-style: normal; }
.art-go { display: grid; flex: none; place-items: center; width: 52px; height: 52px; margin-left: auto; margin-right: 16px; border-radius: 50%; background: #1f1f26; color: #fff; }
.art-frame small { position: absolute; left: 8px; bottom: 8px; padding: 6px 9px; border-radius: 7px; background: #000000b0; color: #fff; font-size: 18px; line-height: 1; white-space: nowrap; }
.art-message { gap: 6px; }
.art-message b { font-size: 26px; }
.art-message small { color: #a8a3b2; font-size: 20px; line-height: 1.2; white-space: nowrap; }
.art-message .art-chip { align-self: flex-start; margin-top: 8px; }
.capability-art.art-ready { justify-content: space-between; gap: 0; padding: 0 22px; }
.art-person { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.art-ring { position: relative; display: block; width: 84px; height: 84px; }
.art-ring svg { display: block; }
.art-ring i { position: absolute; left: 10px; top: 10px; display: block; width: 64px; height: 64px; overflow: hidden; border-radius: 50%; background: #ececf1; }
.art-ring img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; transform: scale(1.9); transform-origin: top; }
.art-person-line { display: flex; align-items: baseline; gap: 6px; line-height: 1; }
.art-person-line small { color: #92929b; font-size: 18px; }
.art-person-line b { color: #fff; font-size: 20px; font-weight: 500; }
.club-table-figure { display: flex; align-items: center; gap: 18px; }
.club-table-figure small { margin-left: 0; color: #a8a3b2; font-size: 30px; line-height: 1.2; }
.club-table-head > :last-child { color: #fff; }
.club-table--4 .club-table-head { color: #fff; font-size: 30px; }
.club-table--4 .club-table-head > :first-child { color: #8e8a98; font-size: 24px; }
.club-tools { display: flex; align-items: center; gap: 10px; }
.club-tool { display: inline-flex; align-items: center; height: 52px; padding: 0 18px; border-radius: 12px; background: #17171c; color: #c9c6d2; font-size: 26px; line-height: 1; white-space: nowrap; }
.club-table-row .is-yes { display: flex; color: #fff; }
.club-table-row .is-yes svg { display: block; }
.pilot-offer-title, .pilot-offer-copy, .pilot-offer-contacts { left: 40px; right: 40px; }
#pilot .pricing-finale-cards { inset: 403px 40px auto; }
.comparison-features { top: 439px; }