#rg-premium-mock .rg-publisher-main { background: #f7f7f2; color: #15141e; }
#rg-premium-mock .rg-publisher-hero { padding: clamp(40px, 7vw, 100px) clamp(24px, 6vw, 90px); background: radial-gradient(ellipse at top right, #e5ddff, transparent 60%); }
#rg-premium-mock .rg-publisher-hero h1 { font-size: clamp(36px, 5.5vw, 80px); line-height: 1.04; letter-spacing: -.05em; max-width: 900px; margin: 24px 0; }
#rg-premium-mock .rg-publisher-hero h1 em { color: #6a42e8; font-style: normal; }
#rg-premium-mock .rg-publisher-hero > .rg-eyebrow, #rg-premium-mock .rg-publisher-form > .rg-eyebrow { color: #6236d4; }
#rg-premium-mock .rg-publisher-hero p { max-width: 750px; font-size: 20px; line-height: 1.65; color: #625f70; }
#rg-premium-mock .rg-publisher-plans { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#rg-premium-mock .rg-pricing { grid-template-columns: minmax(0, 1fr); gap: 40px; }
#rg-premium-mock .rg-pricing-head { max-width: 780px; }
#rg-premium-mock #rg-pricing { padding: clamp(2.5rem, 4vw, 4rem) 5vw; gap: 2rem; }
#rg-premium-mock #rg-pricing .rg-pricing-head { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 2rem; max-width: none; }
#rg-premium-mock #rg-pricing h2, #rg-premium-mock #rg-how h2, #rg-premium-mock #rg-integration h2 { font-size: clamp(2rem, 3.6vw, 3.5rem); line-height: 1.04; letter-spacing: -.045em; }
#rg-premium-mock #rg-pricing .rg-pricing-head > p { max-width: 35rem; margin: 0; }
#rg-premium-mock #rg-pricing .rg-price-grid h3 { min-height: 0; margin: .6rem 0 .3rem; line-height: 1.1; }
#rg-premium-mock #rg-pricing .rg-price-grid article > p { min-height: 0; margin: 0 0 1rem; }
#rg-premium-mock #rg-integration { min-height: 0; padding: 4rem 5vw; gap: 4vw; }
#rg-premium-mock #rg-integration .rg-integration-art { min-height: 24rem; }
#rg-premium-mock #rg-integration h2 { margin-bottom: 1rem; }
#rg-premium-mock #rg-integration .rg-chip-row { margin: 1.25rem 0 1.5rem; }
@media (max-width: 760px) {
    #rg-premium-mock #rg-pricing, #rg-premium-mock #rg-integration { padding: 2.5rem 1.2rem; }
    #rg-premium-mock #rg-pricing .rg-pricing-head { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    #rg-premium-mock #rg-integration { gap: 2rem; }
}
#rg-premium-mock .rg-publisher-plans article h3 { font-size: clamp(34px, 3.4vw, 48px); }
#rg-premium-mock .rg-publisher-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 48px clamp(24px, 6vw, 90px); gap: 24px; }
#rg-premium-mock .rg-publisher-grid article { background: #fff; border: 1px solid #e3dff0; border-radius: 24px; padding: clamp(24px, 3vw, 40px); min-width: 0; }
#rg-premium-mock .rg-publisher-grid h2 { font-size: 28px; letter-spacing: -.035em; }
#rg-premium-mock .rg-publisher-grid p, #rg-premium-mock .rg-publisher-grid li, #rg-premium-mock .rg-publisher-form p { line-height: 1.7; color: #625f70; }
#rg-premium-mock .rg-publisher-main a:not(.rg-price-grid a) { color: #6236d4; text-underline-offset: 4px; }
#rg-premium-mock .rg-publisher-form { max-width: 660px; margin: auto; padding: 72px 24px; }
#rg-premium-mock .rg-publisher-form h1 { font-size: clamp(32px, 5vw, 48px); letter-spacing: -.04em; }
#rg-premium-mock .rg-register-form { padding-block: clamp(32px, 4vw, 56px); }
#rg-premium-mock .rg-register-form h1 { margin: 1rem 0; }
#rg-premium-mock .rg-register-form h2 { margin: 1.5rem 0 .5rem; font-size: 1.25rem; }
#rg-premium-mock .rg-register-form .rg-auth-divider { display: flex; align-items: center; gap: 1rem; margin: 1.5rem 0 1rem; }
#rg-premium-mock .rg-register-form .rg-auth-divider::before, #rg-premium-mock .rg-register-form .rg-auth-divider::after { content: ''; flex: 1; height: 1px; background: #d9d3e6; }
#rg-premium-mock .rg-signin-form { padding-block: clamp(32px, 4vw, 56px); }
#rg-premium-mock .rg-signin-form h1 { margin: 1rem 0 .75rem; font-size: clamp(2rem, 4vw, 2.5rem); line-height: 1.1; letter-spacing: -.04em; }
#rg-premium-mock .rg-signin-form .rg-signin-intro { margin-bottom: 1.5rem; font-size: .9375rem; line-height: 1.6; }
#rg-premium-mock .rg-signin-form .rg-signin-error { color: #8a1f32; background: #fff0f2; border-color: #edb5bf; }
#rg-premium-mock .rg-publisher-main form { display: grid; gap: 18px; margin: 24px 0; }
#rg-premium-mock .rg-publisher-main form[hidden] { display: none; }
#rg-premium-mock .rg-publisher-main label { display: grid; gap: 8px; font-weight: 650; }
#rg-premium-mock .rg-publisher-main input, #rg-premium-mock .rg-publisher-main select { min-width: 0; width: 100%; font: inherit; border: 1px solid #c5bfd7; border-radius: 12px; padding: 14px; background: #fff; color: #15141e; }
#rg-premium-mock .rg-publisher-main button { cursor: pointer; min-height: 48px; border: 0; border-radius: 12px; padding: 14px 20px; color: #fff; background: #6236d4; font: inherit; font-weight: 700; }
#rg-premium-mock .rg-publisher-main input[type="checkbox"] { width: 22px; height: 22px; padding: 0; accent-color: #6236d4; }
#rg-premium-mock .rg-publisher-main .rg-billing-consent { grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 12px; font-weight: 500; line-height: 1.5; }
#rg-premium-mock .rg-billing-consent input { margin: 2px 0 0; }
#rg-premium-mock .rg-publisher-main :focus-visible { outline: 3px solid #8051f3; outline-offset: 4px; }
.auth-page #rg-premium-mock .rg-publisher-main { padding: clamp(24px, 4vw, 56px) 20px; background: radial-gradient(circle at 70% 10%, #5520a0, #100d1d 55%); }
#rg-premium-mock .rg-auth-form { padding: clamp(24px, 4vw, 48px); border: 1px solid #ffffff29; border-radius: 1.2rem; background: #140e21ed; color: #fff; box-shadow: 0 30px 80px #05020e73; }
#rg-premium-mock .rg-auth-form h1 { margin: 0 0 .75rem; font-size: clamp(2rem, 4vw, 2.5rem); line-height: 1.1; color: #fff; }
#rg-premium-mock .rg-auth-form h2 { color: #fff; }
#rg-premium-mock .rg-auth-form p { color: #c9c1d3; }
.auth-page #rg-premium-mock .rg-publisher-main .rg-auth-form a { color: #c4b0ff; }
#rg-premium-mock .rg-auth-form > .rg-eyebrow { margin-bottom: 1rem; color: #c9b9e6; }
#rg-premium-mock .rg-auth-form label { color: #e9e4ef; }
#rg-premium-mock .rg-auth-form input { border-color: #ffffff33; background: #ffffff14; color: #fff; color-scheme: dark; }
#rg-premium-mock .rg-auth-form button:not(.rg-google-button) { border-radius: 2rem; background: #f4e85a; color: #15141e; }
#rg-premium-mock .rg-auth-form button:not(.rg-google-button):hover { background: #fff078; }
#rg-premium-mock .rg-auth-form .rg-auth-divider::before, #rg-premium-mock .rg-auth-form .rg-auth-divider::after { background: #ffffff29; }
#rg-premium-mock .rg-auth-form .rg-plan-intent { background: #a277ff1f; border-color: #a277ff66; color: #e9e4ef; }
#rg-premium-mock .rg-auth-form .rg-signin-error { color: #fff; background: #c6314038; border-color: #f0a9af; }
#rg-premium-mock .rg-publisher-main pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #171620; color: #e6dcff; padding: 20px; border-radius: 14px; line-height: 1.6; font-size: 13px; }
#rg-premium-mock .rg-publisher-main code { overflow-wrap: anywhere; }
#rg-premium-mock .rg-publisher-notice { padding: 24px; margin: 24px; background: #e9e1ff; border-radius: 16px; }
@media (max-width: 1100px) { #rg-premium-mock .rg-publisher-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { #rg-premium-mock .rg-publisher-plans, #rg-premium-mock .rg-publisher-grid { grid-template-columns: 1fr; } }
#rg-premium-mock .rg-portal-subscription { background: transparent; }
#rg-premium-mock .rg-portal-subscription .rg-publisher-grid { padding: 1rem 0; gap: 1rem; }
#rg-premium-mock .rg-portal-subscription .rg-pricing { padding: 1rem 0; }
#rg-premium-mock .rg-portal-subscription .rg-publisher-grid article { border-radius: .8rem; padding: 1.25rem; }
#rg-premium-mock .rg-portal-subscription .rg-publisher-grid h2 { font-size: 1.25rem; }
#rg-premium-mock .rg-portal-subscription .rg-publisher-guide { overflow-wrap: anywhere; }
#rg-premium-mock .rg-subscription-plans { margin: 0 0 1.5rem; }
#rg-premium-mock .rg-subscription-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0; }
#rg-premium-mock .rg-subscription-card { display: flex; flex-direction: column; min-width: 0; padding: 1.25rem; border: 1px solid #ddd5ee; border-radius: 1rem; background: #fff; color: #191526; }
#rg-premium-mock .rg-subscription-card h2 { margin: 0 0 .8rem; color: #6236d4; font-size: 1.15rem; }
#rg-premium-mock .rg-portal-subscription .rg-subscription-price { margin: 0; color: #191526; font-size: 2.4rem; font-weight: 800; line-height: 1.2; letter-spacing: -.04em; }
#rg-premium-mock .rg-subscription-price span { margin-left: .3rem; color: #625f70; font-size: .85rem; font-weight: 500; letter-spacing: normal; }
#rg-premium-mock .rg-subscription-card > p:not(.rg-subscription-price) { color: #625f70; font-size: .8rem; }
#rg-premium-mock .rg-subscription-card ul { flex: 1; list-style: none; margin: .75rem 0 1.25rem; padding: 0; }
#rg-premium-mock .rg-subscription-card li { padding: .7rem 0; border-top: 1px solid #ece8f4; font-size: .85rem; line-height: 1.5; }
#rg-premium-mock .rg-publisher-main.rg-portal-subscription a.rg-subscription-action { display: block; padding: .85rem .6rem; border-radius: .65rem; background: #6236d4; color: #fff; text-align: center; font-size: .9rem; font-weight: 700; text-decoration: none; }
#rg-premium-mock .rg-publisher-main.rg-portal-subscription a.rg-subscription-action:hover { background: #4c25b3; }
#rg-premium-mock .rg-subscription-card button:disabled { background: #eeeaf5; color: #625f70; cursor: not-allowed; }
#rg-premium-mock .rg-subscription-notice { padding: 1rem 1.25rem; border-radius: .65rem; background: #ece6fc; line-height: 1.6; }
#rg-premium-mock .rg-portal-subscription .rg-access-label { color: #191526; font-size: 1.25rem; font-weight: 700; }
#rg-premium-mock .rg-checkout-review { max-width: 65rem; }
#rg-premium-mock .rg-current-plan { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; padding: clamp(1.25rem, 3vw, 2rem); margin-bottom: 2rem; border: 2px solid #7651ed; border-radius: 1rem; background: #f2edff; scroll-margin-top: 2rem; }
#rg-premium-mock .rg-current-plan .rg-eyebrow { color: #5731bc; }
#rg-premium-mock .rg-current-plan .rg-access-label { margin: .5rem 0; font-size: clamp(1.75rem, 3vw, 2.4rem); }
#rg-premium-mock .rg-current-plan p { line-height: 1.6; margin: .6rem 0; }
#rg-premium-mock .rg-current-plan small { display: block; color: #625f70; line-height: 1.6; }
#rg-premium-mock .rg-plan-card-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; min-height: 2rem; }
#rg-premium-mock .rg-plan-card-heading h2 { margin: 0; }
#rg-premium-mock .rg-plan-badge { display: inline-block; padding: .35rem .6rem; border-radius: 2rem; background: #6236d4; color: #fff; font-size: .75rem; font-weight: 700; }
#rg-premium-mock .rg-subscription-card.is-current { border: 2px solid #7651ed; background: #f8f5ff; box-shadow: 0 0 0 3px #7651ed15; }
@media (max-width: 760px) { #rg-premium-mock .rg-current-plan { grid-template-columns: minmax(0, 1fr); gap: 1rem; } }
@media (max-width: 1200px) { #rg-premium-mock .rg-subscription-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { #rg-premium-mock .rg-subscription-grid { grid-template-columns: minmax(0, 1fr); } }
#rg-premium-mock .rg-portal-integrations { background: transparent; min-width: 0; }
#rg-premium-mock .rg-integration-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.5rem 0; padding: .4rem; background: #eae6f2; border-radius: .9rem; }
#rg-premium-mock .rg-integration-tabs a { padding: .8rem 1.2rem; border-radius: .6rem; font-weight: 700; text-decoration: none; }
#rg-premium-mock .rg-publisher-main .rg-integration-tabs a[aria-current] { color: #fff; background: #6236d4; box-shadow: 0 3px 10px #6236d426; }
#rg-premium-mock .rg-integration-connection { padding: 1.5rem; border: 1px solid #e3dff0; border-radius: .9rem; background: #fff; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem 2rem; }
#rg-premium-mock .rg-integration-connection h2 { margin: .6rem 0; font-size: 1.35rem; overflow-wrap: anywhere; }
#rg-premium-mock .rg-integration-connection p { color: #625f70; line-height: 1.6; margin: .4rem 0; }
#rg-premium-mock .rg-integration-connection > p, #rg-premium-mock .rg-integration-connection dl { grid-column: 1 / -1; }
#rg-premium-mock .rg-integration-connection form { margin: 0; gap: .6rem; }
#rg-premium-mock .rg-integration-connection dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 1rem; margin: 0; background: #f7f5fb; border-radius: .6rem; }
#rg-premium-mock .rg-integration-connection dt { color: #625f70; font-size: .85rem; margin-bottom: .4rem; }
#rg-premium-mock .rg-integration-connection dd { margin: 0; font-size: .85rem; }
#rg-premium-mock .rg-integration-notice { margin: 1.25rem 0 0; padding: 1rem 1.25rem; border-left: 3px solid #7651ed; background: #ece6fc; border-radius: .4rem; line-height: 1.6; }
#rg-premium-mock .rg-portal-integrations .rg-integration-guide { grid-template-columns: minmax(0, 1fr); padding: 1.25rem 0; gap: 1.25rem; }
#rg-premium-mock .rg-portal-integrations .rg-integration-guide article { padding: 1.5rem; border-radius: .9rem; }
#rg-premium-mock .rg-portal-integrations .rg-integration-guide h2 { font-size: 1.35rem; }
#rg-premium-mock .rg-publisher-main .rg-integration-guide a.rg-plugin-download { display: inline-flex; padding: .85rem 1.1rem; border-radius: .65rem; background: #6236d4; color: #fff; font-weight: 700; text-decoration: none; }
#rg-premium-mock .rg-integration-code { margin: 1.25rem 0; min-width: 0; }
#rg-premium-mock .rg-integration-code header { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; align-items: center; }
#rg-premium-mock .rg-integration-code button { font-size: .8rem; padding: .5rem .85rem; min-height: 44px; }
#rg-premium-mock .rg-integration-code button[hidden] { display: none; }
#rg-premium-mock .rg-integration-code button:disabled { opacity: .65; }
#rg-premium-mock .rg-plan-intent { padding: 1.1rem 1.3rem; background: #f1ebff; border: 1px solid #c8b4ff; border-radius: 1rem; color: #282039; }
#rg-premium-mock .rg-plan-intent h2 { margin-top: 0; }
#rg-premium-mock .rg-integration-code [role="status"] { min-height: 1.4em; font-size: .85rem; }
@media (max-width: 760px) {
    #rg-premium-mock .rg-integration-connection, #rg-premium-mock .rg-integration-connection dl { grid-template-columns: minmax(0, 1fr); }
    #rg-premium-mock .rg-integration-tabs a { flex: 1 1 auto; text-align: center; padding: .7rem .6rem; font-size: .9rem; }
    #rg-premium-mock .rg-integration-connection, #rg-premium-mock .rg-portal-integrations .rg-integration-guide article { padding: 1.1rem; }
}