/* PRICING */
.pricing{padding:60px 0 104px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;align-items:start;position:relative;margin-top:48px}
.plans.reveal{opacity:1;transform:none;filter:none}
.plan{position:relative;background:var(--frame);border:1px solid var(--line-2);border-radius:20px;padding:36px 30px 34px;box-shadow:0 20px 46px -26px rgba(20,40,70,.26);opacity:0;transform:rotate(var(--rot,0deg)) translateY(22px);transition:opacity .55s cubic-bezier(.2,.8,.2,1) var(--d,0s),transform .5s cubic-bezier(.2,.85,.3,1),box-shadow .4s ease}
.plans.in .plan{opacity:1;transform:rotate(var(--rot,0deg))}
.plan.p1{--rot:-1.6deg;--d:.04s}.plan.p2{--rot:0deg;--d:.12s}.plan.p3{--rot:1.6deg;--d:.2s}
.plans.in .plan:hover{transform:rotate(0deg) translateY(-12px) scale(1.02);box-shadow:0 34px 62px -28px rgba(20,40,70,.32);z-index:6}
.fcur{position:absolute;top:-18px;left:-8px;z-index:8;pointer-events:none;animation:curFloat 5.5s ease-in-out infinite}
.fcur .pin{width:36px;height:36px;display:grid;place-items:center;background:var(--frame);border:2.5px solid var(--c);border-radius:50% 50% 50% 5px;box-shadow:0 8px 18px -6px rgba(20,40,70,.5)}
.fcur .pin img{width:31px;height:31px;display:block;object-fit:contain}
.fcur .tag{position:absolute;top:8px;left:42px;white-space:nowrap;background:var(--c);color:#fff;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.01em;padding:3px 9px;border-radius:10px;border-bottom-left-radius:2px;box-shadow:0 6px 14px -5px rgba(20,40,70,.45)}
@keyframes curFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,6px)}}
.fcur.pop .tag{animation:tagGlow 2.2s ease-in-out infinite}
@keyframes tagGlow{0%,100%{box-shadow:0 6px 14px -5px rgba(13,153,255,.5)}50%{box-shadow:0 7px 22px -3px rgba(13,153,255,.95)}}
.plan:hover .fcur{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.fcur{animation:none}.fcur.pop .tag{animation:none}}
.plan h3{font-family:var(--display);font-size:21px;font-weight:700;margin-bottom:6px}
.plan .meta{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px;max-width:30ch}
.plan .price{font-family:var(--display);font-weight:700;font-size:50px;letter-spacing:-.03em;line-height:1}
.plan .price .cur{color:var(--brand);font-size:1em;margin-right:2px;font-weight:800}
.plan .price small{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink-faint);letter-spacing:0}
.plan .btn{width:100%;justify-content:center;margin:24px 0;gap:0}
.plan .btn::after{content:"\2192";display:inline-block;margin-left:9px;transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.plan .btn:hover::after{transform:translateX(5px)}
.plan .inc{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);border-top:1px solid var(--line-2);padding-top:20px;margin-top:8px;margin-bottom:16px}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.plan li{display:flex;gap:11px;font-size:14.5px;align-items:flex-start;line-height:1.4}
.plan li svg{width:19px;height:19px;flex:none;color:var(--brand);margin-top:1px}
.plan.feat{background:var(--ink);color:var(--frame);border-color:transparent;margin-top:-14px;padding:42px 32px 38px}
.plan.feat .meta{color:#bdb8ad}.plan.feat .price small{color:#9a958a}.plan.feat .btn{background:var(--brand)}
.plan.feat .inc{color:#ffffff77;border-top-color:rgba(255,255,255,.16)}.plan.feat li svg{color:#fff}
.plan.cust{background:var(--brand);color:#fff;border-color:transparent}
.plan.cust .meta{color:#ffe9df}.plan.cust .btn{background:#fff;color:var(--brand)}.plan.cust .btn:hover{background:var(--ink);color:#fff}
.plan.cust .inc{color:#ffffff99;border-top-color:rgba(255,255,255,.28)}.plan.cust li svg{color:#fff}
@media(max-width:880px){.plans{grid-template-columns:1fr;gap:46px;max-width:420px;margin:46px auto 0}.plan.p1,.plan.p2,.plan.p3{--rot:0deg}.plan.feat{margin-top:0}}
@media(prefers-reduced-motion:reduce){.plan{opacity:1;transform:rotate(var(--rot,0deg));transition:none}.plan .btn::after{transition:none}}