/* 21st.dev Pricing Card by efferd (#5115): inset headers, plan badges, price and feature lists. */
.pricing-section{padding:78px 0 62px;border-block:1px solid #dfe8e9;background:linear-gradient(135deg,#f5f8f8,#edf3f3)}
.pricing-section .section-intro{max-width:425px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:42px}
.pricing-card{display:flex;flex-direction:column;min-width:0;padding:7px;border:1px solid #d7e2e5;border-radius:19px;background:#ffffffc9;box-shadow:0 5px 14px #173b4804,0 15px 35px #173b4805;transition:border-color .2s,box-shadow .2s}
.pricing-card:hover{border-color:#9ab9bd;box-shadow:0 15px 35px #173b480c}.pricing-card-header{position:relative;padding:26px 24px 24px;background:linear-gradient(160deg,#f8fbfb,#eaf1f2);border:1px solid #dfe8ea;border-radius:13px}
.pricing-plan-line{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:27px;margin-bottom:22px}.pricing-stage{display:flex;align-items:center;gap:10px;font-size:.6875rem;letter-spacing:.08em;font-weight:700;color:#527481;line-height:1.6}.pricing-stage>span{font-size:.75rem;letter-spacing:0;color:#8aa5af}
.pricing-badge{padding:4px 9px;border:1px solid #89b5b850;border-radius:100px;white-space:nowrap;font-size:.6875rem;font-weight:600;line-height:1.6}
.pricing-card h3{font-size:1.43rem;line-height:1.35;letter-spacing:-.035em;font-weight:650;color:#163845}.pricing-description{min-height:5.25em;max-width:295px;margin-top:13px;font-size:.9375rem;line-height:1.75;color:#566f7c}
.pricing-price{display:flex;align-items:baseline;gap:9px;white-space:nowrap;margin-top:23px}.pricing-price>span{font-size:.8rem;font-weight:650;letter-spacing:.04em;color:#5b7a87}.pricing-price>strong{font-size:clamp(2.2rem,3.15vw,3.2rem);letter-spacing:-.065em;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums;color:#163845}
.pricing-period{font-size:.75rem;line-height:1.75;color:#66818c;margin-top:8px}.pricing-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:12px 15px;margin-top:24px;border:1px solid #c8d9de;border-radius:7px;background:#fff;color:#234e5d;font-size:.875rem;line-height:1.5;font-weight:650;transition:background .2s,border-color .2s}.pricing-cta svg{width:18px;height:18px;flex-shrink:0}.pricing-cta:hover{background:#e3eff0;border-color:#9fbfc5}.pricing-cta:focus-visible{outline:3px solid #357e85;outline-offset:4px}
.pricing-card-body{padding:25px 24px 27px}.pricing-includes{font-size:.75rem;font-weight:700;letter-spacing:.025em;color:#3a6373}.pricing-card-body ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:16px}.pricing-card-body li{display:flex;align-items:flex-start;gap:11px;font-size:.875rem;line-height:1.65;color:#466371}.pricing-card-body li svg{width:18px;height:18px;margin-top:2px;flex-shrink:0;color:#528990}
.pricing-card--featured{background:#153744;border-color:#153744;box-shadow:0 14px 40px #163a491a}.pricing-card--featured:hover{border-color:#568c95;box-shadow:0 18px 45px #163a4928}.pricing-card--featured .pricing-card-header{border-color:#ffffff14;background:linear-gradient(145deg,#275360,#193d4b)}.pricing-card--featured h3,.pricing-card--featured .pricing-price>strong{color:#fff}.pricing-card--featured .pricing-stage,.pricing-card--featured .pricing-badge{color:#c7e1e0}.pricing-card--featured .pricing-stage>span{color:#91b9bf}.pricing-card--featured .pricing-description{color:#c3d6dd}.pricing-card--featured .pricing-price>span,.pricing-card--featured .pricing-period{color:#accad3}.pricing-card--featured .pricing-cta{background:#d8eeee;border-color:#d8eeee;color:#19414c}.pricing-card--featured .pricing-cta:hover{background:#f0fbfa;border-color:#f0fbfa}.pricing-card--featured .pricing-cta:focus-visible{outline-color:#b5e4e2}.pricing-card--featured .pricing-includes{color:#d9e9ed}.pricing-card--featured li{color:#c8dce2}.pricing-card--featured li svg{color:#83b6b9}
.pricing-note{display:flex;align-items:flex-start;gap:17px;max-width:920px;margin:29px auto 0;padding:21px 25px;border:1px solid #d6e3e5;border-radius:11px;background:#ffffff80}.pricing-note-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#e4efef;color:#447c84;border-radius:50%}.pricing-note-icon svg{width:18px;height:18px;transform:rotate(-45deg)}.pricing-note p{font-size:.9375rem;font-weight:650;color:#2f5869;line-height:1.6}.pricing-note span{display:block;margin-top:5px;font-size:.8125rem;line-height:1.85;color:#607d88}
html[lang=zh-Hans] .pricing-card h3{letter-spacing:0;font-size:1.35rem;line-height:1.6}html[lang=zh-Hans] .pricing-description{line-height:1.85;min-height:5.55em}html[lang=zh-Hans] .pricing-card-body li{line-height:1.85}
@media(max-width:1100px){.pricing-grid{gap:14px}.pricing-card-header{padding:23px 18px 21px}.pricing-card-body{padding:23px 18px}.pricing-plan-line{flex-wrap:wrap;align-content:flex-start;min-height:50px;gap:6px}.pricing-card h3{font-size:1.2rem;min-height:2.7em}.pricing-description{font-size:.875rem;min-height:7em}.pricing-stage{font-size:.625rem;letter-spacing:.05em}.pricing-price>strong{font-size:2.55rem}.pricing-cta{font-size:.8125rem;padding-inline:12px}.pricing-card-body li{font-size:.8125rem}html[lang=zh-Hans] .pricing-card h3{min-height:1.6em;font-size:1.2rem}html[lang=zh-Hans] .pricing-description{min-height:7.4em}}
@media(max-width:760px){.pricing-section{padding:51px 0 43px}.pricing-grid{grid-template-columns:1fr;gap:19px;margin-top:30px}.pricing-card{max-width:520px;width:100%;margin-inline:auto}.pricing-card-header{padding:25px}.pricing-plan-line{min-height:27px;margin-bottom:19px;align-items:center}.pricing-stage{font-size:.6875rem;letter-spacing:.08em}.pricing-card h3,html[lang=zh-Hans] .pricing-card h3{font-size:1.5rem;min-height:0}.pricing-description,html[lang=zh-Hans] .pricing-description{font-size:.9375rem;min-height:0;max-width:none}.pricing-price{margin-top:23px}.pricing-price>strong{font-size:3rem}.pricing-cta{font-size:.9375rem;min-height:51px;padding-inline:17px}.pricing-card-body{padding:25px}.pricing-card-body li{font-size:.9375rem}.pricing-note{gap:12px;padding:19px 17px;margin-top:23px}.pricing-note-icon{width:29px;height:29px}.pricing-note p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.pricing-card,.pricing-cta{transition:none}}