.bento-frame{--border-offset:120px;z-index:-1;-webkit-mask-image:linear-gradient(to right, transparent 0%, black var(--border-offset), black calc(100% - var(--border-offset)), transparent 100%), linear-gradient(to bottom, transparent 0%, black var(--border-offset), black calc(100% - var(--border-offset)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, black var(--border-offset), black calc(100% - var(--border-offset)), transparent 100%), linear-gradient(to bottom, transparent 0%, black var(--border-offset), black calc(100% - var(--border-offset)), transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:1199px){.bento-frame{--border-offset:24px}}
@property --pricing-cards-grid-line-position-start{syntax:"<percentage>";inherits:true;initial-value:-33%}@property --pricing-cards-grid-line-position-end{syntax:"<percentage>";inherits:true;initial-value:-3%}.pricing-cards-grid-line{-webkit-mask-image:linear-gradient(to right, #00000059, #00000059 var(--pricing-cards-grid-line-position-start), #000000bf var(--pricing-cards-grid-line-position-end), #0000 calc(var(--pricing-cards-grid-line-position-end) + 3%), #0000);mask-image:linear-gradient(to right, #00000059, #00000059 var(--pricing-cards-grid-line-position-start), #000000bf var(--pricing-cards-grid-line-position-end), #0000 calc(var(--pricing-cards-grid-line-position-end) + 3%), #0000);transition-property:--pricing-cards-grid-line-position-start,--pricing-cards-grid-line-position-end;transition-duration:1s;transition-timing-function:ease-out;animation:1.5s ease-out both pricing-cards-grid-line-appear}.pricing-cards-grid-line-vertical{-webkit-mask-image:linear-gradient(to bottom, #00000059, #00000059 var(--pricing-cards-grid-line-position-start), #000000bf var(--pricing-cards-grid-line-position-end), #0000 calc(var(--pricing-cards-grid-line-position-end) + 3%), #0000);mask-image:linear-gradient(to bottom, #00000059, #00000059 var(--pricing-cards-grid-line-position-start), #000000bf var(--pricing-cards-grid-line-position-end), #0000 calc(var(--pricing-cards-grid-line-position-end) + 3%), #0000);transition-property:--pricing-cards-grid-line-position-start,--pricing-cards-grid-line-position-end;transition-duration:1s;transition-timing-function:ease-out;animation:1.5s ease-out both pricing-cards-grid-line-appear}@keyframes pricing-cards-grid-line-appear{to{--pricing-cards-grid-line-position-start:100%;--pricing-cards-grid-line-position-end:130%}}
:root .pricing-plan-featured-cta .button-primary{--button-primary-bg-fallback:var(--color-blue-500);--button-primary-border:var(--color-blue-500);--button-primary-text:var(--color-white-100);--button-primary-bg-hover-from:var(--color-blue-400);--button-primary-bg-hover-to:var(--color-blue-500);--button-primary-bg-hover-fallback:var(--color-blue-450);--button-primary-border-hover:var(--color-blue-400);--button-primary-text-hover:var(--color-white-100);--button-primary-bg-focus-from:var(--color-blue-400);--button-primary-bg-focus-to:var(--color-blue-500);--button-primary-bg-focus-fallback:var(--color-blue-450);--button-primary-border-focus:var(--color-blue-400);--button-primary-text-focus:var(--color-white-100);--button-primary-bg-active-from:var(--color-blue-450);--button-primary-bg-active-to:var(--color-blue-450);--button-primary-bg-active-fallback:var(--color-blue-400);--button-primary-border-active:var(--color-blue-400);--button-primary-text-active:var(--color-white-100)}:root .pricing-plan-featured-cta .button-primary:not(:hover,:focus-visible,:active,:disabled,[data-state=open],[data-active=true]){--button-primary-bg-from:var(--color-blue-500);--button-primary-bg-to:var(--color-blue-500)}