.subscription-page{--sub-ink:#172047;--sub-muted:#636b80;--sub-purple:#6c2bc2;--sub-line:#e8e3ee;--sub-action:#c94b00;background-color:#fffbf6;background-image:radial-gradient(ellipse at 95% 15%,#ede0fa50,transparent 31%),radial-gradient(ellipse at 0 42%,#ffe7cd60,transparent 30%);background-size:auto;background-position:0 0;background-repeat:no-repeat;color:var(--sub-ink)}
.subscription-page .sub-icon{display:block;width:22px;height:22px;flex:none;stroke:currentColor}
.subscription-page [data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none}
.subscription-main{max-width:1120px;padding:40px 28px 72px;margin:0 auto;min-height:calc(100dvh - 190px)}
.sub-preview-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:9px 24px;background:#f2eaf9;color:#674689;font-size:12px;border-bottom:1px solid #e4d6f0}
.sub-preview-bar strong{font-weight:600}
.sub-preview-bar button{background:transparent;color:#6024ad;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;padding:3px 0}
.sub-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--sub-purple);font-size:12px;font-weight:600;line-height:1.6;margin-bottom:9px}
.sub-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#eb7a2f;box-shadow:0 0 0 4px #fff0e3}
.sub-title-dot{color:#e87527}
.sub-muted{color:var(--sub-muted);font-size:14px;line-height:1.9}
.sub-text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:3px 0;background:transparent;color:var(--sub-purple);font:inherit;font-size:13px;font-weight:600;text-decoration:none}
.sub-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.sub-primary,.sub-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:11px 20px;border-radius:11px;font:inherit;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.sub-primary{background:var(--sub-action);border:1px solid var(--sub-action);color:#fff;box-shadow:0 4px 10px #bd430012}
.sub-primary:hover{background:#b84100;border-color:#b84100;box-shadow:0 5px 14px #bd43001c}
.sub-secondary{background:#fff;border:1px solid #dcd1e8;color:#64329f;box-shadow:none}
.sub-secondary:hover{background:#f7f1fd;border-color:#bf9cde}
.sub-primary:disabled,.sub-secondary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.sub-full{width:100%}
.sub-primary .sub-icon,.sub-secondary .sub-icon{width:18px;height:18px}
.subscription-page button:focus-visible,.subscription-page a:focus-visible,.subscription-page input:focus-visible,.subscription-page select:focus-visible,.subscription-page textarea:focus-visible,.subscription-page summary:focus-visible{outline:3px solid #a16cd8;outline-offset:3px}
.subscription-page h1:focus,.subscription-page h2:focus{outline:none}
.sub-notice{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:13px 17px;border:1px solid #dcc9ef;border-radius:12px;color:#63399c;background:#f7f0ff;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.sub-notice.is-error,.sub-inline-error{color:#9b3f23;background:#fff1e8;border-color:#f1cbb3}
.sub-notice.is-success{background:#edf7f0;border-color:#cce6d4;color:#326746}
.sub-loading{display:flex;min-height:400px;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:var(--sub-muted);font-size:14px}
.sub-spinner{width:30px;height:30px;border-radius:50%;border:2px solid #e7d7f6;border-top-color:var(--sub-purple);animation:sub-spin .8s linear infinite}
.sub-auth{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:76px;max-width:1000px;margin:22px auto 30px}
.sub-auth-story h1{font-size:39px;letter-spacing:-.8px;line-height:1.55;font-weight:700;margin:6px 0 14px;color:#172047}
.sub-lead{font-size:15px;line-height:2.05;color:var(--sub-muted);max-width:400px}
.sub-story-points{display:grid;gap:22px;margin:32px 0}
.sub-story-points>div{display:flex;align-items:center;gap:14px}
.sub-point-icon{width:43px;height:43px;border-radius:12px;border:1px solid #e9deef;background:#fff9;color:#713aa9}
.sub-story-points>div:nth-child(2) .sub-point-icon{color:#bc5c1e;border-color:#f2dfcc;background:#fff7ed}
.sub-story-points h2{font-size:14px;line-height:1.7;font-weight:600;margin:0 0 2px}
.sub-story-points p{font-size:12px;line-height:1.9;color:var(--sub-muted)}
.sub-auth-card{padding:30px;border:1px solid #e9e1ed;border-radius:22px;background:#fff;box-shadow:0 12px 40px #37214308}
.sub-auth-steps{display:flex;align-items:center;gap:14px;padding-bottom:23px;margin-bottom:25px;border-bottom:1px solid #f0eaf4;color:#786c87;font-size:12px}
.sub-auth-steps>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
.sub-auth-steps b{font-size:12px;font-weight:500}
.sub-auth-steps>i{display:block;flex:1;height:1px;background:#e9e2f0}
.sub-auth-steps>.is-current{color:#6a2eb6;font-weight:700}
.sub-auth-steps>.is-current b{font-weight:600}
.sub-auth-steps>.is-complete{color:#737486}
.sub-auth-symbol{width:46px;height:46px;border:1px solid #dcece3;border-radius:13px;background:#eff8f2;color:#32774f;margin-bottom:14px}
.sub-auth-symbol .sub-icon{width:25px;height:25px}
.sub-auth-card h2{font-size:25px;font-weight:700;line-height:1.6;margin:0 0 4px;letter-spacing:-.5px}
.sub-auth-card form{margin-top:24px}
.sub-field-label{display:block;margin-bottom:9px;font-size:13px;font-weight:600;color:#303653}
.sub-phone-control{display:flex;align-items:stretch;gap:0;border:1px solid #dcd7e5;border-radius:11px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.sub-phone-control:focus-within{border-color:#a67bcf;box-shadow:0 0 0 3px #f3eafa}
.sub-phone-control select{width:114px;flex:none;border:0;border-right:1px solid #e9e2ee;border-radius:0;background:#faf8fc;color:#4e3e66;padding:13px 10px;font-size:13px;outline:none!important}
.sub-phone-control input{width:100%;min-width:0;min-height:51px;padding:12px 14px;border:0;outline:none!important;background:transparent;font-size:16px;color:#1c2546;letter-spacing:.3px}
.sub-phone-control input::placeholder{font-size:13px;letter-spacing:0;text-align:right;color:#777083}
.sub-field-help{font-size:12px;color:#70697d;line-height:1.9;margin:9px 0 18px}
.sub-secure-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#746b7d;line-height:1.8;margin-top:16px}
.sub-secure-note .sub-icon{width:14px;height:14px;color:#897b9b}
.sub-auth-help{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #eee9f2;padding-top:20px;margin-top:25px;font-size:12px;color:#736d82}
.sub-auth-help .sub-icon{width:18px;height:18px;color:#9a7fb5}
.sub-auth-help a{font-weight:600;color:#6c32ae;margin-inline-start:4px}
.sub-auth-help a:hover{text-decoration:underline;text-underline-offset:3px}
.sub-code-phone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;color:#333a54;font-size:14px}
.sub-code-phone bdi{font-variant-numeric:tabular-nums;letter-spacing:.5px}
.sub-code-phone .sub-text-link{font-size:12px}
.sub-code-input{display:block;width:100%;height:62px;padding:10px 14px;border:1px solid #dcd5e7;border-radius:11px;text-align:center;background:#fcfaff;font-family:Arial,sans-serif;font-size:27px;letter-spacing:.38em;color:#472277;font-variant-numeric:tabular-nums}
.sub-code-input::placeholder{font-size:18px;letter-spacing:0;color:#b5a8c4}
.sub-resend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:12px;color:#756e83}
.sub-resend .sub-text-link{font-size:12px}
.sub-inline-error{padding:9px 12px;border:1px solid #f1cbb3;border-radius:9px;font-size:12px;line-height:1.8;margin:0 0 14px}
.sub-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.sub-page-heading h1{font-size:30px;line-height:1.6;font-weight:700;letter-spacing:-.6px;margin:0 0 3px}
.sub-page-heading .sub-eyebrow{margin-bottom:3px}
.sub-session{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.sub-verified{display:flex;align-items:center;gap:7px;color:#5c6378;font-size:13px}
.sub-verified [data-icon]{color:#558363}
.sub-verified .sub-icon{width:17px;height:17px}
.sub-session .sub-text-link{font-size:11px;font-weight:500;color:#74617e}
.sub-selector{display:flex;gap:10px;margin:0 0 22px;overflow:auto;padding:3px 3px 5px;scrollbar-width:thin;scrollbar-color:#dfcdeb transparent}
.sub-selector>button{display:flex;align-items:center;gap:10px;min-width:188px;padding:11px 15px;min-height:66px;border:1px solid #e4dce9;border-radius:12px;background:#fff;text-align:right;color:#666077;font-size:13px;flex:none}
.sub-selector>button[aria-pressed=true],.sub-selector>button.is-selected{border-color:#b387dc;background:#f8f1ff;box-shadow:inset 0 0 0 .5px #b387dc;color:#57268e}
.sub-selector>button>span:last-child{display:flex;flex-direction:column;gap:2px}
.sub-selector small{font-size:11px;font-weight:400;color:#746c7d}
.sub-platform{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:12px;background:#f1e8fa;color:#7634bb}
.sub-platform .sub-icon{width:23px;height:23px}
.sub-selector .sub-platform{width:34px;height:34px;border-radius:9px}
.sub-selector .sub-platform .sub-icon{width:19px;height:19px}
.sub-platform-instagram,.sub-platform.instagram{background:linear-gradient(145deg,#7a39c8,#d43491 62%,#f5a14e);color:#fff}
.sub-platform-tiktok,.sub-platform-x,.sub-platform.tiktok,.sub-platform.x{background:#f0eef4;color:#292435}
.sub-platform-snapchat,.sub-platform.snapchat{background:#fff3ad;color:#413714}
.sub-plan-card{position:relative;padding:28px 30px;border:1px solid #e3d8ef;border-radius:19px;background:#fff;box-shadow:0 7px 30px #32233e05;overflow:hidden}
.sub-plan-card::before{position:absolute;content:"";inset-inline:28px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#f5d8be,#c39be6,#7133b5)}
.sub-plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.sub-plan-identity{display:flex;align-items:center;gap:13px;min-width:0}
.sub-plan-identity .sub-platform{width:48px;height:48px;border-radius:13px}
.sub-plan-identity h2{font-size:23px;line-height:1.5;font-weight:700;margin:0 0 2px}
.sub-plan-identity p{color:#776e86;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.sub-plan-price{text-align:left;white-space:nowrap;flex:none}
.sub-plan-price strong{display:block;font-size:29px;font-weight:700;color:var(--sub-action);letter-spacing:-.5px;line-height:1.4}
.sub-plan-price strong span{font-size:13px;font-weight:500;letter-spacing:0}
.sub-plan-price small{display:block;font-size:11px;color:#74697e;margin-top:2px}
.sub-plan-price strong small{display:inline;color:inherit;font-size:12px;font-weight:500;letter-spacing:0;margin:0}
.sub-plan-price>span{display:block;color:#74697e;font-size:11px;margin-top:3px}
.sub-plan-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#7a7487}
.sub-status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border:1px solid #d9ebdf;border-radius:99px;background:#f0f8f3;color:#3d7451;font-size:11px;font-weight:600;line-height:1.7}
.sub-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.sub-status.is-ended{color:#7a6e86;background:#f5f2f8;border-color:#e9e0ed}
.sub-status.is-attention{color:#a45d2c;background:#fff5e9;border-color:#f1debf}
.sub-period{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:22px 0 0;margin:20px 0 14px;border-top:1px solid #ece6f1}
.sub-period dl{display:contents}
.sub-period dt{font-size:11px;color:#7e758c;line-height:1.8;margin-bottom:4px}
.sub-period dd{font-size:14px;font-weight:600;color:#333551;line-height:1.7;margin:0}
.sub-period>div+div{padding-inline-start:20px;border-inline-start:1px solid #efeaf3}
.sub-period-line{display:block;height:5px;background:#f1eaf7;overflow:hidden;border-radius:8px}
.sub-period-line span{display:block;height:100%;max-width:100%;border-radius:8px;background:linear-gradient(90deg,#9d65cc,#7435b4)}
.sub-renewal-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}
.sub-renewal-row p{font-size:12px;line-height:1.9;color:#797184;max-width:57ch}
.sub-renewal-row p strong{display:block;font-size:13px;font-weight:600;color:#4c4260;margin-bottom:1px}
.sub-renewal-actions{display:flex;align-items:center;gap:8px;flex:none}
.sub-renewal-actions .sub-primary,.sub-renewal-actions .sub-secondary{min-height:42px;font-size:13px;padding:10px 17px}
.sub-included{margin-top:28px}
.sub-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.sub-section-heading h2{font-size:17px;line-height:1.6;font-weight:600;margin:0}
.sub-section-heading p{font-size:12px;color:#7b7486;margin-top:3px;line-height:1.8}
.sub-section-heading>.sub-icon,.sub-section-heading>[data-icon]{color:#b79acb}
.sub-section-heading .sub-eyebrow{font-size:11px;margin-bottom:3px}
.sub-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sub-benefit{display:flex;align-items:center;gap:12px;min-height:83px;padding:17px 18px;border:1px solid #e8e0ee;border-radius:12px;background:#fff}
.sub-benefit>span{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:10px;background:#f6f0fc;color:#8850b2}
.sub-benefit:nth-child(2)>span{background:#fff0f2;color:#c47487}
.sub-benefit:nth-child(3)>span{background:#fff3e8;color:#c18b5d}
.sub-benefit strong{display:block;font-size:17px;color:#34304d;font-weight:600;line-height:1.6}
.sub-benefit small{display:block;color:#756981;font-size:11px;line-height:1.8}
.sub-add-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px 25px;border:1px solid #f0dfca;border-radius:14px;background:linear-gradient(105deg,#fffaf4,#fff5e9)}
.sub-add-copy{display:flex;align-items:center;gap:13px}
.sub-add-copy>span{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #f1dfc8;color:#c58045}
.sub-add-copy h2{font-size:16px;font-weight:600;line-height:1.7;margin:0 0 2px;color:#584029}
.sub-add-copy p{font-size:12px;line-height:1.8;color:#806c57}
.sub-add-band>.sub-secondary{border-color:#e7ccb0;color:#a15b26;white-space:nowrap;background:#fff;min-height:43px;font-size:13px;padding:10px 17px}
.sub-add-band>.sub-secondary:hover{background:#fff9f1;border-color:#d7a975}
.sub-purchase{margin-top:20px;padding:26px;border:1px solid #d7c2e9;border-radius:17px;background:#fff;box-shadow:0 5px 24px #59257e07;scroll-margin-top:108px}
.sub-purchase>.sub-section-heading{padding-bottom:18px;margin-bottom:19px;border-bottom:1px solid #ede5f4}
.sub-purchase .sub-section-heading>button{min-width:36px;min-height:36px;padding:6px;border:1px solid #e7ddee;border-radius:9px;background:#faf7fd;color:#826993}
.sub-service-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sub-service-chips button{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #e6dfee;border-radius:9px;background:#fff;color:#796a88;font-size:12px;font-weight:500}
.sub-service-chips button[aria-pressed=true],.sub-service-chips button.is-selected{border-color:#bc91dd;background:#f4eafa;color:#6b2aab}
.sub-discovery{padding:16px;margin-top:16px;border:1px solid #e4d4ef;border-radius:10px;background:#faf4ff}
.sub-discovery .sub-field-help{margin-bottom:0}
.sub-purchase-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 22px}
.sub-purchase-tiers button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;min-height:80px;padding:15px;border:1px solid #e2daea;border-radius:11px;background:#fff;color:#3e3650}
.sub-purchase-tiers button[aria-pressed=true],.sub-purchase-tiers button.is-selected{border-color:#9d6ec9;background:#faf5ff;box-shadow:inset 0 0 0 .5px #9d6ec9}
.sub-purchase-tiers strong{display:block;font-size:17px;font-weight:600;line-height:1.5}
.sub-purchase-tiers small{font-size:11px;color:#776983;display:block;margin-top:2px}
.sub-tier-price{font-size:15px;font-weight:600;color:#a45122;white-space:nowrap}
.sub-tier-price span{font-size:10px;font-weight:400}
.sub-tier-price small{display:inline;color:inherit;font-size:10px;font-weight:400;margin:0}
.sub-purchase label{display:block;font-size:13px;font-weight:600;color:#4b405b;margin:14px 0 8px}
.sub-purchase input,.sub-purchase textarea{display:block;width:100%;max-width:100%;padding:12px 13px;border:1px solid #ddd3e6;border-radius:10px;background:#fdfbff;color:#3b3050;font:inherit;font-size:14px;min-height:47px}
.sub-purchase textarea{resize:vertical;min-height:114px;line-height:1.9}
.sub-purchase input::placeholder,.sub-purchase textarea::placeholder{color:#7e708c;font-size:12px}
.sub-purchase-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #eee7f3;padding-top:20px;margin-top:21px}
.sub-purchase-footer>div{font-size:12px;color:#776585;line-height:1.8}
.sub-purchase-footer strong{display:block;color:var(--sub-action);font-size:24px;font-weight:700}
.sub-purchase-footer strong span{font-size:12px;font-weight:500}
.sub-purchase-footer strong small{display:inline;color:inherit;font-size:12px;font-weight:500}
.sub-renew-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 10px}
.sub-renew-summary h3{font-size:17px;margin:0 0 5px;font-weight:600}
.sub-renew-summary p{font-size:13px;color:#83758e;line-height:1.8}
.sub-renew-summary>strong{font-size:27px;color:var(--sub-action);white-space:nowrap}
.sub-renew-summary>strong span{font-size:12px;font-weight:500}
.sub-renew-summary>strong small{display:inline;color:inherit;font-size:12px;font-weight:500}
.sub-bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;margin-top:30px}
.sub-history{padding:25px 27px;border:1px solid #e7e0ec;border-radius:15px;background:#fff}
.sub-history .sub-section-heading{margin-bottom:6px}
.sub-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid #eee8f3}
.sub-history-row:last-child{border-bottom:0;padding-bottom:2px}
.sub-history-row>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.sub-history-row>div:first-child>span{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex:none;border-radius:9px;background:#f8f4fb;color:#a18ab3}
.sub-history-row .sub-icon{width:17px;height:17px}
.sub-history-row>div:first-child>.sub-icon{width:33px;height:33px;padding:8px;border-radius:9px;background:#f8f4fb;color:#9a83ad}
.sub-history-row strong{display:block;font-size:12px;font-weight:500;color:#50465e;line-height:1.8;overflow-wrap:anywhere}
.sub-history-row small{display:block;font-size:11px;color:#7e7189;line-height:1.8;margin-top:1px}
.sub-history-amount{flex:none;text-align:left;font-size:14px;font-weight:600;color:#4c3d5f}
.sub-history-amount span{font-size:10px;font-weight:400}
.sub-history-amount small{font-weight:400;font-size:10px}
.sub-history-amount>small:first-of-type{display:inline;color:inherit;margin:0}
.sub-help{padding:27px;border:1px solid #e6d8ef;border-radius:15px;background:linear-gradient(130deg,#faf4ff,#f6edfc);display:flex;align-items:flex-start;flex-direction:column}
.sub-help-symbol{display:flex;align-items:center;justify-content:center;width:39px;height:39px;margin-bottom:12px;border:1px solid #e4d5ef;border-radius:10px;background:#fff9;color:#8e61ad}
.sub-help h2{font-size:20px;font-weight:600;margin-bottom:6px;color:#4b2866}
.sub-help p{font-size:12px;color:#79648b;line-height:1.9;margin-bottom:19px}
.sub-help .sub-secondary{min-height:40px;font-size:12px;padding:9px 15px;margin-top:auto;background:#fff9;border-color:#dfcce9;color:#754497}
.sub-faq{margin-top:33px;padding:0 2px}
.sub-faq h2{font-size:17px;font-weight:600;color:#504359;margin-bottom:10px}
.sub-faq details{border-bottom:1px solid #e7dfe9}
.sub-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;padding:16px 0;font-size:13px;line-height:1.8;font-weight:500;color:#695b76}
.sub-faq summary::-webkit-details-marker{display:none}
.sub-faq summary::after{content:"+";font-family:Arial,sans-serif;font-size:21px;line-height:1;font-weight:400;flex:none;color:#a38bad}
.sub-faq details[open] summary{color:#6f3595}
.sub-faq details[open] summary::after{content:"−"}
.sub-faq details p{font-size:12px;line-height:2.05;color:#74657f;padding:0 0 18px;max-width:78ch}
.sub-footer{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;padding:25px 24px;border-top:1px solid #eee5ee;background:#fff9;color:#7c6c87;font-size:11px}
.sub-footer a{color:#84718f;font-size:12px}
.sub-footer a:hover{color:#6d2eab}
.sub-footer .sub-footer-brand{font-family:Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.5px;color:#383147}
.sub-empty{padding:24px 0;color:#756480;font-size:13px;line-height:1.9;text-align:center}
@keyframes sub-spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.sub-auth{margin-top:52px;margin-bottom:55px}}
@media(max-width:1050px){
 .sub-auth{gap:40px;margin-top:15px}
 .sub-auth-story h1{font-size:34px}
 .sub-auth-card{padding:25px}
 .sub-plan-card{padding:25px}
 .sub-benefit{padding:15px 13px;gap:9px}
 .sub-benefit strong{font-size:15px}
 .sub-benefit>span{width:31px;height:31px}
 .sub-purchase-tiers button{padding:13px;gap:8px}
 .sub-purchase-tiers strong{font-size:15px}
 .sub-tier-price{font-size:14px}
}
@media(max-width:800px){
 .subscription-main{padding:28px 22px 48px}
 .sub-auth{grid-template-columns:1fr 1fr;gap:26px}
 .sub-auth-story h1{font-size:30px}
 .sub-lead{font-size:13px}
 .sub-story-points{gap:19px;margin:24px 0}
 .sub-story-points>div{gap:11px}
 .sub-story-points h2{font-size:13px}
 .sub-story-points p{font-size:11px}
 .sub-point-icon{width:35px;height:35px;border-radius:10px}
 .sub-auth-card{padding:22px}
 .sub-auth-card h2{font-size:22px}
 .sub-auth-card .sub-muted{font-size:12px}
 .sub-auth-steps{gap:10px}
 .sub-auth-steps b{font-size:11px}
 .sub-phone-control select{width:95px;font-size:12px;padding-inline:7px}
 .sub-phone-control input{padding-inline:10px}
 .sub-bottom-grid{grid-template-columns:1.35fr 1fr;gap:15px}
 .sub-history,.sub-help{padding:22px}
 .sub-renewal-row{align-items:flex-start;gap:20px}
 .sub-renewal-row p{font-size:11px}
 .sub-renewal-row p strong{font-size:12px}
 .sub-purchase-tiers{grid-template-columns:1fr;gap:8px}
 .sub-purchase-tiers button{min-height:63px;padding:12px 16px}
 .sub-purchase-tiers button>div:first-child{display:flex;align-items:center;gap:7px}
 .sub-purchase-tiers strong{font-size:17px}
 .sub-purchase-tiers small{margin:0}
 .sub-purchase-tiers .sub-tier-price{font-size:17px}
}
@media(max-width:620px){
 .subscription-main{padding:24px 16px 38px;min-height:calc(100dvh - 184px)}
 .sub-preview-bar{gap:10px;justify-content:space-between;padding:8px 16px;font-size:10px;line-height:1.8}
 .sub-preview-bar button{flex:none;font-size:10px}
 .sub-auth{grid-template-columns:1fr;gap:23px;max-width:430px;margin:0 auto 8px}
 .sub-auth-story{text-align:center}
 .sub-auth-story .sub-eyebrow{font-size:11px;margin-bottom:4px}
 .sub-auth-story h1{font-size:29px;letter-spacing:-.5px;line-height:1.5;margin:6px 0 10px}
 .sub-lead{font-size:12px;line-height:1.9;max-width:320px;margin:auto}
 .sub-story-points{display:none}
 .sub-auth-story>.sub-text-link{font-size:11px;margin-top:11px}
 .sub-auth-card{padding:23px 22px;border-radius:18px;box-shadow:0 8px 26px #36213d05}
 .sub-auth-steps{padding-bottom:18px;margin-bottom:22px;gap:15px}
 .sub-auth-steps b{font-size:12px}
 .sub-auth-symbol{width:41px;height:41px;border-radius:12px;margin-bottom:12px}
 .sub-auth-symbol .sub-icon{width:23px;height:23px}
 .sub-auth-card h2{font-size:23px}
 .sub-auth-card .sub-muted{font-size:13px}
 .sub-auth-card form{margin-top:21px}
 .sub-phone-control select{width:107px;font-size:13px;padding-inline:9px}
 .sub-phone-control input{padding-inline:12px}
 .sub-field-help{font-size:11px;line-height:1.9}
 .sub-primary,.sub-secondary{min-height:46px;font-size:13px}
 .sub-auth-help{margin-top:22px;padding-top:18px}
 .sub-page-heading{align-items:flex-start;gap:14px;margin-bottom:22px}
 .sub-page-heading h1{font-size:25px;line-height:1.5;margin-bottom:6px}
 .sub-page-heading .sub-muted{font-size:11px;line-height:1.8;max-width:25ch}
 .sub-page-heading .sub-eyebrow{font-size:10px}
 .sub-session{gap:5px;padding-top:4px;flex:none}
 .sub-verified{font-size:10px;gap:4px}
 .sub-verified .sub-icon{width:14px;height:14px}
 .sub-session .sub-text-link{font-size:10px}
 .sub-selector{gap:8px;margin-bottom:17px}
 .sub-selector>button{min-width:156px;min-height:58px;padding:10px 12px;font-size:12px;gap:9px}
 .sub-selector small{font-size:10px}
 .sub-plan-card{padding:22px 19px;border-radius:16px}
 .sub-plan-card::before{inset-inline:19px}
 .sub-plan-top{gap:12px}
 .sub-plan-identity{gap:10px}
 .sub-plan-identity .sub-platform{width:39px;height:39px;border-radius:11px}
 .sub-plan-identity h2{font-size:19px}
 .sub-plan-identity p{font-size:11px}
 .sub-plan-price strong{font-size:26px}
 .sub-plan-price strong span{font-size:11px}
 .sub-plan-price small{font-size:10px}
 .sub-plan-status{margin-top:15px;gap:8px;font-size:10px}
 .sub-status{font-size:10px;padding:2px 8px;min-height:24px}
 .sub-period{gap:12px;padding-top:17px;margin-top:17px;margin-bottom:12px}
 .sub-period>div+div{padding-inline-start:12px}
 .sub-period dt{font-size:10px}
 .sub-period dd{font-size:12px}
 .sub-period-line{height:4px}
 .sub-renewal-row{flex-direction:column;gap:15px;margin-top:19px}
 .sub-renewal-row p{font-size:11px;line-height:1.9}
 .sub-renewal-actions{width:100%;gap:8px}
 .sub-renewal-actions>button,.sub-renewal-actions>a{flex:1}
 .sub-renewal-actions .sub-primary,.sub-renewal-actions .sub-secondary{min-height:43px;font-size:12px;padding:10px 12px}
 .sub-included{margin-top:24px}
 .sub-section-heading{margin-bottom:12px;gap:12px}
 .sub-section-heading h2{font-size:15px}
 .sub-section-heading p{font-size:11px}
 .sub-benefits{grid-template-columns:1fr;gap:8px}
 .sub-benefit{min-height:65px;padding:13px 16px;gap:12px;border-radius:11px}
 .sub-benefit>span{width:32px;height:32px;border-radius:9px}
 .sub-benefit>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}
 .sub-benefit strong{font-size:14px}
 .sub-benefit small{font-size:10px;text-align:left}
 .sub-add-band{margin-top:18px;gap:16px;padding:18px;border-radius:13px;flex-wrap:wrap}
 .sub-add-copy{gap:11px}
 .sub-add-copy>span{width:35px;height:35px;border-radius:10px}
 .sub-add-copy h2{font-size:14px}
 .sub-add-copy p{font-size:11px}
 .sub-add-band>.sub-secondary{width:100%;min-height:41px;padding:9px 13px;font-size:12px}
 .sub-purchase{padding:20px 17px;border-radius:14px;margin-top:17px;scroll-margin-top:94px}
 .sub-purchase>.sub-section-heading{padding-bottom:15px;margin-bottom:16px}
 .sub-service-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px;overflow:visible;padding:3px 0 6px;min-width:0}
 .sub-service-chips button{justify-content:center;white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;padding:8px 10px;font-size:11px;line-height:1.8;border-radius:8px;text-align:center}
 .sub-purchase-tiers{gap:8px;margin-bottom:18px}
 .sub-purchase-tiers button{min-height:62px;padding:12px 14px}
 .sub-purchase-tiers strong{font-size:16px}
 .sub-purchase-tiers .sub-tier-price{font-size:16px}
 .sub-purchase input,.sub-purchase textarea{font-size:16px}
 .sub-purchase label{font-size:12px}
 .sub-purchase-footer{gap:12px;align-items:center;margin-top:18px;padding-top:17px}
 .sub-purchase-footer .sub-primary{padding-inline:14px;font-size:12px}
 .sub-purchase-footer>div{font-size:10px}
 .sub-purchase-footer strong{font-size:22px}
 .sub-renew-summary{gap:14px;padding:13px 0 9px}
 .sub-renew-summary h3{font-size:15px}
 .sub-renew-summary p{font-size:11px}
 .sub-renew-summary>strong{font-size:25px}
 .sub-bottom-grid{grid-template-columns:1fr;gap:17px;margin-top:22px}
 .sub-history{padding:20px;border-radius:14px}
 .sub-history .sub-section-heading{margin-bottom:4px}
 .sub-history-row{padding:15px 0;gap:12px}
 .sub-history-row strong{font-size:11px}
 .sub-history-row small{font-size:10px}
 .sub-history-amount{font-size:13px}
 .sub-help{padding:21px;display:grid;grid-template-columns:39px 1fr;gap:5px 12px;border-radius:14px}
 .sub-help-symbol{grid-row:1 / span 2;margin:0}
 .sub-help h2{font-size:17px;margin:0}
 .sub-help p{font-size:11px;margin:0;grid-column:2}
 .sub-help .sub-secondary{grid-column:1 / -1;margin-top:12px;min-height:40px;font-size:12px}
 .sub-faq{margin-top:25px}
 .sub-faq h2{font-size:15px;margin-bottom:7px}
 .sub-faq summary{font-size:12px;padding-block:15px;gap:14px}
 .sub-faq details p{font-size:11px;padding-bottom:15px}
 .sub-footer{gap:12px 21px;padding:22px 20px;font-size:10px}
 .sub-footer .sub-footer-brand{font-size:20px}
 .sub-footer a{font-size:11px}
 .sub-footer>span{margin-inline-end:auto}
}
@media(max-width:360px){
 .subscription-main{padding-inline:12px}
 .sub-auth-card{padding-inline:18px}
 .sub-page-heading{gap:7px}
 .sub-page-heading h1{font-size:23px}
 .sub-session{max-width:120px}
 .sub-plan-card{padding-inline:16px}
 .sub-plan-identity .sub-platform{width:33px;height:33px}
 .sub-plan-identity{gap:8px}
 .sub-plan-identity h2{font-size:17px}
 .sub-plan-price strong{font-size:24px}
 .sub-period{gap:9px}
 .sub-period>div+div{padding-inline-start:9px}
 .sub-period dd{font-size:11px}
 .sub-benefit{padding-inline:12px}
 .sub-benefit>div{gap:6px}
 .sub-benefit strong{font-size:13px}
 .sub-footer>span{margin-inline-end:0}
}
@media(prefers-reduced-motion:reduce){.sub-spinner{animation:none;border-color:#dbc5ec;border-top-color:var(--sub-purple)}.sub-primary,.sub-secondary{transition:none}}
.sub-purchase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:25px}
.sub-purchase-tabs>button{display:flex;align-items:center;gap:13px;text-align:right;padding:16px 18px;border:1px solid #e5dfec;border-radius:12px;background:#fff;color:var(--sub-muted);font:inherit;min-width:0}
.sub-purchase-tabs>button[aria-pressed=true]{border-color:#9e6dce;background:#f8f2fd;color:var(--sub-purple);box-shadow:inset 0 0 0 1px #9e6dce}
.sub-purchase-tabs strong,.sub-purchase-tabs small{display:block}
.sub-purchase-tabs strong{font-size:14px;font-weight:600;color:var(--sub-ink)}
.sub-purchase-tabs small{font-size:11px;margin-top:4px;color:var(--sub-muted)}
.sub-purchase-tabs .sub-icon{width:23px;height:23px}
.sub-monthly-intro{border-inline-start:3px solid #d9c3ef;padding-inline-start:14px;margin-bottom:22px}
.sub-monthly-intro strong{font-size:14px;font-weight:600}
.sub-monthly-intro p{font-size:12px;color:var(--sub-muted);line-height:1.9;margin:5px 0 0}
.sub-monthly-platforms{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.sub-monthly-platforms>button{display:flex;align-items:center;gap:9px;min-height:48px;background:#fff;border:1px solid #e5dfec;border-radius:10px;padding:9px 15px;color:var(--sub-ink);font:inherit;font-size:13px;font-weight:600}
.sub-monthly-platforms>button[aria-pressed=true]{border-color:#a574d0;background:#faf5ff;box-shadow:0 0 0 1px #a574d0}
.sub-monthly-platforms .sub-platform{width:24px;height:24px;border-radius:7px}
.sub-monthly-platforms .sub-platform img{width:18px;height:18px}
.sub-mini-heading{font-size:15px;font-weight:600;margin:24px 0 12px}
.sub-monthly-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.sub-monthly-plans>button{display:flex;flex-direction:column;min-width:0;text-align:right;color:var(--sub-ink);background:#fff;border:1px solid #e3ddeb;border-radius:12px;padding:18px 16px 13px;font:inherit}
.sub-monthly-plans>button[aria-pressed=true]{border-color:#9c69cd;box-shadow:inset 0 0 0 1px #9c69cd;background:linear-gradient(155deg,#fcf9ff,#f8f2fd)}
.sub-monthly-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding-bottom:14px;border-bottom:1px solid #ece5f1}
.sub-monthly-plan-heading>strong{font-size:16px;font-weight:700}
.sub-monthly-plan-heading>span{font-size:20px;font-weight:700;line-height:1.4;text-align:left;white-space:nowrap}
.sub-monthly-plan-heading>span>span{font-size:10px;font-weight:500}
.sub-monthly-plan-heading small{display:block;font-size:10px;font-weight:400;color:var(--sub-muted);margin-top:3px}
.sub-monthly-plans ul{list-style:none;display:grid;gap:9px;padding:15px 0 18px;margin:0;font-size:12px;line-height:1.7}
.sub-monthly-plans li{position:relative;padding-inline-start:16px}
.sub-monthly-plans li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--sub-purple);font-size:11px}
.sub-monthly-plans bdi{font-weight:600}
.sub-plan-select{display:block;width:100%;text-align:center;margin-top:auto;padding:8px;border-radius:7px;background:#f6f3f9;color:#6a577e;font-size:11px;font-weight:600}
.sub-monthly-plans [aria-pressed=true] .sub-plan-select{background:#ede0fa;color:#6025a4}
.sub-edit-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.sub-edit-intro>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f3eafa;color:var(--sub-purple);flex:none}
.sub-edit-intro strong{font-size:14px;font-weight:600}
.sub-edit-intro p{font-size:12px;line-height:1.95;color:var(--sub-muted);margin-top:4px;max-width:650px}
.sub-edit-rows{border-top:1px solid var(--sub-line)}
.sub-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 130px;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid var(--sub-line)}
.sub-edit-label strong,.sub-edit-label small{display:block}
.sub-edit-label strong{font-size:14px;font-weight:600}
.sub-edit-label small{font-size:11px;color:var(--sub-muted);margin-top:5px}
.sub-edit-stepper{direction:ltr;display:flex;align-items:center;height:43px;border:1px solid #ded3e9;border-radius:9px;background:#fff;overflow:hidden}
.sub-edit-stepper button{width:39px;height:41px;flex:none;font-size:19px;line-height:1;color:var(--sub-purple);background:#faf6ff}
.sub-edit-stepper button:hover{background:#f0e5fb}
.sub-edit-stepper input{direction:ltr;text-align:center;min-width:0;width:100%;padding:5px!important;height:41px;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:16px;font-weight:600;appearance:textfield;background:#fff}
.sub-edit-stepper input::-webkit-inner-spin-button,.sub-edit-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sub-edit-delta{color:#777184;font-size:11px;text-align:left;line-height:1.8}
.sub-edit-delta.is-extra{color:#a54b0c;font-weight:600}
.sub-edit-estimate{margin-top:20px;padding:17px 19px;border-radius:11px;background:#fbf8f3}
.sub-edit-estimate>div{display:flex;align-items:center;justify-content:space-between;gap:15px}
.sub-edit-estimate>div>span{font-size:13px;font-weight:600}
.sub-edit-estimate strong{font-size:20px;white-space:nowrap}
.sub-edit-estimate strong>span,.sub-edit-estimate small{font-size:11px;font-weight:400}
.sub-edit-estimate p{font-size:11px;color:var(--sub-muted);margin-top:5px}
.sub-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px}
.sub-edit-quote{margin-top:24px;padding:22px;background:#faf6ff;border:1px solid #e0cdef;border-radius:12px}
.sub-edit-quote h3{font-size:16px;font-weight:600;margin:0 0 17px}
.sub-edit-quote dl{display:grid;gap:13px;margin:0}
.sub-edit-quote dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}
.sub-edit-quote dt{color:#686174}
.sub-edit-quote dd{margin:0;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.sub-edit-quote dd>span{font-size:11px;font-weight:400}
.sub-edit-quote .sub-edit-total{border-top:1px solid #e4d6ef;padding-top:15px;margin-top:2px}
.sub-edit-total dt{color:var(--sub-ink);font-weight:600}
.sub-edit-total dd{font-size:25px;color:var(--sub-purple)}
.sub-edit-quote-lines{border-bottom:1px solid #e4d6ef;margin-top:16px;padding-bottom:13px;display:grid;gap:7px}
.sub-edit-quote-lines>p{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--sub-muted);line-height:1.9}
.sub-edit-quote-lines strong{font-size:12px;font-weight:500;white-space:nowrap;color:var(--sub-ink)}
.sub-edit-charge{display:flex;justify-content:space-between;gap:15px;padding-top:17px;font-size:13px}
.sub-edit-charge strong{color:var(--sub-action);font-size:18px;white-space:nowrap}
.sub-edit-charge strong>span{font-size:11px;font-weight:500}
.sub-edit-effective{display:flex;align-items:center;gap:8px;margin:15px 0 19px;color:#6c567e;font-size:11px;line-height:1.9}
.sub-edit-effective .sub-icon{width:16px;height:16px}
.sub-increase-billing{display:grid;gap:12px;border-top:1px solid var(--sub-line);padding-top:19px;margin-top:23px}
.sub-increase-billing>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}
.sub-increase-billing strong{white-space:nowrap;font-size:15px;font-weight:600}
.sub-increase-billing strong>span,.sub-increase-billing strong>small{font-size:10px;font-weight:400}
.sub-increase-billing>div>span>small{display:block;font-size:10px;color:var(--sub-muted);margin-top:3px}
.sub-increase-row>div{display:grid;justify-items:end;gap:4px;flex:none}
.sub-increase-row .sub-text-link{font-size:11px;min-height:30px;padding:4px 0}
.sub-increase-row .sub-text-link[disabled]{color:var(--sub-muted);cursor:not-allowed;opacity:.6}
.sub-increase-billing>.sub-field-help{border-top:1px solid var(--sub-line);padding-top:12px;margin-top:0;line-height:1.9}
.sub-increase-billing .sub-increase-total{border-top:1px dashed #ded3e9;padding-top:14px;font-weight:600}
.sub-increase-total strong{font-size:20px;color:var(--sub-purple)}
.sub-purchase [disabled]{cursor:not-allowed;opacity:.55}
@media(max-width:760px){
 .sub-monthly-plan-heading{flex-direction:column;gap:10px}
 .sub-monthly-plan-heading>span{align-self:flex-end}
 .sub-edit-row{grid-template-columns:minmax(0,1fr) 155px;gap:10px 15px}
 .sub-edit-delta{grid-column:2;text-align:center}
 .sub-edit-label{grid-row:span 2}
}
@media(max-width:620px){
 .sub-purchase-tabs{gap:8px;margin-bottom:20px}
 .sub-purchase-tabs>button{flex-direction:column;align-items:flex-start;gap:8px;padding:13px 11px;border-radius:10px}
 .sub-purchase-tabs strong{font-size:12px}
 .sub-purchase-tabs small{font-size:9px;line-height:1.8;margin-top:3px}
 .sub-purchase-tabs .sub-icon{width:19px;height:19px}
 .sub-monthly-intro{padding-inline-start:11px;margin-bottom:18px}
 .sub-monthly-intro strong{font-size:12px}
 .sub-monthly-intro p{font-size:11px}
 .sub-monthly-platforms{gap:8px;margin-bottom:18px}
 .sub-monthly-platforms>button{padding:9px 12px;min-height:44px;font-size:12px}
 .sub-mini-heading{font-size:14px;margin-top:21px}
 .sub-monthly-plans{grid-template-columns:1fr;gap:10px}
 .sub-monthly-plans>button{padding:15px}
 .sub-monthly-plan-heading{flex-direction:row;align-items:center;padding-bottom:11px}
 .sub-monthly-plan-heading>strong{font-size:16px}
 .sub-monthly-plan-heading>span{align-self:auto;font-size:21px}
 .sub-monthly-plan-heading small{display:inline;margin-inline-start:5px}
 .sub-monthly-plans ul{padding:12px 0 14px;gap:6px;font-size:11px}
 .sub-plan-select{font-size:11px;padding:7px}
 .sub-edit-intro{gap:11px;margin-bottom:19px}
 .sub-edit-intro>span{width:34px;height:34px;border-radius:9px}
 .sub-edit-intro .sub-icon{width:19px;height:19px}
 .sub-edit-intro strong{font-size:13px}
 .sub-edit-intro p{font-size:11px}
 .sub-edit-row{grid-template-columns:minmax(0,1fr) 133px;gap:5px 10px;padding:17px 0}
 .sub-edit-label strong{font-size:12px;line-height:1.8}
 .sub-edit-label small{font-size:10px}
 .sub-edit-stepper{height:42px}
 .sub-edit-stepper button{width:31px;height:40px}
 .sub-edit-stepper input{height:40px;font-size:16px}
 .sub-edit-delta{font-size:9px}
 .sub-edit-estimate{padding:14px 13px}
 .sub-edit-estimate>div>span{font-size:11px}
 .sub-edit-estimate strong{font-size:18px}
 .sub-edit-estimate p{font-size:10px}
 .sub-edit-actions{gap:12px;flex-direction:column-reverse;align-items:stretch;margin-top:18px}
 .sub-edit-actions .sub-primary{width:100%;font-size:12px}
 .sub-edit-actions .sub-text-link{font-size:11px}
 .sub-edit-quote{padding:17px 14px;margin-top:19px}
 .sub-edit-quote h3{font-size:14px;margin-bottom:16px}
 .sub-edit-quote dl>div{font-size:11px;gap:10px}
 .sub-edit-total dd{font-size:23px}
 .sub-edit-quote-lines>p{font-size:10px}
 .sub-edit-quote-lines strong{font-size:11px}
 .sub-edit-charge{font-size:11px}
 .sub-edit-charge strong{font-size:17px}
 .sub-edit-effective{font-size:10px}
 .sub-edit-quote .sub-primary{font-size:12px}
 .sub-increase-billing{gap:12px;padding-top:17px;margin-top:20px}
 .sub-increase-billing>div{font-size:11px}
 .sub-increase-billing strong{font-size:13px}
 .sub-increase-total strong{font-size:18px}
}
@media(max-width:360px){.sub-edit-row{grid-template-columns:minmax(0,1fr) 119px}.sub-edit-stepper button{width:28px}.sub-edit-label strong{font-size:11px}.sub-purchase-tabs strong{font-size:11px}.sub-purchase-tabs small{font-size:8px}}