.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px}
.plan-card{border:1px solid var(--border);border-radius:16px;padding:30px;background:#fff;display:flex;flex-direction:column;min-width:0}
.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.plan-symbol{width:43px;height:43px;display:grid;place-items:center;background:#edf4f6;color:#3e6478;border-radius:12px}
.plan-card .tag{font-size:.625rem;letter-spacing:1.2px;font-weight:700;padding:7px 10px}
.plan-card h2{font-size:25px;margin-bottom:9px}
.plan-card>p{font-size:.875rem;color:var(--muted);line-height:1.75;max-width:360px;margin:0;min-height:50px}
.plan-price{display:flex;align-items:baseline;gap:11px;padding:27px 0 25px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.plan-price strong{font-family:Manrope,Arial,sans-serif;font-size:44px;font-weight:800;letter-spacing:-1.7px;line-height:1.2}
.plan-price span{font-size:.875rem;color:var(--muted)}
.plan-features{list-style:none;padding:23px 0;margin:0;display:grid;gap:16px;flex:1}
.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.6}
.plan-features svg{width:17px;height:17px;color:var(--teal);margin-top:3px;flex-shrink:0}
.plan-card .button{width:100%;font-size:.875rem;padding:13px;min-height:48px}
.plan-foot{font-size:.75rem;line-height:1.65;color:var(--muted);margin-top:13px;text-align:center}
.paid-plan{background:var(--navy);color:#fff;border-color:var(--navy)}
.paid-plan .plan-symbol{background:#243f54;color:var(--mint)}
.paid-plan .tag{background:#243f54;color:#a1e8df}
.paid-plan>p,.paid-plan .plan-price span,.paid-plan .plan-foot{color:#b8c9dc}
.paid-plan .plan-price{border-color:#344761}
.paid-plan .plan-features svg{color:var(--mint)}
.paid-plan .button{background:var(--mint);border-color:var(--mint);color:#103b36}
.paid-plan .button:hover{background:#85eee0;border-color:#85eee0}
.directory-lock{display:flex;align-items:center;gap:16px;border:1px solid #d6e6e9;background:#eaf3f5;border-radius:12px;padding:20px 24px;margin-bottom:24px;max-width:1200px}
.directory-lock strong{font-size:.875rem}
.directory-lock p{margin:6px 0 0;font-size:.875rem;line-height:1.65;color:#547083}
.subscription-details{border:1px solid var(--border);background:#fff;border-radius:12px;padding:24px;margin-top:24px;max-width:1200px}
.subscription-details h3{font-size:16px;margin:0 0 10px}
.subscription-details p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0;max-width:850px}
.subscription-active{background:#e5f5ef;border:1px solid #c5e5d8;border-radius:11px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;max-width:1200px}
.subscription-active strong{font-size:.875rem;margin-left:9px;color:#1c6c56}
.subscription-active p{font-size:.875rem;line-height:1.7;color:#487463;margin:7px 0 0}
.subscription-active svg{color:var(--teal)}
.subscription-active .button{flex-shrink:0;font-size:.75rem}
.gate-price{background:#f1f7f7;border-radius:10px;padding:22px}
.gate-price .eyebrow{display:block;font-size:.625rem;margin-bottom:12px}
.gate-price strong{font-family:Manrope,Arial,sans-serif;font-size:42px;letter-spacing:-1px;margin-right:12px}
.gate-price span{font-size:.875rem;color:var(--muted)}
.free-profile-banner{display:flex;align-items:center;gap:14px;background:#e6f5ef;border:1px solid #c9e7db;border-radius:11px;padding:19px 21px;margin-bottom:18px;color:#28664f}
.free-profile-banner>svg{width:26px;height:26px;flex-shrink:0}
.free-profile-banner strong{font-size:.875rem}
.free-profile-banner p{font-size:.875rem;line-height:1.6;margin:5px 0 0}
.free-profile-banner .tag{margin-left:auto;flex-shrink:0;font-size:1rem}
.sidebar-plan{display:block;margin:12px 0;font-size:.875rem;color:#fff;font-weight:600}
.sidebar-plan.paid{color:var(--mint)}
.card-meta strong{overflow-wrap:anywhere}
.profile-facts strong{font-size:.875rem}
@media(max-width:1000px){.plans-grid{gap:16px}.plan-card{padding:23px}.plan-card h2{font-size:21px}.plan-card .tag{font-size:.5625rem;padding:5px 7px}.plan-card-top{gap:8px}.plan-price strong{font-size:38px}.subscription-active{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.plans-grid{grid-template-columns:1fr}.plan-card{padding:26px}.plan-card>p{min-height:0}.plan-card h2{font-size:24px}.plan-card .tag{font-size:.625rem}.directory-lock{padding:17px;gap:12px}.directory-lock .strip-icon{display:none}.subscription-details{padding:20px}.subscription-active{padding:18px}.subscription-active strong{margin-left:4px}.free-profile-banner{padding:16px;align-items:flex-start}.free-profile-banner .tag{display:none}.plan-features{gap:14px}.plan-price strong{font-size:42px}.card-meta{grid-template-columns:1fr 1fr}.profile-facts>div:last-child{grid-column:1/-1}}

.essential-plan{border-color:#8fc9c0;background:#f4fbf9}.essential-plan .plan-symbol{background:#dcefea;color:#28664f}.essential-plan .tag{color:#28664f;background:#dcefea}.gate-price .gate-pro-price{font-size:24px}.subscription-details p+p{margin-top:14px}
.avatar{overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.photo-editor{display:flex;gap:24px;align-items:center;padding:23px;border:1px solid var(--border);background:#f8fafb;border-radius:12px;margin:24px 0 30px}.photo-editor h3{margin:0 0 8px}.photo-editor p{font-size:.875rem;color:var(--muted);line-height:1.7;margin:0 0 8px}.photo-editor small{font-size:.75rem;color:var(--muted)}.photo-editor .avatar{width:112px;height:112px;font-size:32px;flex-shrink:0}.photo-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.photo-actions .button{font-size:.8125rem}.photo-editor #photo-error{color:#a53a3a;margin-top:10px}.photo-editor #photo-status{margin:10px 0 0}.photo-editor .photo-actions [hidden]{display:none}
@media(min-width:1001px){.plan-card{padding:25px}.plan-card-top{gap:8px}.plan-card .tag{font-size:.5625rem;padding:6px 7px}.plan-card h2{font-size:23px}.plan-price strong{font-size:40px}.plan-card .button{font-size:.8125rem}}
@media(max-width:1000px){.plans-grid{grid-template-columns:1fr;max-width:640px}.plan-card>p{min-height:0}.photo-editor{align-items:flex-start}}
@media(max-width:760px){.photo-editor{flex-direction:column;gap:18px;padding:20px}.photo-editor .avatar{width:100px;height:100px}}