.plan-card,.plan-mark{--plan-tint: hsl(212 40% 60%)}:is(.plan-card,.plan-mark)[data-plan=pro]{--plan-tint: var(--accent)}:is(.plan-card,.plan-mark)[data-plan=enterprise]{--plan-tint: hsl(38 85% 58%)}.plan-panel{background:radial-gradient(130% 42% at 100% 0%,color-mix(in oklab,var(--plan-tint) 22%,transparent),transparent 100%),hsl(var(--surface-raised))}.plan-card[data-plan=pro] .plan-panel{background:radial-gradient(130% 42% at 100% 0%,color-mix(in oklab,var(--plan-tint) 30%,transparent),transparent 100%),hsl(var(--surface-raised))}.plan-mark{background:color-mix(in oklab,var(--plan-tint) 22%,transparent)}.plan-mark[data-size=badge]{background:color-mix(in oklab,var(--plan-tint) 45%,hsl(var(--surface-1)));box-shadow:0 0 0 1.5px var(--background)}.plan-mark :is(.dot,.dot-accent){fill:var(--foreground)}.plan-art{-webkit-mask-image:linear-gradient(#000 78%,transparent 100%);mask-image:linear-gradient(#000 78%,transparent 100%)}.plan-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in oklab,var(--foreground) 4.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--foreground) 4.5%,transparent) 1px,transparent 1px);background-size:28px 28px;background-position:center 6px;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}.plan-frame{--s: 1;--x: 0px;--y: 22px;--dim: 1;--frame-0: hsl(240 2% 23%);--frame-1: hsl(240 2% 11%);--lit-0: hsl(240 2% 55%);--lit-1: hsl(240 2% 35%);--lit-2: hsl(240 2% 14%);--pod-0: hsl(240 2% 35%);--pod-1: hsl(240 2% 14%);--pod-top: hsl(240 2% 41%);--floor-0: hsl(240 2% 17%);--floor-1: hsl(240 2% 9%);--shade: hsl(240 2% 10%);position:absolute;left:50%;top:0;width:92px;aspect-ratio:9 / 16;overflow:hidden;border-radius:9px;background:var(--frame-1);box-shadow:inset 0 0 0 1px #ffffff1a,0 14px 30px -12px #000000bf;transform-origin:50% 0;transform:translate(calc(-50% + var(--x) + var(--hx, 0px))) translateY(calc(var(--y) + var(--hy, 0px))) scale(var(--s))}.plan-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:calc(1 - var(--dim));pointer-events:none}.plan-frame>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.plan-frame-play{position:absolute;left:8%;top:5%;width:15%;aspect-ratio:1;border-radius:9999px;background:#0000004d;box-shadow:inset 0 0 0 1px #fff3}.plan-frame-play:after{content:"";position:absolute;left:56%;top:50%;transform:translate(-50%,-50%);border-left:4px solid hsl(0 0% 100% / .8);border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}.plan-frame-progress{position:absolute;left:9%;right:9%;top:72%;height:2px;border-radius:2px;background:#fff3}.plan-frame-progress>span{position:absolute;inset:0 auto 0 0;width:38%;border-radius:2px;background:var(--accent)}.plan-art{container-type:inline-size}.plan-stage{position:absolute;top:0;left:50%;width:280px;height:100%;transform:translate(-50%);transform-origin:50% 0}@container (max-width: 279px){.plan-stage{transform:translate(-50%) scale(.86)}}@container (max-width: 240px){.plan-stage{transform:translate(-50%) scale(.76)}}.plan-frame[data-slot=centre]{--s: .957;--x: 0px;--y: 24px;--dim: 1;z-index:3}.plan-frame[data-slot=inner-l]{--s: .75;--x: -66px;--y: 40px;--dim: .58;z-index:2}.plan-frame[data-slot=inner-r]{--s: .75;--x: 66px;--y: 40px;--dim: .58;z-index:2}.plan-frame[data-slot=outer-l]{--s: .6;--x: -106px;--y: 56px;--dim: .36;z-index:1}.plan-frame[data-slot=outer-r]{--s: .6;--x: 106px;--y: 56px;--dim: .36;z-index:1}.plan-art[data-plan=pro]:not([data-rung=pro_1800]) .plan-frame[data-slot^=outer]{opacity:0}.plan-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 35%,hsl(0 0% 100% / .07) 50%,transparent 65%);transform:translate(-100%)}@media (prefers-reduced-motion: no-preference){.plan-card{transition:box-shadow var(--duration-reveal) ease}.plan-frame,.plan-frame:after{transition-property:transform,opacity;transition-duration:var(--duration-enter);transition-timing-function:var(--ease-move)}.plan-card:focus-within{box-shadow:0 0 0 1px color-mix(in oklab,var(--foreground) 16%,transparent)}.plan-card:focus-within .plan-art:after{transform:translate(100%);transition:transform var(--duration-enter) var(--ease-enter)}.plan-card:focus-within .plan-frame[data-slot=centre]{--hy: -3px}.plan-card:focus-within .plan-frame[data-slot=inner-l]{--hx: -2px}.plan-card:focus-within .plan-frame[data-slot=inner-r]{--hx: 2px}.plan-card:focus-within .plan-frame[data-slot=outer-l]{--hx: -3px}.plan-card:focus-within .plan-frame[data-slot=outer-r]{--hx: 3px}}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.plan-card:hover{box-shadow:0 0 0 1px color-mix(in oklab,var(--foreground) 16%,transparent)}.plan-card:hover .plan-art:after{transform:translate(100%);transition:transform var(--duration-enter) var(--ease-enter)}.plan-card:hover .plan-frame[data-slot=centre]{--hy: -3px}.plan-card:hover .plan-frame[data-slot=inner-l]{--hx: -2px}.plan-card:hover .plan-frame[data-slot=inner-r]{--hx: 2px}.plan-card:hover .plan-frame[data-slot=outer-l]{--hx: -3px}.plan-card:hover .plan-frame[data-slot=outer-r]{--hx: 3px}}.plans-faq .accordion__panel{transition:height var(--duration-reveal) var(--ease-move),opacity var(--duration-reveal) ease}@media (prefers-reduced-motion: reduce){.plans-faq .accordion__panel{transition:opacity var(--duration-reveal) ease}}.plan-card .button--lg{font-size:var(--text-sm)}