.web-membership{display:flex;align-items:center;gap:30px;padding:36px 38px;margin-top:32px;background:#edf2ff;border:1px solid #dce5ff;border-radius:22px;max-width:950px}.web-membership-icon{display:grid;place-items:center;width:62px;height:62px;background:#2347d8;color:white;border-radius:18px;font-size:28px;flex-shrink:0}.web-membership>div{flex:1}.web-membership .badge{font-size:10px;line-height:1.5;padding:0;background:none;margin-bottom:10px}.web-membership h2{font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-.7px;margin-bottom:12px}.web-membership p{font-size:13px;color:#6b778a;line-height:1.8;max-width:440px}.web-membership>.button{flex-shrink:0;font-size:12px;padding:13px 18px}@media(max-width:900px){.web-membership{flex-wrap:wrap;gap:20px;padding:28px}.web-membership>div{min-width:240px}.web-membership>.button{margin-left:82px}}@media(max-width:600px){.web-membership{padding:26px;display:block}.web-membership-icon{width:45px;height:45px;font-size:22px;border-radius:13px;margin-bottom:22px}.web-membership>div{min-width:0}.web-membership h2{font-size:24px}.web-membership>.button{margin:23px 0 0}}
.pricing-page .price-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; gap: 22px; }
.pricing-page .price-card { padding: 32px; min-width: 0; }
.pricing-page .price-card h2 { font-size: 26px; }
.pricing-page .price-card > p { font-size: 15px; line-height: 1.8; }
.pricing-page .price-card .price { font-size: 54px; }
.pricing-page .price-card li { font-size: 14px; line-height: 1.7; text-wrap: pretty; }
.pricing-page .price-card .button { font-size: 13px; }
.price-card .plan-caption { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: .8px; color: #6b778a; margin-bottom: 19px; }
.price-featured .plan-caption { color: #d7e2ff; }
.price-planned { background: #f2f5fb; border-color: #dae3f2; }
.price-card .price.price-pending { font-size: 34px; letter-spacing: -1px; margin-bottom: 26px; }
.price-pending small { display: block; font-size: 12px; margin-top: 6px; }
.price-planned .button { border: 1px solid #cdd8ee; color: #2347d8; background: #fff; }
.pricing-page .web-membership { max-width: none; }
.pricing-page .web-membership p { max-width: none; font-size: 14px; }
.family-plan-note { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 36px; margin-top: 32px; border: 1px solid #dce5f2; background: #fafcff; border-radius: 22px; scroll-margin-top: 100px; }
.family-plan-note h2 { font-size: 29px; letter-spacing: -.8px; line-height: 1.3; margin: 14px 0; }
.family-plan-note p { font-size: 14px; line-height: 1.9; color: #6b778a; }
.family-plan-note ul { margin: 0; padding-left: 18px; color: #49617f; font-size: 14px; line-height: 1.9; }
.family-plan-note li { margin-bottom: 9px; }
.family-plan-note .badge { font-size: 11px; }
@media (max-width: 1050px) { .pricing-page .price-card { padding: 25px; } .pricing-page .price-card h2 { font-size: 23px; } .pricing-page .price-card .price { font-size: 47px; } .pricing-page .price-card .price.price-pending { font-size: 28px; } }
@media (max-width: 900px) { .pricing-page .price-grid { grid-template-columns: 1fr; max-width: 650px; } .pricing-page .price-card { padding: 32px; } .family-plan-note { grid-template-columns: 1fr; gap: 23px; padding: 28px; } }