.subscription-strip,.subscription-account{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--surface,#f0f6ff);border:1px solid #8eaff150;border-radius:16px;margin-bottom:24px;font-size:13px}.subscription-strip[hidden],.subscription-account[hidden]{display:none}.subscription-strip .text-button,.subscription-account .text-button{white-space:nowrap}.subscription-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;background:linear-gradient(120deg,#1235a5,#1761d1);color:#fff;padding:36px;border-radius:26px;margin:24px 0}.subscription-hero h2{font-size:clamp(32px,5vw,54px);margin:12px 0;letter-spacing:-.04em;color:#fff}.subscription-hero p{max-width:530px;color:#e2ecff;line-height:1.7}.subscription-hero .eyebrow{color:#bacfff}.subscription-summary{border:1px solid #ffffff38;background:#ffffff0e;padding:24px;border-radius:20px;display:grid;gap:18px}.subscription-summary span{font-size:11px;letter-spacing:.14em}.subscription-summary strong{font-size:22px}.subscription-plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}.subscription-plan{padding:30px;border:1px solid #7398d75c;border-radius:24px;background:var(--surface,#fff);display:flex;flex-direction:column;align-items:flex-start}.subscription-plan.is-pro{border:2px solid #4077ef;box-shadow:0 16px 40px #2356c010}.subscription-plan h2{font-size:34px;margin:10px 0}.subscription-plan p{line-height:1.7}.subscription-plan ul{list-style:none;padding:0;margin:24px 0 30px;flex:1;width:100%}.subscription-plan li{padding:12px 0;border-bottom:1px solid #7398d726;font-size:14px}.subscription-plan li:before{content:'✓';color:#487fef;font-weight:800;margin-right:12px}.subscription-plan button{width:100%;min-height:46px}.subscription-note{margin-top:24px;padding:26px;border:1px solid #7398d74a;border-radius:20px}.subscription-note h2{font-size:20px}.subscription-note p{max-width:880px;line-height:1.7;font-size:14px}.subscription-notice:empty{display:none}.subscription-notice{padding:16px 20px;border-left:4px solid #467cf0;background:#467cf011;border-radius:6px}.subscription-rows{display:grid;gap:12px}.subscription-user{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;border:1px solid #7398d747;border-radius:18px;padding:22px;background:var(--surface,#fff)}.subscription-user strong,.subscription-user small{display:block;overflow-wrap:anywhere}.subscription-user small{margin-top:6px}.subscription-user-state{display:grid;gap:5px}.subscription-form{display:grid;gap:18px}.subscription-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.subscription-form :is(input,select,textarea){width:100%;max-width:100%;padding:12px;border:1px solid #7398d777;border-radius:10px;background:var(--surface,#fff);color:inherit}.subscription-audit{list-style:none;padding:0}.subscription-audit li{border-bottom:1px solid #7398d735;padding:14px 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.subscription-dialog{max-width:660px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}.subscription-dialog .admin-detail-body{overflow:visible}.subscription-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px}.subscription-dialog-head h2{margin:0;font-size:23px}.subscription-search{display:flex;align-items:end;gap:16px;margin-bottom:24px}.subscription-search label{display:grid;gap:8px;flex:1}.subscription-search input{width:100%;padding:12px;border:1px solid #7398d777;border-radius:10px;background:var(--surface,#fff);color:inherit}html[data-theme='dark'] .subscription-plan,html[data-theme='dark'] .subscription-user,html[data-theme='dark'] .subscription-strip,html[data-theme='dark'] .subscription-account{background:#101e38}html[data-theme='dark'] .subscription-form :is(input,select,textarea),html[data-theme='dark'] .subscription-search input{background:#101e38}@media(max-width:640px){.subscription-hero,.subscription-plans{grid-template-columns:1fr}.subscription-hero{padding:24px;gap:20px}.subscription-plan{padding:24px}.subscription-strip,.subscription-account{align-items:flex-start;flex-direction:column;gap:6px}.subscription-user{padding:18px}.subscription-search{flex-wrap:wrap}.subscription-search label{min-width:200px}}

/* Plan discovery: keep examples readable, prices explicit and actions distinct. */
.subscription-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.subscription-plan{padding:26px;min-width:0}
.subscription-plan>.eyebrow{font-size:10px;min-height:28px;letter-spacing:.1em}
.subscription-plan>p:not(.eyebrow){min-height:72px;font-size:14px;margin-bottom:18px}
.subscription-plan.is-free{background:var(--bg,#f5f8fc)}
.subscription-price{display:flex;flex-direction:column;gap:4px;min-height:80px}
.subscription-price strong{font-size:46px;letter-spacing:-.06em;line-height:1.1}
.subscription-price span{font-size:12px;color:var(--muted,#59677f)}
.subscription-plan li{line-height:1.6;font-size:13px;padding:10px 0}
.subscription-plan li:before{margin-right:7px}
.subscription-plan button{line-height:1.45}
.subscription-plan button:disabled{opacity:.65;cursor:default}
.subscription-section-heading{margin:32px 0 20px}
.subscription-section-heading h2,.feature-explorer>h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.035em;margin:8px 0}
.subscription-section-heading p,.subscription-fair-use{font-size:13px;line-height:1.7}
.subscription-fair-use{padding:16px 0;color:var(--muted,#59677f)}
.feature-explorer{margin:44px 0;scroll-margin-top:24px}
.feature-explorer>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:660px}
.feature-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.feature-preview-card{padding:24px;border:1px solid #7398d74a;border-radius:20px;background:var(--surface,#fff);display:flex;flex-direction:column;align-items:flex-start}
.feature-plan-label{font-size:10px;font-weight:750;letter-spacing:.1em;color:#2255ae;background:#387bf010;padding:6px 9px;border-radius:6px}
.feature-preview-card h3{font-size:19px;line-height:1.35;letter-spacing:-.02em;margin:18px 0 12px}
.feature-preview-card p{font-size:14px;line-height:1.7;flex:1;margin:0 0 24px}
.feature-preview-card button{min-height:44px;text-align:left}
.feature-preview-dialog{padding:0;border:1px solid #7398d761;border-radius:24px;width:min(660px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:var(--surface,#fff);color:var(--text,#14284b);box-shadow:0 32px 100px #051b4540}
.feature-preview-dialog::backdrop{background:#051b4590;backdrop-filter:blur(4px)}
.feature-preview-header{display:flex;align-items:flex-start;gap:20px;padding:24px 28px;border-bottom:1px solid #7398d735;position:sticky;top:0;background:var(--surface,#fff);z-index:1}
.feature-preview-header h2{flex:1;font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:4px 0}
.preview-close{min-height:44px;flex-shrink:0}
.feature-preview-body{padding:24px 28px}
.preview-label{font-size:12px;font-weight:700;color:#2255ae;margin:0 0 16px}
.preview-benefit,.feature-preview-body>p{font-size:15px;line-height:1.7}
.feature-sample{background:#387bf008;border:1px solid #7398d74a;border-radius:16px;padding:22px;margin:24px 0}
.feature-sample-row{border-left:3px solid #487fef;padding:0 0 0 14px;margin:20px 0}
.feature-sample-row strong{font-size:12px;color:#2255ae}
.feature-sample-row p{font-size:15px;line-height:1.7;margin:6px 0}
.feature-sample small{display:block;font-size:12px;line-height:1.65;color:var(--muted,#59677f)}
.feature-inclusions{padding-left:22px;line-height:1.8;font-size:14px}
.feature-preview-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.feature-preview-actions button{min-height:46px}
.feature-preview-body .muted{font-size:12px;margin-top:20px}
.request-price{font-size:26px!important;font-weight:750;letter-spacing:-.03em}
.subscription-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.allowance-card,.subscription-pending{border:1px solid #7398d74a;background:var(--surface,#fff);border-radius:20px;padding:24px}
.allowance-card h3{font-size:15px;margin:0 0 16px}.allowance-card strong{font-size:26px;letter-spacing:-.03em}.allowance-card p{font-size:13px}
.allowance-card progress{display:block;width:100%;height:9px;accent-color:#386fe5;margin-top:20px}
.subscription-usage>.muted{font-size:12px;line-height:1.7;margin-top:16px}
.subscription-pending{margin-top:20px}.subscription-pending h3{margin-top:0}.subscription-pending p{font-size:14px;line-height:1.7}.subscription-pending button{min-height:44px}
.subscription-note details{border-top:1px solid #7398d735;padding:18px 0}.subscription-note summary{cursor:pointer;font-size:15px;font-weight:650;line-height:1.6}.subscription-note details p{margin-bottom:0}
.subscription-strip button{min-height:44px}
html[data-theme='dark'] :is(.feature-preview-card,.feature-preview-dialog,.feature-preview-header,.allowance-card,.subscription-pending){background:#101e38;color:#e3ecff}
html[data-theme='dark'] :is(.feature-plan-label,.preview-label,.feature-sample-row strong){color:#9cbeff}
html[data-theme='dark'] .subscription-price span,html[data-theme='dark'] .feature-sample small{color:#afbed7}
@media(max-width:1100px){.subscription-plans{grid-template-columns:1fr 1fr}.subscription-plan.is-free{grid-column:1/-1}.subscription-plan.is-free>p:not(.eyebrow){min-height:0}.subscription-plan.is-free .subscription-price{min-height:0}.subscription-plan.is-free ul{margin:14px 0 20px}.feature-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.subscription-plans,.feature-preview-grid,.subscription-usage-grid{grid-template-columns:1fr}.subscription-plan>p:not(.eyebrow){min-height:0}.subscription-plan.is-free{grid-column:auto}.feature-preview-header,.feature-preview-body{padding:20px}.feature-preview-header h2{font-size:21px}.feature-preview-actions{flex-direction:column}.feature-preview-actions button{width:100%}.feature-sample{padding:18px}.subscription-price strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){.feature-explorer{scroll-behavior:auto}}