:root {
    --pr-bg: #030608;
    --pr-bg-soft: #07100f;
    --pr-panel: rgba(18, 25, 29, 0.82);
    --pr-panel-strong: rgba(21, 29, 35, 0.96);
    --pr-line: rgba(255, 255, 255, 0.13);
    --pr-line-strong: rgba(255, 255, 255, 0.2);
    --pr-text: #f7faf7;
    --pr-muted: rgba(238, 246, 240, 0.66);
    --pr-dim: rgba(238, 246, 240, 0.46);
    --pr-green: #88f76c;
    --pr-green-deep: #42d85e;
    --pr-blue: #4b88ff;
    --pr-cyan: #28d7ff;
    --pr-purple: #986cff;
    --pr-amber: #ffd159;
    --pr-coral: #ff6b68;
    --pr-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);
}

/* Launch readiness: security, consent and legal surfaces. */
.pr-field-link {
    float: right;
    color: #0b9cb2;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.pr-auth-consent-list {
    display: grid;
    gap: 10px;
    margin: 2px 0 6px;
}

.pr-consent-row {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 13px 14px;
    border: 1px solid #cad8da;
    background: #f7faf9;
    color: #203237;
    font-size: 13px;
    line-height: 1.5;
}

.pr-consent-row input {
    width: 17px !important;
    height: 17px;
    margin: 2px 0 0;
    accent-color: #10a86a;
}

.pr-consent-row a,
.pr-legal-page a {
    color: #087f94;
    font-weight: 800;
}

.pr-consent-row-optional {
    border-style: dashed;
}

.pr-turnstile-bridge {
    min-height: 78px;
    padding: 6px 0;
    color: #5d7176;
}

.pr-turnstile-bridge-frame {
    display: block;
    width: 100%;
    max-width: 320px;
    height: 70px;
    border: 0;
    background: transparent;
}

.pr-turnstile-bridge-status {
    margin-top: 3px;
    font-size: 11px;
    font-weight: 700;
}

.pr-turnstile-bridge[data-pr-turnstile-state="complete"] .pr-turnstile-bridge-status {
    color: #087f54;
}

.pr-turnstile-bridge[data-pr-turnstile-state="required"] .pr-turnstile-bridge-status,
.pr-turnstile-bridge[data-pr-turnstile-state="expired"] .pr-turnstile-bridge-status {
    color: #b43b34;
}

.pr-inline-email-form .pr-turnstile-bridge,
.pr-email-verification .pr-turnstile-bridge {
    grid-column: 1 / -1;
    width: 100%;
}

.pr-recovery-heading {
    margin-bottom: 28px;
}

.pr-recovery-state {
    max-width: 720px;
    padding: 32px;
    border: 1px solid #cbd9db;
    border-left: 5px solid #18cde3;
    background: #ffffff;
    color: #122328;
}

.pr-recovery-state > span {
    color: #0c96aa;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-recovery-state h2 {
    margin: 10px 0 12px;
    font-size: clamp(25px, 4vw, 42px);
    line-height: 1.06;
}

.pr-recovery-state p {
    max-width: 600px;
    color: #53666b;
    line-height: 1.7;
}

.pr-unsubscribe-form {
    align-self: center;
}

.pr-legal-footer {
    border-top: 1px solid #d9e2e2;
    background: #f5f8f7;
    color: #34484d;
}

.pr-legal-footer-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 28px;
    align-items: center;
    width: min(1480px, calc(100% - 48px));
    margin: 0 auto;
    padding: 28px 0;
}

.pr-legal-footer-brand {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: #07171b;
    font-weight: 950;
    text-decoration: none;
}

.pr-legal-footer-brand img {
    width: 28px;
    height: 28px;
}

.pr-legal-footer-brand span span {
    color: #10aeca;
}

.pr-legal-footer p {
    margin: 0;
    color: #65777b;
    font-size: 13px;
}

.pr-legal-footer nav {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: flex-end;
}

.pr-legal-footer nav a {
    color: #263a3f;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.pr-legal-hero {
    min-height: 470px;
    padding: 0 max(24px, 5vw) 70px;
    background: #eef5f3;
    color: #07171b;
}

.pr-legal-hero .pr-header {
    border-bottom-color: #cfdddc;
}

.pr-legal-hero .pr-brand-name,
.pr-legal-hero .pr-nav a,
.pr-legal-hero .pr-login {
    color: #07171b;
}

.pr-legal-hero .pr-brand-name > span {
    color: #10aeca;
}

.pr-legal-hero > div {
    width: min(980px, 100%);
    margin: 88px auto 0;
}

.pr-legal-hero > div > span,
.pr-legal-hero small {
    color: #087f94;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-legal-hero h1 {
    max-width: 900px;
    margin: 16px 0 20px;
    font-size: clamp(42px, 7vw, 82px);
    line-height: 0.98;
}

.pr-legal-hero p {
    max-width: 760px;
    margin: 0 0 20px;
    color: #455b60;
    font-size: 19px;
    line-height: 1.65;
}

.pr-legal-layout {
    display: grid;
    grid-template-columns: 230px minmax(0, 820px);
    gap: clamp(42px, 8vw, 120px);
    justify-content: center;
    padding: 88px max(24px, 5vw) 120px;
    background: #ffffff;
    color: #172a2f;
}

.pr-legal-layout aside {
    position: sticky;
    top: 24px;
    align-self: start;
    display: grid;
    gap: 12px;
    padding-top: 6px;
}

.pr-legal-layout aside strong {
    margin-bottom: 6px;
    color: #07171b;
    font-size: 13px;
    text-transform: uppercase;
}

.pr-legal-layout aside a {
    color: #607378;
    font-size: 14px;
    text-decoration: none;
}

.pr-legal-layout article {
    display: grid;
    gap: 0;
}

.pr-legal-layout article section {
    padding: 0 0 48px;
    margin: 0 0 48px;
    border-bottom: 1px solid #dce5e4;
}

.pr-legal-layout article section > span {
    color: #0a9ab0;
    font-size: 12px;
    font-weight: 900;
}

.pr-legal-layout h2 {
    margin: 9px 0 14px;
    color: #07171b;
    font-size: 30px;
}

.pr-legal-layout p {
    margin: 0 0 14px;
    color: #4a6065;
    font-size: 16px;
    line-height: 1.75;
}

@media (max-width: 820px) {
    .pr-legal-footer-inner,
    .pr-legal-layout {
        grid-template-columns: 1fr;
    }

    .pr-legal-footer-inner {
        gap: 14px;
    }

    .pr-legal-footer nav {
        justify-content: flex-start;
    }

    .pr-legal-hero {
        min-height: 390px;
        padding-inline: 20px;
    }

    .pr-legal-hero > div {
        margin-top: 55px;
    }

    .pr-legal-layout {
        gap: 48px;
        padding: 60px 20px 80px;
    }

    .pr-legal-layout aside {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-legal-layout aside strong {
        grid-column: 1 / -1;
    }
}

/* Articles */
.prereg-index.pr-articles-page,
.prereg-index.pr-article-page {
    min-height: 100vh;
    background: #f4f7f5;
    color: #0a1717;
}

.pr-articles-hero {
    min-height: 610px;
    padding: 28px max(34px, calc((100vw - 1532px) / 2));
    background: #071416;
    color: #ffffff;
    border-bottom: 8px solid #88f76c;
}

.pr-articles-hero .pr-header {
    margin-bottom: 86px;
}

.pr-articles-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
    align-items: end;
    gap: 90px;
    padding: 70px 0 82px;
}

.pr-articles-kicker,
.pr-articles-library-head > div > span,
.pr-articles-cta > div > span,
.pr-article-side > span,
.pr-article-sources > span {
    color: #55dff0;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0;
}

.pr-articles-hero h1 {
    max-width: 920px;
    margin: 18px 0 24px;
    color: #ffffff;
    font-size: 5.6rem;
    line-height: 0.98;
    letter-spacing: 0;
}

.pr-articles-hero-inner > div > p {
    max-width: 760px;
    margin: 0;
    color: #bed0cf;
    font-size: 1.2rem;
    line-height: 1.65;
}

.pr-articles-hero aside {
    padding: 26px 0 4px 28px;
    border-left: 3px solid #ffcf56;
}

.pr-articles-hero aside strong {
    display: block;
    font-size: 1.35rem;
    line-height: 1.3;
}

.pr-articles-hero aside p {
    margin: 12px 0 0;
    color: #a9bcbb;
    line-height: 1.6;
}

.pr-articles-library {
    width: min(100% - 68px, 1532px);
    margin: 0 auto;
    padding: 86px 0 110px;
}

.pr-articles-library-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}

.pr-articles-library-head h2 {
    margin: 8px 0 0;
    color: #0a1717;
    font-size: 2.65rem;
}

.pr-article-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.pr-article-categories a {
    padding: 9px 12px;
    border: 1px solid #cad6d2;
    border-radius: 5px;
    background: #ffffff;
    color: #344744;
    font-size: 0.78rem;
    font-weight: 800;
}

.pr-article-categories a:hover,
.pr-article-categories a.is-selected {
    border-color: #071416;
    background: #071416;
    color: #ffffff;
}

.pr-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.pr-article-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d7e0dd;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 20, 22, 0.06);
}

.pr-article-card-featured {
    grid-column: span 2;
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
}

.pr-article-card-featured.pr-article-card-no-media {
    grid-template-columns: 1fr;
}

.pr-article-card-media {
    display: block;
    min-height: 238px;
    overflow: hidden;
    background: #dce9e6;
}

.pr-article-card-featured .pr-article-card-media {
    min-height: 100%;
}

.pr-article-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 238px;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.pr-article-card:hover .pr-article-card-media img {
    transform: scale(1.025);
}

.pr-article-card > div {
    display: flex;
    min-height: 280px;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
}

.pr-article-card > div > span,
.pr-article-meta {
    color: #52706a;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pr-article-card h2 {
    margin: 13px 0 12px;
    color: #0a1717;
    font-size: 1.55rem;
    line-height: 1.18;
}

.pr-article-card-featured h2 {
    font-size: 2rem;
}

.pr-article-card h2 a {
    color: inherit;
}

.pr-article-card p {
    margin: 0 0 24px;
    color: #52635f;
    line-height: 1.65;
}

.pr-article-read {
    margin-top: auto;
    color: #087a67;
    font-weight: 850;
}

.pr-article-empty {
    grid-column: 1 / -1;
    padding: 58px;
    border: 1px dashed #adc2bc;
    background: #ffffff;
}

.pr-article-empty span {
    color: #087a67;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-article-empty h2 {
    margin: 10px 0;
    color: #0a1717;
}

.pr-articles-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 70px max(34px, calc((100vw - 1532px) / 2));
    background: #dff9f4;
    border-top: 1px solid #c2e3dc;
}

.pr-articles-cta h2 {
    max-width: 880px;
    margin: 10px 0 0;
    color: #0a1717;
    font-size: 2.4rem;
    line-height: 1.15;
}

.pr-article-header-wrap {
    padding: 28px max(34px, calc((100vw - 1532px) / 2));
    background: #071416;
}

.pr-article-detail {
    width: min(100% - 68px, 1180px);
    margin: 0 auto;
    padding: 74px 0 110px;
}

.pr-article-back {
    color: #087a67;
    font-weight: 850;
}

.pr-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 46px;
}

.pr-article-detail-head h1 {
    max-width: 1030px;
    margin: 18px 0;
    color: #071416;
    font-size: 5.2rem;
    line-height: 1.02;
    letter-spacing: 0;
}

.pr-article-detail-head > p {
    max-width: 820px;
    margin: 0;
    color: #50635f;
    font-size: 1.22rem;
    line-height: 1.65;
}

.pr-article-hero-image {
    margin: 54px 0 64px;
}

.pr-article-hero-image img {
    display: block;
    width: 100%;
    max-height: 650px;
    object-fit: cover;
    border-radius: 7px;
}

.pr-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
    gap: 90px;
}

.pr-article-copy {
    color: #243633;
    font-size: 1.08rem;
    line-height: 1.78;
}

.pr-article-copy h2 {
    margin: 54px 0 17px;
    color: #071416;
    font-size: 2.1rem;
    line-height: 1.18;
}

.pr-article-copy h3 {
    margin: 38px 0 13px;
    color: #071416;
    font-size: 1.45rem;
}

.pr-article-copy p {
    margin: 0 0 22px;
}

.pr-article-copy ul {
    margin: 8px 0 28px;
    padding-left: 23px;
}

.pr-article-copy li {
    margin: 9px 0;
}

.pr-article-tip {
    margin: 36px 0;
    padding: 23px 25px;
    border-left: 5px solid #88f76c;
    background: #e7f8f2;
}

.pr-article-tip strong {
    color: #087a67;
}

.pr-article-tip p {
    margin: 7px 0 0;
}

.pr-article-inline-image {
    margin: 38px 0;
}

.pr-article-inline-image img {
    display: block;
    width: 100%;
    border-radius: 7px;
}

.pr-article-side {
    position: sticky;
    top: 24px;
    padding: 28px;
    border-top: 5px solid #ffcf56;
    background: #071416;
    color: #ffffff;
}

.pr-article-side h2 {
    margin: 12px 0;
    color: #ffffff;
    font-size: 1.65rem;
}

.pr-article-side p {
    color: #aec0bd;
    line-height: 1.55;
}

.pr-article-side a {
    display: inline-block;
    margin-top: 12px;
    color: #88f76c;
    font-weight: 850;
}

.pr-article-sources {
    max-width: 760px;
    margin-top: 56px;
    padding-top: 26px;
    border-top: 1px solid #cbd8d4;
}

.pr-article-sources ul {
    margin: 12px 0 0;
    padding-left: 20px;
}

.pr-article-sources a {
    color: #087a67;
    font-weight: 750;
}

.pr-article-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 72px;
    padding: 32px 0;
    border-top: 2px solid #071416;
}

.pr-article-footer a {
    color: #087a67;
    font-weight: 850;
}

/* Protected article editor */
.pr-article-admin-title-actions,
.pr-article-submit-row > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pr-admin-article-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 22px;
    padding: 28px 30px;
    border: 1px solid rgba(85, 223, 240, 0.24);
    background: rgba(85, 223, 240, 0.045);
}

