.plans{display: grid;gap: 22px;align-items: stretch;perspective: 1400px}@media (min-width: 900px){.plans{grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);max-width: 1100px;margin: 0 auto}}.plan{--k-ink: #f4f0ea;--k-text: #d4d0ca;--k-line: #ffffff26;position: relative;isolation: isolate;overflow: hidden;display: flex;flex-direction: column;padding: clamp(46px,4.4vw,58px) clamp(24px,3vw,38px) clamp(26px,3vw,36px);border: 1px solid #ffffff1f;border-radius: 30px;color: var(--k-text);background: radial-gradient(70% 50% at 100% 0%,#f6821f38,transparent 70%),linear-gradient(160deg,#2a2d35 0%,#15171c 55%,#0b0c0f 100%);box-shadow: 0 26px 50px -34px #1a1410cc;transform-style: preserve-3d;transition: transform 0.55s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.45s ease}.plan-free{--k-ink: #fff;--k-text: #fff;--k-line: #ffffff59;border-color: #ffffff40;background: radial-gradient(80% 55% at 100% 0%,#ffd58a47,transparent 70%),linear-gradient(150deg,#b84f02 0%,#9a4203 55%,#7f3402 100%)}.plan::before{content: '';position: absolute;top: 16px;left: 50%;width: 46px;height: 12px;margin-left: -23px;border-radius: 99px;background: var(--bg);box-shadow: inset 0 2px 4px #0006}.plan::after{content: '';position: absolute;z-index: 2;inset: 0;background: linear-gradient(105deg,transparent 38%,#ffffff2e 50%,transparent 62%);transform: translateX(-130%);transition: transform 0.9s ease;pointer-events: none}.plan:hover{transform: rotateX(3deg) rotateY(-5deg) translateY(-10px);box-shadow: 0 40px 60px -34px #1a1410e6}.plans-then + .plan:hover{transform: rotateX(3deg) rotateY(5deg) translateY(-10px)}.plan:hover::after{transform: translateX(130%)}.plan-key{display: flex;align-items: center;justify-content: space-between;margin-bottom: 22px}.plan-key .chip{position: relative;width: 48px;height: 36px;border-radius: 8px;background: linear-gradient(90deg,transparent 31%,#0000003d 31% 33%,transparent 33% 66%,#0000003d 66% 68%,transparent 68%),linear-gradient(0deg,transparent 47%,#0000003d 47% 53%,transparent 53%),linear-gradient(135deg,#ffe29a,#f0b34a 55%,#d89a2c)}.plan-key .waves{display: flex;align-items: center;color: var(--k-ink)}.plan-key .waves i{width: 8px;margin-left: 3px;border-right: 3px solid currentColor;border-radius: 50%;opacity: 0.25;animation: plan-wave 2.4s ease-in-out infinite}.plan-key .waves i:nth-child(1){height: 12px}.plan-key .waves i:nth-child(2){height: 20px;animation-delay: 0.25s}.plan-key .waves i:nth-child(3){height: 28px;animation-delay: 0.5s}@keyframes plan-wave{35%{opacity: 1}}.plan-length{display: flex;align-items: center;gap: 8px;margin: 0 0 10px;font-size: var(--step--1);font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: #fbad41}.plan-free .plan-length{color: #fff}.plan-length .i{transition: transform 0.7s cubic-bezier(0.3,1.2,0.4,1)}.plan:hover .plan-length .i{transform: rotateY(360deg)}.plan-name{margin-bottom: 14px;color: var(--k-ink)}.plan-price{position: relative;display: grid;gap: 2px;margin: 0 0 16px;padding: 16px 0;border-block: 1px solid var(--k-line)}.plan-price::after{content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 2px;background: linear-gradient(90deg,#fbad41,#fff);transition: width 0.7s cubic-bezier(0.2,0.8,0.2,1)}.plan:hover .plan-price::after{width: 100%}.plan-price b{font-size: clamp(2.25rem,4vw,3.25rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.03em;color: var(--k-ink);transition: transform 0.4s ease}.plan:hover .plan-price b{transform: translateX(6px)}.plan-ask b{font-size: clamp(1.375rem,2.2vw,1.75rem);font-weight: 600}.plan-price span{font-size: 0.875rem;color: var(--k-text)}.plan-summary{margin-bottom: 4px;color: var(--k-text)}.plan .ticks{margin-bottom: 28px}.plan .ticks li{color: var(--k-text);transition: transform 0.35s ease}.plan .ticks .i{color: #fbad41;background: #fbad4117;transition: transform 0.4s cubic-bezier(0.3,1.7,0.4,1),background-color 0.25s ease,color 0.25s ease}.plan-free .ticks .i{color: #fff;background: #0000003d}.plan:hover .ticks li{transform: translateX(6px)}.plan:hover .ticks .i{transform: scale(1.18) rotate(-8deg)}.plan:hover .ticks li:nth-child(2),.plan:hover .ticks li:nth-child(2) .i{transition-delay: 0.06s}.plan:hover .ticks li:nth-child(3),.plan:hover .ticks li:nth-child(3) .i{transition-delay: 0.12s}.plan:hover .ticks li:nth-child(4),.plan:hover .ticks li:nth-child(4) .i{transition-delay: 0.18s}.plan:hover .ticks li:nth-child(5),.plan:hover .ticks li:nth-child(5) .i{transition-delay: 0.24s}.plan-cta{margin-top: auto;align-self: flex-start}.plan-free .plan-cta{color: #7f3402;background: #fff;box-shadow: none}.plan-free .plan-cta:hover{background: #fff1e3}.plan:not(.plan-free) .plan-cta{color: #f4f0ea;border-color: #ffffff59;background: #ffffff0d}.plan:not(.plan-free) .plan-cta::after{display: none}.plan:not(.plan-free) .plan-cta:hover{color: #f4f0ea;border-color: #fbad41;background: #ffffff1c}.plan-cta .i{transition: transform 0.3s ease}.plan:hover .plan-cta .i{transform: translateX(5px)}.plans-then{display: grid;place-items: center;align-content: center;gap: 6px;font-size: var(--step--1);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted)}.plans-then .i{width: 42px;height: 42px;padding: 10px;border-radius: 50%;color: var(--on-fill);background: var(--fill);transition: transform 0.4s cubic-bezier(0.3,1.6,0.4,1)}@media (min-width: 900px){.plans:has(.plan:hover) .plans-then .i{transform: translateX(6px) scale(1.12)}}@media (max-width: 899px){.plans-then{grid-auto-flow: column}.plans-then .i{transform: rotate(90deg)}}@media (prefers-reduced-motion: reduce){.plan,.plan::after,.plan *,.plans-then .i{animation: none;transition: none}}