:root{--sub-white: #ffffff;--sub-black: #000000;--sub-grey-800: #090d11;--sub-grey-100: #f9fafc;--sub-blue-100: #c8eaed;--sub-blue-200: #b9e5e8;--sub-blue-400: #9ad9dd;--sub-blue-500: #7cced3;--sub-blue-600: #5dc2c8;--sub-blue-900: #2b7c81;--sub-blue-dark: #005bb8;--sub-green-accent: #54e9af;--sub-yellow: #e9d354;--sub-orange: #f36500;--sub-border: #e1e2e4;--sub-font-dm: "DM Sans", sans-serif;--sub-font-inter: "Inter", sans-serif;--sub-gradient-angle: 120.95deg;--sub-gradient: linear-gradient( var(--sub-gradient-angle), var(--sub-green-accent) 3.67%, var(--sub-blue-dark) 96.33% );--sub-gradient-warm: linear-gradient( var(--sub-gradient-angle), var(--sub-yellow) 3.67%, var(--sub-orange) 96.33% );--sub-card-bg: linear-gradient( 0deg, rgba(169, 223, 226, .2) 0%, rgba(255, 255, 255, .2) 49.194% ), var(--sub-white);--sub-card-bg-strong: linear-gradient( 0deg, rgba(200, 234, 237, .4) 0%, rgba(232, 253, 255, .4) 49.194% ), var(--sub-white);--sub-card-shadow: 0 103px 41px 0 rgba(0, 0, 0, .01), 0 58px 35px 0 rgba(0, 0, 0, .03), 0 26px 26px 0 rgba(0, 0, 0, .05), 0 6px 14px 0 rgba(0, 0, 0, .06);--sub-pill-shadow: 0 20px 4px 0 rgba(1, 59, 121, .03), 0 11px 3.5px 0 rgba(1, 59, 121, .09), 0 5px 2.5px 0 rgba(1, 59, 121, .15), 0 1px 1.5px 0 rgba(1, 59, 121, .18);--sub-text-shadow: 0 1px 1px rgba(0, 0, 0, .16);--sub-card-border: var(--sub-white);--sub-strip-bg: var(--sub-blue-dark);--sub-btn-black-bg: var(--sub-grey-800);--sub-ease: cubic-bezier(.22, 1, .36, 1)}@keyframes subscription-card-in{0%{opacity:0;translate:0 28px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes subscription-picked-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes subscription-btn-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes subscription-flag-float{0%,to{translate:-50% 0}50%{translate:-50% -5px}}.subscription-pill{display:inline-flex;align-items:flex-start;justify-content:center;padding:8px 16px;border-radius:100px;border-bottom:1px solid var(--sub-white);background:var(--sub-gradient);box-shadow:var(--sub-pill-shadow);color:var(--sub-white);white-space:nowrap;text-shadow:var(--sub-text-shadow)}@media screen and (max-width: 767px){.subscription-pill{padding:6px 12px}}.subscription-pill--dm{--sub-gradient-angle: 153.38deg;font-family:var(--sub-font-dm);font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.2px}@media screen and (max-width: 767px){.subscription-pill--dm{font-size:16px;letter-spacing:-.16px}}.subscription-pill--inter{--sub-gradient-angle: 157.1deg;font-family:var(--sub-font-inter);font-weight:500;font-size:20px;line-height:1.5}@media screen and (max-width: 767px){.subscription-pill--inter{font-size:16px}}.subscription-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--sub-blue-100);border-radius:100px;background:var(--sub-blue-100);font-family:var(--sub-font-dm);font-weight:600;font-size:15px;line-height:1.5;color:var(--sub-blue-900)}@media screen and (max-width: 767px){.subscription-chip{gap:6px;padding:6px 12px;font-size:13px}}.subscription-chip__icon{flex-shrink:0;width:20px;height:20px;color:var(--sub-blue-500)}@media screen and (max-width: 767px){.subscription-chip__icon{width:18px;height:18px}}.subscription-check{display:flex;align-items:center;gap:12px;font-family:var(--sub-font-inter);font-weight:400;font-size:18px;line-height:1.5;color:var(--sub-black)}@media screen and (max-width: 767px){.subscription-check{gap:10px;font-size:15px}}.subscription-check__icon{flex-shrink:0;width:24px;height:24px;color:var(--sub-blue-600)}@media screen and (max-width: 767px){.subscription-check__icon{width:20px;height:20px}}.subscription-strip{display:flex;align-items:center;padding:16px 32px;background:var(--sub-strip-bg);font-family:var(--sub-font-inter);font-weight:500;font-size:20px;line-height:1.5;color:var(--sub-green-accent)}@media screen and (max-width: 767px){.subscription-strip{padding-block:12px;padding-inline:20px;font-size:16px}}.subscription-btn,.subscription-picked{display:inline-flex;align-items:center;justify-content:center;padding:24px 30px;font-family:var(--sub-font-dm);font-weight:700;font-size:18px;line-height:1.3}@media screen and (max-width: 767px){.subscription-btn,.subscription-picked{padding:18px 24px;font-size:16px}}.subscription-btn{gap:16px;border:0;border-radius:6px;cursor:pointer;letter-spacing:-.18px;color:var(--sub-white);transition:filter .15s ease-in-out}.subscription-btn:hover{filter:brightness(.75)}.subscription-btn:disabled{cursor:default}.subscription-btn__icon{flex-shrink:0;width:28.99px;height:10.497px}.subscription-btn--black{background:var(--sub-btn-black-bg)}.subscription-btn--black .subscription-btn__icon{color:var(--sub-blue-400)}.subscription-btn--gradient{--sub-gradient-angle: 165.45deg;gap:20px;background:linear-gradient(rgba(0,0,0,.1) 0 0),var(--sub-gradient)}.subscription-btn--gradient .subscription-btn__icon{color:var(--sub-blue-200)}.subscription-picked{position:relative;color:var(--sub-grey-800);text-align:center;animation:subscription-picked-in .42s var(--sub-ease) both}.subscription-card-frame{position:relative;height:auto;border-radius:36px;cursor:pointer;text-align:left;transition:transform .35s var(--sub-ease)}.subscription-card-frame:hover{transform:translateY(-10px)}.subscription-card-frame:hover .subscription-card-frame__flag{animation:subscription-flag-float 1.6s ease-in-out infinite}.subscription-card-frame:active{transform:translateY(-4px) scale(.99);transition-duration:.12s}.subscription-card-frame--featured{--sub-gradient-angle: 157.7deg;border:6px solid transparent;border-radius:42px;background:var(--sub-gradient-warm) border-box;box-shadow:0 263px 79px #38383824,0 117px 58.5px #3838383d,0 29px 32px #38383845}.subscription-card-frame__flag{--sub-gradient-angle: 169.28deg;position:absolute;top:-20px;left:50%;translate:-50% 0;z-index:1;display:flex;align-items:center;gap:12px;padding:6px 16px;border-radius:100px;background:var(--sub-gradient-warm);white-space:nowrap;font-family:var(--sub-font-inter);font-weight:500;font-size:16px;line-height:1.5;color:var(--sub-white);text-shadow:var(--sub-text-shadow)}@media screen and (max-width: 767px){.subscription-card-frame__flag{top:-16px;gap:8px;padding:5px 12px;font-size:13px}}.subscription-card-frame__flag-icon{flex-shrink:0;width:20.487px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))}@media screen and (max-width: 767px){.subscription-card-frame__flag-icon{width:16.75px;height:18px}}.subscription-card{overflow:hidden;border:2px solid var(--sub-card-border);border-radius:36px;background:var(--sub-card-bg);box-shadow:var(--sub-card-shadow);transition:border-color .3s var(--sub-ease)}.subscription-card--featured{background:var(--sub-card-bg-strong)}.subscription-card__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.subscription-card__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:32px;border-bottom:1px solid var(--sub-card-border);background:var(--sub-grey-100)}@media screen and (max-width: 767px){.subscription-card__head{padding:20px}}.subscription-card__name{font-family:var(--sub-font-inter);font-weight:700;font-size:42px;line-height:1.2;letter-spacing:-.84px;color:var(--sub-grey-800)}@media screen and (max-width: 767px){.subscription-card__name{font-size:32px;letter-spacing:-.64px}}.subscription-card__body{display:flex;flex-direction:column;gap:48px;padding-top:40px;padding-bottom:64px}@media screen and (max-width: 767px){.subscription-card__body{gap:32px;padding-top:28px;padding-bottom:40px}}.subscription-card__top{padding-bottom:40px;border-bottom:1px solid var(--sub-blue-100)}@media screen and (max-width: 767px){.subscription-card__top{padding-bottom:28px}}.subscription-card__top-inner{display:flex;flex-direction:column;gap:48px;padding-inline:32px}@media screen and (max-width: 767px){.subscription-card__top-inner{gap:32px;padding-inline:20px}}.subscription-card__price-group{display:flex;flex-direction:column;gap:20px}.subscription-card__price-stack{display:flex;flex-direction:column;gap:12px}.subscription-card__price-row{display:flex;align-items:flex-end;gap:8px}.subscription-card__price{font-family:var(--sub-font-inter);font-weight:700;font-size:62px;line-height:1.15;letter-spacing:-1.86px;color:var(--sub-grey-800)}@media screen and (max-width: 767px){.subscription-card__price{font-size:44px;letter-spacing:-1.32px}}.subscription-card__price-unit,.subscription-card__price-per-seat{font-family:var(--sub-font-inter);font-weight:400;font-size:16px;line-height:1.5;color:var(--sub-black)}@media screen and (max-width: 767px){.subscription-card__price-unit,.subscription-card__price-per-seat{font-size:14px}}.subscription-card__cta-group{display:flex;flex-direction:column;gap:20px}.subscription-card__cta{width:100%}.subscription-card__cta-note{width:100%;font-family:var(--sub-font-inter);font-weight:500;font-size:16px;line-height:1.5;color:var(--sub-grey-800);text-align:center}@media screen and (max-width: 767px){.subscription-card__cta-note{font-size:14px}}.subscription-card__features{display:flex;flex-direction:column;gap:40px;padding-inline:32px}@media screen and (max-width: 767px){.subscription-card__features{gap:24px;padding-inline:20px}}.subscription-card__features-intro{font-family:var(--sub-font-inter);font-weight:400;font-size:18px;line-height:1.5;color:var(--sub-black)}@media screen and (max-width: 767px){.subscription-card__features-intro{font-size:15px}}.subscription-card__features-list{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 767px){.subscription-card__features-list{gap:20px}}.subscription-card-frame:has(.subscription-card__input){display:block}.subscription-card-frame:has(.subscription-card__input) .subscription-picked{display:none}.subscription-card-frame:has(.subscription-card__input):has(.subscription-card__input:checked) .subscription-btn{display:none}.subscription-card-frame:has(.subscription-card__input):has(.subscription-card__input:checked) .subscription-picked{display:inline-flex}.subscription-card-frame:has(.subscription-card__input):has(.subscription-card__input:focus-visible){outline:3px solid var(--sub-green-accent);outline-offset:4px}.subscription-card-frame--picked,.subscription-card-frame:has(.subscription-card__input:checked){transform:translateY(-10px)}.subscription-card-frame--picked .subscription-card,.subscription-card-frame:has(.subscription-card__input:checked) .subscription-card{border-color:var(--sub-blue-600)}.subscription-reveal{opacity:0}.subscription-reveal.is-revealed{animation:subscription-card-in .6s var(--sub-ease) both;animation-delay:var(--sub-reveal-delay, 0ms)}.subscription-btn{animation:subscription-btn-in .3s var(--sub-ease) both}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:32px;padding-top:24px}@media (width < 1700px){.subscription-grid{zoom:.7;max-width:1400px;margin-inline:auto}}.subscription-grid>*{animation:subscription-card-in .6s var(--sub-ease) both}.subscription-grid>*:nth-child(1){animation-delay:0ms}.subscription-grid>*:nth-child(2){animation-delay:90ms}.subscription-grid>*:nth-child(3){animation-delay:.18s}.subscription-grid>*:nth-child(4){animation-delay:.27s}.subscription-grid>*:nth-child(n+5){animation-delay:.36s}@media (prefers-reduced-motion: reduce){.subscription-grid>*,.subscription-btn,.subscription-picked,.subscription-reveal.is-revealed,.subscription-card-frame:hover .subscription-card-frame__flag{animation:none}.subscription-reveal{opacity:1}.subscription-card-frame,.subscription-card-frame:hover,.subscription-card-frame:active,.subscription-card-frame--picked,.subscription-card-frame:has(.subscription-card__input:checked){transform:none;transition:none}}