.pr-admin-article-callout > div > span {
    color: var(--pr-cyan);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-admin-article-callout h2 {
    margin: 7px 0;
    color: #ffffff;
    font-size: 1.55rem;
}

.pr-admin-article-callout p {
    margin: 0;
    color: var(--pr-muted);
}

.pr-article-admin-list {
    margin: 8px 0 22px;
}

.pr-article-status {
    display: inline-flex;
    padding: 5px 8px;
    border: 1px solid var(--pr-line);
    border-radius: 4px;
    color: #d4dfdc;
    font-size: 0.72rem;
    font-weight: 850;
}

.pr-article-status-published {
    border-color: rgba(136, 247, 108, 0.4);
    color: var(--pr-green);
}

.pr-article-status-scheduled {
    border-color: rgba(85, 223, 240, 0.4);
    color: var(--pr-cyan);
}

.pr-article-editor {
    margin-bottom: 70px;
}

.pr-article-editor .pr-form-head-spaced {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.pr-article-slug-field {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--pr-line);
    border-radius: 6px;
    background: #080f12;
}

.pr-article-slug-field b {
    padding-left: 14px;
    color: var(--pr-cyan);
    font-size: 0.85rem;
}

.pr-article-slug-field input {
    border: 0 !important;
    background: transparent !important;
}

.pr-article-check {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
}

.pr-article-check input {
    width: 18px;
    height: 18px;
}

.pr-article-check i {
    color: var(--pr-muted);
    font-size: 0.85rem;
    font-style: normal;
}

.pr-article-body-help {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 14px;
}

.pr-article-body-help span {
    display: block;
    color: var(--pr-green);
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-article-body-help strong {
    display: block;
    margin-top: 5px;
}

.pr-article-body-help p {
    max-width: 580px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.84rem;
}

.pr-article-body-input {
    min-height: 460px;
    line-height: 1.55;
}

.pr-article-upload-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 20px;
}

.pr-article-upload {
    padding: 18px;
    border: 1px solid var(--pr-line);
    background: rgba(255, 255, 255, 0.02);
}

.pr-article-upload input + input {
    margin-top: 10px;
}

.pr-article-upload-preview {
    display: grid;
    grid-template-columns: 84px 1fr;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.pr-article-upload-preview img {
    width: 84px;
    height: 58px;
    border-radius: 4px;
    object-fit: cover;
}

.pr-article-upload-preview span {
    color: var(--pr-cyan);
}

.pr-article-publish-note {
    margin: 13px 0 0;
    color: var(--pr-muted);
}

.pr-danger-button {
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(255, 111, 105, 0.55);
    border-radius: 6px;
    background: transparent;
    color: #ff8d88;
    font-weight: 800;
    cursor: pointer;
}

.pr-danger-button:hover {
    background: rgba(255, 111, 105, 0.08);
}

.pr-admin-metrics {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.pr-admin-metrics article:nth-child(8) strong {
    color: #ffcf56;
}

.pr-header-workspace .pr-nav {
    gap: 18px;
    font-size: 0.88rem;
}

@media (max-width: 1100px) {
    .pr-articles-hero-inner,
    .pr-article-layout {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .pr-article-side {
        position: static;
    }

    .pr-article-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-article-card-featured {
        grid-column: 1 / -1;
    }

    .pr-articles-library-head,
    .pr-article-body-help {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-article-categories {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .pr-articles-hero {
        min-height: 0;
        padding: 22px 18px;
    }

    .pr-articles-hero .pr-header {
        margin-bottom: 35px;
    }

    .pr-articles-hero-inner {
        padding: 35px 0 54px;
    }

    .pr-articles-hero h1 {
        font-size: 2.65rem;
    }

    .pr-articles-library,
    .pr-article-detail {
        width: min(100% - 36px, 1180px);
        padding: 56px 0 72px;
    }

    .pr-article-grid,
    .pr-article-card-featured,
    .pr-article-upload-grid {
        grid-template-columns: 1fr;
    }

    .pr-article-card-featured {
        display: flex;
    }

    .pr-articles-library-head h2,
    .pr-articles-cta h2 {
        font-size: 2rem;
    }

    .pr-articles-cta,
    .pr-article-footer,
    .pr-admin-article-callout,
    .pr-article-editor .pr-form-head-spaced,
    .pr-article-submit-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-articles-cta {
        padding: 50px 18px;
    }

    .pr-article-header-wrap {
        padding: 22px 18px;
    }

    .pr-article-detail-head h1 {
        font-size: 2.65rem;
    }

    .pr-article-hero-image {
        margin: 38px 0 42px;
    }

    .pr-article-admin-title-actions,
    .pr-article-submit-row > div {
        width: 100%;
        flex-wrap: wrap;
    }

    .pr-admin-metrics {
        grid-template-columns: 1fr;
    }
}

/* Database-backed template catalogue */
.pr-template-browser,
.pr-public-template-browser {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.pr-template-universe-note {
    display: grid;
    gap: 5px;
    padding: 15px 17px;
    border-left: 3px solid var(--pr-cyan);
    background: rgba(40, 215, 255, 0.065);
}

.pr-template-universe-note span {
    color: var(--pr-cyan);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-universe-note strong {
    color: #e8f1ee;
    font-size: 0.88rem;
    line-height: 1.45;
}

.pr-template-browser-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.pr-template-browser-toolbar label {
    display: grid;
    gap: 7px;
    width: min(100%, 300px);
}

.pr-template-browser-toolbar label > span {
    color: var(--pr-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-template-browser-toolbar select {
    min-height: 44px;
}

.pr-template-browser-controls {
    display: flex;
    gap: 8px;
}

.pr-template-browser-controls button {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: #11191e;
    color: #ffffff;
    font-size: 1.15rem;
    cursor: pointer;
}

.pr-template-browser-controls button:hover:not(:disabled),
.pr-template-browser-controls button:focus-visible {
    border-color: var(--pr-cyan);
    color: var(--pr-cyan);
}

.pr-template-browser-controls button:disabled {
    opacity: 0.32;
    cursor: default;
}

.pr-creation-page .pr-template-picker.pr-template-track,
.pr-campaign-template-editor .pr-template-picker.pr-template-track {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, 31%);
    gap: 14px;
    max-width: 100%;
    padding: 4px 2px 18px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-color: var(--pr-green) #11191e;
}

.pr-template-track [data-pr-template-option] {
    scroll-snap-align: start;
}

.pr-campaign-template-form .pr-template-picker input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.pr-campaign-template-editor .pr-template-picker label > .pr-template-option-frame {
    position: relative;
    display: grid;
    min-height: 238px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0a1115;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.pr-campaign-template-form .pr-template-picker input:focus-visible + .pr-template-option-frame {
    outline: 3px solid rgba(40, 215, 255, 0.28);
    outline-offset: 3px;
}

.pr-campaign-template-form .pr-template-picker input:checked + .pr-template-option-frame {
    border-color: var(--pr-green);
    box-shadow: 0 0 0 2px rgba(136, 247, 108, 0.12), 0 18px 35px rgba(0, 0, 0, 0.22);
}

.pr-campaign-template-form .pr-template-picker input:checked + .pr-template-option-frame .pr-template-selected {
    border-color: rgba(136, 247, 108, 0.5);
    background: rgba(136, 247, 108, 0.12);
    color: var(--pr-green);
}

.pr-template-track [data-pr-template-option][hidden],
.pr-public-template-track [data-pr-template-option][hidden] {
    display: none !important;
}

.pr-template-option-copy em {
    display: block;
    margin-top: 10px;
    color: var(--pr-green);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-option-copy .pr-template-universal {
    display: inline-flex;
    width: fit-content;
    margin-top: 10px;
    padding: 4px 7px;
    border: 1px solid rgba(40, 215, 255, 0.28);
    border-radius: 4px;
    color: #9eeaf3;
    font-size: 0.64rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-template-browser-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.78rem;
}

.pr-template-browser-count strong {
    color: var(--pr-green);
}

.pr-template-feature-summary {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.pr-template-feature-summary span {
    flex: 0 0 auto;
    color: var(--pr-cyan);
    font-weight: 850;
    text-transform: uppercase;
}

.pr-template-feature-summary strong {
    color: #d9e4df;
    font-weight: 650;
}

.pr-campaign-template-editor {
    display: grid;
    gap: 22px;
    padding: 34px 0;
    border-top: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-campaign-template-form {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.pr-campaign-template-form input,
.pr-campaign-template-form select {
    width: 100%;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 6px;
    background: #11191e;
    color: #ffffff;
}

.pr-campaign-template-form label > span {
    display: block;
    margin-bottom: 7px;
    color: #dce5e1;
    font-size: 0.78rem;
    font-weight: 800;
}

.pr-campaign-template-save {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.pr-campaign-template-save p {
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.82rem;
}

.pr-public-template-section {
    display: grid;
    gap: 32px;
    padding: 88px max(24px, calc((100vw - 1180px) / 2));
    background: #f3f7f5;
    color: #07110d;
}

.pr-template-universe-band {
    display: grid;
    gap: 38px;
    padding: 88px max(24px, calc((100vw - 1180px) / 2));
    background: #07110d;
    color: #ffffff;
}

.pr-template-universe-intro {
    display: grid;
    max-width: 850px;
    gap: 13px;
}

.pr-template-universe-intro > span {
    color: #88f76c;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-universe-intro h2,
.pr-template-universe-intro p,
.pr-template-family-grid h3,
.pr-template-family-grid p {
    margin: 0;
}

.pr-template-universe-intro h2 {
    max-width: 820px;
    font-size: 2.65rem;
    line-height: 1.05;
}

.pr-template-universe-intro p {
    max-width: 760px;
    color: #b7c8c2;
    line-height: 1.65;
}

.pr-template-family-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.pr-template-family-grid article {
    min-width: 0;
    padding: 26px 22px 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.pr-template-family-grid article:last-child {
    border-right: 0;
}

.pr-template-family-grid article > span {
    color: #28d7ff;
    font-size: 0.72rem;
    font-weight: 900;
}

.pr-template-family-grid h3 {
    margin-top: 28px;
    font-size: 1.12rem;
}

.pr-template-family-grid p {
    margin-top: 9px;
    color: #aebfba;
    font-size: 0.84rem;
    line-height: 1.58;
}

.pr-home-template-families {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 30px 0 22px;
    border-top: 1px solid #cfdad5;
    border-bottom: 1px solid #cfdad5;
}

.pr-home-template-families span {
    padding: 15px 12px;
    border-right: 1px solid #cfdad5;
    color: #087c6d;
    font-size: 0.75rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.pr-home-template-families span:last-child {
    border-right: 0;
}

.pr-public-template-section > .pr-light-button {
    justify-self: start;
}

.pr-public-template-section .pr-template-browser-toolbar label > span {
    color: #53635c;
}

.pr-public-template-section .pr-template-browser-toolbar select {
    border: 1px solid #cbd6d1;
    border-radius: 6px;
    background: #ffffff;
    color: #07110d;
}

.pr-public-template-section .pr-template-browser-controls button {
    border-color: #cbd6d1;
    background: #ffffff;
    color: #07110d;
}

.pr-public-template-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, 31%);
    gap: 16px;
    padding: 2px 2px 18px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-color: #10a891 #dbe5e0;
}

.pr-public-template-card {
    display: grid;
    min-height: 360px;
    overflow: hidden;
    border: 1px solid #ccd8d2;
    border-radius: 7px;
    background: #ffffff;
    scroll-snap-align: start;
}

.pr-public-template-card > img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: top center;
}

.pr-public-template-card > div {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 18px;
}

.pr-public-template-card span,
.pr-public-template-card strong {
    color: #087c6d;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-public-template-card h3,
.pr-public-template-card p {
    margin: 0;
}

.pr-public-template-card h3 {
    font-size: 1.25rem;
}

.pr-public-template-card p {
    color: #53635c;
    font-size: 0.86rem;
    line-height: 1.55;
}

.pr-public-template-section .pr-template-browser-count {
    color: #53635c;
}

.pr-public-template-section .pr-template-browser-count strong {
    color: #087c6d;
}

@media (max-width: 760px) {
    .pr-template-browser-toolbar,
    .pr-template-browser-count,
    .pr-campaign-template-save {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-template-browser-controls {
        align-self: flex-end;
    }

    .pr-template-family-grid,
    .pr-home-template-families {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-template-family-grid article:nth-child(2),
    .pr-home-template-families span:nth-child(2) {
        border-right: 0;
    }

    .pr-template-universe-intro h2 {
        font-size: 2.05rem;
    }

    .pr-creation-page .pr-template-picker.pr-template-track,
    .pr-campaign-template-editor .pr-template-picker.pr-template-track,
    .pr-public-template-track {
        grid-auto-columns: min(84vw, 300px);
    }

    .pr-template-feature-summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .pr-public-template-section {
        padding: 64px 20px;
    }
}

/* Bright public homepage and role-specific settings. */
.prereg-index.pr-home-light {
    min-height: 100vh;
    overflow: hidden;
    background: #f5f8f7;
    color: #071116;
}

.pr-home-light .pr-header {
    position: relative;
    z-index: 5;
    border-bottom: 1px solid #dce5e2;
    background: rgba(255, 255, 255, 0.96);
    padding: 0 16px;
}

.pr-home-light .pr-header:not(.pr-header-workspace) .pr-nav { gap: 18px; font-size: 0.88rem; }
.pr-home-light .pr-header:not(.pr-header-workspace) .pr-header-actions { gap: 10px; }
.pr-home-light .pr-header .pr-brand-name { font-size: 1.35rem; }

.pr-home-light .pr-brand-name,
.pr-home-light .pr-nav a,
.pr-home-light .pr-login {
    color: #071116;
}

.pr-home-light .pr-nav a:hover,
.pr-home-light .pr-login:hover {
    color: #008ca5;
}

.pr-home-light .pr-header .pr-button {
    background: #071116;
    color: #ffffff;
    box-shadow: none;
}

.pr-light-hero {
    position: relative;
    min-height: min(860px, 94vh);
    background: #ffffff url("../images/template-previews/signal.png") center top / cover no-repeat;
}

.pr-light-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.92);
}

.pr-light-hero-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100% - 40px, 1040px);
    margin: 0 auto;
    padding: clamp(90px, 13vh, 150px) 0 100px;
    text-align: center;
}

.pr-light-kicker,
.pr-light-section-head > span,
.pr-audience-copy > span,
.pr-home-final > span,
.pr-settings-hero > div > span,
.pr-settings-group-head > span {
    color: #008ca5;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-light-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 11px;
    border: 1px solid #bedde2;
    border-radius: 6px;
    background: #ffffff;
}

.pr-light-kicker > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #68dd53;
    box-shadow: 0 0 0 4px rgba(104, 221, 83, 0.16);
}

.pr-light-hero h1 {
    margin: 36px 0 12px;
    color: #071116;
    font-size: 5rem;
    line-height: 0.98;
    letter-spacing: 0;
}

.pr-light-headline {
    max-width: 980px;
    margin: 0;
    color: #071116;
    font-size: 4.25rem;
    font-weight: 900;
    line-height: 1.04;
}

.pr-light-intro {
    max-width: 790px;
    margin: 27px auto 0;
    color: #4f605c;
    font-size: 1.12rem;
    line-height: 1.65;
}

.pr-light-hero-actions,
.pr-home-final > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 34px;
}

.pr-light-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 56px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.9rem;
    font-weight: 900;
}

.pr-home-light a.pr-light-button-dark { background: #071116; color: #ffffff; }
.pr-light-button-cyan { background: #18cde3; color: #03242a; }
.pr-light-button-green { background: #83ee68; color: #0b230b; }
.pr-home-light a.pr-light-button-white { border-color: #ffffff; background: #ffffff; color: #071116; }
.pr-light-button:hover { transform: translateY(-2px); }

.pr-light-proof {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-top: 30px;
    color: #667672;
    font-size: 0.8rem;
    font-weight: 800;
}

.pr-light-proof span::before {
    content: "\2713";
    margin-right: 7px;
    color: #42b52e;
}

.pr-light-next {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 56px;
    border-top: 1px solid #dce5e2;
    background: rgba(255, 255, 255, 0.94);
    color: #41514d;
    font-size: 0.76rem;
    font-weight: 850;
}

.pr-audience-section,
.pr-home-media,
.pr-home-numbers,
.pr-home-product {
    width: min(100% - 40px, 1260px);
    margin: 0 auto;
    padding: 110px 0;
}

.pr-light-section-head {
    max-width: 820px;
    margin-bottom: 46px;
}

.pr-light-section-head h2 {
    margin: 12px 0 14px;
    color: #071116;
    font-size: 4.15rem;
    line-height: 1.04;
}

.pr-light-section-head p {
    max-width: 720px;
    margin: 0;
    color: #5e6e69;
    font-size: 1.02rem;
    line-height: 1.65;
}

.pr-audience-band {
    display: grid;
    grid-template-columns: 70px minmax(360px, 1fr) minmax(300px, 0.68fr);
    gap: 38px;
    align-items: center;
    min-height: 500px;
    margin-top: 22px;
    padding: 54px;
    border: 1px solid #d8e2df;
    border-radius: 8px;
}

.pr-home-light .pr-audience-business { background: #081116; color: #ffffff; }
.pr-home-light .pr-audience-member { background: #e9fbfd; color: #071116; }
.pr-home-light .pr-audience-band .pr-audience-copy h2 { color: inherit; font-size: 3.7rem; }
.pr-home-light .pr-audience-member .pr-audience-copy p,
.pr-home-light .pr-audience-member .pr-member-ticket > p { color: #4f625d; }
.pr-audience-index { align-self: start; color: #18cde3; font-size: 0.75rem; font-weight: 900; }
.pr-audience-copy h2 { max-width: 720px; margin: 13px 0 18px; color: inherit; font-size: 3.7rem; line-height: 1.06; }
.pr-audience-copy p { max-width: 700px; margin: 0; color: #aebbb7; font-size: 1.04rem; line-height: 1.64; }
.pr-audience-member .pr-audience-copy p { color: #4f625d; }
.pr-audience-copy ul { display: grid; gap: 10px; margin: 26px 0 30px; padding: 0; list-style: none; }
.pr-audience-copy li { font-size: 0.88rem; font-weight: 800; }
.pr-audience-copy li::before { content: "+"; margin-right: 9px; color: #83ee68; }
.pr-audience-member .pr-audience-copy li::before { color: #008ca5; }

.pr-audience-visual,
.pr-member-ticket {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: #101c22;
}

.pr-mini-signal { display: grid; gap: 5px; }
.pr-mini-signal span { color: #8c9c97; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; }
.pr-mini-signal strong { font-size: 3.7rem; line-height: 1; }
.pr-mini-signal small { color: #c0cbc8; }
.pr-mini-chart { display: flex; align-items: end; gap: 8px; height: 125px; margin: 30px 0; border-bottom: 1px solid #334148; }
.pr-mini-chart i { flex: 1; height: 30%; background: #18cde3; }
.pr-mini-chart i:nth-child(2) { height: 42%; }.pr-mini-chart i:nth-child(3) { height: 38%; }.pr-mini-chart i:nth-child(4) { height: 61%; }.pr-mini-chart i:nth-child(5) { height: 72%; }.pr-mini-chart i:nth-child(6) { height: 88%; background: #83ee68; }
.pr-mini-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pr-mini-proof span { display: grid; gap: 3px; color: #9caaa6; font-size: 0.7rem; }.pr-mini-proof b { color: #ffffff; font-size: 1.35rem; }

.pr-member-ticket { position: relative; background: #ffffff; color: #071116; box-shadow: 0 25px 55px rgba(20, 70, 78, 0.12); }
.pr-member-ticket > span { color: #008ca5; font-size: 0.72rem; font-weight: 900; text-transform: uppercase; }
.pr-member-ticket > strong { display: block; margin: 14px 0; font-size: 2.25rem; }
.pr-member-ticket > p { color: #52635f; line-height: 1.55; }
.pr-member-ticket > div { display: flex; align-items: baseline; gap: 8px; margin: 36px 0; }.pr-member-ticket > div b { font-size: 3.3rem; }.pr-member-ticket > div small { color: #687873; }
.pr-member-ticket > i { display: block; padding-top: 16px; border-top: 1px solid #dce5e2; color: #38a62b; font-size: 0.75rem; font-style: normal; font-weight: 900; }

.pr-home-stories {
    width: min(100% - 40px, 1260px);
    margin: 0 auto;
    padding: 20px 0 60px;
}

.pr-story-feature {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
    overflow: hidden;
    border-radius: 8px;
    background: #071116;
    color: #ffffff;
}

.pr-story-feature figure,
.pr-story-card figure { margin: 0; overflow: hidden; background: #dce5e2; }
.pr-story-feature figure { min-height: 520px; }
.pr-story-feature img,
.pr-story-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pr-story-feature img { min-height: 520px; }
.pr-story-feature-copy { display: flex; flex-direction: column; justify-content: center; padding: 46px; }
.pr-story-feature-copy > span,
.pr-story-card > div > span { color: #18cde3; font-size: 0.72rem; font-weight: 900; text-transform: uppercase; }
.pr-story-feature-copy h3 { margin: 15px 0 18px; color: #ffffff; font-size: 3rem; line-height: 1.06; }
.pr-story-feature-copy > p { margin: 0; color: #afbfba; font-size: 0.98rem; line-height: 1.65; }
.pr-story-signals { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.pr-story-signals span { padding: 8px 10px; border: 1px solid #344248; border-radius: 5px; color: #dce8e4; font-size: 0.7rem; font-weight: 850; }
.pr-story-signals span::before { content: "\2713"; margin-right: 6px; color: #83ee68; }

.pr-story-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.pr-story-card { overflow: hidden; border: 1px solid #d5dfdc; border-radius: 8px; background: #ffffff; }
.pr-story-grid > .pr-story-card { grid-column: span 2; }
.pr-story-grid > .pr-story-card:nth-last-child(-n + 2) { grid-column: span 3; }
.pr-story-card figure { aspect-ratio: 3 / 2; }
.pr-story-card > div { min-height: 245px; padding: 24px; border-top: 4px solid #83ee68; }
.pr-story-card.pr-story-member > div { border-top-color: #18cde3; }
.pr-story-card h3 { margin: 22px 0 12px; color: #071116; font-size: 1.45rem; line-height: 1.16; }
.pr-story-card p { margin: 0; color: #5a6a66; font-size: 0.88rem; line-height: 1.58; }

.pr-story-online-intro { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(340px, 0.62fr); gap: 60px; align-items: end; margin: 76px 0 24px; padding-top: 38px; border-top: 1px solid #d5dfdc; }
.pr-story-online-intro span { color: #008ca5; font-size: 0.72rem; font-weight: 900; text-transform: uppercase; }
.pr-story-online-intro h3 { margin: 10px 0 0; color: #071116; font-size: 2.8rem; line-height: 1.06; }
.pr-story-online-intro > p { margin: 0; color: #5a6a66; font-size: 0.94rem; line-height: 1.62; }
.pr-story-online-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pr-story-online-reward { border-color: #83dce7; background: #e9fbfd; box-shadow: 0 22px 50px rgba(0, 140, 165, 0.1); }
.pr-story-online-reward > div { border-top-color: #18cde3; }

.pr-home-media { border-top: 1px solid #dbe4e1; }
.pr-home-stories + .pr-home-media { padding-top: 80px; }
.pr-home-video-stage { position: relative; overflow: hidden; border-radius: 8px; background: #071116; }
.pr-home-video-stage video { display: block; width: 100%; max-height: 690px; aspect-ratio: 16 / 9; object-fit: contain; background: #071116; }
.pr-home-video-caption { position: static; display: flex; justify-content: space-between; gap: 18px; padding: 14px 16px; border-top: 1px solid #26353a; background: #071116; color: #ffffff; }
.pr-home-video-caption span { color: #8da09a; font-size: 0.72rem; font-weight: 850; text-transform: uppercase; }
.pr-home-video-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.pr-home-video-list button { display: grid; min-width: 0; overflow: hidden; padding: 0; border: 1px solid #d7e1de; border-radius: 7px; background: #ffffff; color: #071116; text-align: left; cursor: pointer; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.pr-home-video-list button:hover { border-color: #8ca7a0; transform: translateY(-2px); }
.pr-home-video-list button:focus-visible { outline: 3px solid rgba(24, 205, 227, 0.32); outline-offset: 3px; }
.pr-home-video-thumb { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #071116; }
.pr-home-video-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.pr-home-video-list button:hover .pr-home-video-thumb img { transform: scale(1.025); }
.pr-home-video-thumb > span { position: absolute; top: 9px; left: 9px; display: grid; min-width: 30px; height: 25px; place-items: center; padding: 0 7px; border-radius: 4px; background: rgba(7, 17, 22, 0.88); color: #ffffff; font-size: 0.68rem; font-weight: 900; }
.pr-home-video-thumb > i { position: absolute; right: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); box-shadow: 0 4px 16px rgba(7, 17, 22, 0.2); }
.pr-home-video-thumb > i::after { position: absolute; top: 10px; left: 13px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #071116; content: ""; }
.pr-home-video-copy { display: grid; gap: 6px; align-content: start; min-height: 112px; padding: 15px; }
.pr-home-video-copy strong { font-size: 0.94rem; line-height: 1.25; }
.pr-home-video-copy small { color: #687873; font-size: 0.76rem; line-height: 1.4; }
.pr-home-video-list button.is-active { border-color: #18cde3; box-shadow: inset 0 -4px 0 #18cde3; }
.pr-home-video-list button.is-active .pr-home-video-thumb > i { background: #18cde3; }

.pr-home-numbers { width: 100%; max-width: none; padding-right: max(20px, calc((100% - 1260px) / 2)); padding-left: max(20px, calc((100% - 1260px) / 2)); background: #071116; }
.pr-home-numbers .pr-light-section-head h2 { color: #ffffff; }.pr-home-numbers .pr-light-section-head > span { color: #83ee68; }
.pr-home-number-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #334046; border-left: 1px solid #334046; }
.pr-home-number-grid article { min-height: 235px; padding: 28px; border-right: 1px solid #334046; border-bottom: 1px solid #334046; }
.pr-home-number-grid strong { display: block; color: #83ee68; font-size: 5rem; line-height: 1; }.pr-home-number-grid span { display: block; margin: 13px 0; color: #ffffff; font-weight: 900; }.pr-home-number-grid p { color: #9caca7; font-size: 0.83rem; line-height: 1.5; }

.pr-home-screens { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.pr-home-screens a { overflow: hidden; border: 1px solid #d7e1de; border-radius: 7px; background: #ffffff; color: #071116; }
.pr-home-screens img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: top center; border-bottom: 1px solid #d7e1de; }
.pr-home-screens span { display: block; padding: 14px; font-size: 0.8rem; font-weight: 900; }

.pr-home-final { padding: 110px 30px; background: #18cde3; color: #071116; text-align: center; }
.pr-home-final > span { color: #055966; }.pr-home-final h2 { max-width: 980px; margin: 14px auto; font-size: 5.4rem; line-height: 1.02; }.pr-home-final p { max-width: 700px; margin: 0 auto; color: #124e56; font-size: 1.05rem; }
.pr-home-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 32px max(20px, calc((100% - 1260px) / 2)); background: #ffffff; }
.pr-home-footer .pr-brand-name { color: #071116; }.pr-home-footer nav { display: flex; gap: 24px; }.pr-home-footer nav a { color: #40514c; font-size: 0.8rem; font-weight: 850; }.pr-home-footer > span { color: #73817d; font-size: 0.75rem; text-align: right; }

.pr-role-hero {
    position: relative;
    min-height: 780px;
    overflow: hidden;
    background: #071116;
    color: #ffffff;
}

.pr-role-hero-backdrop {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    opacity: 0.32;
}

.pr-role-business-page .pr-role-hero-backdrop { background-image: url("../images/template-previews/signal.png"); }
.pr-role-member-page .pr-role-hero-backdrop { background-image: url("../images/template-previews/offer.png"); }
.pr-role-hero::after { content: ""; position: absolute; inset: 0; background: rgba(4, 12, 15, 0.72); }
.pr-role-hero .pr-header { position: relative; z-index: 3; }

.pr-role-hero-copy {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1100px);
    margin: 0 auto;
    padding: 118px 0 130px;
    text-align: center;
}

.pr-role-hero-copy > span,
.pr-role-product-band > div > span,
.pr-role-final > span {
    color: #83ee68;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-role-member-page .pr-role-hero-copy > span { color: #34def0; }
.pr-role-hero-copy h1 { max-width: 1020px; margin: 18px auto 24px; color: #ffffff; font-size: 5rem; line-height: 1; }
.pr-role-hero-copy > p { max-width: 770px; margin: 0 auto; color: #d6e2df; font-size: 1.12rem; line-height: 1.65; }
.pr-role-hero .pr-light-proof { color: #d3dfdc; }
.pr-role-hero .pr-light-button-white { border-color: rgba(255, 255, 255, 0.44); background: rgba(255, 255, 255, 0.12); color: #ffffff; }

.pr-role-outcomes {
    width: min(100% - 40px, 1260px);
    margin: 0 auto;
    padding: 110px 0;
}

.pr-role-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #cfdad7; border-left: 1px solid #cfdad7; }
.pr-role-feature-grid article { min-height: 290px; padding: 28px; border-right: 1px solid #cfdad7; border-bottom: 1px solid #cfdad7; background: #ffffff; }
.pr-role-feature-grid strong { color: #008ca5; font-size: 0.75rem; }
.pr-role-feature-grid h3 { margin: 46px 0 14px; color: #071116; font-size: 1.45rem; line-height: 1.15; }
.pr-role-feature-grid p { margin: 0; color: #596a66; font-size: 0.9rem; line-height: 1.6; }

.pr-role-product-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
    gap: 70px;
    align-items: center;
    padding: 100px max(20px, calc((100% - 1260px) / 2));
    background: #071116;
    color: #ffffff;
}

.pr-role-product-band-member { background: #e9fbfd; color: #071116; }
.pr-role-product-image { overflow: hidden; border: 1px solid #344148; border-radius: 8px; background: #101c22; }
.pr-role-product-image img { display: block; width: 100%; aspect-ratio: 16 / 11; object-fit: cover; object-position: top center; }
.pr-role-product-band h2 { margin: 13px 0 24px; color: inherit; font-size: 3.5rem; line-height: 1.05; }
.pr-role-product-band ol { display: grid; gap: 18px; margin: 0; padding-left: 23px; color: #afbfba; }
.pr-role-product-band-member ol { color: #4e625c; }
.pr-role-product-band li { padding-left: 7px; line-height: 1.55; }
.pr-role-product-band li::marker { color: #83ee68; font-weight: 900; }
.pr-role-product-band-member li::marker { color: #008ca5; }
.pr-role-product-band li b { color: inherit; }

.pr-role-final { padding: 110px 24px; background: #83ee68; color: #071116; text-align: center; }
.pr-role-final-member { background: #18cde3; }
.pr-role-final > span { color: #165d18; }
.pr-role-final-member > span { color: #075966; }
.pr-role-final h2 { max-width: 920px; margin: 14px auto; font-size: 4.8rem; line-height: 1.02; }
.pr-role-final p { max-width: 680px; margin: 0 auto 28px; color: #315538; font-size: 1.03rem; line-height: 1.6; }
.pr-role-final-member p { color: #124f57; }

.pr-settings-hero { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 24px; }
.pr-settings-hero h1 { max-width: 820px; margin: 12px 0; }.pr-settings-hero p { max-width: 780px; margin: 0; color: var(--pr-muted); line-height: 1.55; }
.pr-settings-form.pr-app-form { gap: 0; }
.pr-settings-group { display: grid; gap: 17px; padding: 8px 0 32px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.pr-settings-group-head h2 { margin: 7px 0 0; color: #ffffff; font-size: 1.55rem; }
.pr-vat-row { align-items: end; margin-top: 4px; }
.pr-member-workspace-single { grid-template-columns: 1fr; }

.pr-role-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    width: min(100%, 1180px);
    margin: 28px auto 0;
    padding: 15px 18px;
    border: 1px solid rgba(136, 247, 108, 0.28);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.07);
}

.pr-role-switch > div { display: grid; gap: 4px; }
.pr-role-switch > div > span { color: var(--pr-green); font-size: 0.7rem; font-weight: 900; text-transform: uppercase; }
.pr-role-switch > div > strong { color: #ffffff; font-size: 0.88rem; }
.pr-role-switch > a { flex: 0 0 auto; color: var(--pr-cyan); font-size: 0.78rem; font-weight: 850; }
.pr-role-switch-member { border-color: rgba(40, 215, 255, 0.3); background: rgba(40, 215, 255, 0.07); }

@media (max-width: 1020px) {
    .pr-light-hero h1 { font-size: 4rem; }
    .pr-light-headline { font-size: 3.25rem; }
    .pr-audience-band { grid-template-columns: 46px 1fr; }
    .pr-audience-visual, .pr-member-ticket { grid-column: 2; }
    .pr-home-video-list, .pr-home-number-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pr-home-screens { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pr-home-footer { grid-template-columns: 1fr auto; }.pr-home-footer > span { display: none; }
    .pr-story-feature { grid-template-columns: 1fr; }
    .pr-story-feature figure, .pr-story-feature img { min-height: 0; aspect-ratio: 16 / 9; }
    .pr-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pr-story-grid > .pr-story-card, .pr-story-grid > .pr-story-card:nth-last-child(-n + 2) { grid-column: auto; }
    .pr-story-online-intro { grid-template-columns: 1fr; gap: 18px; }
    .pr-story-online-grid { grid-template-columns: 1fr; }
    .pr-role-hero-copy h1 { font-size: 4rem; }
    .pr-role-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pr-role-product-band { grid-template-columns: 1fr; }
}

@media (max-width: 1500px) {
    .pr-header:not(.pr-header-workspace) .pr-nav {
        gap: 22px;
        font-size: 0.9rem;
    }

    .pr-header:not(.pr-header-workspace) .pr-header-actions {
        gap: 16px;
    }

    .pr-header:not(.pr-header-workspace) .pr-header-actions > .pr-login:nth-child(2) { display: none; }
}

@media (max-height: 820px) and (min-width: 701px) {
    .pr-light-hero { min-height: 670px; }
    .pr-light-hero-inner { padding: 54px 0 72px; }
    .pr-light-hero h1 { margin: 22px 0 8px; font-size: 3.6rem; }
    .pr-light-headline { font-size: 3.1rem; }
    .pr-light-intro { margin-top: 18px; font-size: 1rem; line-height: 1.5; }
    .pr-light-hero-actions { margin-top: 22px; }
    .pr-light-proof { margin-top: 16px; }
    .pr-role-hero { min-height: 590px; }
    .pr-role-hero-copy { padding: 70px 0 65px; }
    .pr-role-hero-copy h1 { margin-top: 13px; font-size: 3.7rem; }
    .pr-role-hero-copy > p { font-size: 1rem; line-height: 1.5; }
    .pr-role-hero-copy .pr-light-hero-actions { margin-top: 22px; }
}

@media (max-width: 700px) {
    .pr-light-hero { min-height: 760px; }
    .pr-light-hero-inner { width: min(100% - 28px, 1040px); padding-top: 72px; }
    .pr-light-hero h1 { font-size: 2rem; }
    .pr-light-headline { font-size: 2.2rem; }
    .pr-light-section-head h2 { font-size: 2.5rem; }
    .pr-home-number-grid strong { font-size: 3.8rem; }
    .pr-home-final h2 { font-size: 3rem; }
    .pr-light-hero-actions, .pr-home-final > div { align-items: stretch; flex-direction: column; width: 100%; }
    .pr-audience-section, .pr-home-stories, .pr-home-media, .pr-home-product { width: min(100% - 24px, 1260px); padding: 76px 0; }
    .pr-audience-band { grid-template-columns: 1fr; gap: 22px; min-height: 0; padding: 28px 22px; }
    .pr-audience-index, .pr-audience-visual, .pr-member-ticket { grid-column: 1; }
    .pr-home-light .pr-audience-band .pr-audience-copy h2 { font-size: 2.2rem; }
    .pr-home-video-caption { align-items: flex-start; flex-direction: column; gap: 5px; }
    .pr-home-video-list { grid-auto-columns: minmax(220px, 78vw); grid-template-columns: none; grid-auto-flow: column; overflow-x: auto; padding: 2px 2px 14px; scroll-snap-type: x mandatory; }
    .pr-home-video-list button { scroll-snap-align: start; }
    .pr-home-number-grid { grid-template-columns: 1fr; }
    .pr-home-screens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pr-story-feature-copy { padding: 30px 24px; }
    .pr-story-feature-copy h3 { font-size: 2.25rem; }
    .pr-story-grid { grid-template-columns: 1fr; }
    .pr-story-card > div { min-height: 0; }
    .pr-story-online-intro { margin-top: 54px; }
    .pr-story-online-intro h3 { font-size: 2.25rem; }
    .pr-home-footer { grid-template-columns: 1fr; }.pr-home-footer nav { flex-wrap: wrap; }
    .pr-settings-hero { align-items: start; flex-direction: column; }
    .pr-role-switch { align-items: flex-start; flex-direction: column; }
    .pr-role-hero { min-height: 720px; }
    .pr-role-hero-copy { width: min(100% - 28px, 1100px); padding: 84px 0 96px; }
    .pr-role-hero-copy h1 { font-size: 2.6rem; }
    .pr-role-feature-grid { grid-template-columns: 1fr; }
    .pr-role-product-band { gap: 38px; padding-top: 72px; padding-bottom: 72px; }
    .pr-role-product-band h2 { font-size: 2.5rem; }
    .pr-role-final h2 { font-size: 3rem; }
}

/* Validation builder, response workspace and participant status */
.pr-form-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pr-question-builder-head,
.pr-question-card-head,
.pr-response-panel-head,
.pr-response-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.pr-question-builder-head p {
    margin: 7px 0 0;
    color: var(--pr-muted);
    line-height: 1.45;
}

.pr-question-list {
    display: grid;
    gap: 14px;
    margin-top: 20px;
}

.pr-question-card {
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #091014;
}

.pr-question-card-head > span {
    color: var(--pr-cyan);
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-question-card-head > strong {
    color: var(--pr-green);
    font-size: 0.78rem;
}

.pr-question-card-head button {
    width: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--pr-line);
    border-radius: 50%;
    background: transparent;
    color: var(--pr-muted);
    font-size: 1.2rem;
    cursor: pointer;
}

.pr-question-logic {
    display: grid;
    grid-template-columns: 0.7fr 0.8fr 1fr;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid var(--pr-line);
}

.pr-app-form label.pr-inline-check {
    display: flex;
    min-height: 52px;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #0a1115;
}

.pr-app-form label.pr-inline-check input {
    width: 18px;
    min-height: 18px;
}

.pr-app-form label.pr-inline-check span {
    margin: 0;
}

.pr-campaign-lifecycle-panel {
    margin-bottom: 18px;
    border-color: rgba(40, 215, 255, 0.22);
}

.pr-response-metrics,
.pr-journey-metrics,
.pr-response-signal-grid,
.pr-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
    border-top: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-response-metrics article,
.pr-journey-metrics article,
.pr-response-signal-grid article,
.pr-status-grid article {
    min-width: 0;
    padding: 20px;
    border-right: 1px solid var(--pr-line);
}

.pr-response-metrics article:last-child,
.pr-journey-metrics article:last-child,
.pr-response-signal-grid article:last-child,
.pr-status-grid article:last-child {
    border-right: 0;
}

.pr-response-metrics span,
.pr-journey-metrics span,
.pr-response-signal-grid span,
.pr-status-grid span {
    display: block;
    color: var(--pr-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.pr-response-metrics strong,
.pr-journey-metrics strong,
.pr-response-signal-grid strong,
.pr-status-grid strong {
    display: block;
    margin-top: 8px;
    color: #ffffff;
    font-size: 1.65rem;
}

.pr-response-metrics article:nth-child(2) strong,
.pr-response-metrics article:nth-child(3) strong,
.pr-status-grid article:nth-child(3) strong {
    color: var(--pr-green);
}

.pr-response-filters {
    display: flex;
    align-items: end;
    gap: 10px;
}

.pr-response-filters label {
    display: grid;
    gap: 6px;
}

.pr-response-filters label > span {
    color: var(--pr-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.pr-response-filters select,
.pr-response-filters button,
.pr-response-manage-form input,
.pr-response-manage-form select,
.pr-response-manage-form textarea {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #081014;
    color: #ffffff;
    font: inherit;
}

.pr-response-filters button {
    border-color: rgba(136, 247, 108, 0.4);
    color: var(--pr-green);
    font-weight: 850;
    cursor: pointer;
}

.pr-response-table td {
    vertical-align: middle;
}

.pr-response-person,
.pr-response-person strong,
.pr-response-person span,
.pr-table-sub {
    display: block;
}

.pr-response-person {
    color: #ffffff;
    text-decoration: none;
}

.pr-response-person span,
.pr-table-sub {
    margin-top: 4px;
    color: var(--pr-dim);
    font-size: 0.72rem;
}

.pr-state-pill {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(255, 209, 89, 0.32);
    border-radius: 999px;
    color: var(--pr-amber);
    font-size: 0.72rem;
    font-weight: 850;
}

.pr-state-pill.is-verified {
    border-color: rgba(136, 247, 108, 0.32);
    color: var(--pr-green);
}

.pr-state-pill.is-stage {
    border-color: rgba(40, 215, 255, 0.28);
    color: var(--pr-cyan);
}

.pr-response-shell {
    width: min(100% - 48px, 1280px);
    margin: 0 auto;
    padding: 58px 0 90px;
}

.pr-response-detail-head {
    margin-bottom: 28px;
}

.pr-response-detail-head > div > span,
.pr-status-hero > span {
    color: var(--pr-green);
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-response-detail-head h1,
.pr-status-hero h1 {
    margin: 10px 0 8px;
    color: #ffffff;
    font-size: 3rem;
}

.pr-response-detail-head p,
.pr-status-hero p {
    margin: 0;
    color: var(--pr-muted);
}

.pr-response-detail-grid,
.pr-journey-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.62fr);
    gap: 18px;
}

.pr-answer-list {
    display: grid;
    gap: 0;
}

.pr-answer-list article {
    padding: 18px 0;
    border-bottom: 1px solid var(--pr-line);
}

.pr-answer-list article:last-child {
    border-bottom: 0;
}

.pr-answer-list span {
    color: var(--pr-cyan);
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-answer-list h3 {
    margin: 7px 0;
    color: #ffffff;
    font-size: 1rem;
}

.pr-answer-list p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.55;
}

.pr-response-manage-form {
    display: grid;
    gap: 14px;
}

.pr-response-manage-form label {
    display: grid;
    gap: 7px;
}

.pr-response-manage-form label > span {
    color: var(--pr-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.pr-response-manage-form textarea {
    padding: 12px;
    resize: vertical;
}

.pr-response-privacy-actions {
    display: flex;
    gap: 14px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--pr-line);
}

.pr-response-privacy-actions button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--pr-muted);
    font-weight: 750;
    cursor: pointer;
}

.pr-response-privacy-actions button.is-danger {
    color: var(--pr-coral);
}

.pr-response-attribution {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin-top: 18px;
    background: var(--pr-line);
}

.pr-response-attribution > div {
    min-width: 0;
    padding: 16px;
    background: #091014;
}

.pr-response-attribution span,
.pr-response-attribution strong {
    display: block;
    overflow-wrap: anywhere;
}

.pr-response-attribution span {
    color: var(--pr-dim);
    font-size: 0.7rem;
}

.pr-response-attribution strong {
    margin-top: 6px;
    color: #ffffff;
    font-size: 0.82rem;
}

.pr-journey-section {
    margin-top: 18px;
    padding: 26px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #081014;
}

.pr-journey-metrics {
    margin-top: 22px;
}

.pr-journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pr-status-page {
    min-height: 100vh;
    background: radial-gradient(circle at 52% 8%, rgba(40, 215, 255, 0.08), transparent 30%), var(--pr-bg);
}

.pr-status-content {
    width: min(100% - 48px, 1180px);
    margin: 0 auto;
    padding: 72px 0 100px;
}

.pr-status-hero {
    max-width: 780px;
    margin-bottom: 38px;
}

.pr-status-grid article small {
    display: block;
    margin-top: 9px;
    color: var(--pr-dim);
    line-height: 1.45;
}

.pr-status-share {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
    align-items: end;
    gap: 50px;
    margin: 34px 0 24px;
    padding: 30px;
    border: 1px solid rgba(136, 247, 108, 0.25);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.045);
}

.pr-status-share span {
    color: var(--pr-green);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-status-share h2 {
    margin: 8px 0;
    color: #ffffff;
    font-size: 1.55rem;
}

.pr-status-share p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.5;
}

.pr-copy-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.pr-copy-field input,
.pr-copy-field button {
    min-width: 0;
    min-height: 48px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    font: inherit;
}

.pr-copy-field input {
    padding: 0 12px;
    background: #081014;
    color: #ffffff;
}

.pr-copy-field button {
    padding: 0 18px;
    border-color: var(--pr-green);
    background: var(--pr-green);
    color: #061006;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 980px) {
    .pr-form-grid-three,
    .pr-question-logic,
    .pr-response-detail-grid,
    .pr-journey-grid,
    .pr-status-share {
        grid-template-columns: 1fr;
    }

    .pr-response-attribution {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .pr-response-metrics,
    .pr-journey-metrics,
    .pr-response-signal-grid,
    .pr-status-grid,
    .pr-response-attribution {
        grid-template-columns: 1fr;
    }

    .pr-response-metrics article,
    .pr-journey-metrics article,
    .pr-response-signal-grid article,
    .pr-status-grid article {
        border-right: 0;
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-response-panel-head,
    .pr-response-detail-head,
    .pr-response-filters {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-response-shell,
    .pr-status-content {
        width: min(100% - 28px, 1180px);
    }

    .pr-response-detail-head h1,
    .pr-status-hero h1 {
        font-size: 2.15rem;
    }

    .pr-copy-field {
        grid-template-columns: 1fr;
    }
}

/* Email verification and delivery controls */
.pr-email-verification {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 202, 84, 0.32);
    border-left: 4px solid #ffca54;
    background: rgba(255, 202, 84, 0.055);
}

.pr-email-verification.is-verified {
    border-color: rgba(121, 244, 104, 0.28);
    border-left-color: var(--pr-green);
    background: rgba(121, 244, 104, 0.045);
}

.pr-email-verification-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(255, 202, 84, 0.45);
    border-radius: 50%;
    color: #ffca54;
    font-weight: 950;
}

.pr-email-verification.is-verified .pr-email-verification-icon {
    border-color: rgba(121, 244, 104, 0.45);
    color: var(--pr-green);
}

.pr-email-verification strong,
.pr-email-verification small {
    display: block;
}

.pr-email-verification strong {
    color: #ffffff;
    font-size: 0.96rem;
}

.pr-email-verification small {
    margin-top: 4px;
    color: var(--pr-muted);
    line-height: 1.45;
}

.pr-email-verification form,
.pr-inline-email-form {
    margin: 0;
}

.pr-inline-email-form button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--pr-cyan);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 850;
    cursor: pointer;
}

.pr-inline-email-form button:hover {
    color: #ffffff;
}

.pr-admin-send-form {
    grid-column: 2;
    justify-self: end;
}

@media (max-width: 1240px) {
    .pr-admin-send-form {
        grid-column: 1;
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .pr-email-verification {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .pr-email-verification form {
        grid-column: 1 / -1;
    }

    .pr-email-verification .pr-secondary-button {
        width: 100%;
    }

    .pr-member-launch-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* AI-assisted project and campaign creation */
.pr-app-title-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 16px;
}

.pr-ai-assist-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #18f2c2 0%, #22a9f3 38%, #5b5ee7 68%, #d328bd 100%);
    box-shadow: 0 12px 26px rgba(34, 169, 243, 0.16), 0 5px 12px rgba(0, 0, 0, 0.24);
    font: inherit;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pr-ai-assist-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(34, 169, 243, 0.22), 0 7px 16px rgba(0, 0, 0, 0.28);
}

.pr-ai-assist-button:focus-visible {
    outline: 3px solid rgba(40, 215, 255, 0.32);
    outline-offset: 4px;
}

.pr-ai-assist-inner {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 16px 0 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #edf1f5 100%);
    color: #555c67;
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1;
}

.pr-ai-assist-mark {
    display: inline-grid;
    width: 22px;
    height: 22px;
    place-items: center;
    color: #606771;
    font-size: 1.25rem;
    line-height: 1;
}

.pr-ai-dialog {
    width: min(calc(100% - 32px), 640px);
    max-height: min(760px, calc(100vh - 32px));
    overflow: auto;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background:
        linear-gradient(#0b1216, #0b1216) padding-box,
        linear-gradient(135deg, rgba(24, 242, 194, 0.9), rgba(34, 169, 243, 0.72), rgba(211, 40, 189, 0.66)) border-box;
    color: #ffffff;
    box-shadow: 0 36px 110px rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(255, 255, 255, 0.04);
    box-sizing: border-box;
}

.pr-ai-dialog,
.pr-ai-dialog * {
    box-sizing: border-box;
}

.pr-ai-dialog::backdrop {
    background: rgba(1, 4, 6, 0.82);
    backdrop-filter: blur(10px);
}

.pr-ai-dialog[open] {
    display: block;
    animation: pr-ai-dialog-in 0.22s ease-out both;
}

@keyframes pr-ai-dialog-in {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pr-ai-dialog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #0e171c;
}

.pr-ai-dialog-title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.pr-ai-dialog-symbol {
    display: grid;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(40, 215, 255, 0.3);
    border-radius: 8px;
    background: #12252b;
    color: #63e7ff;
    font-size: 1.45rem;
    box-shadow: inset 0 0 18px rgba(40, 215, 255, 0.08);
}

.pr-ai-dialog-eyebrow {
    display: block;
    color: #74e9ff;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pr-ai-dialog h2 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 1.18;
}

.pr-ai-dialog-body {
    display: grid;
    gap: 20px;
    padding: 25px 26px 24px;
}

.pr-ai-dialog-body > p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.55;
}

.pr-ai-prompt-field,
.pr-ai-prompt-field > span {
    display: block;
}

.pr-ai-prompt-field > span {
    margin-bottom: 8px;
    color: #eef5f2;
    font-size: 0.84rem;
    font-weight: 800;
}

.pr-ai-prompt-field textarea {
    width: 100%;
    min-height: 170px;
    resize: vertical;
    padding: 15px 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    outline: 0;
    background: #060b0e;
    color: #ffffff;
    font: inherit;
    line-height: 1.5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.pr-ai-prompt-field textarea:focus {
    border-color: var(--pr-cyan);
    box-shadow: 0 0 0 4px rgba(40, 215, 255, 0.1);
}

.pr-icon-button {
    display: grid;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #111a1f;
    color: #ffffff;
    font: inherit;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.pr-icon-button:hover {
    border-color: rgba(40, 215, 255, 0.52);
    background: #172329;
}

.pr-ai-dialog-status {
    min-height: 21px;
    padding: 10px 12px;
    border-left: 2px solid var(--pr-line-strong);
    background: rgba(255, 255, 255, 0.025);
    color: var(--pr-muted);
    font-size: 0.86rem;
}

.pr-ai-dialog-status:empty {
    display: none;
}

.pr-ai-dialog-status[data-state="working"] {
    border-color: var(--pr-cyan);
    color: var(--pr-cyan);
}

.pr-ai-dialog-status[data-state="success"] {
    border-color: var(--pr-green);
    color: var(--pr-green);
}

.pr-ai-dialog-status[data-state="error"] {
    border-color: #ff8a80;
    color: #ff8a80;
}

.pr-ai-dialog-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #081014;
}

.pr-secondary-button,
.pr-ai-generate-button {
    min-height: 46px;
    padding: 0 17px;
    border-radius: 7px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.pr-secondary-button {
    border: 1px solid var(--pr-line);
    background: transparent;
    color: #ffffff;
}

.pr-ai-generate-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid #8df979;
    background: #8af572;
    color: #071107;
    box-shadow: 0 12px 30px rgba(95, 245, 98, 0.18);
}

.pr-ai-generate-button:hover {
    background: #9bff86;
}

.pr-ai-generate-button:disabled {
    opacity: 0.72;
    cursor: wait;
}

.pr-ai-generate-icon {
    font-size: 1.05rem;
    line-height: 1;
}

.pr-ai-generate-button[data-working="true"] .pr-ai-generate-icon {
    animation: pr-ai-working 0.9s linear infinite;
}

@keyframes pr-ai-working {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pr-ai-dialog[open],
    .pr-ai-generate-button[data-working="true"] .pr-ai-generate-icon {
        animation: none;
    }
}

.pr-template-picker {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 4px 0 0;
    padding: 0;
    border: 0;
}

.pr-template-picker legend {
    width: 100%;
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: 850;
}

.pr-template-picker label {
    position: relative;
    cursor: pointer;
}

.pr-app-form .pr-template-picker input {
    position: absolute;
    inset: 12px auto auto 12px;
    width: 18px;
    min-height: 18px;
    margin: 0;
    accent-color: var(--pr-green);
}

.pr-template-picker label > span {
    display: block;
    min-height: 92px;
    padding: 14px 13px 14px 42px;
    border: 1px solid var(--pr-line);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.025);
}

.pr-app-form .pr-template-picker input:checked + span {
    border-color: var(--pr-green);
    background: rgba(136, 247, 108, 0.08);
}

.pr-template-picker strong,
.pr-template-picker small {
    display: block;
}

.pr-template-picker strong {
    color: #ffffff;
    font-size: 0.94rem;
}

.pr-template-picker small {
    margin-top: 7px;
    color: var(--pr-muted);
    font-size: 0.76rem;
    line-height: 1.35;
}

/* Hosted pages are lightweight shells; widget.js supplies the selected template. */
.pr-template-host-page {
    min-height: 100vh;
    background: #020606;
}

.pr-campaign-hosted-stage {
    width: min(100%, 1180px);
    min-height: 520px;
    margin: 64px auto 0;
    padding: 0 18px 70px;
}

.pr-campaign-hosted-intro {
    display: flex;
    width: min(100%, 1144px);
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 54px auto -30px;
    padding: 0 18px;
}

.pr-campaign-hosted-intro span {
    color: var(--pr-cyan);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-campaign-hosted-intro strong {
    max-width: 650px;
    color: #ffffff;
    font-size: 1.16rem;
    line-height: 1.4;
    text-align: right;
}

.pr-campaign-loading,
.pr-campaign-noscript {
    min-height: 220px;
    display: grid;
    place-items: center;
    padding: 28px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    color: var(--pr-muted);
    text-align: center;
}

@media (max-width: 760px) {
    .pr-app-title-actions,
    .pr-ai-dialog-actions,
    .pr-campaign-hosted-intro {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-app-title-actions {
        width: 100%;
    }

    .pr-ai-assist-button {
        width: 100%;
    }

    .pr-ai-assist-inner {
        width: 100%;
        justify-content: center;
    }

    .pr-template-picker {
        grid-template-columns: 1fr;
    }

    .pr-ai-dialog-head,
    .pr-ai-dialog-body,
    .pr-ai-dialog-actions {
        padding-right: 18px;
        padding-left: 18px;
    }

    .pr-ai-dialog-head {
        align-items: flex-start;
    }

    .pr-ai-dialog-symbol {
        width: 40px;
        height: 40px;
    }

    .pr-ai-dialog h2 {
        font-size: 1.3rem;
    }

    .pr-ai-dialog-actions > button {
        width: 100%;
    }

    .pr-campaign-hosted-stage {
        margin-top: 40px;
        padding-right: 0;
        padding-left: 0;
    }

    .pr-campaign-hosted-intro {
        margin-top: 38px;
        margin-bottom: -12px;
    }

    .pr-campaign-hosted-intro strong {
        text-align: left;
    }
}

/* Workspace navigation, campaign templates and install workflow. */
.pr-header-workspace .pr-nav {
    gap: 18px;
    font-size: 0.88rem;
}

.pr-session-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.82rem;
    font-weight: 750;
    white-space: nowrap;
}

.pr-session-state i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pr-green);
    box-shadow: 0 0 12px rgba(136, 247, 108, 0.7);
}

.pr-header-logout {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 800;
    white-space: nowrap;
}

.pr-header-logout:hover {
    color: var(--pr-green);
}

.pr-workspace-jump {
    display: none;
}

.pr-creation-page .pr-template-picker {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pr-app-form .pr-template-picker input {
    width: 1px;
    height: 1px;
    min-height: 1px;
    opacity: 0;
    pointer-events: none;
}

.pr-creation-page .pr-template-picker label > .pr-template-option-frame {
    position: relative;
    display: grid;
    min-height: 238px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0a1115;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.pr-template-option-frame > img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    object-fit: cover;
    object-position: top center;
}

.pr-template-option-copy {
    display: block;
    padding: 14px 16px 16px;
}

.pr-template-option-copy strong {
    display: block;
    padding-right: 64px;
    font-size: 1rem;
}

.pr-template-category {
    display: block;
    margin-bottom: 5px;
    color: var(--pr-cyan);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-option-copy small {
    min-height: 40px;
    color: #9eaca7;
    font-size: 0.78rem;
}

.pr-template-selected {
    position: absolute;
    right: 10px;
    bottom: 72px;
    padding: 5px 7px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 5px;
    background: #11191e;
    color: #87958f;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-picker label:hover > .pr-template-option-frame {
    transform: translateY(-2px);
    border-color: rgba(40, 215, 255, 0.5);
}

.pr-app-form .pr-template-picker input:focus-visible + .pr-template-option-frame {
    outline: 3px solid rgba(40, 215, 255, 0.28);
    outline-offset: 3px;
}

.pr-app-form .pr-template-picker input:checked + .pr-template-option-frame {
    border-color: var(--pr-green);
    background: #0a1115;
    box-shadow: 0 0 0 2px rgba(136, 247, 108, 0.12), 0 18px 35px rgba(0, 0, 0, 0.22);
}

.pr-app-form .pr-template-picker input:checked + .pr-template-option-frame .pr-template-selected {
    border-color: rgba(136, 247, 108, 0.5);
    background: rgba(136, 247, 108, 0.12);
    color: var(--pr-green);
}

.pr-template-customise {
    display: grid;
    gap: 20px;
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(40, 215, 255, 0.24);
    border-radius: 8px;
    background: #081115;
    scroll-margin-top: 24px;
}

.pr-template-customise.is-arriving {
    animation: pr-template-editor-arrive 900ms ease-out;
}

@keyframes pr-template-editor-arrive {
    0% { border-color: rgba(136, 247, 108, 0.95); box-shadow: 0 0 0 4px rgba(136, 247, 108, 0.16); }
    100% { border-color: rgba(40, 215, 255, 0.24); box-shadow: none; }
}

.pr-template-editor-hero {
    display: grid;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.pr-template-editor-hero > img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: top center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    background: #10191d;
}

.pr-template-editor-hero > div {
    display: grid;
    gap: 7px;
}

.pr-template-editor-hero span {
    color: var(--pr-cyan);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-editor-hero strong {
    color: #ffffff;
    font-size: 1.3rem;
}

.pr-template-editor-hero p {
    max-width: 650px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.88rem;
    line-height: 1.55;
}

.pr-template-customise-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.pr-template-customise-head > span {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
}

.pr-template-customise-head > strong {
    color: var(--pr-green);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.pr-template-customise-head > small {
    color: var(--pr-muted);
    font-size: 0.78rem;
}

.pr-app-form [data-pr-hero-field][hidden] {
    display: none;
}

.pr-colour-field {
    width: min(100%, 240px);
}

.pr-app-form .pr-colour-field input[type="color"] {
    min-height: 50px;
    padding: 6px;
    cursor: pointer;
}

.pr-campaign-media-fields {
    display: grid;
    gap: 14px;
    margin-top: 4px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pr-template-default-media {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pr-app-form label.pr-media-default-option {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: start;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(136, 247, 108, 0.22);
    border-radius: 7px;
    background: #0c1714;
    cursor: pointer;
}

.pr-app-form label.pr-media-default-option[hidden] {
    display: none !important;
}

.pr-media-default-option input {
    width: 18px;
    min-height: 18px;
    margin: 2px 0 0;
    accent-color: var(--pr-green);
}

.pr-media-default-option span {
    display: grid;
    gap: 4px;
}

.pr-media-default-option strong {
    color: #ffffff;
    font-size: 0.86rem;
}

.pr-media-default-option small {
    color: var(--pr-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.pr-game-template-settings {
    display: grid;
    gap: 14px;
    margin-top: 4px;
    padding: 20px;
    border: 1px solid rgba(255, 209, 102, 0.3);
    border-radius: 8px;
    background: rgba(255, 209, 102, 0.055);
}

.pr-game-template-settings[hidden] {
    display: none;
}

.pr-game-template-settings label > small {
    display: block;
    margin-top: 7px;
    color: var(--pr-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.pr-campaign-media-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 22px;
}

.pr-campaign-media-head > span {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
}

.pr-campaign-media-head p,
.pr-upload-limits {
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

.pr-campaign-media-head p {
    max-width: 610px;
}

.pr-app-form label.pr-upload-field {
    display: grid;
    gap: 9px;
    padding: 16px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #0a1115;
}

.pr-app-form .pr-upload-field input[type="file"] {
    min-height: 48px;
    padding: 5px;
    border-style: dashed;
    color: var(--pr-muted);
    cursor: pointer;
}

.pr-app-form .pr-upload-field input[type="file"]::file-selector-button {
    min-height: 36px;
    margin-right: 12px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: var(--pr-green);
    color: #061005;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.pr-upload-choice,
.pr-upload-current,
.pr-upload-remove {
    color: var(--pr-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.pr-upload-choice {
    color: var(--pr-cyan);
}

.pr-upload-current strong {
    color: #ffffff;
}

.pr-app-form .pr-upload-field .pr-upload-remove {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
}

.pr-app-form .pr-upload-field .pr-upload-remove input {
    width: 17px;
    min-height: 17px;
    margin: 0;
}

.pr-question-purpose {
    max-width: 360px;
}

.pr-question-card-head button {
    margin-left: auto;
}

@media (max-width: 700px) {
    .pr-template-editor-hero,
    .pr-template-default-media {
        grid-template-columns: 1fr;
    }

    .pr-template-editor-hero > img {
        max-width: 320px;
    }

    .pr-campaign-media-head {
        align-items: start;
        flex-direction: column;
        gap: 8px;
    }
}

.pr-hosted-preview .pr-button,
.pr-hosted-preview .pr-button:hover,
.pr-install-summary .pr-button,
.pr-install-summary .pr-button:hover {
    color: #061005;
}

.pr-install-live {
    grid-template-columns: minmax(250px, 0.42fr) minmax(420px, 0.88fr);
    align-items: stretch;
}

.pr-install-live > .pr-install-summary {
    align-content: start;
    min-height: 100%;
}

.pr-install-summary dl {
    display: grid;
    gap: 0;
    margin: 12px 0 8px;
}

.pr-install-summary dl > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pr-install-summary dt,
.pr-install-summary dd {
    margin: 0;
    font-size: 0.82rem;
}

.pr-install-summary dt {
    color: var(--pr-muted);
}

.pr-install-summary dd {
    color: #ffffff;
    font-weight: 800;
    text-align: right;
}

.pr-install-summary .pr-button {
    align-self: end;
    margin-top: auto;
}

.pr-install-campaign-picker {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: end;
    gap: 14px;
    margin-bottom: 20px;
    padding: 18px 20px;
    border: 1px solid rgba(40, 215, 255, 0.24);
    border-radius: 8px;
    background: rgba(8, 15, 19, 0.86);
}

.pr-install-campaign-picker label,
.pr-install-check-controls label {
    display: grid;
    gap: 8px;
}

.pr-install-campaign-picker label > span,
.pr-install-check-controls label > span {
    color: #a9b7b2;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pr-install-campaign-picker select,
.pr-install-check-controls select,
.pr-install-check-controls input {
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 7px;
    background: #0b1216;
    color: #ffffff;
    font: inherit;
}

.pr-install-campaign-picker select:focus,
.pr-install-check-controls select:focus,
.pr-install-check-controls input:focus {
    outline: 3px solid rgba(40, 215, 255, 0.14);
    border-color: rgba(40, 215, 255, 0.65);
}

.pr-install-check-panel {
    margin-bottom: 20px;
}

.pr-install-check-panel > p {
    max-width: 830px;
    margin: -2px 0 18px;
    color: var(--pr-muted);
    line-height: 1.55;
}

.pr-install-check-badge {
    color: var(--pr-green);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-install-check-controls {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(180px, 0.36fr) auto;
    align-items: end;
    gap: 14px;
}

.pr-install-check-controls > .pr-button {
    min-height: 48px;
}

.pr-install-check-panel.is-hosted .pr-install-check-controls label:first-child {
    opacity: 0.46;
}

.pr-install-check-result {
    display: grid;
    grid-template-columns: 10px 1fr;
    align-items: center;
    gap: 11px;
    min-height: 48px;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.025);
}

.pr-install-check-result > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #75817d;
}

.pr-install-check-result p {
    margin: 0;
    color: #b9c5c1;
    font-size: 0.86rem;
}

.pr-install-check-result.is-checking > span {
    background: #28d7ff;
    box-shadow: 0 0 12px rgba(40, 215, 255, 0.65);
}

.pr-install-check-result.is-success {
    border-color: rgba(136, 247, 108, 0.32);
    background: rgba(136, 247, 108, 0.07);
}

.pr-install-check-result.is-success > span {
    background: var(--pr-green);
    box-shadow: 0 0 12px rgba(136, 247, 108, 0.65);
}

.pr-install-check-result.is-warning {
    border-color: rgba(255, 197, 78, 0.32);
    background: rgba(255, 197, 78, 0.06);
}

.pr-install-check-result.is-warning > span {
    background: #ffc54e;
}

.pr-install-check-result.is-error {
    border-color: rgba(255, 101, 101, 0.34);
    background: rgba(255, 101, 101, 0.06);
}

.pr-install-check-result.is-error > span {
    background: #ff6565;
}

.pr-install-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-self: end;
    gap: 9px;
    margin-top: auto;
}

.pr-check-button {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 7px;
    background: transparent;
    color: #ffffff;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 850;
    cursor: pointer;
}

.pr-check-button:hover {
    border-color: rgba(136, 247, 108, 0.5);
    color: var(--pr-green);
}

.pr-template-preview-link {
    position: relative;
    display: block;
    min-height: 320px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: #060b0d;
}

.pr-template-preview-link > img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.pr-template-preview-link > span {
    position: absolute;
    inset: auto 12px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 7px;
    background: rgba(4, 9, 11, 0.92);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
}

.pr-template-preview-link > span > strong {
    color: var(--pr-green);
}

.pr-template-preview-link:hover > img {
    transform: scale(1.015);
    opacity: 0.88;
}

.pr-install-card {
    min-height: 340px;
}

.pr-copy-button {
    align-self: end;
    justify-self: start;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(40, 215, 255, 0.35);
    border-radius: 7px;
    background: rgba(40, 215, 255, 0.08);
    color: #78e8ff;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 850;
    cursor: pointer;
}

.pr-copy-button:hover,
.pr-copy-button[data-copied="true"] {
    border-color: rgba(136, 247, 108, 0.5);
    background: rgba(136, 247, 108, 0.1);
    color: var(--pr-green);
}

@media (max-width: 1180px) {
    .pr-workspace-jump {
        display: inline-flex;
    }
}

@media (max-width: 920px) {
    .pr-creation-page .pr-template-picker {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .pr-install-live {
        grid-template-columns: 1fr;
    }

    .pr-install-check-controls {
        grid-template-columns: 1fr;
    }

    .pr-template-preview-link,
    .pr-template-preview-link > img {
        min-height: 240px;
    }
}

@media (max-width: 560px) {
    .pr-install-campaign-picker {
        grid-template-columns: 1fr;
    }

    .pr-header-workspace .pr-header-actions {
        display: flex;
    }

    .pr-header-workspace .pr-session-state,
    .pr-header-workspace .pr-header-logout {
        display: none;
    }

    .pr-header-workspace .pr-workspace-jump {
        min-height: 42px;
        padding: 0 13px;
        font-size: 0.78rem;
    }

    .pr-creation-page .pr-template-picker {
        grid-template-columns: 1fr;
    }

    .pr-template-customise-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}

.pr-body {
    margin: 0;
    min-width: 0;
    width: 100%;
    background: var(--pr-bg);
    color: var(--pr-text);
    font-family: "Segoe UI", Inter, Arial, sans-serif;
}

.prereg-index,
.prereg-index * {
    box-sizing: border-box;
}

.prereg-index {
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 92%, rgba(68, 216, 94, 0.3), transparent 20rem),
        radial-gradient(circle at 18% 20%, rgba(75, 136, 255, 0.09), transparent 22rem),
        linear-gradient(145deg, #020406 0%, #06100f 48%, #020405 100%);
}

.prereg-index a {
    color: inherit;
    text-decoration: none;
}

.prereg-index button,
.prereg-index input {
    font: inherit;
}

.pr-hero {
    width: min(100%, 1780px);
    min-height: 1160px;
    margin: 0 auto;
    padding: 30px 34px 0;
}

.pr-header {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto minmax(220px, 1fr);
    align-items: center;
    gap: 20px;
    min-height: 58px;
}

.pr-brand,
.pr-mini-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.pr-brand-name {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.pr-brand-name span {
    color: var(--pr-cyan);
}

.pr-brand-p-mark {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: var(--pr-cyan);
    filter: drop-shadow(0 0 12px rgba(33, 216, 242, 0.3));
}

.pr-brand-p-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pr-brand-p-mark-small {
    width: 26px;
    height: 26px;
}

.pr-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 650;
}

.pr-nav a,
.pr-login,
.pr-secondary-link,
.pr-panel a {
    transition: color 0.2s ease, opacity 0.2s ease;
}

.pr-nav a:hover,
.pr-login:hover,
.pr-secondary-link:hover,
.pr-panel a:hover {
    color: var(--pr-green);
}

.pr-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 32px;
}

.pr-login {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.pr-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #9bff77 0%, #7bf36d 100%);
    color: #061005;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 18px 42px rgba(95, 245, 98, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.pr-button:hover {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 24px 56px rgba(95, 245, 98, 0.32);
}

.pr-button-small {
    min-height: 54px;
    padding: 0 28px;
}

.pr-button-large {
    min-height: 62px;
    padding: 0 28px;
    font-size: 1.08rem;
}

.pr-hero-grid {
    display: grid;
    grid-template-columns: minmax(430px, 0.82fr) minmax(680px, 1.18fr);
    align-items: start;
    gap: 74px;
    padding-top: 72px;
}

.pr-hero-copy {
    max-width: 560px;
    padding-left: 24px;
    padding-top: 38px;
}

.pr-signal-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 17px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.16);
    color: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.pr-signal-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 24px;
}

.pr-signal-icon span {
    position: absolute;
    border: 2px solid var(--pr-green);
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    opacity: 0.95;
}

.pr-signal-icon span:nth-child(1) {
    width: 8px;
    height: 8px;
}

.pr-signal-icon span:nth-child(2) {
    width: 16px;
    height: 16px;
    opacity: 0.72;
}

.pr-signal-icon span:nth-child(3) {
    width: 24px;
    height: 24px;
    opacity: 0.52;
}

.pr-hero h1 {
    margin: 42px 0 22px;
    max-width: 560px;
    color: #ffffff;
    font-size: 4.85rem;
    line-height: 1.11;
    font-weight: 900;
}

.pr-hero h1 span {
    color: var(--pr-green);
    display: block;
    text-shadow: 0 0 34px rgba(136, 247, 108, 0.18);
}

.pr-hero-text {
    max-width: 500px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.28rem;
    line-height: 1.55;
}

.pr-hero-actions {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 42px;
}

.pr-secondary-link {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff;
    font-size: 1.04rem;
    font-weight: 800;
}

.pr-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.94rem;
}

.pr-proof-row span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.pr-proof-row i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 2px solid var(--pr-green);
    border-radius: 50%;
}

.pr-proof-row i::after {
    content: "";
    width: 8px;
    height: 4px;
    border-left: 2px solid var(--pr-green);
    border-bottom: 2px solid var(--pr-green);
    transform: rotate(-45deg) translate(1px, -1px);
}

.pr-video-gallery {
    position: relative;
    align-self: start;
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), transparent 34%),
        rgba(9, 15, 19, 0.88);
    box-shadow: var(--pr-shadow);
    overflow: hidden;
}

.pr-video-gallery::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(40, 215, 255, 0.11), transparent 28%, rgba(136, 247, 108, 0.08));
}

.pr-video-head,
.pr-video-feature,
.pr-video-thumbs {
    position: relative;
    z-index: 1;
}

.pr-video-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.pr-video-head span {
    display: block;
    margin-bottom: 7px;
    color: var(--pr-green);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-video-head h2 {
    max-width: 520px;
    margin: 0;
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 1.16;
}

.pr-video-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.86rem;
    font-weight: 800;
}

.pr-video-head a:hover {
    border-color: rgba(136, 247, 108, 0.48);
    color: var(--pr-green);
}

.pr-video-feature {
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    overflow: hidden;
}

.pr-video-screen {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 340px;
    padding: 24px;
    background:
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.68) 100%),
        linear-gradient(135deg, rgba(40, 215, 255, 0.22), transparent 32%),
        linear-gradient(140deg, #111a21 0%, #0b1115 46%, #142116 100%);
}

.pr-video-screen::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.55;
}

.pr-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 50%;
    background: rgba(136, 247, 108, 0.92);
    cursor: pointer;
    transform: translate(-50%, -50%);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35), 0 0 42px rgba(136, 247, 108, 0.26);
}

.pr-play-button span {
    display: block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 22px solid #061005;
}

.pr-play-button:hover {
    background: #a4ff82;
}

.pr-video-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
}

.pr-video-copy strong {
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.1;
}

.pr-video-copy span {
    color: var(--pr-muted);
    font-size: 0.98rem;
}

.pr-video-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.pr-video-thumb {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pr-thumb-screen {
    position: relative;
    min-height: 86px;
    border-radius: 6px;
    background:
        linear-gradient(150deg, rgba(136, 247, 108, 0.22), transparent 38%),
        linear-gradient(135deg, #111b22, #07100f);
    overflow: hidden;
}

.pr-thumb-screen::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

.pr-thumb-screen span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    transform: translate(-50%, -50%);
}

.pr-thumb-screen span::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid var(--pr-green);
}

.pr-video-thumb strong,
.pr-video-thumb > span {
    display: block;
}

.pr-video-thumb strong {
    margin-top: 10px;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.2;
}

.pr-video-thumb > span {
    margin-top: 5px;
    color: var(--pr-dim);
    font-size: 0.78rem;
    line-height: 1.35;
}

.pr-dashboard-section {
    display: flex;
    justify-content: flex-end;
    margin-top: 66px;
}

.pr-dashboard {
    display: grid;
    grid-template-columns: 206px minmax(0, 1fr);
    width: min(100%, 1160px);
    min-height: 666px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.05), transparent 38%),
        rgba(10, 16, 21, 0.88);
    box-shadow: var(--pr-shadow);
    overflow: hidden;
}

.pr-app-sidebar {
    display: flex;
    flex-direction: column;
    padding: 26px 14px 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(160deg, rgba(34, 48, 56, 0.6), rgba(11, 17, 22, 0.66));
}

.pr-mini-brand {
    padding: 0 14px 24px;
    color: #ffffff;
}

.pr-chevron {
    width: 7px;
    height: 7px;
    border-right: 2px solid rgba(255, 255, 255, 0.6);
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    transform: rotate(45deg) translateY(-2px);
}

.pr-side-nav {
    display: grid;
    gap: 8px;
}

.pr-side-nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.95rem;
    font-weight: 650;
}

.pr-side-nav a:hover,
.pr-side-nav .is-active {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(136, 247, 108, 0.18), rgba(136, 247, 108, 0.05));
}

.pr-side-nav span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 6px;
    color: var(--pr-green);
    font-size: 0.7rem;
}

.pr-growth-card {
    margin: auto 4px 22px;
    padding: 16px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pr-growth-card strong,
.pr-growth-card span {
    display: block;
}

.pr-growth-card strong {
    margin-bottom: 7px;
}

.pr-growth-card span {
    color: var(--pr-muted);
    font-size: 0.85rem;
}

.pr-progress {
    height: 6px;
    margin-top: 13px;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
}

.pr-progress span {
    display: block;
    width: 42%;
    height: 100%;
    background: linear-gradient(90deg, var(--pr-green), var(--pr-green-deep));
}

.pr-user-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 4px;
}

.pr-user-row > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(136, 247, 108, 0.28);
    border-radius: 50%;
    background: rgba(136, 247, 108, 0.16);
    color: #ffffff;
    font-weight: 800;
}

.pr-user-row strong,
.pr-user-row small {
    display: block;
}

.pr-user-row strong {
    color: #ffffff;
    font-size: 0.86rem;
}

.pr-user-row small {
    margin-top: 2px;
    color: var(--pr-dim);
    font-size: 0.78rem;
}

.pr-dashboard-main {
    min-width: 0;
    padding: 32px 36px 30px;
}

.pr-dashboard-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px;
}

.pr-dashboard-top h2 {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.1;
}

.pr-dashboard-top p,
.pr-panel p,
.pr-health-panel p {
    margin: 7px 0 0;
    color: var(--pr-muted);
    font-size: 0.94rem;
}

.pr-dashboard-tools {
    display: flex;
    gap: 12px;
}

.pr-dashboard-tools button {
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.86);
    cursor: pointer;
}

.pr-dashboard-tools button:hover {
    border-color: rgba(136, 247, 108, 0.45);
}

.pr-metrics-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.026);
}

.pr-metric {
    min-height: 112px;
    padding: 22px;
    border-right: 1px solid var(--pr-line);
}

.pr-metric:last-child {
    border-right: 0;
}

.pr-metric span,
.pr-metric strong,
.pr-metric small {
    display: block;
}

.pr-metric span {
    color: var(--pr-muted);
    font-size: 0.92rem;
}

.pr-metric strong {
    margin-top: 8px;
    color: #ffffff;
    font-size: 1.62rem;
    line-height: 1;
}

.pr-metric small {
    margin-top: 10px;
    color: var(--pr-green);
    font-weight: 800;
}

.pr-insight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.pr-panel,
.pr-health-panel {
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.pr-panel {
    min-height: 258px;
    padding: 20px;
}

.pr-panel h3,
.pr-health-panel h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
    line-height: 1.2;
}

.pr-panel a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    margin-top: 16px;
    padding: 0 12px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 750;
}

.pr-funnel {
    display: grid;
    gap: 8px;
    margin-top: 22px;
}

.pr-funnel-step {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: 25px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.78rem;
}

.pr-funnel-step::before {
    content: "";
    grid-column: 1 / -1;
    grid-row: 1;
    display: block;
    height: 24px;
    border-radius: 5px;
    clip-path: polygon(8% 0, 92% 0, 84% 100%, 16% 100%);
}

.pr-funnel-step span,
.pr-funnel-step strong {
    grid-row: 1;
    z-index: 1;
    color: #ffffff;
}

.pr-funnel-step span {
    padding-left: 38%;
}

.pr-funnel-step strong {
    padding-right: 3px;
}

.pr-funnel-one::before {
    width: 43%;
    background: var(--pr-green);
}

.pr-funnel-two::before {
    width: 35%;
    margin-left: 4%;
    background: #b8ef67;
}

.pr-funnel-three::before {
    width: 27%;
    margin-left: 8%;
    background: var(--pr-amber);
}

.pr-funnel-four::before {
    width: 19%;
    margin-left: 12%;
    background: var(--pr-coral);
}

.pr-price-wrap {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 18px;
    align-items: center;
    margin-top: 22px;
}

.pr-donut {
    display: grid;
    place-items: center;
    align-content: center;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #10161b 0 49%, transparent 50%),
        conic-gradient(var(--pr-green) 0 42%, var(--pr-amber) 42% 70%, #ff8c43 70% 87%, var(--pr-coral) 87% 100%);
}

.pr-donut strong,
.pr-donut span {
    display: block;
    text-align: center;
}

.pr-donut strong {
    color: #ffffff;
    font-size: 1.18rem;
    line-height: 1;
}

.pr-donut span {
    margin-top: 4px;
    color: var(--pr-muted);
    font-size: 0.68rem;
}

.pr-price-list {
    display: grid;
    gap: 10px;
    color: rgba(255, 255, 255, 0.78);
}

.pr-price-list span {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.pr-price-list b {
    font-weight: 800;
}

.pr-price-list em {
    color: var(--pr-green);
    font-style: normal;
    font-weight: 850;
}

.pr-panel-number {
    display: block;
    margin-top: 24px;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1;
}

.pr-panel-label {
    display: block;
    margin-top: 8px;
    color: var(--pr-muted);
    font-size: 0.9rem;
}

.pr-sparkline {
    display: block;
    width: 100%;
    height: 76px;
    margin-top: 8px;
}

.pr-sparkline polyline {
    fill: none;
    stroke: var(--pr-green);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 6px rgba(136, 247, 108, 0.45));
}

.pr-health-panel {
    display: grid;
    grid-template-columns: 1.25fr 130px 2.3fr 1.35fr;
    align-items: center;
    gap: 22px;
    margin-top: 14px;
    padding: 20px 22px;
}

.pr-score {
    --score: 86%;
    display: grid;
    place-items: center;
    align-content: center;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #11181d 0 54%, transparent 55%),
        conic-gradient(var(--pr-green) 0 var(--score), rgba(255, 255, 255, 0.12) var(--score) 100%);
}

.pr-score span {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}

.pr-score strong {
    color: var(--pr-green);
    font-size: 0.83rem;
}

.pr-score-bars {
    display: grid;
    grid-template-columns: repeat(4, minmax(80px, 1fr));
    gap: 18px;
}

.pr-score-bars span {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.pr-score-bars b {
    color: var(--pr-muted);
    font-size: 0.78rem;
}

.pr-score-bars em {
    position: relative;
    display: block;
    height: 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--pr-green);
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 850;
    line-height: 1;
    padding-top: 14px;
}

.pr-score-bars em::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--value);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--pr-green), #d3f85c);
}

.pr-score-90 {
    --value: 90%;
}

.pr-score-88 {
    --value: 88%;
}

.pr-score-83 {
    --value: 83%;
}

.pr-score-78 {
    --value: 78%;
}

.pr-signal-card {
    display: grid;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.055);
}

.pr-signal-card strong {
    color: var(--pr-green);
    font-size: 0.94rem;
}

.pr-signal-card span {
    color: var(--pr-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.pr-advanced-dashboard-section {
    justify-content: stretch;
    margin-top: 48px;
}

.pr-dashboard-live {
    width: 100%;
    min-height: 720px;
}

.pr-dashboard-live .pr-app-sidebar {
    padding-top: 30px;
}

.pr-dashboard-live .pr-growth-card small {
    display: block;
    margin-top: 8px;
    color: var(--pr-dim);
    font-size: 0.72rem;
    line-height: 1.4;
}

.pr-advanced-side-actions {
    display: grid;
    gap: 8px;
    padding: 0 4px;
}

.pr-advanced-side-actions a {
    color: var(--pr-green);
    font-size: 0.8rem;
    font-weight: 800;
}

.pr-advanced-eyebrow {
    display: block;
    margin-bottom: 9px;
    color: var(--pr-green);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-dashboard-top h1 {
    max-width: 620px;
    margin: 0;
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1.1;
}

.pr-campaign-filter {
    display: grid;
    grid-template-columns: minmax(180px, 250px) auto;
    align-items: end;
}

.pr-campaign-filter label {
    grid-column: 1 / -1;
    color: var(--pr-dim);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pr-campaign-filter select {
    min-width: 0;
    min-height: 42px;
    padding: 0 36px 0 13px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #10171c;
    color: #ffffff;
    color-scheme: dark;
}

.pr-live-donut {
    background:
        radial-gradient(circle at center, #10161b 0 49%, transparent 50%),
        conic-gradient(var(--pr-green) 0 64%, var(--pr-cyan) 64% 82%, var(--pr-amber) 82% 100%);
}

.pr-live-donut strong {
    max-width: 76px;
    overflow-wrap: anywhere;
    font-size: 1rem;
}

.pr-dashboard-live .pr-funnel-step {
    grid-template-columns: 42% minmax(0, 1fr) auto;
    gap: 8px;
}

.pr-dashboard-live .pr-funnel-step::before {
    grid-column: 1;
}

.pr-dashboard-live .pr-funnel-step span {
    grid-column: 2;
    padding-left: 0;
}

.pr-dashboard-live .pr-funnel-step strong {
    grid-column: 3;
}

.pr-dashboard-live .pr-funnel-one::before {
    width: 100%;
}

.pr-dashboard-live .pr-funnel-two::before {
    width: 82%;
    margin-left: 9%;
}

.pr-dashboard-live .pr-funnel-three::before {
    width: 64%;
    margin-left: 18%;
}

.pr-dashboard-live .pr-funnel-four::before {
    width: 46%;
    margin-left: 27%;
}

.pr-referral-meter {
    display: grid;
    gap: 9px;
    margin-top: 22px;
}

.pr-referral-meter span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--pr-muted);
    font-size: 0.8rem;
}

.pr-referral-meter span strong {
    color: var(--pr-green);
}

.pr-referral-meter i {
    position: relative;
    display: block;
    height: 7px;
    overflow: hidden;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.12);
}

.pr-referral-meter i::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--value);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--pr-cyan), var(--pr-green));
}

.pr-app-title-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 18px;
}

.pr-trust-band {
    position: relative;
    width: 100%;
    margin-top: 34px;
    padding: 42px 34px 52px;
    background: #f8fafc;
    color: #15202b;
    box-shadow: 0 -26px 50px rgba(99, 255, 104, 0.12);
}

.pr-trust-band h2 {
    margin: 0 0 26px;
    color: #7b8190;
    font-size: 0.9rem;
    font-weight: 850;
    text-align: center;
    text-transform: uppercase;
}

.pr-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 26px;
    width: min(100%, 1040px);
    margin: 0 auto;
}

.pr-trust-grid div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 52px;
}

.pr-trust-grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #d8dee8;
    border-radius: 50%;
    color: #1d2938;
    font-size: 0.78rem;
    font-weight: 900;
}

.pr-trust-grid strong {
    font-size: 0.94rem;
}

.pr-pricing-page {
    background:
        radial-gradient(circle at 77% 12%, rgba(40, 215, 255, 0.18), transparent 22rem),
        radial-gradient(circle at 18% 24%, rgba(136, 247, 108, 0.13), transparent 24rem),
        linear-gradient(145deg, #020406 0%, #06100f 54%, #020405 100%);
}

.pr-pricing-hero {
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 30px 34px 74px;
}

.pr-pricing-intro {
    display: grid;
    justify-items: center;
    text-align: center;
    max-width: 880px;
    margin: 74px auto 42px;
}

.pr-pricing-intro h1 {
    margin: 34px 0 18px;
    color: #ffffff;
    font-size: 4.4rem;
    line-height: 1.03;
    font-weight: 920;
}

.pr-pricing-intro p {
    max-width: 780px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.2rem;
    line-height: 1.6;
}

.pr-billing-switch {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: 30px;
    padding: 5px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.pr-billing-switch button {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font-weight: 800;
}

.pr-billing-switch button.is-active {
    background: var(--pr-green);
    color: #061005;
}

.pr-billing-switch span {
    color: var(--pr-green);
    font-size: 0.76rem;
}

.pr-billing-switch button.is-active span {
    color: #061005;
}

.pr-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.pr-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 610px;
    padding: 28px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.055), transparent 38%),
        rgba(13, 20, 25, 0.86);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    overflow: hidden;
}

.pr-price-card-featured {
    border-color: rgba(136, 247, 108, 0.48);
    background:
        linear-gradient(145deg, rgba(136, 247, 108, 0.12), transparent 42%),
        rgba(15, 24, 27, 0.94);
    box-shadow: 0 30px 90px rgba(58, 229, 89, 0.16), 0 24px 70px rgba(0, 0, 0, 0.42);
}

.pr-plan-ribbon {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 8px 11px;
    border: 1px solid rgba(136, 247, 108, 0.4);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.12);
    color: var(--pr-green);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-plan-top {
    padding-right: 104px;
}

.pr-price-card:not(.pr-price-card-featured) .pr-plan-top {
    padding-right: 0;
}

.pr-plan-top span,
.pr-proof-kicker,
.pr-audience-band span {
    display: block;
    color: var(--pr-cyan);
    font-size: 0.84rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-plan-top h2 {
    margin: 14px 0 12px;
    color: #ffffff;
    font-size: 1.72rem;
    line-height: 1.12;
}

.pr-plan-top p {
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.98rem;
    line-height: 1.55;
}

.pr-plan-price {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 34px;
    color: #ffffff;
}

.pr-plan-price strong {
    font-size: 4rem;
    line-height: 0.92;
    letter-spacing: 0;
}

.pr-plan-price span {
    padding-bottom: 7px;
    color: var(--pr-muted);
    font-weight: 750;
}

.pr-plan-button {
    min-height: 54px;
    width: 100%;
    margin-top: 26px;
}

.pr-button-muted {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    box-shadow: none;
}

.pr-button-muted:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--pr-green);
}

.pr-plan-list {
    display: grid;
    gap: 13px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.pr-plan-list li {
    position: relative;
    min-height: 24px;
    padding-left: 32px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.96rem;
    line-height: 1.45;
}

.pr-plan-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 19px;
    height: 19px;
    border: 1px solid rgba(136, 247, 108, 0.52);
    border-radius: 50%;
    background: rgba(136, 247, 108, 0.08);
}

.pr-plan-list li::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 7px;
    height: 4px;
    border-left: 2px solid var(--pr-green);
    border-bottom: 2px solid var(--pr-green);
    transform: rotate(-45deg);
}

.pr-pricing-proof {
    display: grid;
    grid-template-columns: minmax(310px, 0.82fr) minmax(640px, 1.18fr);
    gap: 26px;
    width: min(100% - 68px, 1532px);
    margin: 0 auto 34px;
}

.pr-proof-panel,
.pr-feature-matrix,
.pr-audience-band,
.pr-pricing-faq {
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(12, 19, 24, 0.84);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.pr-proof-panel {
    padding: 34px;
}

.pr-proof-panel h2,
.pr-audience-band h2,
.pr-pricing-faq h2 {
    margin: 13px 0 14px;
    color: #ffffff;
    font-size: 2.1rem;
    line-height: 1.1;
}

.pr-proof-panel p,
.pr-audience-band p,
.pr-pricing-faq p,
.pr-feature-matrix p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.55;
}

.pr-feature-matrix {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
}

.pr-feature-matrix div {
    min-height: 190px;
    padding: 26px;
    border-right: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-feature-matrix div:nth-child(3n) {
    border-right: 0;
}

.pr-feature-matrix div:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.pr-feature-matrix span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(40, 215, 255, 0.32);
    border-radius: 8px;
    color: var(--pr-cyan);
    font-size: 0.74rem;
    font-weight: 900;
}

.pr-feature-matrix strong {
    display: block;
    margin: 18px 0 8px;
    color: #ffffff;
    font-size: 1.02rem;
}

.pr-audience-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    width: min(100% - 68px, 1532px);
    margin: 0 auto 34px;
    padding: 34px;
    background:
        linear-gradient(115deg, rgba(255, 107, 104, 0.14), transparent 38%),
        linear-gradient(285deg, rgba(40, 215, 255, 0.12), transparent 34%),
        rgba(12, 19, 24, 0.88);
}

.pr-audience-band p {
    max-width: 720px;
}

.pr-pricing-faq {
    width: min(100% - 68px, 1532px);
    margin: 0 auto 72px;
    padding: 34px;
}

.pr-pricing-faq h2 {
    margin-top: 0;
}

.pr-faq-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.pr-faq-grid article {
    padding: 22px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pr-faq-grid h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.pr-public-page {
    background:
        radial-gradient(circle at 82% 16%, rgba(40, 215, 255, 0.16), transparent 24rem),
        radial-gradient(circle at 16% 28%, rgba(136, 247, 108, 0.12), transparent 25rem),
        linear-gradient(145deg, #020406 0%, #06100f 52%, #020405 100%);
}

.pr-public-hero {
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 30px 34px 70px;
}

.pr-public-hero-grid {
    display: grid;
    grid-template-columns: minmax(430px, 0.92fr) minmax(520px, 1.08fr);
    align-items: center;
    gap: 72px;
    margin-top: 76px;
}

.pr-public-copy {
    max-width: 780px;
}

.pr-public-copy h1 {
    margin: 34px 0 20px;
    color: #ffffff;
    font-size: 4.35rem;
    line-height: 1.03;
    font-weight: 920;
}

.pr-public-copy p {
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.2rem;
    line-height: 1.62;
}

.pr-public-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 26px;
    margin-top: 34px;
}

.pr-product-snapshot,
.pr-resource-stack,
.pr-example-signal,
.pr-about-statement,
.pr-market-preview {
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.065), transparent 38%),
        rgba(10, 16, 21, 0.9);
    box-shadow: var(--pr-shadow);
}

.pr-product-snapshot {
    display: grid;
    gap: 14px;
    padding: 22px;
}

.pr-product-line,
.pr-embed-card,
.pr-resource-stack article,
.pr-example-signal,
.pr-about-statement,
.pr-market-preview article,
.pr-market-total {
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pr-product-line {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
}

.pr-product-line span,
.pr-embed-card span,
.pr-resource-stack span,
.pr-example-signal > span,
.pr-about-statement > span,
.pr-market-preview span {
    color: var(--pr-cyan);
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-product-line strong {
    color: #ffffff;
    text-align: right;
}

.pr-embed-card {
    display: grid;
    gap: 10px;
    padding: 20px;
}

.pr-embed-card code {
    display: block;
    padding: 13px;
    border: 1px solid rgba(40, 215, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.24);
    color: rgba(255, 255, 255, 0.82);
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.86rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.pr-resource-stack {
    display: grid;
    gap: 14px;
    padding: 22px;
}

.pr-resource-stack article {
    padding: 22px;
}

.pr-resource-stack strong {
    display: block;
    margin-top: 12px;
    color: #ffffff;
    font-size: 1.2rem;
}

.pr-resource-stack p,
.pr-example-signal p,
.pr-about-statement p,
.pr-market-preview p {
    margin: 8px 0 0;
    color: var(--pr-muted);
    line-height: 1.55;
}

.pr-example-signal,
.pr-about-statement {
    padding: 34px;
}

.pr-example-signal > strong,
.pr-about-statement > strong {
    display: block;
    margin-top: 18px;
    color: #ffffff;
    font-size: 2.2rem;
    line-height: 1.06;
}

.pr-example-signal div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--pr-line);
}

.pr-example-signal div span {
    color: var(--pr-muted);
    text-transform: none;
}

.pr-example-signal b {
    color: var(--pr-green);
    text-align: right;
}

.pr-market-preview {
    display: grid;
    gap: 14px;
    padding: 22px;
}

.pr-market-total,
.pr-market-preview article {
    padding: 22px;
}

.pr-market-total strong {
    display: block;
    margin-top: 12px;
    color: #ffffff;
    font-size: 2.55rem;
    line-height: 1;
}

.pr-market-preview h2 {
    margin: 11px 0 0;
    color: #ffffff;
    font-size: 1.14rem;
}

.pr-public-section {
    width: min(100% - 68px, 1532px);
    margin: 0 auto 34px;
    padding: 36px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(12, 19, 24, 0.84);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.pr-section-heading {
    display: grid;
    gap: 14px;
    max-width: 900px;
    margin-bottom: 30px;
}

.pr-section-heading span,
.pr-public-band span {
    color: var(--pr-cyan);
    font-size: 0.84rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-section-heading h2,
.pr-public-band h2 {
    margin: 0;
    color: #ffffff;
    font-size: 2.65rem;
    line-height: 1.08;
}

.pr-section-heading p,
.pr-public-band p {
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.04rem;
    line-height: 1.62;
}

.pr-feature-cards,
.pr-resource-grid,
.pr-example-grid,
.pr-value-grid,
.pr-market-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pr-value-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pr-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pr-feature-cards article,
.pr-resource-grid article,
.pr-example-grid article,
.pr-value-grid article,
.pr-market-grid article {
    min-height: 220px;
    padding: 24px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 48%),
        rgba(255, 255, 255, 0.026);
}

.pr-feature-cards article > span,
.pr-resource-grid article > span,
.pr-example-grid article > span,
.pr-value-grid article > span,
.pr-market-grid article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(40, 215, 255, 0.32);
    border-radius: 8px;
    color: var(--pr-cyan);
    font-size: 0.74rem;
    font-weight: 900;
}

.pr-feature-cards h3,
.pr-resource-grid h3,
.pr-example-grid h3,
.pr-value-grid h3,
.pr-market-grid h3 {
    margin: 20px 0 10px;
    color: #ffffff;
    font-size: 1.22rem;
    line-height: 1.2;
}

.pr-feature-cards p,
.pr-resource-grid p,
.pr-example-grid p,
.pr-value-grid p,
.pr-market-grid p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.58;
}

.pr-example-grid strong {
    display: block;
    margin-top: 18px;
    color: var(--pr-green);
    font-size: 0.9rem;
    line-height: 1.35;
}

.pr-public-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    width: min(100% - 68px, 1532px);
    margin: 0 auto 72px;
    padding: 36px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(115deg, rgba(136, 247, 108, 0.1), transparent 36%),
        linear-gradient(285deg, rgba(40, 215, 255, 0.12), transparent 34%),
        rgba(12, 19, 24, 0.88);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.pr-public-band div {
    max-width: 850px;
}

.pr-public-band h2 {
    margin-top: 12px;
}

.pr-public-band p {
    margin-top: 12px;
}

@media (max-width: 1400px) {
    .pr-hero {
        padding-inline: 24px;
    }

    .pr-hero-grid {
        grid-template-columns: minmax(360px, 0.76fr) minmax(650px, 1.24fr);
        gap: 46px;
    }

    .pr-hero-copy {
        padding-left: 0;
    }

    .pr-hero h1 {
        font-size: 4rem;
    }

    .pr-dashboard-main {
        padding: 28px 24px;
    }

    .pr-dashboard {
        grid-template-columns: 188px minmax(0, 1fr);
    }

    .pr-video-screen {
        min-height: 310px;
    }

    .pr-pricing-intro h1 {
        font-size: 3.85rem;
    }

    .pr-public-copy h1 {
        font-size: 3.8rem;
    }

    .pr-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .pr-header {
        grid-template-columns: 1fr auto;
    }

    .pr-nav {
        display: none;
    }

    .pr-hero-grid {
        grid-template-columns: 1fr;
        padding-top: 54px;
    }

    .pr-hero-copy {
        max-width: 780px;
        padding-top: 0;
    }

    .pr-hero h1 {
        max-width: 780px;
        font-size: 4.35rem;
    }

    .pr-dashboard {
        width: 100%;
    }

    .pr-dashboard-section {
        justify-content: stretch;
        margin-top: 48px;
    }

    .pr-video-gallery {
        width: 100%;
    }

    .pr-pricing-grid,
    .pr-pricing-proof {
        grid-template-columns: 1fr;
    }

    .pr-pricing-proof,
    .pr-audience-band,
    .pr-pricing-faq {
        width: min(100% - 32px, 780px);
    }

    .pr-feature-matrix {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-feature-matrix div:nth-child(3n) {
        border-right: 1px solid var(--pr-line);
    }

    .pr-feature-matrix div:nth-child(2n) {
        border-right: 0;
    }

    .pr-feature-matrix div:nth-last-child(-n + 3) {
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-feature-matrix div:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .pr-public-hero-grid {
        grid-template-columns: 1fr;
        gap: 38px;
        margin-top: 54px;
    }

    .pr-public-copy {
        max-width: 900px;
    }

    .pr-public-copy h1 {
        max-width: 900px;
    }

    .pr-public-section,
    .pr-public-band {
        width: min(100% - 32px, 900px);
    }

    .pr-feature-cards,
    .pr-resource-grid,
    .pr-example-grid,
    .pr-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .pr-hero {
        min-height: auto;
        padding: 22px 16px 0;
    }

    .pr-header {
        display: flex;
        justify-content: space-between;
    }

    .pr-header-actions {
        gap: 14px;
    }

    .pr-login {
        display: none;
    }

    .pr-button-small {
        min-height: 46px;
        padding: 0 16px;
    }

    .pr-brand-name {
        font-size: 1.18rem;
    }

    .pr-hero h1 {
        margin-top: 34px;
        font-size: 3.1rem;
    }

    .pr-hero-text {
        font-size: 1.08rem;
    }

    .pr-hero-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .pr-secondary-link {
        justify-content: center;
        min-height: 48px;
    }

    .pr-proof-row {
        gap: 14px;
        margin-top: 32px;
    }

    .pr-video-head {
        flex-direction: column;
    }

    .pr-video-screen {
        min-height: 280px;
    }

    .pr-video-thumbs {
        grid-template-columns: 1fr 1fr;
    }

    .pr-dashboard {
        grid-template-columns: 1fr;
    }

    .pr-app-sidebar {
        display: none;
    }

    .pr-dashboard-top,
    .pr-health-panel {
        grid-template-columns: 1fr;
    }

    .pr-dashboard-top {
        flex-direction: column;
    }

    .pr-dashboard-tools {
        width: 100%;
    }

    .pr-dashboard-tools button {
        flex: 1;
    }

    .pr-metrics-row,
    .pr-insight-grid,
    .pr-score-bars,
    .pr-trust-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pr-metric:nth-child(2) {
        border-right: 0;
    }

    .pr-metric:nth-child(1),
    .pr-metric:nth-child(2) {
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-health-panel {
        align-items: start;
    }

    .pr-pricing-hero {
        padding: 22px 16px 54px;
    }

    .pr-pricing-intro {
        margin-top: 48px;
    }

    .pr-pricing-intro h1 {
        font-size: 3rem;
    }

    .pr-pricing-intro p {
        font-size: 1.05rem;
    }

    .pr-audience-band {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-public-hero {
        padding: 22px 16px 54px;
    }

    .pr-public-copy h1 {
        font-size: 3rem;
    }

    .pr-public-copy p {
        font-size: 1.05rem;
    }

    .pr-public-band {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .pr-header-actions {
        display: none;
    }

    .pr-signal-badge {
        width: 100%;
        justify-content: center;
        padding: 10px 12px;
        text-align: center;
    }

    .pr-hero h1 {
        font-size: 2.45rem;
    }

    .pr-button-large {
        width: 100%;
    }

    .pr-video-gallery {
        padding: 14px;
    }

    .pr-video-screen {
        min-height: 245px;
        padding: 18px;
    }

    .pr-video-head h2 {
        font-size: 1.25rem;
    }

    .pr-play-button {
        width: 60px;
        height: 60px;
    }

    .pr-play-button span {
        border-top-width: 11px;
        border-bottom-width: 11px;
        border-left-width: 17px;
    }

    .pr-video-thumbs {
        grid-template-columns: 1fr;
    }

    .pr-dashboard-main {
        padding: 20px 14px;
    }

    .pr-metrics-row,
    .pr-insight-grid,
    .pr-score-bars,
    .pr-trust-grid {
        grid-template-columns: 1fr;
    }

    .pr-metric {
        border-right: 0;
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-metric:last-child {
        border-bottom: 0;
    }

    .pr-price-wrap {
        grid-template-columns: 1fr;
    }

    .pr-donut,
    .pr-score {
        margin: 0 auto;
    }

    .pr-pricing-intro {
        margin-top: 34px;
    }

    .pr-pricing-intro h1 {
        font-size: 2.34rem;
    }

    .pr-billing-switch {
        width: 100%;
    }

    .pr-billing-switch button {
        padding: 0 10px;
    }

    .pr-pricing-grid {
        gap: 14px;
    }

    .pr-price-card,
    .pr-proof-panel,
    .pr-audience-band,
    .pr-pricing-faq {
        padding: 22px;
    }

    .pr-plan-top {
        padding-right: 0;
    }

    .pr-plan-ribbon {
        position: static;
        width: max-content;
        margin-bottom: 18px;
    }

    .pr-plan-price strong {
        font-size: 3.25rem;
    }

    .pr-feature-matrix,
    .pr-faq-grid {
        grid-template-columns: 1fr;
    }

    .pr-feature-matrix div,
    .pr-feature-matrix div:nth-child(2n),
    .pr-feature-matrix div:nth-child(3n),
    .pr-feature-matrix div:nth-last-child(-n + 2),
    .pr-feature-matrix div:nth-last-child(-n + 3) {
        border-right: 0;
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-feature-matrix div:last-child {
        border-bottom: 0;
    }

    .pr-proof-panel h2,
    .pr-audience-band h2,
    .pr-pricing-faq h2 {
        font-size: 1.72rem;
    }

    .pr-public-copy h1 {
        font-size: 2.34rem;
    }

    .pr-public-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .pr-public-actions .pr-secondary-link {
        justify-content: center;
    }

    .pr-product-line {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-product-line strong {
        text-align: left;
    }

    .pr-public-section,
    .pr-public-band,
    .pr-product-snapshot,
    .pr-resource-stack,
    .pr-example-signal,
    .pr-about-statement,
    .pr-market-preview {
        padding: 22px;
    }

    .pr-feature-cards,
    .pr-resource-grid,
    .pr-example-grid,
    .pr-value-grid,
    .pr-market-grid {
        grid-template-columns: 1fr;
    }

    .pr-section-heading h2,
    .pr-public-band h2 {
        font-size: 1.72rem;
    }

    .pr-example-signal > strong,
    .pr-about-statement > strong,
    .pr-market-total strong {
        font-size: 1.8rem;
    }
}

.pr-app-page,
.pr-auth-page,
.pr-register-page {
    min-height: 100vh;
    background-color: #030709;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 72px 72px;
}

.pr-app-shell,
.pr-register-shell {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: 30px 34px 86px;
}

.pr-auth-grid,
.pr-register-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.92fr) minmax(390px, 0.78fr);
    align-items: start;
    gap: 56px;
    padding: 80px 14px 0;
}

.pr-auth-grid-compact {
    grid-template-columns: minmax(360px, 0.95fr) minmax(360px, 0.62fr);
}

.pr-auth-copy,
.pr-register-copy {
    max-width: 640px;
}

.pr-auth-copy h1,
.pr-register-copy h1,
.pr-app-title-row h1 {
    margin: 28px 0 18px;
    color: #ffffff;
    font-weight: 900;
    line-height: 1.08;
}

.pr-auth-copy h1,
.pr-register-copy h1 {
    font-size: clamp(3rem, 5.2vw, 5.8rem);
}

.pr-auth-copy p,
.pr-register-copy p,
.pr-app-title-row p,
.pr-panel-copy {
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.08rem;
    line-height: 1.58;
}

.pr-auth-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 38px;
}

.pr-auth-proof article,
.pr-app-panel,
.pr-app-card,
.pr-empty-state,
.pr-export-card,
.pr-reward-banner,
.pr-hosted-preview {
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.055), transparent 45%),
        rgba(12, 18, 23, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.pr-auth-proof article {
    min-height: 122px;
    padding: 18px;
}

.pr-auth-proof strong {
    display: block;
    color: var(--pr-green);
    font-size: 1.8rem;
    line-height: 1;
}

.pr-auth-proof span {
    display: block;
    margin-top: 12px;
    color: #ffffff;
    font-weight: 750;
    line-height: 1.3;
}

.pr-header-verification {
    grid-template-columns: minmax(300px, 1fr) auto minmax(120px, 1fr);
}

.pr-verification-header-state {
    display: flex;
    justify-content: center;
}

.pr-header-verification .pr-session-state i {
    background: #ffd166;
    box-shadow: 0 0 12px rgba(255, 209, 102, 0.62);
}

.pr-verification-gate-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.66fr);
    align-items: center;
    gap: 76px;
    padding: 86px 28px 0;
}

.pr-verification-copy {
    max-width: 760px;
}

.pr-verification-copy h1 {
    max-width: 730px;
    margin: 28px 0 20px;
    color: #ffffff;
    font-size: 4.6rem;
    font-weight: 900;
    line-height: 1.04;
}

.pr-verification-copy > p {
    max-width: 660px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.12rem;
    line-height: 1.65;
}

.pr-verification-email {
    display: grid;
    gap: 7px;
    margin-top: 34px;
    padding: 18px 0 18px 20px;
    border-left: 3px solid var(--pr-cyan);
    background: linear-gradient(90deg, rgba(40, 215, 255, 0.09), transparent 72%);
}

.pr-verification-email span,
.pr-verification-kicker {
    color: var(--pr-green);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pr-verification-email strong {
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 1.18rem;
}

.pr-verification-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 42px;
    border-top: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-verification-steps > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    padding: 22px 18px 22px 0;
}

.pr-verification-steps > div + div {
    padding-left: 18px;
    border-left: 1px solid var(--pr-line);
}

.pr-verification-steps > div > span {
    display: grid;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(40, 215, 255, 0.42);
    border-radius: 50%;
    background: rgba(40, 215, 255, 0.08);
    color: var(--pr-cyan);
    font-size: 0.78rem;
    font-weight: 900;
    place-items: center;
}

.pr-verification-steps p {
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.83rem;
    line-height: 1.48;
}

.pr-verification-steps strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 0.92rem;
}

.pr-verification-action-panel {
    display: grid;
    gap: 18px;
    padding: 36px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(40, 215, 255, 0.1), transparent 42%),
        rgba(11, 17, 22, 0.94);
    box-shadow: var(--pr-shadow);
}

.pr-verification-status-mark {
    position: relative;
    display: grid;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(40, 215, 255, 0.35);
    border-radius: 8px;
    background: #091216;
    place-items: center;
}

.pr-verification-status-mark img {
    width: 48px;
    height: 48px;
}

.pr-verification-status-mark span {
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 18px;
    height: 18px;
    border: 4px solid #0b1116;
    border-radius: 50%;
    background: #ffd166;
}

.pr-verification-action-panel h2 {
    margin: -4px 0 0;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1.12;
}

.pr-verification-action-panel > p,
.pr-verification-action-panel > small {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.58;
}

.pr-verification-action-panel form,
.pr-verification-action-panel form .pr-button {
    width: 100%;
}

.pr-verification-refresh {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 48px;
    padding: 0 2px;
    border-bottom: 1px solid var(--pr-line);
    color: var(--pr-cyan);
    font-size: 0.88rem;
    font-weight: 850;
}

.pr-verification-refresh:hover {
    color: var(--pr-green);
}

@media (max-width: 1120px) {
    .pr-verification-gate-grid {
        grid-template-columns: 1fr;
        gap: 48px;
        padding-top: 64px;
    }

    .pr-verification-action-panel {
        width: min(100%, 660px);
    }
}

@media (max-width: 760px) {
    .pr-header-verification {
        grid-template-columns: 1fr auto;
    }

    .pr-verification-header-state {
        display: none;
    }

    .pr-verification-gate-grid {
        gap: 36px;
        padding: 46px 0 0;
    }

    .pr-verification-copy h1 {
        font-size: 2.7rem;
    }

    .pr-verification-steps {
        grid-template-columns: 1fr;
    }

    .pr-verification-steps > div,
    .pr-verification-steps > div + div {
        padding: 18px 0;
        border-left: 0;
    }

    .pr-verification-steps > div + div {
        border-top: 1px solid var(--pr-line);
    }

    .pr-verification-action-panel {
        padding: 26px 22px;
    }
}

.pr-app-notice {
    margin: 28px auto 0;
    width: min(100%, 1040px);
    padding: 15px 18px;
    border: 1px solid rgba(136, 247, 108, 0.36);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.1);
    color: #dfffd8;
    font-weight: 750;
}

.pr-app-form {
    display: grid;
    gap: 18px;
    padding: 24px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background:
        linear-gradient(150deg, rgba(40, 215, 255, 0.08), transparent 36%),
        rgba(11, 17, 22, 0.9);
    box-shadow: var(--pr-shadow);
}

.pr-auth-form,
.pr-register-form {
    position: sticky;
    top: 24px;
}

.pr-form-head span,
.pr-app-title-row > div > span,
.pr-panel-head span,
.pr-app-card > span,
.pr-hosted-preview > span,
.pr-reward-banner span {
    display: block;
    color: var(--pr-green);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pr-form-head h2,
.pr-panel-head h2,
.pr-hosted-preview h3,
.pr-app-card h3,
.pr-question-builder h2 {
    margin: 7px 0 0;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.18;
}

.pr-form-head p,
.pr-app-card p,
.pr-hosted-preview p,
.pr-export-card span,
.pr-empty-state p {
    margin: 8px 0 0;
    color: var(--pr-muted);
    line-height: 1.5;
}

.pr-app-form label {
    display: grid;
    gap: 8px;
}

.pr-app-form label > span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 760;
}

.pr-app-form input,
.pr-app-form textarea,
.pr-app-form select {
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pr-app-form textarea {
    min-height: 112px;
    padding-top: 13px;
    resize: vertical;
}

.pr-app-form select {
    color-scheme: dark;
}

.pr-app-form input:focus,
.pr-app-form textarea:focus,
.pr-app-form select:focus {
    border-color: rgba(40, 215, 255, 0.68);
    box-shadow: 0 0 0 4px rgba(40, 215, 255, 0.12);
}

.pr-form-grid {
    display: grid;
    gap: 16px;
}

.pr-form-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pr-form-foot {
    margin: 0;
    color: var(--pr-dim);
    font-size: 0.9rem;
}

.pr-form-foot a {
    color: var(--pr-green);
    font-weight: 800;
}

.pr-app-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 22px;
    padding-top: 54px;
}

.pr-app-menu {
    position: sticky;
    top: 24px;
    align-self: start;
    min-height: 420px;
    padding: 22px 14px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(13, 20, 26, 0.82);
}

.pr-app-menu .pr-mini-brand {
    padding: 0 10px 20px;
}

.pr-app-main {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.pr-app-title-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    padding: 0 2px 6px;
}

.pr-app-title-row h1 {
    max-width: 820px;
    font-size: clamp(2.2rem, 3.8vw, 4.3rem);
}

.pr-app-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.026);
}

.pr-app-metrics article {
    min-height: 130px;
    padding: 24px;
    border-right: 1px solid var(--pr-line);
}

.pr-app-metrics article:last-child {
    border-right: 0;
}

.pr-app-metrics span,
.pr-app-metrics strong,
.pr-app-metrics small {
    display: block;
}

.pr-app-metrics span {
    color: var(--pr-muted);
}

.pr-app-metrics strong {
    margin-top: 10px;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1;
}

.pr-app-metrics small {
    margin-top: 10px;
    color: var(--pr-green);
    font-weight: 800;
}

.pr-app-two-col {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.72fr);
    gap: 20px;
}

.pr-app-panel {
    min-width: 0;
    padding: 22px;
}

.pr-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.pr-panel-head a,
.pr-app-card a,
.pr-hosted-preview a {
    color: var(--pr-green);
    font-weight: 850;
}

.pr-campaign-list,
.pr-card-grid,
.pr-next-steps {
    display: grid;
    gap: 14px;
}

.pr-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pr-app-card {
    min-height: 180px;
    padding: 20px;
}

.pr-app-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
}

.pr-empty-state {
    display: grid;
    place-items: center;
    min-height: 180px;
    padding: 28px;
    text-align: center;
}

.pr-empty-state span {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, var(--pr-green) 0 24%, transparent 25%),
        conic-gradient(var(--pr-cyan), var(--pr-green), var(--pr-amber), var(--pr-cyan));
    opacity: 0.82;
}

.pr-next-steps article {
    padding: 16px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.pr-next-steps b,
.pr-next-steps strong,
.pr-next-steps p {
    display: block;
}

.pr-next-steps b {
    color: var(--pr-cyan);
    font-size: 0.78rem;
}

.pr-next-steps strong {
    margin-top: 8px;
    color: #ffffff;
}

.pr-next-steps p {
    margin: 6px 0 0;
    color: var(--pr-muted);
    line-height: 1.45;
}

.pr-app-narrow {
    width: min(100%, 920px);
    margin: 0 auto;
    padding-top: 62px;
}

.pr-app-wide-form {
    width: min(100%, 1080px);
}

.pr-creation-page .pr-app-narrow {
    padding-top: 48px;
}

.pr-creation-page .pr-app-title-row {
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 0;
}

.pr-creation-page .pr-app-title-row h1 {
    max-width: 720px;
    margin: 12px 0 10px;
    font-size: 2.65rem;
    line-height: 1.08;
}

.pr-creation-page .pr-app-title-row p {
    max-width: 720px;
    font-size: 1rem;
}

.pr-creation-page .pr-app-form {
    gap: 0;
    overflow: hidden;
    padding: 0;
    border-color: rgba(255, 255, 255, 0.15);
    background: #0a1115;
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}

.pr-form-head-spaced {
    padding: 24px 26px;
    border-bottom: 1px solid var(--pr-line);
    background: #0d161a;
}

.pr-form-head-spaced h2 {
    font-size: 1.42rem;
}

.pr-form-head-spaced p {
    max-width: 720px;
    font-size: 0.94rem;
}

.pr-form-section {
    display: grid;
    gap: 18px;
    padding: 26px;
    border: 0;
    border-bottom: 1px solid var(--pr-line);
}

.pr-form-section-head {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.pr-form-section-head > span {
    display: grid;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(40, 215, 255, 0.28);
    border-radius: 7px;
    background: rgba(40, 215, 255, 0.07);
    color: #65e5ff;
    font-size: 0.72rem;
    font-weight: 900;
}

.pr-form-section-head h3,
.pr-form-section-head p {
    margin: 0;
}

.pr-form-section-head h3 {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.pr-form-section-head p {
    margin-top: 4px;
    color: var(--pr-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.pr-creation-page .pr-app-form input,
.pr-creation-page .pr-app-form textarea,
.pr-creation-page .pr-app-form select {
    border-color: rgba(255, 255, 255, 0.14);
    background: #11191e;
}

.pr-creation-page .pr-app-form input:hover,
.pr-creation-page .pr-app-form textarea:hover,
.pr-creation-page .pr-app-form select:hover {
    border-color: rgba(255, 255, 255, 0.23);
}

.pr-creation-page .pr-template-picker {
    margin-top: 0;
}

.pr-creation-page .pr-template-picker label > span {
    background: #0e171b;
}

.pr-creation-page .pr-question-builder {
    padding: 4px 0 0;
    border: 0;
    background: transparent;
}

.pr-form-submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 26px;
    background: #080e11;
}

.pr-form-submit-row p {
    margin: 0;
    color: var(--pr-dim);
    font-size: 0.84rem;
    line-height: 1.4;
}

.pr-form-submit-row .pr-button-large {
    flex: 0 0 auto;
    min-height: 52px;
}

.pr-form-submit-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.pr-campaign-preview-button {
    min-height: 52px;
    padding-right: 22px;
    padding-left: 22px;
    border-color: rgba(40, 215, 255, 0.42);
    color: #c7f6ff;
}

.pr-campaign-preview-dialog {
    width: min(calc(100% - 32px), 1440px);
    height: min(calc(100vh - 32px), 940px);
    max-width: none;
    max-height: none;
    padding: 0;
    overflow: hidden;
    border: 1px solid #33434b;
    border-radius: 8px;
    background: #091115;
    color: #ffffff;
    box-shadow: 0 36px 110px rgba(0, 0, 0, 0.76);
}

.pr-campaign-preview-dialog,
.pr-campaign-preview-dialog * {
    box-sizing: border-box;
}

.pr-campaign-preview-dialog::backdrop {
    background: rgba(1, 4, 6, 0.88);
    backdrop-filter: blur(8px);
}

.pr-campaign-preview-dialog[open] {
    animation: pr-ai-dialog-in 0.2s ease-out both;
}

.pr-campaign-preview-shell {
    display: grid;
    height: 100%;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.pr-campaign-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 22px;
    border-bottom: 1px solid #27353c;
    background: #0d171c;
}

.pr-campaign-preview-head > div:first-child {
    min-width: 0;
}

.pr-campaign-preview-head > div:first-child > span {
    display: block;
    color: var(--pr-green);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-campaign-preview-head h2 {
    margin: 4px 0 2px;
    font-size: 1.45rem;
    line-height: 1.18;
}

.pr-campaign-preview-head p,
.pr-campaign-preview-footer p {
    margin: 0;
    color: var(--pr-muted);
    font-size: 0.82rem;
    line-height: 1.4;
}

.pr-campaign-preview-tools,
.pr-preview-viewport-switch {
    display: flex;
    align-items: center;
}

.pr-campaign-preview-tools {
    flex: 0 0 auto;
    gap: 12px;
}

.pr-preview-viewport-switch {
    overflow: hidden;
    border: 1px solid #33434b;
    border-radius: 6px;
    background: #080e11;
}

.pr-preview-viewport-switch button {
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-right: 1px solid #33434b;
    background: transparent;
    color: var(--pr-muted);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.pr-preview-viewport-switch button:last-child {
    border-right: 0;
}

.pr-preview-viewport-switch button.is-active {
    background: #1b2d26;
    color: #9bff82;
}

.pr-campaign-preview-stage {
    position: relative;
    display: flex;
    min-height: 0;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    background: #030709;
}

.pr-campaign-preview-stage iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 1px solid #33434b;
    border-radius: 6px;
    background: #05090b;
    opacity: 0;
    transition: width 0.2s ease, opacity 0.18s ease;
}

.pr-campaign-preview-stage.is-ready iframe {
    opacity: 1;
}

.pr-campaign-preview-stage.is-mobile iframe {
    width: min(390px, 100%);
}

.pr-campaign-preview-loading {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: min(360px, calc(100% - 48px));
    padding: 18px;
    border: 1px solid #33434b;
    border-radius: 6px;
    background: #0d171c;
    color: #c7f6ff;
    font-size: 0.9rem;
    font-weight: 800;
    text-align: center;
    transform: translate(-50%, -50%);
}

.pr-campaign-preview-stage.is-ready .pr-campaign-preview-loading {
    display: none;
}

.pr-campaign-preview-stage.has-error .pr-campaign-preview-loading {
    border-color: rgba(255, 107, 99, 0.56);
    color: #ffaaa5;
}

.pr-campaign-preview-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 22px;
    border-top: 1px solid #27353c;
    background: #0d171c;
}

.pr-question-builder {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.pr-question-builder h2 {
    font-size: 1.1rem;
}

.pr-table-wrap {
    overflow-x: auto;
}

.pr-app-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.pr-app-table th,
.pr-app-table td {
    padding: 15px 14px;
    border-bottom: 1px solid var(--pr-line);
    color: rgba(255, 255, 255, 0.82);
    text-align: left;
    vertical-align: top;
}

.pr-app-table th {
    color: var(--pr-muted);
    font-size: 0.82rem;
    text-transform: uppercase;
}

.pr-app-table td strong,
.pr-app-table td span {
    display: block;
}

.pr-app-table td strong {
    color: #ffffff;
}

.pr-app-table td span {
    margin-top: 4px;
    color: var(--pr-dim);
    font-size: 0.84rem;
}

.pr-app-table a {
    color: var(--pr-green);
    font-weight: 850;
}

.pr-hosted-preview {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.pr-hosted-preview code,
.pr-code-block {
    display: block;
    width: 100%;
    padding: 14px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.24);
    color: #dfffd8;
    font-family: Consolas, Monaco, monospace;
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.pr-export-card,
.pr-reward-banner {
    margin-top: 18px;
    padding: 18px;
}

.pr-export-card strong,
.pr-reward-banner strong {
    display: block;
    color: #ffffff;
    font-size: 1.2rem;
}

.pr-register-shell {
    width: min(100%, 1320px);
}

.pr-platform-trust-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
    padding: 16px;
    border: 1px solid rgba(40, 215, 255, 0.24);
    border-radius: 7px;
    background: rgba(40, 215, 255, 0.06);
    cursor: pointer;
}

.pr-platform-trust-option input {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #88f76c;
}

.pr-platform-trust-option span,
.pr-platform-trust-option strong,
.pr-platform-trust-option small {
    display: block;
}

.pr-platform-trust-option strong {
    color: #ffffff;
    font-size: 14px;
}

.pr-platform-trust-option small {
    margin-top: 4px;
    color: #aab8b4;
    font-size: 12px;
    line-height: 1.5;
}

.pr-register-grid {
    grid-template-columns: minmax(360px, 0.9fr) minmax(390px, 0.62fr);
}

.pr-register-lede {
    color: #ffffff;
    font-size: 1.34rem;
    font-weight: 800;
}

.pr-widget-demo {
    padding: 18px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(40, 215, 255, 0.08), transparent),
        rgba(255, 255, 255, 0.03);
}

.pr-install-live-panel {
    margin-bottom: 20px;
}

.pr-install-live {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(320px, 0.7fr);
    gap: 22px;
    align-items: start;
}

.pr-install-live > div:first-child {
    display: grid;
    gap: 10px;
    min-height: 160px;
    padding: 18px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.pr-install-live span,
.pr-install-card > span {
    color: var(--pr-green);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-install-live strong {
    color: #ffffff;
    font-size: 1.06rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.pr-install-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.pr-install-card {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 310px;
    padding: 22px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(40, 215, 255, 0.06), transparent 45%),
        rgba(12, 18, 23, 0.82);
}

.pr-install-card h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.32rem;
    line-height: 1.18;
}

.pr-install-card p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.52;
}

.pr-install-card a {
    align-self: end;
    color: var(--pr-green);
    font-weight: 850;
}

.pr-install-card-accent {
    background:
        linear-gradient(145deg, rgba(136, 247, 108, 0.13), transparent 45%),
        rgba(12, 18, 23, 0.86);
}

.pr-insight-campaign-page {
    background:
        radial-gradient(circle at 82% 20%, rgba(40, 215, 255, 0.18), transparent 23rem),
        radial-gradient(circle at 14% 78%, rgba(136, 247, 108, 0.16), transparent 25rem),
        linear-gradient(145deg, #020406 0%, #06100f 50%, #020405 100%);
}

.pr-insight-hero,
.pr-insight-section,
.pr-insight-form-band {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: 30px 34px 0;
}

.pr-insight-campaign-page .pr-insight-grid {
    display: grid;
    grid-template-columns: minmax(420px, 0.88fr) minmax(520px, 0.82fr);
    align-items: center;
    gap: 64px;
    padding: 82px 14px 78px;
}

.pr-insight-copy h1 {
    max-width: 760px;
    margin: 34px 0 22px;
    color: #ffffff;
    font-size: 5rem;
    line-height: 1.06;
    font-weight: 900;
}

.pr-insight-copy p {
    max-width: 650px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.22rem;
    line-height: 1.58;
}

.pr-insight-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
    margin-top: 38px;
}

.pr-insight-console {
    position: relative;
    display: grid;
    gap: 20px;
    min-height: 580px;
    padding: 24px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 42%),
        rgba(10, 16, 21, 0.9);
    box-shadow: var(--pr-shadow);
    overflow: hidden;
}

.pr-insight-console::before {
    content: "";
    position: absolute;
    inset: 18px;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: 0.55;
}

.pr-insight-console > * {
    position: relative;
    z-index: 1;
}

.pr-insight-console-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.pr-insight-console-top span,
.pr-insight-cost-card span,
.pr-insight-cards span,
.pr-insight-form-copy > span {
    color: var(--pr-green);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-insight-console-top strong {
    color: #ffffff;
    font-size: 1.2rem;
}

.pr-insight-meter {
    display: grid;
    place-items: center;
    align-content: center;
    justify-self: center;
    width: 188px;
    height: 188px;
    margin: 18px 0 8px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #11181d 0 54%, transparent 55%),
        conic-gradient(var(--pr-green) 0 86%, rgba(255, 255, 255, 0.12) 86% 100%);
}

.pr-insight-meter span {
    color: #ffffff;
    font-size: 3.4rem;
    font-weight: 900;
    line-height: 1;
}

.pr-insight-meter strong {
    margin-top: 8px;
    color: var(--pr-green);
    font-size: 0.95rem;
}

.pr-insight-bars {
    display: grid;
    gap: 15px;
}

.pr-insight-bars span {
    display: grid;
    gap: 8px;
}

.pr-insight-bars b {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.pr-insight-bars em {
    display: block;
    height: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
}

.pr-insight-bars em::before {
    content: "";
    display: block;
    width: var(--insight-value);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--pr-cyan), var(--pr-green));
}

.pr-insight-bar-92 {
    --insight-value: 92%;
}

.pr-insight-bar-78 {
    --insight-value: 78%;
}

.pr-insight-bar-84 {
    --insight-value: 84%;
}

.pr-insight-bar-69 {
    --insight-value: 69%;
}

.pr-insight-cost-card {
    margin-top: 8px;
    padding: 18px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.07);
}

.pr-insight-cost-card strong {
    display: block;
    margin-top: 8px;
    color: #ffffff;
    font-size: 1.22rem;
}

.pr-insight-cost-card p {
    margin: 8px 0 0;
    color: var(--pr-muted);
    line-height: 1.5;
}

.pr-insight-section {
    padding-top: 38px;
    padding-bottom: 34px;
}

.pr-insight-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 34px;
}

.pr-insight-cards article {
    min-height: 218px;
    padding: 22px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(40, 215, 255, 0.055), transparent 42%),
        rgba(12, 18, 23, 0.82);
}

.pr-insight-cards h3 {
    margin: 16px 0 10px;
    color: #ffffff;
    font-size: 1.32rem;
}

.pr-insight-cards p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.52;
}

.pr-insight-form-band {
    display: grid;
    grid-template-columns: minmax(360px, 0.82fr) minmax(420px, 0.68fr);
    gap: 42px;
    align-items: start;
    padding-top: 54px;
    padding-bottom: 92px;
}

.pr-insight-form-copy h2 {
    max-width: 620px;
    margin: 12px 0 16px;
    color: #ffffff;
    font-size: 3.1rem;
    line-height: 1.08;
}

.pr-insight-form-copy p {
    max-width: 610px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.12rem;
    line-height: 1.58;
}

.pr-insight-form {
    position: sticky;
    top: 24px;
}

@media (max-width: 1120px) {
    .pr-auth-grid,
    .pr-register-grid,
    .pr-app-layout,
    .pr-app-two-col,
    .pr-install-live,
    .pr-insight-campaign-page .pr-insight-grid,
    .pr-insight-form-band {
        grid-template-columns: 1fr;
    }

    .pr-insight-copy h1 {
        font-size: 4rem;
    }

    .pr-insight-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-auth-form,
    .pr-register-form,
    .pr-app-menu,
    .pr-insight-form {
        position: static;
    }

    .pr-app-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-app-metrics article:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 760px) {
    .pr-app-shell,
    .pr-register-shell {
        padding: 22px 18px 58px;
    }

    .pr-auth-grid,
    .pr-register-grid,
    .pr-app-layout,
    .pr-app-narrow {
        padding-top: 42px;
    }

    .pr-auth-proof,
    .pr-form-grid-two,
    .pr-card-grid,
    .pr-app-metrics,
    .pr-install-grid,
    .pr-insight-cards {
        grid-template-columns: 1fr;
    }

    .pr-insight-hero,
    .pr-insight-section,
    .pr-insight-form-band {
        padding-left: 18px;
        padding-right: 18px;
    }

    .pr-insight-campaign-page .pr-insight-grid {
        padding-top: 42px;
    }

    .pr-insight-copy h1 {
        font-size: 2.48rem;
    }

    .pr-insight-form-copy h2 {
        font-size: 2rem;
    }

    .pr-insight-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .pr-insight-actions .pr-secondary-link {
        justify-content: center;
    }

    .pr-app-title-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-creation-page .pr-app-title-row h1 {
        font-size: 2.05rem;
    }

    .pr-form-head-spaced,
    .pr-form-section,
    .pr-form-submit-row {
        padding-right: 18px;
        padding-left: 18px;
    }

    .pr-form-submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-form-submit-row .pr-button-large {
        width: 100%;
    }

    .pr-form-submit-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .pr-campaign-preview-dialog {
        width: calc(100% - 12px);
        height: calc(100vh - 12px);
    }

    .pr-campaign-preview-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        padding: 14px;
    }

    .pr-campaign-preview-head h2 {
        font-size: 1.18rem;
    }

    .pr-campaign-preview-tools {
        width: 100%;
        justify-content: space-between;
    }

    .pr-preview-viewport-switch {
        flex: 1 1 auto;
    }

    .pr-preview-viewport-switch button {
        flex: 1 1 50%;
    }

    .pr-campaign-preview-stage {
        padding: 7px;
    }

    .pr-campaign-preview-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 9px;
        padding: 11px 14px;
    }

    .pr-app-metrics article,
    .pr-app-metrics article:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-app-metrics article:last-child {
        border-bottom: 0;
    }
}

/* Final layout values sit after the legacy responsive rules. */
.pr-install-live {
    grid-template-columns: minmax(250px, 0.42fr) minmax(420px, 0.88fr);
    align-items: stretch;
}

.pr-install-card {
    min-height: 340px;
}

@media (max-width: 1120px) {
    .pr-install-live {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .pr-install-live-panel .pr-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-install-live-panel .pr-panel-head > a {
        display: inline-flex;
        align-items: center;
        gap: 7px;
    }
}

/* Marketplace, Member and administration experiences */
.pr-header-actions a {
    white-space: nowrap;
}

.pr-header:not(.pr-header-workspace) .pr-header-actions {
    gap: 18px;
}

.pr-header:not(.pr-header-workspace) .pr-nav {
    gap: 27px;
}

.pr-market-hero,
.pr-market-browser,
.pr-market-value-band,
.pr-market-closing {
    width: min(100% - 68px, 1532px);
    margin-right: auto;
    margin-left: auto;
}

.pr-market-hero {
    padding-top: 30px;
    padding-bottom: 74px;
}

.pr-market-hero-inner {
    display: grid;
    grid-template-columns: minmax(460px, 1.08fr) minmax(330px, 0.62fr);
    align-items: end;
    gap: 76px;
    min-height: 540px;
    padding-top: 76px;
}

.pr-market-hero-copy {
    max-width: 920px;
}

.pr-market-hero-copy h1 {
    max-width: 850px;
    margin: 28px 0 22px;
    color: #ffffff;
    font-size: 5.4rem;
    font-weight: 920;
    line-height: 0.98;
}

.pr-market-hero-copy > p {
    max-width: 770px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.22rem;
    line-height: 1.62;
}

.pr-market-signal {
    position: relative;
    padding: 30px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background: #0b1317;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
    overflow: hidden;
}

.pr-market-signal::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--pr-cyan), var(--pr-green), var(--pr-amber), var(--pr-coral));
}

.pr-market-signal > span,
.pr-market-browser-head > div > span,
.pr-market-value-lead > span,
.pr-member-hero > div > span,
.pr-member-promise > span,
.pr-admin-title > div > span,
.pr-admin-action-band > div > span,
.pr-admin-ai-copy > span {
    color: var(--pr-cyan);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-market-signal > strong {
    display: block;
    margin-top: 18px;
    color: #ffffff;
    font-size: 4.1rem;
    line-height: 1;
}

.pr-market-signal > p {
    margin: 8px 0 30px;
    color: var(--pr-muted);
    font-size: 1rem;
}

.pr-market-signal > div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 22px;
    border-top: 1px solid var(--pr-line);
}

.pr-market-signal > div b {
    color: var(--pr-green);
    font-size: 1.55rem;
}

.pr-market-signal > div span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.35;
}

.pr-market-browser {
    padding: 60px 0 80px;
    border-top: 1px solid var(--pr-line);
}

.pr-market-browser-head,
.pr-admin-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.pr-market-browser-head h2,
.pr-market-value-lead h2,
.pr-member-hero h1,
.pr-admin-title h1,
.pr-admin-action-band h2,
.pr-admin-ai h2 {
    margin: 10px 0 0;
    color: #ffffff;
    line-height: 1.08;
}

.pr-market-browser-head h2 {
    font-size: 2.7rem;
}

.pr-market-browser-head > a,
.pr-market-card-foot a,
.pr-member-launch-actions a {
    color: var(--pr-green);
    font-weight: 850;
}

.pr-market-filters {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 34px;
    padding: 8px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
    overflow-x: auto;
}

.pr-market-filter {
    flex: 0 0 auto;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.88rem;
    font-weight: 800;
}

.pr-market-filter:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
}

.pr-market-filter.is-active {
    border-color: rgba(136, 247, 108, 0.3);
    background: rgba(136, 247, 108, 0.1);
    color: var(--pr-green);
}

.pr-market-campaign-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.pr-market-campaign-card {
    display: grid;
    grid-template-rows: auto auto 1fr auto auto;
    min-width: 0;
    min-height: 390px;
    padding: 24px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #0b1216;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.pr-market-campaign-card:nth-child(3n + 2) {
    border-top-color: rgba(255, 209, 89, 0.45);
}

.pr-market-campaign-card:nth-child(3n) {
    border-top-color: rgba(255, 107, 104, 0.42);
}

.pr-market-campaign-card:hover {
    transform: translateY(-3px);
    border-color: rgba(40, 215, 255, 0.4);
    background: #0d171c;
}

.pr-market-card-top,
.pr-member-launch-top,
.pr-market-card-foot,
.pr-member-launch-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pr-market-category,
.pr-category-kicker {
    color: var(--pr-cyan);
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-market-window {
    color: var(--pr-dim);
    font-size: 0.78rem;
    font-weight: 750;
}

.pr-market-campaign-card h2 {
    margin: 22px 0 10px;
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 1.16;
}

.pr-market-campaign-card > p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.56;
}

.pr-market-reward {
    margin-top: 25px;
    padding: 16px 0;
    border-top: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-market-reward span {
    display: block;
    color: var(--pr-amber);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-market-reward strong {
    display: block;
    margin-top: 7px;
    color: #ffffff;
    font-size: 0.98rem;
    line-height: 1.4;
}

.pr-market-card-foot {
    align-items: flex-end;
    margin-top: 20px;
}

.pr-market-card-foot > div {
    display: grid;
    gap: 5px;
    color: var(--pr-dim);
    font-size: 0.78rem;
}

.pr-market-price {
    color: rgba(255, 255, 255, 0.74);
}

.pr-market-empty {
    grid-column: 1 / -1;
    padding: 54px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #0b1216;
    text-align: center;
}

.pr-market-empty > span {
    color: var(--pr-cyan);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-market-empty h2 {
    margin: 12px 0 8px;
    color: #ffffff;
    font-size: 2rem;
}

.pr-market-empty p {
    margin: 0 auto 24px;
    color: var(--pr-muted);
}

.pr-market-value-band {
    display: grid;
    grid-template-columns: minmax(340px, 0.72fr) minmax(620px, 1.28fr);
    gap: 70px;
    padding: 74px 0;
    border-top: 1px solid var(--pr-line);
}

.pr-market-value-lead h2 {
    max-width: 590px;
    font-size: 2.9rem;
}

.pr-market-value-points {
    display: grid;
    gap: 0;
}

.pr-market-value-points article {
    display: grid;
    grid-template-columns: 44px minmax(180px, 0.55fr) minmax(260px, 1fr);
    gap: 18px;
    align-items: start;
    padding: 22px 0;
    border-bottom: 1px solid var(--pr-line);
}

.pr-market-value-points article:first-child {
    padding-top: 0;
}

.pr-market-value-points b {
    color: var(--pr-coral);
    font-size: 0.8rem;
}

.pr-market-value-points h3,
.pr-market-value-points p {
    margin: 0;
}

.pr-market-value-points h3 {
    color: #ffffff;
    font-size: 1.02rem;
}

.pr-market-value-points p {
    color: var(--pr-muted);
    line-height: 1.52;
}

.pr-market-closing {
    margin-bottom: 76px;
}

/* Shared preference controls */
.pr-choice-fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.pr-choice-fieldset legend {
    margin-bottom: 11px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 760;
}

.pr-choice-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pr-app-form .pr-choice-chip {
    position: relative;
    display: block;
    cursor: pointer;
}

.pr-choice-chip input {
    position: absolute;
    width: 1px !important;
    min-height: 1px !important;
    opacity: 0;
}

.pr-choice-chip span {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    padding: 0 13px;
    border: 1px solid var(--pr-line);
    border-radius: 6px;
    background: #0d151a;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
}

.pr-choice-chip input:checked + span {
    border-color: rgba(136, 247, 108, 0.5);
    background: rgba(136, 247, 108, 0.11);
    color: var(--pr-green) !important;
}

.pr-choice-chip input:focus-visible + span {
    outline: 3px solid rgba(40, 215, 255, 0.25);
    outline-offset: 2px;
}

.pr-preference-switches {
    display: grid;
    gap: 10px;
}

.pr-app-form .pr-switch-row {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    gap: 0 13px;
    padding: 14px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #0c1418;
    cursor: pointer;
}

.pr-switch-row input {
    position: absolute;
    width: 1px !important;
    min-height: 1px !important;
    opacity: 0;
}

.pr-switch-control {
    position: relative;
    display: block;
    grid-column: 1;
    width: 42px;
    height: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: #20292e;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.pr-switch-control::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d5ddda;
    transition: transform 0.2s ease, background 0.2s ease;
}

.pr-switch-row input:checked + .pr-switch-control {
    border-color: rgba(136, 247, 108, 0.65);
    background: rgba(66, 216, 94, 0.28);
}

.pr-switch-row input:checked + .pr-switch-control::after {
    transform: translateX(18px);
    background: var(--pr-green);
}

.pr-switch-row input:focus-visible + .pr-switch-control {
    outline: 3px solid rgba(40, 215, 255, 0.24);
    outline-offset: 2px;
}

.pr-switch-row > span:last-child {
    display: grid;
    grid-column: 2;
    gap: 3px;
}

.pr-switch-row > span:last-child strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.pr-switch-row > span:last-child small {
    color: var(--pr-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.pr-marketplace-settings {
    background: rgba(40, 215, 255, 0.025);
}

.pr-app-form .pr-marketplace-master {
    border-color: rgba(136, 247, 108, 0.24);
    background: rgba(136, 247, 108, 0.055);
}

.pr-marketplace-controls {
    display: grid;
    gap: 16px;
    padding-left: 57px;
    transition: opacity 0.2s ease;
}

.pr-marketplace-controls.is-disabled {
    opacity: 0.38;
}

.pr-marketplace-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--pr-muted);
    font-size: 0.82rem;
}

.pr-marketplace-note > span {
    color: var(--pr-green);
    font-weight: 900;
}

.pr-marketplace-note p {
    margin: 0;
}

.pr-campaign-market-panel {
    margin-top: 18px;
}

.pr-market-state {
    color: var(--pr-green);
    font-size: 0.8rem;
}

.pr-campaign-market-form {
    display: grid;
    gap: 18px;
}

.pr-campaign-market-form .pr-switch-row {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    gap: 0 13px;
    padding: 14px;
    border: 1px solid rgba(136, 247, 108, 0.24);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.055);
    cursor: pointer;
}

.pr-campaign-market-controls {
    grid-template-columns: minmax(180px, 1fr) minmax(155px, 0.55fr) minmax(155px, 0.55fr) auto;
    align-items: end;
    padding-left: 0;
}

.pr-campaign-market-controls label {
    display: grid;
    gap: 8px;
}

.pr-campaign-market-controls label > span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.82rem;
    font-weight: 760;
}

.pr-campaign-market-controls input,
.pr-campaign-market-controls select {
    width: 100%;
    min-height: 52px;
    padding: 0 13px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    outline: 0;
    background: #0a1115;
    color: #ffffff;
    color-scheme: dark;
    font: inherit;
}

/* Member account pages */
.pr-member-join-grid {
    display: grid;
    grid-template-columns: minmax(420px, 0.82fr) minmax(520px, 0.72fr);
    align-items: start;
    gap: 74px;
    padding: 76px 0 90px;
}

.pr-member-join-copy {
    padding-top: 46px;
}

.pr-member-join-copy h1 {
    max-width: 720px;
    margin: 28px 0 22px;
    color: #ffffff;
    font-size: 4.6rem;
    font-weight: 920;
    line-height: 1.02;
}

.pr-member-join-copy > p {
    max-width: 660px;
    margin: 0;
    color: var(--pr-muted);
    font-size: 1.16rem;
    line-height: 1.6;
}

.pr-member-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 38px;
    border-top: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-member-benefits article {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 20px 16px 20px 0;
}

.pr-member-benefits strong {
    color: var(--pr-green);
    font-size: 1.05rem;
}

.pr-member-benefits span {
    color: var(--pr-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.pr-member-promise {
    max-width: 620px;
    margin-top: 34px;
    padding-left: 18px;
    border-left: 3px solid var(--pr-amber);
}

.pr-member-promise p {
    margin: 7px 0 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.52;
}

.pr-member-join-form {
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

.pr-member-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    padding: 72px 0 38px;
}

.pr-member-hero h1 {
    font-size: 3.4rem;
}

.pr-member-hero p {
    margin: 12px 0 0;
    color: var(--pr-muted);
    font-size: 1.08rem;
}

.pr-member-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.58fr);
    align-items: start;
    gap: 20px;
    padding-bottom: 84px;
}

.pr-member-security-prompt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 209, 89, 0.35);
    border-radius: 8px;
    background: rgba(255, 209, 89, 0.065);
}

.pr-member-security-prompt > div {
    display: grid;
    gap: 5px;
}

.pr-member-security-prompt > div span {
    color: var(--pr-amber);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-member-security-prompt > div strong {
    color: #ffffff;
    font-size: 0.93rem;
}

.pr-member-launch-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pr-member-launch {
    display: grid;
    min-height: 280px;
    padding: 20px;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    background: #0b1216;
}

.pr-verification-state {
    color: var(--pr-amber);
    font-size: 0.72rem;
    font-weight: 850;
}

.pr-verification-state.is-verified {
    color: var(--pr-green);
}

.pr-member-launch h3 {
    margin: 18px 0 9px;
    color: #ffffff;
    font-size: 1.32rem;
}

.pr-member-launch > p {
    margin: 0;
    color: var(--pr-muted);
    line-height: 1.5;
}

.pr-member-launch > strong {
    align-self: end;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--pr-line);
    color: #ffffff;
    font-size: 0.88rem;
}

.pr-member-launch-actions {
    align-items: end;
    margin-top: 17px;
}

.pr-member-launch-actions span {
    color: var(--pr-dim);
    font-size: 0.72rem;
}

.pr-member-preferences {
    position: sticky;
    top: 22px;
}

.pr-member-trust-state {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-left: 3px solid var(--pr-cyan);
    background: rgba(40, 215, 255, 0.055);
}

.pr-member-trust-state > span {
    color: var(--pr-cyan);
    font-size: 1.1rem;
    font-weight: 900;
}

.pr-member-trust-state div {
    display: grid;
    gap: 3px;
}

.pr-member-trust-state strong {
    color: #ffffff;
    font-size: 0.86rem;
}

.pr-member-trust-state small {
    color: var(--pr-muted);
    font-size: 0.76rem;
}

/* Administration */
.pr-header-admin .pr-session-state {
    color: var(--pr-amber);
}

.pr-admin-title {
    padding: 68px 0 32px;
}

.pr-admin-title h1 {
    font-size: 3.5rem;
}

.pr-admin-title p,
.pr-admin-action-band p,
.pr-admin-ai-copy p {
    max-width: 760px;
    margin: 12px 0 0;
    color: var(--pr-muted);
    line-height: 1.55;
}

.pr-admin-metrics {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    border-top: 1px solid var(--pr-line);
    border-bottom: 1px solid var(--pr-line);
}

.pr-admin-metrics article {
    min-width: 0;
    padding: 22px 16px;
    border-right: 1px solid var(--pr-line);
}

.pr-admin-metrics article:last-child {
    border-right: 0;
}

.pr-admin-metrics span {
    display: block;
    min-height: 34px;
    color: var(--pr-muted);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.35;
}

.pr-admin-metrics strong {
    display: block;
    margin-top: 8px;
    color: #ffffff;
    font-size: 1.8rem;
}

.pr-admin-metrics article:nth-child(2) strong,
.pr-admin-metrics article:nth-child(5) strong {
    color: var(--pr-green);
}

.pr-admin-metrics article:nth-child(6) strong {
    color: var(--pr-cyan);
}

.pr-admin-metrics article:nth-child(7) strong {
    color: var(--pr-amber);
}

.pr-admin-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding-top: 22px;
}

.pr-admin-action-band {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(440px, 0.72fr);
    align-items: end;
    gap: 50px;
    margin-top: 20px;
    padding: 32px;
    border: 1px solid rgba(136, 247, 108, 0.2);
    border-radius: 8px;
    background: rgba(136, 247, 108, 0.045);
}

.pr-admin-action-band h2,
.pr-admin-ai h2 {
    font-size: 2rem;
}

.pr-admin-queue-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: end;
    gap: 12px;
}

.pr-admin-queue-all-form {
    grid-column: 2;
    justify-self: end;
}

.pr-admin-queue-form label,
.pr-admin-ai-tool label {
    display: grid;
    gap: 8px;
}

.pr-admin-queue-form label > span,
.pr-admin-ai-tool label > span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.82rem;
    font-weight: 800;
}

.pr-admin-queue-form select,
.pr-admin-ai-tool textarea {
    width: 100%;
    border: 1px solid var(--pr-line);
    border-radius: 8px;
    outline: 0;
    background: #0a1115;
    color: #ffffff;
    font: inherit;
}

.pr-admin-queue-form select {
    min-height: 54px;
    padding: 0 14px;
    color-scheme: dark;
}

.pr-admin-ai {
    display: grid;
    grid-template-columns: minmax(360px, 0.72fr) minmax(440px, 0.78fr);
    gap: 60px;
    margin-top: 20px;
    padding: 42px;
    border: 1px solid var(--pr-line-strong);
    border-radius: 8px;
    background: #0a1115;
}

.pr-admin-ai-context {
    margin-top: 24px;
    padding: 16px;
    border-left: 3px solid var(--pr-purple);
    background: rgba(152, 108, 255, 0.065);
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.82rem;
    line-height: 1.5;
}

.pr-admin-ai-tool {
    display: grid;
    gap: 14px;
}

.pr-admin-ai-tool textarea {
    min-height: 150px;
    padding: 14px;
    resize: vertical;
    line-height: 1.5;
}

.pr-admin-ai-tool textarea:focus,
.pr-admin-queue-form select:focus {
    border-color: var(--pr-cyan);
    box-shadow: 0 0 0 4px rgba(40, 215, 255, 0.1);
}

.pr-admin-ai-status {
    min-height: 20px;
    color: var(--pr-muted);
    font-size: 0.8rem;
}

.pr-admin-ai-answer {
    padding: 18px;
    border: 1px solid rgba(40, 215, 255, 0.25);
    border-radius: 8px;
    background: rgba(40, 215, 255, 0.045);
}

.pr-admin-ai-answer > span {
    color: var(--pr-cyan);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-admin-ai-answer p {
    margin: 9px 0 12px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.52;
}

.pr-admin-ai-answer strong {
    color: var(--pr-green);
    font-size: 0.86rem;
}

.pr-admin-audit {
    margin: 20px 0 84px;
}

@media (max-width: 1240px) {
    .pr-market-hero-inner,
    .pr-member-join-grid,
    .pr-member-workspace,
    .pr-admin-action-band,
    .pr-admin-ai {
        grid-template-columns: 1fr;
    }

    .pr-admin-queue-all-form {
        grid-column: 1;
        justify-self: start;
    }

    .pr-campaign-market-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-market-campaign-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-market-value-band {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .pr-member-join-copy {
        padding-top: 0;
    }

    .pr-member-preferences {
        position: static;
    }

    .pr-admin-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pr-admin-metrics article:nth-child(4) {
        border-right: 0;
    }

    .pr-admin-metrics article:nth-child(-n + 4) {
        border-bottom: 1px solid var(--pr-line);
    }
}

@media (max-width: 760px) {
    .pr-market-hero,
    .pr-market-browser,
    .pr-market-value-band,
    .pr-market-closing {
        width: min(100% - 36px, 1532px);
    }

    .pr-market-hero-inner {
        gap: 38px;
        min-height: 0;
        padding-top: 50px;
    }

    .pr-market-hero-copy h1,
    .pr-member-join-copy h1 {
        font-size: 2.7rem;
    }

    .pr-market-hero-copy > p,
    .pr-member-join-copy > p {
        font-size: 1rem;
    }

    .pr-market-signal > strong {
        font-size: 3rem;
    }

    .pr-market-browser-head,
    .pr-member-hero,
    .pr-member-security-prompt,
    .pr-admin-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-market-browser-head h2,
    .pr-market-value-lead h2,
    .pr-member-hero h1,
    .pr-admin-title h1 {
        font-size: 2rem;
    }

    .pr-market-campaign-grid,
    .pr-member-benefits,
    .pr-member-launch-grid,
    .pr-admin-metrics {
        grid-template-columns: 1fr;
    }

    .pr-market-campaign-card {
        min-height: 350px;
    }

    .pr-market-value-points article {
        grid-template-columns: 36px 1fr;
    }

    .pr-market-value-points p {
        grid-column: 2;
    }

    .pr-marketplace-controls {
        padding-left: 0;
    }

    .pr-member-join-grid {
        gap: 44px;
        padding-top: 50px;
    }

    .pr-member-benefits article {
        padding: 15px 0;
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-admin-metrics article,
    .pr-admin-metrics article:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid var(--pr-line);
    }

    .pr-admin-action-band,
    .pr-admin-ai {
        padding: 22px;
    }

    .pr-admin-queue-form {
        grid-template-columns: 1fr;
    }

    .pr-campaign-market-controls {
        grid-template-columns: 1fr;
    }
}
/* Billing workspace */
.pr-plan-price small {
    display: block;
    width: 100%;
    margin-top: 8px;
    color: var(--pr-muted, #64757d);
    font-size: 12px;
    font-weight: 700;
}

.pr-billing-shell {
    display: grid;
    gap: 24px;
}

.pr-billing-hero,
.pr-billing-current,
.pr-billing-trust {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.pr-billing-hero {
    padding: 28px 0 8px;
}

.pr-billing-hero > div {
    max-width: 780px;
}

.pr-billing-hero > div > span,
.pr-billing-current > div > span,
.pr-billing-plan-head > span {
    color: #18c878;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-billing-hero h1 {
    max-width: 760px;
    margin: 12px 0 14px;
    font-size: 64px;
    line-height: 1.02;
}

.pr-billing-hero p,
.pr-billing-current p,
.pr-billing-plans .pr-panel-head > p,
.pr-billing-invoices .pr-panel-head > p {
    color: #9db0b8;
    line-height: 1.65;
}

.pr-billing-mode {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border: 1px solid #2c7658;
    background: #102a21;
}

.pr-billing-mode strong {
    color: #80f5ad;
}

.pr-billing-mode span {
    color: #c6ddd3;
}

.pr-billing-current {
    padding: 24px 26px;
    border: 1px solid #2b3b42;
    background: #10181d;
}

.pr-billing-current h2 {
    margin: 5px 0 4px;
    font-size: 30px;
}

.pr-billing-current p {
    margin: 0;
}

.pr-billing-plans {
    padding: 8px 0;
}

.pr-billing-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.pr-billing-plan-card {
    display: flex;
    min-width: 0;
    min-height: 520px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid #2b3b42;
    background: #0e161b;
}

.pr-billing-plan-card.is-featured {
    border-color: #28d98b;
    box-shadow: inset 0 3px 0 #28d98b;
}

.pr-billing-plan-card.is-current {
    background: #13221d;
}

.pr-billing-plan-head {
    min-height: 128px;
}

.pr-billing-plan-head b {
    float: right;
    color: #06100c;
    background: #80f56e;
    padding: 5px 8px;
    font-size: 11px;
    text-transform: uppercase;
}

.pr-billing-plan-head h2 {
    margin: 12px 0 0;
    font-size: 22px;
    line-height: 1.25;
}

.pr-billing-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-height: 82px;
    padding: 18px 0;
}

.pr-billing-price strong {
    font-size: 42px;
}

.pr-billing-price-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 94px;
    margin: 10px 0 16px;
    border: 1px solid #26363d;
}

.pr-billing-price-pair > div {
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 14px;
}

.pr-billing-price-pair > div + div {
    border-left: 1px solid #26363d;
}

.pr-billing-price-pair span {
    color: #8fa2aa;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.pr-billing-price-pair strong {
    font-size: 19px;
}

.pr-billing-plan-card ul {
    display: grid;
    gap: 12px;
    margin: 6px 0 24px;
    padding: 0;
    list-style: none;
}

.pr-billing-plan-card li {
    position: relative;
    padding-left: 22px;
    color: #c7d4d8;
    line-height: 1.4;
}

.pr-billing-plan-card li::before {
    position: absolute;
    top: 2px;
    left: 0;
    color: #63ee8c;
    content: "\2713";
    font-weight: 900;
}

.pr-billing-card-note {
    color: #9db0b8;
    line-height: 1.6;
}

.pr-billing-plan-card form,
.pr-billing-plan-actions {
    margin-top: auto;
}

.pr-billing-plan-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.pr-billing-plan-actions form,
.pr-billing-plan-actions .pr-button {
    width: 100%;
}

.pr-button.pr-button-outline {
    border: 1px solid #3d555f;
    background: transparent;
    color: #eef7f8;
    box-shadow: none;
}

.pr-button.pr-button-outline:hover {
    border-color: #28d98b;
    color: #80f5ad;
}

.pr-billing-invoices {
    margin-top: 4px;
}

.pr-invoice-table {
    display: grid;
    border: 1px solid #28383f;
}

.pr-invoice-row {
    display: grid;
    grid-template-columns: 1.35fr 1.2fr .8fr .9fr 1fr;
    align-items: center;
    min-width: 0;
    gap: 14px;
    padding: 15px 18px;
    border-top: 1px solid #24343a;
}

.pr-invoice-row:first-child {
    border-top: 0;
}

.pr-invoice-row > * {
    min-width: 0;
    overflow-wrap: anywhere;
}

.pr-invoice-head {
    color: #82979f;
    background: #0b1317;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-invoice-status {
    color: #ffbf69;
    font-weight: 800;
    text-transform: capitalize;
}

.pr-invoice-status.is-paid {
    color: #66ee90;
}

.pr-invoice-row a {
    margin-right: 12px;
    color: #5ee7ff;
    font-weight: 800;
}

.pr-billing-empty {
    padding: 36px 20px;
    border: 1px dashed #33474f;
    color: #91a4ac;
    text-align: center;
}

.pr-billing-trust {
    align-items: stretch;
    padding: 22px 0 54px;
}

.pr-billing-trust > div {
    flex: 1;
    padding-left: 16px;
    border-left: 3px solid #28d98b;
}

.pr-billing-trust strong,
.pr-billing-trust span {
    display: block;
}

.pr-billing-trust span {
    margin-top: 6px;
    color: #91a4ac;
    line-height: 1.5;
}

.pr-settings-hero-actions {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
}

.pr-payment-shell {
    display: grid;
    min-height: calc(100vh - 120px);
    place-items: center;
    padding: 60px 20px;
}

.pr-payment-result {
    width: min(100%, 760px);
    padding: 52px;
    border: 1px solid #2a3a42;
    background: #10191e;
    text-align: center;
}

.pr-payment-result.is-success {
    border-top: 4px solid #55e889;
}

.pr-payment-result.is-pending {
    border-top: 4px solid #ffbf69;
}

.pr-payment-result.is-cancelled {
    border-top: 4px solid #5bdcf2;
}

.pr-payment-mark {
    display: grid;
    width: 62px;
    height: 62px;
    margin: 0 auto 22px;
    border: 2px solid #55e889;
    border-radius: 50%;
    place-items: center;
}

.pr-payment-mark span {
    width: 24px;
    height: 12px;
    border-bottom: 4px solid #55e889;
    border-left: 4px solid #55e889;
    transform: rotate(-45deg) translate(2px, -2px);
}

.pr-payment-result.is-cancelled .pr-payment-mark {
    border-color: #5bdcf2;
}

.pr-payment-result.is-cancelled .pr-payment-mark span {
    width: 22px;
    height: 4px;
    border: 0;
    background: #5bdcf2;
    transform: none;
}

.pr-payment-kicker {
    color: #55e889;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-payment-result h1 {
    margin: 12px 0 16px;
    font-size: 62px;
    line-height: 1;
}

.pr-payment-result > p {
    max-width: 590px;
    margin: 0 auto;
    color: #9db0b8;
    font-size: 18px;
    line-height: 1.65;
}

.pr-payment-result dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 30px 0;
    border: 1px solid #2a3a42;
}

.pr-payment-result dl > div {
    padding: 18px;
}

.pr-payment-result dl > div + div {
    border-left: 1px solid #2a3a42;
}

.pr-payment-result dt {
    color: #81959d;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-payment-result dd {
    margin: 7px 0 0;
    font-size: 18px;
    font-weight: 800;
}

.pr-payment-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}

@media (max-width: 980px) {
    .pr-billing-plan-grid {
        grid-template-columns: 1fr;
    }

    .pr-billing-plan-card {
        min-height: 0;
    }

    .pr-billing-plan-head {
        min-height: 0;
    }

    .pr-billing-plan-card form,
    .pr-billing-plan-actions {
        margin-top: 8px;
    }

    .pr-billing-trust {
        display: grid;
    }
}

@media (max-width: 720px) {
    .pr-billing-hero,
    .pr-billing-current,
    .pr-payment-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-billing-hero h1 {
        font-size: 42px;
    }

    .pr-billing-plan-actions,
    .pr-billing-price-pair,
    .pr-payment-result dl {
        grid-template-columns: 1fr;
    }

    .pr-billing-price-pair > div + div,
    .pr-payment-result dl > div + div {
        border-top: 1px solid #26363d;
        border-left: 0;
    }

    .pr-invoice-head {
        display: none;
    }

    .pr-invoice-row {
        grid-template-columns: 1fr 1fr;
    }

    .pr-payment-result {
        padding: 36px 22px;
    }
}

/* Named, no-code campaign pages */
.pr-public-url-builder,
.pr-public-url-panel {
    position: relative;
    border: 1px solid #2d454d;
    background: #0a1519;
}

.pr-public-url-builder {
    display: grid;
    grid-template-columns: minmax(220px, .85fr) minmax(320px, 1.15fr);
    gap: 24px 30px;
    margin: 24px 0;
    padding: 24px;
}

.pr-public-url-copy > span,
.pr-public-url-live-row span {
    display: block;
    color: #66ef8d;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-public-url-copy strong {
    display: block;
    margin-top: 6px;
    color: #f6fbfc;
    font-size: 19px;
    line-height: 1.3;
}

.pr-public-url-copy p,
.pr-public-url-live-row p {
    margin: 8px 0 0;
    color: #91a7ad;
    line-height: 1.55;
}

.pr-public-url-control {
    display: flex !important;
    align-self: center;
    min-width: 0;
    height: 54px;
    margin: 0 !important;
    border: 1px solid #3a535c;
    background: #071014;
}

.pr-public-url-prefix {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 0 0 16px;
    color: #7e969e !important;
    font-family: Consolas, monospace;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.pr-public-url-control input {
    min-width: 0;
    height: 52px !important;
    padding: 0 14px 0 2px !important;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: #5de7ff !important;
    font-family: Consolas, monospace;
    font-size: 14px !important;
    font-weight: 800;
    text-transform: none;
}

.pr-public-url-control:focus-within {
    border-color: #5de7ff;
    box-shadow: 0 0 0 3px rgba(93, 231, 255, .12);
}

.pr-public-url-builder > small,
.pr-campaign-public-url-form small {
    grid-column: 2;
    color: #718990;
    line-height: 1.5;
}

.pr-public-url-popover {
    grid-column: 2;
    position: relative;
    margin-top: -13px;
    padding: 13px 15px;
    border: 1px solid #41555c;
    background: #111d22;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
}

.pr-public-url-popover::before {
    position: absolute;
    top: -7px;
    left: 24px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #41555c;
    border-left: 1px solid #41555c;
    background: #111d22;
    content: "";
    transform: rotate(45deg);
}

.pr-public-url-popover strong,
.pr-public-url-popover span {
    display: block;
}

.pr-public-url-popover strong {
    color: #f3f8f9;
    font-size: 13px;
}

.pr-public-url-popover span {
    margin-top: 5px;
    color: #5de7ff;
    font-family: Consolas, monospace;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.is-checking .pr-public-url-popover {
    border-color: #5de7ff;
}

.is-available .pr-public-url-control,
.is-available .pr-public-url-popover {
    border-color: #5bea87;
}

.is-available .pr-public-url-popover strong {
    color: #72f29a;
}

.is-unavailable .pr-public-url-control,
.is-unavailable .pr-public-url-popover {
    border-color: #ff746e;
}

.is-unavailable .pr-public-url-popover strong {
    color: #ff8b85;
}

.pr-public-url-panel {
    margin-top: 20px;
}

.pr-public-url-live-row {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(260px, .8fr);
    gap: 30px;
    padding: 6px 0 24px;
}

.pr-public-url-live-row a {
    display: block;
    margin-top: 7px;
    color: #5de7ff;
    font-family: Consolas, monospace;
    font-size: 17px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.pr-campaign-public-url-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
    padding-top: 22px;
    border-top: 1px solid #26383f;
}

.pr-campaign-public-url-form > div {
    min-width: 0;
}

.pr-campaign-public-url-form .pr-public-url-popover {
    margin: 10px 0 0;
}

.pr-campaign-public-url-form small {
    display: block;
    margin-top: 9px;
}

.pr-hosted-launch {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr);
    align-items: center;
    gap: 64px;
    padding: 104px max(5vw, calc((100vw - 1320px) / 2));
    border-top: 1px solid #dbe5e7;
    border-bottom: 1px solid #dbe5e7;
    background: #f2f7f8;
    color: #071116;
}

.pr-hosted-launch-business {
    background: #eaf7f1;
}

.pr-hosted-launch-copy > span {
    color: #087e5a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-hosted-launch-copy h2 {
    max-width: 650px;
    margin: 14px 0 20px;
    font-size: 48px;
    line-height: 1.05;
}

.pr-hosted-launch-copy > p {
    max-width: 650px;
    margin: 0;
    color: #42555d;
    font-size: 18px;
    line-height: 1.65;
}

.pr-hosted-launch-copy ul {
    display: grid;
    gap: 10px;
    margin: 26px 0 30px;
    padding: 0;
    list-style: none;
}

.pr-hosted-launch-copy li {
    position: relative;
    padding-left: 25px;
    font-weight: 800;
}

.pr-hosted-launch-copy li::before {
    position: absolute;
    left: 0;
    color: #00a878;
    content: "\2713";
}

.pr-hosted-browser {
    min-width: 0;
    border: 1px solid #b7c8cc;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(11, 42, 50, .14);
}

.pr-hosted-browser-bar {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 54px;
    padding: 0 16px;
    border-bottom: 1px solid #d9e3e5;
    background: #eef3f4;
}

.pr-hosted-browser-bar i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ff6f66;
}

.pr-hosted-browser-bar i:nth-child(2) {
    background: #f5c451;
}

.pr-hosted-browser-bar i:nth-child(3) {
    background: #39c98c;
}

.pr-hosted-browser-bar span {
    min-width: 0;
    margin-left: 8px;
    padding: 8px 12px;
    color: #64767c;
    background: #ffffff;
    font-family: Consolas, monospace;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.pr-hosted-browser-bar b {
    color: #087e5a;
}

.pr-hosted-browser-page {
    min-height: 430px;
    padding: 56px;
    background: #071318;
    color: #ffffff;
}

.pr-hosted-browser-page > span {
    color: #64ed8d;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-hosted-browser-page h3 {
    max-width: 520px;
    margin: 14px 0 18px;
    font-size: 38px;
    line-height: 1.08;
}

.pr-hosted-browser-page > p {
    max-width: 520px;
    margin: 0 0 25px;
    color: #afc0c5;
    line-height: 1.6;
}

.pr-hosted-browser-page > div {
    display: grid;
    gap: 4px;
    max-width: 430px;
    padding: 16px;
    border-left: 3px solid #5de7ff;
    background: #102127;
}

.pr-hosted-browser-page > div small {
    color: #8fa6ad;
}

.pr-hosted-browser-page button {
    margin-top: 22px;
    padding: 14px 20px;
    border: 0;
    border-radius: 4px;
    background: #69ed8f;
    color: #06110a;
    font: inherit;
    font-weight: 900;
}

.pr-hosted-browser-proof {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #d9e3e5;
}

.pr-hosted-browser-proof span {
    padding: 15px 10px;
    color: #40545b;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.pr-hosted-browser-proof span + span {
    border-left: 1px solid #d9e3e5;
}

@media (max-width: 1050px) {
    .pr-hosted-launch {
        grid-template-columns: 1fr;
    }

    .pr-hosted-browser {
        width: min(100%, 760px);
    }
}

@media (max-width: 760px) {
    .pr-public-url-builder,
    .pr-public-url-live-row,
    .pr-campaign-public-url-form {
        grid-template-columns: 1fr;
    }

    .pr-public-url-builder > small,
    .pr-public-url-popover {
        grid-column: 1;
    }

    .pr-public-url-control {
        display: grid !important;
        height: auto;
    }

    .pr-public-url-prefix {
        padding: 10px 14px 0;
    }

    .pr-public-url-control input {
        width: 100%;
        padding: 0 14px !important;
    }

    .pr-hosted-launch {
        gap: 42px;
        padding: 74px 20px;
    }

    .pr-hosted-launch-copy h2 {
        font-size: 38px;
    }

    .pr-hosted-browser-page {
        min-height: 0;
        padding: 36px 24px;
    }

    .pr-hosted-browser-page h3 {
        font-size: 30px;
    }

    .pr-hosted-browser-proof {
        grid-template-columns: 1fr;
    }

    .pr-hosted-browser-proof span + span {
        border-top: 1px solid #d9e3e5;
        border-left: 0;
    }
}

/* Searchable Template Universe dialog. */
.pr-template-current {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 7px;
    background: #0c1418;
}

.pr-template-current > img {
    width: 150px;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: top center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 5px;
}

.pr-template-current-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.pr-template-current-copy span,
.pr-public-template-launch-copy > span {
    color: var(--pr-cyan);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-current-copy strong {
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 1.05rem;
}

.pr-template-current-copy small {
    color: var(--pr-muted);
    font-size: 0.76rem;
}

.pr-template-launch-button,
.pr-template-dialog-use {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 46px;
    padding: 12px 17px;
    border: 1px solid #79eb75;
    border-radius: 5px;
    background: #79eb75;
    color: #061009;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.pr-template-launch-button:hover,
.pr-template-launch-button:focus-visible,
.pr-template-dialog-use:hover,
.pr-template-dialog-use:focus-visible {
    border-color: #a1ff8b;
    background: #a1ff8b;
    color: #061009;
}

.pr-public-template-launcher {
    display: grid;
    grid-template-columns: minmax(320px, 1.25fr) minmax(250px, 0.9fr) auto;
    align-items: center;
    gap: 28px;
    padding: 20px;
    border: 1px solid #cbd8d2;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(7, 17, 13, 0.08);
}

.pr-public-template-teasers {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.pr-public-template-teasers span {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    border: 3px solid #ffffff;
    border-radius: 6px;
    background: #0c1418;
    box-shadow: 0 8px 20px rgba(7, 17, 13, 0.13);
}

.pr-public-template-teasers span + span {
    margin-left: -15px;
}

.pr-public-template-teasers span:nth-child(2) {
    transform: translateY(8px);
}

.pr-public-template-teasers span:nth-child(3) {
    transform: translateY(-7px);
}

.pr-public-template-teasers img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: top center;
}

.pr-public-template-launch-copy {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.pr-public-template-launch-copy strong {
    color: #07110d;
    font-size: 1.08rem;
    line-height: 1.35;
}

.pr-public-template-launch-copy p {
    margin: 0;
    color: #53635c;
    font-size: 0.82rem;
    line-height: 1.5;
}

.pr-template-dialog {
    width: min(1180px, calc(100vw - 40px));
    max-width: none;
    max-height: calc(100vh - 40px);
    padding: 0;
    overflow: hidden;
    border: 1px solid #344248;
    border-radius: 8px;
    background: #091115;
    color: #ffffff;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

.pr-template-dialog::backdrop {
    background: rgba(1, 7, 9, 0.8);
    backdrop-filter: blur(7px);
}

.pr-template-dialog-shell {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    max-height: calc(100vh - 42px);
}

.pr-template-dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    padding: 26px 28px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.pr-template-dialog-head > div {
    display: grid;
    gap: 7px;
}

.pr-template-dialog-head span {
    color: var(--pr-green);
    font-size: 0.69rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-dialog-head h2,
.pr-template-dialog-head p {
    margin: 0;
}

.pr-template-dialog-head h2 {
    font-size: 1.65rem;
    line-height: 1.15;
}

.pr-template-dialog-head p {
    max-width: 720px;
    color: #aebfc4;
    font-size: 0.84rem;
    line-height: 1.5;
}

.pr-template-dialog-close {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    background: #111b20;
    color: #ffffff;
    font: inherit;
    font-size: 1.45rem;
    line-height: 1;
    cursor: pointer;
}

.pr-template-dialog-close:hover,
.pr-template-dialog-close:focus-visible {
    border-color: var(--pr-cyan);
    color: var(--pr-cyan);
}

.pr-template-dialog-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 17px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #0d171c;
}

.pr-template-dialog-toolbar label {
    display: grid;
    gap: 6px;
}

.pr-template-dialog-toolbar label > span {
    margin: 0;
    color: #9fb0b5;
    font-size: 0.67rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-template-dialog-toolbar select,
.pr-template-dialog-toolbar input[type="search"] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 5px;
    background: #111c21;
    color: #ffffff;
    font: inherit;
    font-size: 0.84rem;
}

.pr-template-dialog-grid,
.pr-creation-page .pr-template-picker.pr-template-dialog-grid,
.pr-campaign-template-editor .pr-template-picker.pr-template-dialog-grid,
.pr-public-template-track.pr-template-dialog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 16px;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 22px 28px 28px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-snap-type: none;
    scrollbar-color: #79eb75 #111c21;
}

.pr-template-dialog-grid > legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.pr-template-dialog-grid [data-pr-template-option] {
    min-width: 0;
    scroll-snap-align: none;
}

.pr-template-dialog-grid .pr-template-option-frame,
.pr-campaign-template-editor .pr-template-dialog-grid label > .pr-template-option-frame {
    min-height: 100%;
}

.pr-template-dialog-grid .pr-public-template-card {
    min-height: 350px;
    border-color: rgba(255, 255, 255, 0.14);
    background: #111a1f;
}

.pr-template-dialog-grid .pr-public-template-card > div {
    padding: 16px;
}

.pr-template-dialog-grid .pr-public-template-card h3 {
    color: #ffffff;
}

.pr-template-dialog-grid .pr-public-template-card p {
    color: #aebfc4;
}

.pr-template-dialog-grid .pr-public-template-card span,
.pr-template-dialog-grid .pr-public-template-card strong {
    color: var(--pr-green);
}

.pr-template-dialog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    background: #0d171c;
}

.pr-template-dialog-footer .pr-template-browser-count {
    flex: 1 1 auto;
    color: #aebfc4;
}

.pr-template-dialog-footer .pr-template-browser-count strong {
    color: var(--pr-green);
}

@media (max-width: 980px) {
    .pr-public-template-launcher {
        grid-template-columns: minmax(300px, 1fr) minmax(230px, 0.8fr);
    }

    .pr-public-template-launcher .pr-template-launch-button {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .pr-template-dialog-grid,
    .pr-creation-page .pr-template-picker.pr-template-dialog-grid,
    .pr-campaign-template-editor .pr-template-picker.pr-template-dialog-grid,
    .pr-public-template-track.pr-template-dialog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .pr-template-current,
    .pr-public-template-launcher {
        grid-template-columns: 1fr;
    }

    .pr-template-current > img {
        width: min(100%, 240px);
    }

    .pr-template-current .pr-template-launch-button,
    .pr-public-template-launcher .pr-template-launch-button {
        width: 100%;
        justify-self: stretch;
    }

    .pr-public-template-launcher .pr-template-launch-button {
        grid-column: auto;
    }

    .pr-template-dialog {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
    }

    .pr-template-dialog-shell {
        max-height: calc(100vh - 18px);
    }

    .pr-template-dialog-head {
        gap: 16px;
        padding: 19px 18px 16px;
    }

    .pr-template-dialog-head h2 {
        font-size: 1.3rem;
    }

    .pr-template-dialog-head p {
        display: none;
    }

    .pr-template-dialog-toolbar {
        grid-template-columns: 1fr;
        padding: 14px 18px;
    }

    .pr-template-dialog-grid,
    .pr-creation-page .pr-template-picker.pr-template-dialog-grid,
    .pr-campaign-template-editor .pr-template-picker.pr-template-dialog-grid,
    .pr-public-template-track.pr-template-dialog-grid {
        grid-template-columns: 1fr;
        padding: 16px 18px 20px;
    }

    .pr-template-dialog-grid .pr-public-template-card {
        min-height: 350px;
    }

    .pr-template-dialog-footer {
        align-items: stretch;
        flex-direction: column;
        padding: 14px 18px;
    }

    .pr-template-dialog-footer .pr-template-browser-count span {
        display: none;
    }

    .pr-template-dialog-use {
        width: 100%;
    }
}