.plan-period{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:20px 0}.plan-period-label{color:var(--text-2);font-size:13px}.plan-period-buttons{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border);border-radius:24px;background:var(--surface-2)}.plan-period-buttons button{border:1px solid transparent;border-radius:20px;padding:9px 14px;min-height:40px;background:transparent;color:var(--text-2);font:inherit;font-size:13px;cursor:pointer}.plan-period-buttons button[aria-pressed=true]{background:var(--surface);border-color:var(--primary);color:var(--text)}.plan-period-buttons button span{color:var(--primary-ink);margin-left:5px;font-weight:600}.plan-period-buttons button:focus-visible,.plan-volume select:focus-visible{outline:2px solid var(--focus-ring, var(--primary));outline-offset:3px}.plan-volume{display:grid;gap:8px;margin-top:16px;min-width:0;font-size:13px;color:var(--text-2)}.plan-volume-field{display:flex;align-items:center;position:relative;min-width:0}.plan-volume select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;min-height:44px;padding:10px 30px 10px 12px;border:1px solid var(--field-border, var(--border));border-radius:var(--r-input, 10px);background:var(--surface);color:var(--text);font:inherit;font-weight:600;text-overflow:ellipsis;cursor:pointer}.plan-volume select:hover{border-color:var(--primary)}.plan-volume svg{position:absolute;right:10px;pointer-events:none}.plan-payment-note{display:grid;align-content:start;gap:4px;min-height:3.5em;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}.plan-payment-note strong{color:var(--text-2);font-weight:600}@media (max-width: 480px){.plan-period-buttons{border-radius:14px}.plan-period-buttons button{flex:1 0 auto;border-radius:10px}}@media (max-width: 720px){.plan-volume select{font-size:16px}.plan-period-buttons button{min-height:44px}}.plan-benefits{display:grid;gap:18px;padding-block:20px;text-align:left}.plan-benefit-group{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.plan-benefit-group h4{margin:0 0 12px;font-size:.75rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.plan-benefit-group ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.plan-benefit-group li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;color:var(--text)}.plan-benefit-group li>svg{flex:0 0 15px;margin-top:3px;color:var(--primary)}.plan-audience{color:var(--muted);font-size:.875rem;line-height:1.5;min-height:3em;margin:8px 0 20px}.ladder-card>.plan-benefits{padding:0 var(--space-lg) var(--space-lg)}.plan-shared{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-top:16px}.plan-shared-group{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);min-width:0}.plan-shared-group h4{margin:0 0 8px;font-size:.6875rem;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2)}.plan-shared-group ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.plan-shared-group--team ul,.plan-shared-group--pro ul{grid-template-columns:1fr}.plan-shared-side{display:grid;gap:10px;align-content:start;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.plan-shared-side>.plan-shared-group{padding:0;border:0;border-radius:0;background:none}.plan-shared-side>.plan-shared-group+.plan-shared-group{padding-top:10px;border-top:1px solid var(--border)}.plan-shared-group li{display:flex;align-items:flex-start;gap:7px;font-size:.8125rem;line-height:1.35;color:var(--text);min-width:0}.plan-shared-group li>svg{flex:0 0 14px;margin-top:2px;color:var(--primary)}@media (max-width: 900px){.plan-shared,.plan-shared-group ul{grid-template-columns:1fr}}