.pricing-page{color:#303336;background:radial-gradient(ellipse at 73% 30%,#dedad670,transparent 48%),radial-gradient(ellipse at 23% 58%,#cbd0d37d,transparent 48%),#e5e6e5;min-height:100svh}
.pricing-page .header.scrolled{background:#e5e6e5d6}
.pricing-main{width:min(1020px,86%);margin-inline:auto}
.pricing-intro{padding:155px 0 58px;text-align:center}
.pricing-intro .eyebrow{margin-bottom:22px;color:#81888d;letter-spacing:.13em;font-size:11px}
.pricing-intro h1{font-size:clamp(36px,4.65vw,60px);line-height:1.16;letter-spacing:-.055em;color:#777f86}
.pricing-intro h1 span{color:#343a40}
.pricing-intro>p{font-size:16px;color:#747c82;margin-top:20px;letter-spacing:-.01em}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:26px;scroll-margin-top:112px}
.plan{display:flex;flex-direction:column;min-width:0;padding:38px 38px 25px;border:1px solid #ffffffb3;border-radius:14px;box-shadow:0 24px 58px -38px #555c6340,0 1px 1px #fff8 inset;background:#f5f5f3b8}
.plan-individual{background:radial-gradient(ellipse at 84% 0%,#fff9,transparent 70%),linear-gradient(155deg,#f5f5f3e6,#eeeef0b3)}
.plan-teams{background:radial-gradient(ellipse at 85% 10%,#ddd9d750,transparent 72%),linear-gradient(145deg,#f5f5f3b8,#e4e8eabd)}
.plan-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}
.plan-heading h2{font-size:25px;letter-spacing:-.045em}
.plan-tag{border:1px solid #aeb6bd52;border-radius:999px;padding:6px 10px;color:#767f86;font-size:10px;white-space:nowrap;letter-spacing:.015em}
.plan-pricing{margin-top:35px;min-height:108px}
.plan-price{display:flex;gap:9px;align-items:baseline;line-height:1;letter-spacing:-.02em;color:#343a40}
.currency{font-size:18px;letter-spacing:-.02em;align-self:flex-start;margin-top:11px}
.amount{font-size:76px;letter-spacing:-.07em;font-weight:400}
.period{font-size:16px;color:#7b838a;margin-left:8px;letter-spacing:0}
.billing-note{font-size:12px;color:#92999f;margin-top:12px}
.custom-price{font-size:54px;letter-spacing:-.06em;padding-top:12px;min-height:76px}
.plan-description{font-size:16px;line-height:1.55;color:#798188;margin-top:14px;letter-spacing:-.018em}
.plan-features{padding:0;list-style:none;margin:31px 0 38px;display:grid;gap:23px}
.plan-features li{display:flex;align-items:center;gap:15px;font-size:14px;line-height:1.5;letter-spacing:-.008em;color:#535d65}
.feature-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;color:#727f88}
.feature-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.team-intro{padding:29px 0 30px;max-width:310px;flex:1}
.team-mark{width:47px;height:36px;fill:none;stroke:#939fa8;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;margin-bottom:13px}
.team-intro h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;color:#606b74;margin-bottom:13px}
.team-intro p{font-size:13px;line-height:1.75;color:#838d95}
.plan-action{margin-top:auto}
.plan-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:1px solid transparent;border-radius:999px;padding:15px 22px;font-size:16px;font-weight:500;line-height:1.25;transition:background .25s,box-shadow .25s,transform .25s}
.plan-button svg{width:23px;height:23px;fill:currentColor;flex-shrink:0}
.plan-button:focus-visible{border-radius:999px;outline:2px solid #657583;outline-offset:5px}
.plan-button.primary{background:#000;color:#fff;box-shadow:0 5px 14px -9px #30333677}
.plan-button.primary:hover{background:#222;transform:translateY(-2px)}
.plan-button.secondary{background:#d5d8da;color:#3c444b}
.plan-button.secondary:hover{background:#c9ced1;transform:translateY(-2px)}
.action-note{margin-top:13px;font-size:10px;text-align:center;color:#939ba1;letter-spacing:.015em}
.pricing-note{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin:38px 0 74px;color:#899299}
.pricing-note>svg{width:14px;height:14px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pricing-note p{font-size:11px;line-height:1.7}
.pricing-note p span{display:block;color:#a0a6ab}
@media(max-width:900px){.pricing-main{width:88%}.plan{padding:30px 26px 23px}.plans{gap:20px}.plan-heading h2{font-size:23px}.plan-tag{font-size:9px;padding:5px 8px}.plan-features li{font-size:13px;gap:11px}.plan-features{gap:21px}.pricing-intro{padding-top:140px;padding-bottom:48px}}
@media(max-width:650px){.pricing-main{width:88%;max-width:440px}.pricing-intro{padding:125px 0 38px}.pricing-intro h1{font-size:40px;line-height:1.12}.pricing-intro h1 span{display:block}.pricing-intro>p{font-size:13px;max-width:250px;margin:18px auto 0}.plans{grid-template-columns:1fr;gap:22px;scroll-margin-top:90px}.plan{padding:28px 28px 24px;border-radius:13px}.plan-heading h2{font-size:25px}.plan-tag{font-size:10px}.plan-pricing{margin-top:30px}.amount{font-size:72px}.custom-price{font-size:52px}.plan-description{margin-top:10px;font-size:16px}.plan-features{gap:23px;margin-block:28px 35px}.plan-features li{font-size:14px;gap:13px}.team-intro{padding-block:28px 33px}.team-intro p{font-size:14px}.pricing-note{margin:30px 0 55px}.plan-button{min-height:54px}.action-note{font-size:10px}}
@media(max-width:360px){.plan{padding-inline:22px}.plan-tag{font-size:9px}.plan-heading h2{font-size:23px}.pricing-intro h1{font-size:35px}}

.plan-button:disabled{opacity:1;cursor:default}.plan-button:disabled:hover{transform:none}

.billing-switch{position:relative;isolation:isolate;display:flex;flex-shrink:0;gap:2px;padding:3px;border:1px solid #b7bec34d;border-radius:999px;background:#dfe3e46b}
.billing-switch-indicator{position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc((100% - 8px)/2);border-radius:999px;background:#fafaf8;box-shadow:0 1px 4px #68758026;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.billing-switch[data-period="annual"] .billing-switch-indicator{transform:translateX(calc(100% + 2px))}
.billing-switch button{min-width:65px;padding:8px 10px;border:0;border-radius:999px;background:transparent;color:#81898f;font:inherit;font-size:11px;line-height:1.2;cursor:pointer;transition:color .2s}
.billing-switch button[aria-pressed="true"]{color:#353e45}
.billing-switch button:focus-visible{outline:2px solid #687b89;outline-offset:3px}
.plan-individual .billing-note{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:19px}
.annual-savings{padding:3px 7px;border-radius:999px;background:#dbe4df9c;color:#62766a;font-size:10px;white-space:nowrap}
.annual-savings[hidden]{display:none}
.amount{font-variant-numeric:tabular-nums}
@media(max-width:360px){.billing-switch button{min-width:58px;padding-inline:7px;font-size:10px}.plan-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){.billing-switch-indicator{transition:none}}