/* StanLoop public pages - v0.1.87 */
:root {
    --sl-public-heading-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sl-public-body-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sl-public-green: #17233A;
    --sl-public-green-deep: #17233A;
    --sl-public-green-soft: #F3F6FA;
    --sl-public-orange: #F7C948;
    --sl-public-orange-strong: #F7C948;
    --sl-public-orange-soft: #FFF0B5;
    --sl-public-ink: #17212B;
    --sl-public-muted: #59636E;
    --sl-public-line: rgba(24, 33, 51, .10);
    --sl-public-card: #ffffff;
    --sl-public-shadow: 0 18px 48px rgba(31, 43, 68, .10);
    --sl-public-radius: 26px;
}

body.stanloop-public-page {
    margin: 0;
    background:
        radial-gradient(circle at 10% 0%, rgba(23, 35, 58, .075), transparent 24%),
        radial-gradient(circle at 90% 2%, rgba(247, 201, 72, .075), transparent 26%),
        #FAF9F6;
    color: var(--sl-public-ink);
    font-family: var(--sl-public-body-font);
}

.stanloop-public-page *,
.stanloop-public-page *::before,
.stanloop-public-page *::after {
    box-sizing: border-box;
}

.stanloop-public-page h1,
.stanloop-public-page h2,
.stanloop-public-page h3,
.stanloop-public-stats strong,
.stanloop-public-flow strong,
.stanloop-public-step-list strong,
.stanloop-public-monetization-grid strong,
.stanloop-public-mock-feature strong,
.stanloop-public-mock-row strong {
    font-family: var(--sl-public-heading-font);
}

.stanloop-public-page p,
.stanloop-public-page span,
.stanloop-public-page a,
.stanloop-public-page input,
.stanloop-public-page button {
    font-family: var(--sl-public-body-font);
}

.stanloop-public-site-header .stanloop-loop-site-nav a.is-active::after {
    bottom: -14px;
}

.stanloop-public-main {
    width: min(1480px, calc(100% - 36px));
    margin: 24px auto 34px;
}

.stanloop-public-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .72fr);
    gap: 30px;
    align-items: stretch;
    min-height: 620px;
    padding: 54px;
    border: 1px solid var(--sl-public-line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 18%, rgba(23, 35, 58, .13), transparent 31%),
        radial-gradient(circle at 88% 14%, rgba(247, 201, 72, .16), transparent 30%),
        linear-gradient(112deg, #F2F8F5 0%, #FFFFFF 50%, #FFF3ED 100%);
    box-shadow: var(--sl-public-shadow);
    overflow: hidden;
}

.stanloop-public-hero::before {
    content: "";
    position: absolute;
    inset: auto -90px -170px auto;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: rgba(23, 35, 58, .12);
}

.stanloop-public-hero__copy,
.stanloop-public-hero__visual {
    position: relative;
    z-index: 1;
}

.stanloop-public-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 780px;
}

.stanloop-public-badge {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border: 1px solid rgba(23, 35, 58, .28);
    border-radius: 999px;
    background: rgba(238, 242, 247, .82);
    color: var(--sl-public-green-deep);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.stanloop-public-badge span {
    color: var(--sl-public-orange);
}

.stanloop-public-hero h1 {
    max-width: 760px;
    margin: 22px 0 18px;
    color: var(--sl-public-ink);
    font-size: clamp(38px, 5vw, 72px);
    line-height: 1.08;
    letter-spacing: -.016em;
    font-weight: 900;
}

.stanloop-public-hero__lead {
    max-width: 720px;
    margin: 0;
    color: #333b4b;
    font-size: clamp(17px, 1.65vw, 22px);
    line-height: 1.52;
    font-weight: 600;
}

.stanloop-public-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 32px 0 18px;
}

.stanloop-public-button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 900;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.stanloop-public-button:hover,
.stanloop-public-button:focus {
    transform: translateY(-2px);
    text-decoration: none;
}

.stanloop-public-button--primary {
    color: #fff;
    background: linear-gradient(135deg, #17233A, #17233A);
    box-shadow: 0 16px 34px rgba(23, 35, 58, .24);
}

.stanloop-public-button--secondary {
    color: var(--sl-public-green-deep);
    border: 1px solid rgba(23, 35, 58, .36);
    background: #fff;
}

.stanloop-public-hero__note {
    max-width: 660px;
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.stanloop-public-hero__visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stanloop-public-hero-preview-frame {
    width: min(600px, 100%);
    padding: 12px;
    border: 1px solid rgba(24, 33, 51, .12);
    border-radius: 30px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 26px 70px rgba(31, 43, 68, .16);
    transform: rotate(.75deg);
}

.stanloop-public-hero-preview-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
    box-shadow: 0 10px 28px rgba(31, 43, 68, .08);
}

.stanloop-public-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 18px 0;
}

.stanloop-public-stats div {
    min-height: 118px;
    padding: 22px;
    border: 1px solid var(--sl-public-line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 36px rgba(31, 43, 68, .07);
}

.stanloop-public-stats strong,
.stanloop-public-stats span {
    display: block;
}

.stanloop-public-stats strong {
    color: var(--sl-public-ink);
    font-size: 24px;
    line-height: 1.12;
    letter-spacing: -.006em;
    font-weight: 900;
}

.stanloop-public-stats span {
    margin-top: 10px;
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}

.stanloop-public-section {
    margin-top: 18px;
    padding: 42px;
    border: 1px solid var(--sl-public-line);
    border-radius: 30px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 48px rgba(31, 43, 68, .07);
}

.stanloop-public-section__header {
    max-width: 890px;
    margin: 0 auto 28px;
    text-align: center;
}

.stanloop-public-section__header .stanloop-public-badge {
    margin: 0 auto;
}

.stanloop-public-section h2,
.stanloop-public-final-cta h2 {
    margin: 18px 0 12px;
    color: var(--sl-public-ink);
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.14;
    letter-spacing: -.01em;
    font-weight: 900;
}

.stanloop-public-section__header p,
.stanloop-public-final-cta p {
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 16px;
    line-height: 1.62;
    font-weight: 500;
}

.stanloop-public-flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.stanloop-public-flow div,
.stanloop-public-feature-card,
.stanloop-public-step-list div,
.stanloop-public-monetization-grid div {
    border: 1px solid var(--sl-public-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(31, 43, 68, .06);
}

.stanloop-public-flow div {
    padding: 24px;
}

.stanloop-public-flow span,
.stanloop-public-feature-card > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border-radius: 16px;
    background: var(--sl-public-green-soft);
    font-size: 22px;
}

.stanloop-public-flow strong {
    display: block;
    color: var(--sl-public-ink);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 800;
}

.stanloop-public-flow p,
.stanloop-public-feature-card p,
.stanloop-public-step-list p,
.stanloop-public-monetization-grid p {
    margin: 8px 0 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
}

.stanloop-public-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.stanloop-public-feature-card {
    padding: 24px;
}

.stanloop-public-feature-card:nth-child(even) > span {
    background: var(--sl-public-orange-soft);
}

.stanloop-public-feature-card h3 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: 0;
    font-weight: 800;
}

.stanloop-public-steps {
    background:
        linear-gradient(135deg, rgba(238, 242, 247, .78), rgba(255, 240, 232, .78)),
        rgba(255, 255, 255, .92);
}

.stanloop-public-step-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.stanloop-public-step-list div {
    padding: 22px;
}

.stanloop-public-step-list span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 999px;
    color: #fff;
    background: var(--sl-public-orange-strong);
    font-size: 15px;
    font-weight: 900;
}

.stanloop-public-step-list strong,
.stanloop-public-monetization-grid strong {
    display: block;
    color: var(--sl-public-ink);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
}

.stanloop-public-monetization-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.stanloop-public-monetization-grid div {
    padding: 26px;
    background: linear-gradient(145deg, #fff, #FFFCF4);
}

.stanloop-public-final-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
    gap: 30px;
    align-items: center;
    margin-top: 18px;
    padding: 38px 42px;
    border-radius: 30px;
    background: linear-gradient(135deg, var(--sl-public-green-deep), var(--sl-public-green));
    box-shadow: 0 22px 58px rgba(23, 35, 58, .20);
}

.stanloop-public-final-cta .stanloop-public-badge {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.stanloop-public-final-cta h2,
.stanloop-public-final-cta p {
    color: #fff;
}

.stanloop-public-final-cta p {
    max-width: 720px;
    opacity: .88;
}

.stanloop-public-final-cta > div {
    max-width: 820px;
}

.stanloop-public-final-cta .stanloop-public-button {
    justify-self: end;
    min-width: 210px;
}

.stanloop-public-final-cta .stanloop-public-button--primary {
    background: #fff;
    color: var(--sl-public-green-deep);
    box-shadow: 0 16px 34px rgba(17, 24, 39, .16);
}

@media (max-width: 1180px) {
    .stanloop-public-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .stanloop-public-hero__copy {
        max-width: none;
    }

    .stanloop-public-hero-preview-frame {
        transform: none;
    }

    .stanloop-public-feature-grid,
    .stanloop-public-step-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 880px) {
    .stanloop-public-main {
        width: min(100% - 20px, 720px);
        margin-top: 12px;
    }

    .stanloop-public-hero,
    .stanloop-public-section,
    .stanloop-public-final-cta {
        padding: 24px;
        border-radius: 24px;
    }

    .stanloop-public-hero h1 {
        margin-top: 18px;
        font-size: clamp(34px, 11vw, 50px);
        line-height: 1.08;
        letter-spacing: -.01em;
    }

    .stanloop-public-hero__lead {
        font-size: 17px;
    }

    .stanloop-public-stats,
    .stanloop-public-flow,
    .stanloop-public-feature-grid,
    .stanloop-public-step-list,
    .stanloop-public-monetization-grid,
    .stanloop-public-final-cta {
        grid-template-columns: 1fr;
    }

    .stanloop-public-stats div {
        min-height: 0;
    }

    .stanloop-public-section__header {
        text-align: left;
    }

    .stanloop-public-section__header .stanloop-public-badge {
        margin-left: 0;
    }

    .stanloop-public-section h2,
    .stanloop-public-final-cta h2 {
        font-size: clamp(28px, 8vw, 36px);
        line-height: 1.14;
        letter-spacing: -.006em;
    }

    .stanloop-public-final-cta .stanloop-public-button {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
    }
}

@media (max-width: 640px) {
    .stanloop-public-site-header.stanloop-loop-site-header {
        width: min(100% - 20px, 720px);
    }

    .stanloop-public-hero__actions,
    .stanloop-public-button {
        width: 100%;
    }

    .stanloop-public-loop-card {
        padding: 14px;
        border-radius: 24px;
    }

    .stanloop-public-mock-tabs {
        overflow-x: auto;
    }

    .stanloop-public-stats strong {
        font-size: 22px;
    }
}


/* Fans page - v0.1.82 */
.stanloop-public-fans .stanloop-public-hero {
    background:
        radial-gradient(circle at 12% 16%, rgba(23, 35, 58, .11), transparent 28%),
        radial-gradient(circle at 86% 8%, rgba(247, 201, 72, .13), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 250, 248, .92) 48%, rgba(255, 245, 240, .94));
}

.stanloop-public-fan-preview-card {
    width: min(460px, 100%);
    padding: 22px;
    border: 1px solid rgba(24, 33, 51, .11);
    border-radius: 30px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 26px 70px rgba(31, 43, 68, .16);
    transform: rotate(.8deg);
}

.stanloop-public-fan-preview-card__top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 8px 18px;
}

.stanloop-public-fan-preview-card__top > span {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--sl-public-green-soft), var(--sl-public-orange-soft));
    font-size: 24px;
}

.stanloop-public-fan-preview-card__top strong {
    display: block;
    color: var(--sl-public-ink);
    font-size: 19px;
    line-height: 1.18;
    font-weight: 900;
}

.stanloop-public-fan-preview-card__top p {
    margin: 4px 0 0;
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

.stanloop-public-fan-preview-path {
    padding: 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, #FFE082, #F3F6FA);
}

.stanloop-public-fan-preview-path small {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--sl-public-green-deep);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.stanloop-public-fan-preview-path strong {
    display: block;
    color: var(--sl-public-ink);
    font-size: 22px;
    line-height: 1.15;
    font-weight: 900;
}

.stanloop-public-fan-preview-path p {
    margin: 9px 0 16px;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 600;
}

.stanloop-public-fan-preview-path div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.stanloop-public-fan-preview-path div span {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--sl-public-green-deep);
    font-size: 12px;
    font-weight: 900;
}

.stanloop-public-fan-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 12px;
}

.stanloop-public-fan-preview-grid div {
    min-height: 92px;
    padding: 14px;
    border: 1px solid var(--sl-public-line);
    border-radius: 18px;
    background: #fff;
}

.stanloop-public-fan-preview-grid span,
.stanloop-public-fan-preview-grid strong {
    display: block;
}

.stanloop-public-fan-preview-grid span {
    margin-bottom: 10px;
    font-size: 20px;
}

.stanloop-public-fan-preview-grid strong {
    color: var(--sl-public-ink);
    font-size: 14px;
    line-height: 1.28;
    font-weight: 900;
}

.stanloop-public-sample-path-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.stanloop-public-sample-path-grid article {
    padding: 24px;
    border: 1px solid var(--sl-public-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(31, 43, 68, .06);
}

.stanloop-public-sample-path-grid article > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--sl-public-green-soft), var(--sl-public-orange-soft));
    font-size: 21px;
}

.stanloop-public-sample-path-grid h3 {
    margin: 0 0 10px;
    color: var(--sl-public-ink);
    font-size: 19px;
    line-height: 1.22;
    font-weight: 900;
}

.stanloop-public-sample-path-grid p {
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.58;
    font-weight: 500;
}

@media (max-width: 1180px) {
    .stanloop-public-sample-path-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 820px) {
    .stanloop-public-fan-preview-card {
        width: 100%;
        transform: none;
    }
}

@media (max-width: 640px) {
    .stanloop-public-sample-path-grid,
    .stanloop-public-fan-preview-grid {
        grid-template-columns: 1fr;
    }

    .stanloop-public-fan-preview-card {
        padding: 16px;
        border-radius: 24px;
    }

    .stanloop-public-fan-preview-path strong {
        font-size: 20px;
    }
}


/* Home page - v0.1.84 built from the v0.1.82 stable baseline */
.stanloop-public-home .stanloop-public-button--plain {
    color: var(--sl-public-ink);
    border: 1px solid rgba(24, 33, 51, .08);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 26px rgba(31, 43, 68, .08);
}

.stanloop-home-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(420px, .74fr);
    gap: 38px;
    align-items: center;
    min-height: 680px;
    padding: 62px;
    border: 1px solid var(--sl-public-line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 12%, rgba(23, 35, 58, .16), transparent 26%),
        radial-gradient(circle at 92% 14%, rgba(247, 201, 72, .16), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .78));
    box-shadow: var(--sl-public-shadow);
    overflow: hidden;
}

.stanloop-home-hero::after {
    content: "";
    position: absolute;
    right: -160px;
    bottom: -220px;
    width: 520px;
    height: 520px;
    border-radius: 999px;
    background: rgba(23, 35, 58, .12);
}

.stanloop-home-hero__copy,
.stanloop-home-hero__visual {
    position: relative;
    z-index: 1;
}

.stanloop-home-hero__copy h1 {
    max-width: 720px;
    margin: 24px 0 20px;
    color: var(--sl-public-ink);
    font-size: clamp(40px, 4.05vw, 62px);
    line-height: 1.1;
    letter-spacing: -.012em;
    font-weight: 900;
}

.stanloop-home-hero__title span {
    display: block;
    white-space: nowrap;
}

.stanloop-home-hero__title-accent {
    color: var(--sl-public-orange);
}

.stanloop-home-hero__copy p {
    max-width: 760px;
    margin: 0;
    color: #263144;
    font-size: clamp(16px, 1.12vw, 18px);
    line-height: 1.64;
    font-weight: 600;
}

.stanloop-home-button--creator,
.stanloop-home-button--fan {
    position: relative;
    min-width: 150px;
    overflow: hidden;
    border: 0;
    color: #fff;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.stanloop-home-button--creator {
    background: linear-gradient(135deg, #34455F 0%, #17233A 48%, #17233A 100%);
    box-shadow: 0 16px 34px rgba(23, 35, 58, .24), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.stanloop-home-button--fan {
    background: linear-gradient(135deg, #FFDA70 0%, #F7C948 58%, #E87A4C 100%);
    color: #17212B;
    box-shadow: 0 16px 34px rgba(247, 201, 72, .22), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.stanloop-home-button--creator::after,
.stanloop-home-button--fan::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .30) 42%, transparent 72%);
    transform: translateX(-120%);
    transition: transform .42s ease;
}

.stanloop-home-button--creator:hover,
.stanloop-home-button--creator:focus,
.stanloop-home-button--fan:hover,
.stanloop-home-button--fan:focus {
    color: #fff;
    transform: translateY(-3px) scale(1.02);
    filter: saturate(1.05) brightness(1.03);
}

.stanloop-home-button--creator:hover,
.stanloop-home-button--creator:focus {
    box-shadow: 0 22px 44px rgba(23, 35, 58, .32), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.stanloop-home-button--fan:hover,
.stanloop-home-button--fan:focus {
    color: #17212B;
    box-shadow: 0 22px 44px rgba(247, 201, 72, .32), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.stanloop-home-button--creator:hover::after,
.stanloop-home-button--creator:focus::after,
.stanloop-home-button--fan:hover::after,
.stanloop-home-button--fan:focus::after {
    transform: translateX(120%);
}

.stanloop-home-button--swap span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: opacity .18s ease, transform .18s ease;
}

.stanloop-home-button__hover {
    position: absolute !important;
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(-50%, 20%);
    white-space: nowrap;
}

.stanloop-home-button--swap:hover .stanloop-home-button__default,
.stanloop-home-button--swap:focus .stanloop-home-button__default {
    opacity: 0;
    transform: translateY(-16%);
}

.stanloop-home-button--swap:hover .stanloop-home-button__hover,
.stanloop-home-button--swap:focus .stanloop-home-button__hover {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.stanloop-home-hero__free-note {
    display: inline-flex;
    align-items: center;
    margin-top: 16px !important;
    padding: 12px 16px;
    border: 1px solid rgba(23, 35, 58, .18);
    border-radius: 999px;
    background: rgba(238, 242, 247, .76);
    color: #17233A !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

.stanloop-home-hero__visual {
    display: flex;
    justify-content: center;
}

.stanloop-home-loop-preview {
    width: min(650px, 100%);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.stanloop-home-loop-preview img {
    display: block;
    width: 100%;
    max-height: none;
    object-fit: contain;
    border-radius: 20px;
    filter: drop-shadow(0 26px 50px rgba(31, 43, 68, .13));
}

.stanloop-home-audience,
.stanloop-home-paths,
.stanloop-home-useful {
    margin-top: 18px;
    padding: 54px;
    border: 1px solid var(--sl-public-line);
    border-radius: 30px;
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 18px 48px rgba(31, 43, 68, .07);
}

.stanloop-home-audience .stanloop-public-badge {
    padding: 9px 16px;
    border-color: rgba(23, 35, 58, .40);
    background: #F3F6FA;
    color: #17233A;
    font-size: 12.5px;
    letter-spacing: .075em;
    box-shadow: 0 8px 18px rgba(23, 35, 58, .10);
}

.stanloop-home-audience .stanloop-public-section__header h2 {
    max-width: 860px;
    margin-inline: auto;
    color: #121722;
    font-size: clamp(34px, 3.45vw, 54px);
    line-height: 1.08;
    letter-spacing: -.008em;
    font-weight: 900;
}

.stanloop-home-audience .stanloop-public-section__header p {
    color: #42506a;
    font-weight: 650;
}

.stanloop-home-audience__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 36px;
}

.stanloop-home-audience-card {
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 34px;
    border: 1px solid var(--sl-public-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(31, 43, 68, .07);
}

.stanloop-home-audience-card--creator {
    background: linear-gradient(135deg, rgba(238, 242, 247, .82), rgba(255, 255, 255, .94));
}

.stanloop-home-audience-card--fan {
    background: linear-gradient(135deg, rgba(255, 245, 240, .92), rgba(255, 255, 255, .96));
}

.stanloop-home-audience-card__copy > span {
    display: block;
    margin-bottom: 10px;
    color: var(--sl-public-green-deep);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.stanloop-home-audience-card--fan .stanloop-home-audience-card__copy > span {
    color: var(--sl-public-orange);
}

.stanloop-home-audience-card h3 {
    margin: 0 0 20px;
    color: var(--sl-public-ink);
    font-size: clamp(28px, 2.35vw, 38px);
    line-height: 1.08;
    letter-spacing: -.006em;
    font-weight: 900;
}

.stanloop-home-audience-card ul {
    display: grid;
    gap: 10px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.stanloop-home-audience-card li {
    position: relative;
    padding-left: 31px;
    color: #34405a;
    font-size: 14.5px;
    line-height: 1.42;
    font-weight: 650;
}

.stanloop-home-audience-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: .05em;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--sl-public-green);
    font-size: 12px;
    font-weight: 900;
}

.stanloop-home-feature-map {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin: 4px 0 24px;
    padding: 16px;
    border: 1px solid rgba(23, 35, 58, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .76);
}

.stanloop-home-feature-map strong {
    flex: 0 0 100%;
    color: var(--sl-public-ink);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 900;
}

.stanloop-home-feature-map span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #F3F6FA;
    color: var(--sl-public-green-deep);
    font-size: 12px;
    line-height: 1;
    font-weight: 850;
}

.stanloop-home-feature-map--fan span {
    background: #FFF0B5;
    color: #F7C948;
}

.stanloop-home-audience-card .stanloop-public-button {
    align-self: flex-start;
}

.stanloop-home-section-head {
    max-width: 860px;
    margin-bottom: 30px;
}

.stanloop-home-section-head h2 {
    margin: 20px 0 10px;
    color: var(--sl-public-ink);
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.08;
    letter-spacing: -.014em;
    font-weight: 900;
}

.stanloop-home-section-head p {
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 17px;
    line-height: 1.6;
    font-weight: 500;
}

.stanloop-home-section-head--center {
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.stanloop-home-section-head--center p {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
}

.stanloop-home-paths-visual {
    margin-top: 30px;
}

.stanloop-home-paths-visual img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    filter: drop-shadow(0 18px 42px rgba(31, 43, 68, .08));
}

.stanloop-home-path-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.stanloop-home-path-grid article {
    overflow: hidden;
    border: 1px solid var(--sl-public-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(31, 43, 68, .07);
}

.stanloop-home-path-grid article > span {
    min-height: 138px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(238, 242, 247, .9), rgba(255, 240, 232, .74));
    font-size: 38px;
}

.stanloop-home-path-grid h3 {
    margin: 20px 18px 9px;
    color: var(--sl-public-ink);
    font-size: 19px;
    line-height: 1.22;
    font-weight: 900;
}

.stanloop-home-path-grid p {
    min-height: 70px;
    margin: 0 18px 16px;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.52;
    font-weight: 500;
}

.stanloop-home-path-grid article > div {
    height: 7px;
    margin: 0 18px 20px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--sl-public-green) 0 54%, var(--sl-public-orange) 54% 72%, rgba(24, 33, 51, .09) 72%);
}

.stanloop-home-useful .stanloop-public-section__header {
    max-width: 920px;
}

.stanloop-home-useful-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 34px;
}

.stanloop-home-useful-grid article {
    min-height: 230px;
    padding: 24px;
    border: 1px solid var(--sl-public-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(31, 43, 68, .055);
}

.stanloop-home-useful-grid span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 26px;
    border-radius: 14px;
    background: var(--sl-public-green-soft);
    font-size: 20px;
}

.stanloop-home-useful-grid h3 {
    margin: 0 0 10px;
    color: var(--sl-public-ink);
    font-size: 19px;
    line-height: 1.2;
    font-weight: 900;
}

.stanloop-home-useful-grid p {
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;
}

.stanloop-home-final {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    margin-top: 18px;
    padding: 46px;
    border-radius: 30px;
    background: linear-gradient(135deg, #17233A, #E3B42D);
    color: #fff;
    box-shadow: 0 22px 54px rgba(23, 35, 58, .18);
}

.stanloop-home-final span,
.stanloop-home-final h2,
.stanloop-home-final p {
    display: block;
    margin: 0;
    color: #fff;
}

.stanloop-home-final span {
    font-size: 16px;
    font-weight: 900;
}

.stanloop-home-final h2 {
    margin-top: 8px;
    font-size: clamp(38px, 4vw, 60px);
    line-height: 1;
    letter-spacing: -.014em;
    font-weight: 900;
}

.stanloop-home-final p {
    max-width: 780px;
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 700;
}

.stanloop-home-final > div:last-child {
    display: flex;
    gap: 12px;
}

.stanloop-home-final .stanloop-public-button--secondary {
    background: #fff;
}

@media (max-width: 1180px) {
    .stanloop-home-hero,
    .stanloop-home-audience__grid,
    .stanloop-home-audience-card {
        grid-template-columns: 1fr;
    }

    .stanloop-home-hero__copy,
    .stanloop-home-hero__copy p,
    .stanloop-home-hero__copy h1 {
        max-width: none;
    }

    .stanloop-home-path-grid,
    .stanloop-home-useful-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .stanloop-home-hero,
    .stanloop-home-audience,
    .stanloop-home-paths,
    .stanloop-home-useful,
    .stanloop-home-final {
        padding: 28px;
        border-radius: 24px;
    }

    .stanloop-home-hero {
        min-height: 0;
        gap: 28px;
    }

    .stanloop-home-hero__copy h1 {
        font-size: clamp(34px, 10vw, 48px);
        line-height: 1.12;
    }

    .stanloop-home-hero__title span {
        white-space: normal;
    }

    .stanloop-home-loop-preview {
        padding: 0;
        border-radius: 0;
    }

    .stanloop-home-loop-preview img {
        max-height: none;
        border-radius: 16px;
    }

    .stanloop-home-audience-card {
        min-height: 0;
        padding: 24px;
        border-radius: 22px;
    }

    .stanloop-home-audience .stanloop-public-section__header h2,
    .stanloop-home-audience-card h3,
    .stanloop-home-section-head h2 {
        font-size: clamp(28px, 9vw, 38px);
    }

    .stanloop-home-audience-card li {
        font-size: 14px;
    }

    .stanloop-home-path-grid,
    .stanloop-home-useful-grid {
        grid-template-columns: 1fr;
    }

    .stanloop-home-paths-visual {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .stanloop-home-paths-visual img {
        min-width: 820px;
        border-radius: 18px;
    }

    .stanloop-home-final {
        grid-template-columns: 1fr;
    }

    .stanloop-home-final > div:last-child,
    .stanloop-home-final .stanloop-public-button {
        width: 100%;
    }

    .stanloop-home-final > div:last-child {
        flex-direction: column;
    }
}


/* Loopline page - v0.1.85 */
.stanloop-public-loopline-page {
    --sl-loopline-purple: #f2ecff;
}

.stanloop-loopline-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(360px, .68fr);
    gap: 36px;
    align-items: center;
    min-height: 640px;
    padding: 60px;
    border: 1px solid var(--sl-public-line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 12%, rgba(23, 35, 58, .17), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(247, 201, 72, .15), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .78));
    box-shadow: var(--sl-public-shadow);
    overflow: hidden;
}

.stanloop-loopline-hero::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -190px;
    width: 480px;
    height: 480px;
    border-radius: 999px;
    background: rgba(23, 35, 58, .11);
}

.stanloop-loopline-hero__copy,
.stanloop-loopline-hero__visual {
    position: relative;
    z-index: 1;
}

.stanloop-loopline-hero h1 {
    margin: 22px 0 4px;
    color: var(--sl-public-ink);
    font-size: clamp(54px, 7vw, 104px);
    line-height: .94;
    letter-spacing: -.035em;
    font-weight: 900;
}

.stanloop-loopline-hero__tagline {
    margin: 0 0 20px;
    color: var(--sl-public-orange);
    font-size: clamp(28px, 3.6vw, 52px);
    line-height: 1.04;
    letter-spacing: -.018em;
    font-weight: 900;
}

.stanloop-loopline-hero__lead {
    max-width: 720px;
    margin: 0;
    color: #273244;
    font-size: clamp(17px, 1.45vw, 21px);
    line-height: 1.58;
    font-weight: 650;
}

.stanloop-loopline-preview {
    width: min(460px, 100%);
    padding: 20px;
    border: 1px solid rgba(24, 33, 51, .11);
    border-radius: 34px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 26px 70px rgba(31, 43, 68, .16);
    transform: rotate(.8deg);
}

.stanloop-loopline-preview__header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 8px 16px;
}

.stanloop-loopline-preview__header > span,
.stanloop-loopline-preview__item > span {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--sl-public-green-soft), var(--sl-public-orange-soft));
}

.stanloop-loopline-preview__header > span {
    width: 54px;
    height: 54px;
    font-size: 25px;
}

.stanloop-loopline-preview__header strong,
.stanloop-loopline-preview__item strong {
    display: block;
    color: var(--sl-public-ink);
    font-weight: 900;
}

.stanloop-loopline-preview__header strong {
    font-size: 20px;
    line-height: 1.18;
}

.stanloop-loopline-preview__header p,
.stanloop-loopline-preview__item p {
    margin: 4px 0 0;
    color: var(--sl-public-muted);
    line-height: 1.44;
    font-weight: 600;
}

.stanloop-loopline-preview__header p {
    font-size: 13px;
}

.stanloop-loopline-preview__tabs {
    display: flex;
    gap: 8px;
    margin: 2px 0 14px;
    padding: 8px;
    border-radius: 18px;
    background: rgba(238, 242, 247, .58);
}

.stanloop-loopline-preview__tabs span {
    flex: 1;
    padding: 9px 10px;
    border-radius: 999px;
    color: var(--sl-public-green-deep);
    background: rgba(255, 255, 255, .72);
    text-align: center;
    font-size: 12px;
    font-weight: 900;
}

.stanloop-loopline-preview__tabs span:first-child {
    color: #fff;
    background: var(--sl-public-green-deep);
}

.stanloop-loopline-preview__item {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin-top: 10px;
    padding: 16px;
    border: 1px solid var(--sl-public-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(31, 43, 68, .055);
}

.stanloop-loopline-preview__item > span {
    width: 42px;
    height: 42px;
    font-size: 20px;
}

.stanloop-loopline-preview__item p {
    font-size: 13px;
}

.stanloop-loopline-stats {
    margin-top: 18px;
}

.stanloop-loopline-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.stanloop-loopline-card {
    display: flex;
    flex-direction: column;
    min-height: 286px;
    padding: 24px;
    border: 1px solid var(--sl-public-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(31, 43, 68, .06);
}

.stanloop-loopline-card__top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.stanloop-loopline-card__top > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 16px;
    background: var(--sl-public-green-soft);
    font-size: 22px;
}

.stanloop-loopline-card:nth-child(even) .stanloop-loopline-card__top > span {
    background: var(--sl-public-orange-soft);
}

.stanloop-loopline-card__top strong,
.stanloop-loopline-card__top small {
    display: block;
}

.stanloop-loopline-card__top strong {
    color: var(--sl-public-green-deep);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.stanloop-loopline-card__top small {
    margin-top: 4px;
    color: var(--sl-public-muted);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.stanloop-loopline-card h3 {
    margin: 0 0 10px;
    color: var(--sl-public-ink);
    font-size: 21px;
    line-height: 1.18;
    font-weight: 900;
}

.stanloop-loopline-card p {
    margin: 0 0 18px;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.56;
    font-weight: 500;
}

.stanloop-loopline-card a {
    width: fit-content;
    margin-top: auto;
    color: var(--sl-public-orange);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.stanloop-loopline-card a:hover,
.stanloop-loopline-card a:focus {
    text-decoration: underline;
}

.stanloop-loopline-community {
    background:
        linear-gradient(135deg, rgba(238, 242, 247, .78), rgba(255, 240, 232, .74)),
        rgba(255, 255, 255, .94);
}

.stanloop-loopline-roadmap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.stanloop-loopline-roadmap div {
    padding: 24px;
    border: 1px solid var(--sl-public-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(31, 43, 68, .055);
}

.stanloop-loopline-roadmap span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 999px;
    color: #fff;
    background: var(--sl-public-orange-strong);
    font-size: 15px;
    font-weight: 900;
}

.stanloop-loopline-roadmap strong {
    display: block;
    color: var(--sl-public-ink);
    font-size: 18px;
    line-height: 1.22;
    font-weight: 900;
}

.stanloop-loopline-roadmap p {
    margin: 9px 0 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.58;
    font-weight: 500;
}

@media (max-width: 1180px) {
    .stanloop-loopline-hero {
        grid-template-columns: 1fr;
    }

    .stanloop-loopline-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .stanloop-loopline-hero {
        min-height: 0;
        padding: 30px;
        border-radius: 24px;
    }

    .stanloop-loopline-preview {
        width: 100%;
        transform: none;
    }

    .stanloop-loopline-card-grid,
    .stanloop-loopline-roadmap {
        grid-template-columns: 1fr;
    }

    .stanloop-loopline-hero h1 {
        font-size: clamp(48px, 18vw, 72px);
    }

    .stanloop-loopline-hero__tagline {
        font-size: clamp(26px, 10vw, 42px);
    }
}


/* Loopline feed page - v0.1.85.1 */
.stanloop-public-loopline-feed {
    max-width: 1480px;
    padding-top: 22px;
}

.stanloop-public-loopline-feed .stanloop-loopline-feed-title {
    margin: 0 auto 24px;
    padding: 30px 22px 24px;
    text-align: center;
}

.stanloop-loopline-feed-title h1 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: clamp(42px, 5.1vw, 74px);
    line-height: .95;
    letter-spacing: -.04em;
    font-weight: 900;
}

.stanloop-loopline-feed-title p {
    margin: 8px 0 0;
    color: var(--sl-public-orange);
    font-size: clamp(24px, 2.6vw, 38px);
    line-height: 1.05;
    letter-spacing: -.02em;
    font-weight: 900;
}

.stanloop-loopline-feed-title span {
    display: block;
    max-width: 720px;
    margin: 14px auto 0;
    color: var(--sl-public-muted);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}

.stanloop-loopline-feed-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.stanloop-loopline-feed-column {
    display: flex;
    flex-direction: column;
    min-height: 520px;
    padding: 18px;
    border: 1px solid rgba(24, 33, 51, .11);
    border-radius: 28px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 44px rgba(31, 43, 68, .07);
    overflow: hidden;
}

.stanloop-loopline-feed-column__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(24, 33, 51, .08);
}

.stanloop-loopline-feed-column__header > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 15px;
    background: var(--sl-public-green-soft);
    font-size: 20px;
}

.stanloop-loopline-feed-column:nth-child(2n) .stanloop-loopline-feed-column__header > span {
    background: var(--sl-public-orange-soft);
}

.stanloop-loopline-feed-column__header h2 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: -.018em;
    font-weight: 900;
}

.stanloop-loopline-feed-column__header p {
    margin: 4px 0 0;
    color: var(--sl-public-muted);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.stanloop-loopline-feed-column__items {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
}

.stanloop-loopline-feed-item,
.stanloop-loopline-feed-empty {
    display: flex;
    gap: 12px;
    min-height: 125px;
    padding: 14px;
    border: 1px solid rgba(24, 33, 51, .09);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 43, 68, .045);
}

.stanloop-loopline-feed-item__media {
    width: 72px;
    height: 72px;
    display: block;
    flex: 0 0 72px;
    overflow: hidden;
    border-radius: 16px;
    background: rgba(238, 242, 247, .72);
}

.stanloop-loopline-feed-item__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.stanloop-loopline-feed-item__body {
    min-width: 0;
    flex: 1;
}

.stanloop-loopline-feed-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.stanloop-loopline-feed-item__meta span {
    color: var(--sl-public-green-deep);
    font-size: 11px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.stanloop-loopline-feed-item__meta time {
    color: var(--sl-public-muted);
    font-size: 11px;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
}

.stanloop-loopline-feed-item h3 {
    margin: 0 0 6px;
    color: var(--sl-public-ink);
    font-size: 16px;
    line-height: 1.18;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stanloop-loopline-feed-item h3 a {
    color: inherit;
    text-decoration: none;
}

.stanloop-loopline-feed-item h3 a:hover,
.stanloop-loopline-feed-item h3 a:focus {
    color: var(--sl-public-orange);
}

.stanloop-loopline-feed-item p {
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1.42;
    font-weight: 540;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stanloop-loopline-feed-item__creator {
    display: inline-flex;
    margin-top: 8px;
    color: var(--sl-public-orange);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none;
}

.stanloop-loopline-feed-item__creator:hover,
.stanloop-loopline-feed-item__creator:focus {
    text-decoration: underline;
}

.stanloop-loopline-feed-empty {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    text-align: center;
}

.stanloop-loopline-feed-empty span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--sl-public-green-deep);
    background: var(--sl-public-green-soft);
    font-weight: 900;
}

.stanloop-loopline-feed-empty p {
    max-width: 220px;
    margin: 8px auto 0;
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
}

.stanloop-loopline-feed-column__view {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    min-height: 42px;
    border-radius: 999px;
    color: var(--sl-public-green-deep);
    background: rgba(238, 242, 247, .72);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.stanloop-loopline-feed-column__view:hover,
.stanloop-loopline-feed-column__view:focus {
    color: #fff;
    background: var(--sl-public-green-deep);
}

@media (max-width: 1180px) {
    .stanloop-loopline-feed-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .stanloop-public-loopline-feed {
        padding-top: 8px;
    }

    .stanloop-loopline-feed-grid {
        grid-template-columns: 1fr;
    }

    .stanloop-loopline-feed-column {
        min-height: 0;
        border-radius: 22px;
    }

    .stanloop-loopline-feed-item,
    .stanloop-loopline-feed-empty {
        min-height: 0;
    }
}

/* Blog page - v0.1.85.3 */
.stanloop-public-blog {
    padding-top: 16px;
}

.stanloop-blog-title {
    max-width: 820px;
    margin: 54px auto 40px;
    text-align: center;
}

.stanloop-blog-title h1 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: clamp(48px, 7vw, 88px);
    line-height: .95;
    letter-spacing: -.035em;
    font-weight: 900;
}

.stanloop-blog-title p {
    max-width: 720px;
    margin: 18px auto 0;
    color: var(--sl-public-muted);
    font-size: 17px;
    line-height: 1.55;
    font-weight: 700;
}

.stanloop-blog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

.stanloop-blog-card {
    min-height: 520px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(24, 33, 51, .10);
    border-radius: 32px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 46px rgba(31, 43, 68, .085);
    overflow: hidden;
}

.stanloop-blog-card__image {
    position: relative;
    height: clamp(230px, 20vw, 300px);
    display: block;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 20%, rgba(23, 35, 58, .20), transparent 32%),
        radial-gradient(circle at 88% 16%, rgba(247, 201, 72, .22), transparent 34%),
        linear-gradient(135deg, rgba(238, 242, 247, .92), rgba(255, 240, 232, .92));
    text-decoration: none;
}

.stanloop-blog-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .26s ease;
}

.stanloop-blog-card:hover .stanloop-blog-card__image img,
.stanloop-blog-card:focus-within .stanloop-blog-card__image img {
    transform: scale(1.035);
}

.stanloop-blog-card__placeholder {
    height: 100%;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--sl-public-green-deep);
    text-align: center;
}

.stanloop-blog-card__placeholder strong {
    color: var(--sl-public-ink);
    font-size: 38px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.025em;
}

.stanloop-blog-card__placeholder em {
    color: var(--sl-public-orange);
    font-style: normal;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.stanloop-blog-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px;
}

.stanloop-blog-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.stanloop-blog-card__meta span {
    display: inline-flex;
    align-items: center;
    max-width: 64%;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    color: var(--sl-public-green-deep);
    background: rgba(238, 242, 247, .86);
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stanloop-blog-card__meta time {
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
}

.stanloop-blog-card h2 {
    margin: 0 0 12px;
    color: var(--sl-public-ink);
    font-size: clamp(26px, 2.4vw, 36px);
    line-height: 1.05;
    letter-spacing: -.025em;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stanloop-blog-card h2 a {
    color: inherit;
    text-decoration: none;
}

.stanloop-blog-card h2 a:hover,
.stanloop-blog-card h2 a:focus {
    color: var(--sl-public-orange);
}

.stanloop-blog-card p {
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stanloop-blog-card__link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: auto;
    padding: 0 18px;
    border-radius: 999px;
    color: #fff;
    background: var(--sl-public-green-deep);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(247, 201, 72, .22);
}

.stanloop-blog-card__link:hover,
.stanloop-blog-card__link:focus {
    color: #fff;
    background: var(--sl-public-green-deep);
    text-decoration: none;
}

.stanloop-blog-empty {
    max-width: 860px;
    min-height: 360px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    margin: 0 auto;
    padding: 46px;
    border: 1px solid rgba(24, 33, 51, .10);
    border-radius: 32px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 46px rgba(31, 43, 68, .085);
    text-align: center;
}

.stanloop-blog-empty span {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--sl-public-green-soft);
    font-size: 26px;
}

.stanloop-blog-empty h2 {
    max-width: 640px;
    margin: 0;
    color: var(--sl-public-ink);
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.08;
    letter-spacing: -.025em;
    font-weight: 900;
}

.stanloop-blog-empty p {
    max-width: 620px;
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 16px;
    line-height: 1.55;
    font-weight: 650;
}

@media (max-width: 980px) {
    .stanloop-blog-grid {
        grid-template-columns: 1fr;
    }

    .stanloop-blog-card {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .stanloop-public-blog {
        padding-top: 4px;
    }

    .stanloop-blog-title {
        margin: 34px auto 28px;
    }

    .stanloop-blog-card {
        border-radius: 24px;
    }

    .stanloop-blog-card__image {
        height: 220px;
    }

    .stanloop-blog-card__content {
        padding: 20px;
    }

    .stanloop-blog-card__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .stanloop-blog-card__meta span {
        max-width: 100%;
    }
}

/* Join & Sign-in pages - v0.1.87 */
.stanloop-auth-main {
    padding: 22px 0 34px;
}

.stanloop-auth-hero {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.stanloop-auth-hero__copy {
    max-width: 820px;
    margin: 46px auto 34px;
    text-align: center;
}

.stanloop-auth-hero__copy .stanloop-public-badge {
    margin: 0 auto 16px;
}

.stanloop-auth-hero__copy h1 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: clamp(46px, 6vw, 82px);
    line-height: .94;
    letter-spacing: -.055em;
    font-weight: 900;
}

.stanloop-auth-hero__copy p {
    max-width: 760px;
    margin: 18px auto 0;
    color: var(--sl-public-muted);
    font-size: 17px;
    line-height: 1.55;
    font-weight: 750;
}

.stanloop-auth-grid {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(330px, .72fr);
    gap: 22px;
    align-items: stretch;
}

.stanloop-auth-card,
.stanloop-auth-side {
    border: 1px solid var(--sl-public-line);
    border-radius: 34px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 46px rgba(31, 43, 68, .085);
}

.stanloop-auth-card {
    padding: 34px;
}

.stanloop-auth-card__head {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.stanloop-auth-card__head > span {
    width: 58px;
    height: 58px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 18px;
    background: var(--sl-public-green-soft);
    font-size: 26px;
}

.stanloop-auth-card__head h2 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.04;
    letter-spacing: -.035em;
    font-weight: 900;
}

.stanloop-auth-card__head p {
    margin: 6px 0 0;
    color: var(--sl-public-muted);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}

.stanloop-auth-form {
    display: grid;
    gap: 16px;
}

.stanloop-auth-form label {
    display: grid;
    gap: 8px;
}

.stanloop-auth-form label span,
.stanloop-invite-preview label span {
    color: var(--sl-public-ink);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.stanloop-auth-form input,
.stanloop-invite-preview input {
    width: 100%;
    min-height: 56px;
    border: 1px solid rgba(24, 33, 51, .14);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    color: var(--sl-public-ink);
    font-size: 16px;
    font-weight: 700;
    outline: none;
    padding: 0 17px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.stanloop-auth-form input:focus,
.stanloop-invite-preview input:focus {
    border-color: rgba(23, 35, 58, .52);
    box-shadow: 0 0 0 4px rgba(23, 35, 58, .12);
}

.stanloop-auth-form__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 2px;
}

.stanloop-auth-check {
    display: inline-flex !important;
    grid-template-columns: auto auto;
    align-items: center;
    width: fit-content;
    gap: 8px !important;
    color: var(--sl-public-muted);
    font-size: 14px;
    font-weight: 750;
}

.stanloop-auth-check input {
    width: 18px;
    min-height: 18px;
    height: 18px;
    padding: 0;
    border-radius: 6px;
}

.stanloop-auth-check span {
    color: var(--sl-public-muted) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.stanloop-auth-form__row a,
.stanloop-auth-switch a {
    color: var(--sl-public-green-deep);
    font-weight: 900;
    text-decoration: none;
}

.stanloop-auth-form__row a:hover,
.stanloop-auth-switch a:hover,
.stanloop-auth-form__row a:focus,
.stanloop-auth-switch a:focus {
    color: var(--sl-public-orange);
    text-decoration: none;
}

.stanloop-auth-submit,
.stanloop-invite-preview button {
    min-height: 58px;
    border: 0;
    border-radius: 18px;
    color: #fff;
    background: var(--sl-public-green-deep);
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 16px 28px rgba(247, 201, 72, .22);
}

.stanloop-auth-submit:hover,
.stanloop-auth-submit:focus {
    background: var(--sl-public-green-deep);
}

.stanloop-invite-preview button:disabled {
    opacity: .72;
    cursor: not-allowed;
    box-shadow: none;
}

.stanloop-auth-switch,
.stanloop-auth-note {
    margin: 20px 0 0;
    color: var(--sl-public-muted);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 700;
}


.stanloop-auth-notice {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(23, 35, 58, 0.22);
    border-radius: 16px;
    background: rgba(234, 244, 238, 0.86);
    color: #17233A;
    font-weight: 800;
}

.stanloop-auth-alert {
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(247, 201, 72, .24);
    border-radius: 20px;
    background: rgba(255, 240, 232, .86);
    color: var(--sl-public-ink);
}

.stanloop-auth-alert strong {
    display: block;
    margin-bottom: 8px;
    font-weight: 900;
}

.stanloop-auth-alert ul {
    margin: 0;
    padding-left: 18px;
}

.stanloop-auth-alert li {
    margin: 4px 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.stanloop-auth-side {
    position: relative;
    overflow: hidden;
    padding: 34px;
    background:
        linear-gradient(135deg, rgba(238, 242, 247, .94), rgba(255, 240, 232, .88)),
        radial-gradient(circle at 76% 10%, rgba(247, 201, 72, .18), transparent 34%);
}

.stanloop-auth-side::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -140px;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: rgba(23, 35, 58, .13);
}

.stanloop-auth-side h2,
.stanloop-auth-side ul {
    position: relative;
    z-index: 1;
}

.stanloop-auth-side h2 {
    max-width: 460px;
    margin: 0 0 22px;
    color: var(--sl-public-ink);
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.04;
    letter-spacing: -.035em;
    font-weight: 900;
}

.stanloop-auth-side ul {
    display: grid;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.stanloop-auth-side li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 64px;
    padding: 14px;
    border: 1px solid rgba(24, 33, 51, .09);
    border-radius: 20px;
    background: rgba(255, 255, 255, .74);
    color: var(--sl-public-ink);
    font-size: 15px;
    line-height: 1.38;
    font-weight: 800;
}

.stanloop-auth-side li span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--sl-public-green);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.stanloop-invite-preview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
    padding: 18px;
    border: 1px solid rgba(23, 35, 58, .22);
    border-radius: 24px;
    background: rgba(238, 242, 247, .46);
}

.stanloop-invite-preview label {
    display: grid;
    gap: 8px;
}

.stanloop-invite-preview input:disabled {
    color: var(--sl-public-muted);
    background: rgba(255, 255, 255, .74);
}

.stanloop-invite-preview button {
    min-width: 220px;
    padding: 0 20px;
}

.stanloop-auth-signed-in {
    padding: 24px;
    border-radius: 24px;
    background: rgba(238, 242, 247, .5);
}

.stanloop-auth-signed-in h3 {
    margin: 0 0 8px;
    color: var(--sl-public-ink);
    font-size: 26px;
    line-height: 1.08;
    font-weight: 900;
}

.stanloop-auth-signed-in p {
    margin: 0 0 18px;
    color: var(--sl-public-muted);
    font-weight: 700;
}

@media (max-width: 980px) {
    .stanloop-auth-grid,
    .stanloop-invite-preview {
        grid-template-columns: 1fr;
    }

    .stanloop-invite-preview button {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .stanloop-auth-main {
        padding-top: 0;
    }

    .stanloop-auth-hero__copy {
        margin: 32px auto 24px;
    }

    .stanloop-auth-card,
    .stanloop-auth-side {
        padding: 22px;
        border-radius: 26px;
    }

    .stanloop-auth-card__head {
        align-items: flex-start;
    }

    .stanloop-auth-form__row {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

/* StanLoop account pages: v0.1.87.3 */
.stanloop-account-main {
    padding: 58px 0 72px;
}

.stanloop-account-shell {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    border: 1px solid rgba(31, 43, 68, .10);
    border-radius: 26px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 26px 70px rgba(31, 43, 68, .08);
    padding: clamp(24px, 4vw, 42px);
}

.stanloop-account-shell--notice {
    width: min(760px, calc(100% - 40px));
}

.stanloop-account-hero {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 22px;
    align-items: center;
    margin-bottom: 24px;
}

.stanloop-account-hero__avatar,
.stanloop-account-hero__avatar img {
    width: 96px;
    height: 96px;
    border-radius: 999px;
}

.stanloop-account-hero__avatar {
    overflow: hidden;
    background: #F3F6FA;
    border: 1px solid rgba(31, 43, 68, .10);
    box-shadow: 0 16px 38px rgba(31, 43, 68, .10);
}

.stanloop-account-hero__avatar img {
    object-fit: cover;
    display: block;
}

.stanloop-account-hero h1,
.stanloop-account-page-head h1 {
    color: var(--sl-loop-ink, #111827);
    font-size: clamp(38px, 6vw, 68px);
    line-height: .95;
    letter-spacing: -.06em;
    margin: 10px 0 10px;
}

.stanloop-account-hero p,
.stanloop-account-page-head p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 800;
    margin: 0;
}

.stanloop-account-page-head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 30px;
}

.stanloop-account-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 28px;
}

.stanloop-account-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.stanloop-account-card,
.stanloop-joined-loop-card {
    border: 1px solid rgba(31, 43, 68, .10);
    border-radius: 20px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 18px 45px rgba(31, 43, 68, .06);
}

.stanloop-account-card span {
    display: block;
    color: var(--sl-loop-green-deep, #17233A);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 8px;
}

.stanloop-account-card strong {
    display: block;
    color: var(--sl-loop-ink, #111827);
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.04em;
    margin-bottom: 10px;
}

.stanloop-account-card p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 700;
    margin: 0;
}

.stanloop-account-empty {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
    padding: 30px 18px;
}

.stanloop-account-empty__icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F3F6FA;
    margin-bottom: 14px;
    font-size: 25px;
}

.stanloop-account-empty h1,
.stanloop-account-empty h2 {
    color: var(--sl-loop-ink, #111827);
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.02;
    letter-spacing: -.05em;
    margin: 0 0 10px;
}

.stanloop-account-empty p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 800;
    margin: 0 auto 18px;
}

.stanloop-joined-loop-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.stanloop-joined-loop-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: start;
}

.stanloop-joined-loop-card__avatar,
.stanloop-joined-loop-card__avatar img {
    width: 72px;
    height: 72px;
    border-radius: 999px;
}

.stanloop-joined-loop-card__avatar {
    overflow: hidden;
    background: #F3F6FA;
    border: 1px solid rgba(31, 43, 68, .10);
}

.stanloop-joined-loop-card__avatar img {
    object-fit: cover;
    display: block;
}

.stanloop-joined-loop-card h2 {
    color: var(--sl-loop-ink, #111827);
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.04em;
    margin: 0 0 5px;
}

.stanloop-joined-loop-card p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 750;
    margin: 0 0 10px;
}

.stanloop-joined-loop-card__bio {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stanloop-joined-loop-card a {
    color: var(--sl-loop-orange, #E3B42D);
    font-weight: 950;
    text-decoration: none;
}

.stanloop-account-settings-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 22px;
    align-items: stretch;
}

.stanloop-account-settings-card,
.stanloop-account-settings-side {
    height: 100%;
}

@media (max-width: 920px) {
    .stanloop-account-card-grid,
    .stanloop-joined-loop-grid,
    .stanloop-account-settings-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .stanloop-account-shell {
        width: min(100% - 24px, 1120px);
        border-radius: 20px;
        padding: 20px;
    }

    .stanloop-account-hero,
    .stanloop-joined-loop-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .stanloop-account-hero__avatar,
    .stanloop-joined-loop-card__avatar {
        margin: 0 auto;
    }

    .stanloop-account-actions-row {
        flex-direction: column;
    }
}

/* v0.1.88 Creator Invite Codes */
.stanloop-invite-accepted {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(23, 35, 58, .22);
    background: #F3F6FA;
    border-radius: 18px;
    padding: 14px 16px;
    margin: 18px 0;
}

.stanloop-invite-accepted span {
    color: var(--sl-loop-green, #17233A);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.stanloop-invite-accepted strong {
    color: var(--sl-loop-ink, #111827);
    font-size: 18px;
    letter-spacing: .04em;
}

.stanloop-account-welcome {
    border: 1px solid rgba(23, 35, 58, .18);
    background: linear-gradient(135deg, #FFFCF4, #F3F6FA);
    border-radius: 20px;
    padding: 16px 18px;
    margin: 18px 0 8px;
}

.stanloop-account-welcome strong {
    display: block;
    color: var(--sl-loop-green, #17233A);
    font-size: 15px;
    font-weight: 950;
    margin-bottom: 5px;
}

.stanloop-account-welcome p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 800;
    line-height: 1.45;
    margin: 0;
}

.stanloop-account-card-grid--invite-stats {
    margin-top: 22px;
}

.stanloop-creator-invites-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(31, 43, 68, .10);
    background: #fff;
    border-radius: 22px;
    padding: 22px;
    margin-top: 22px;
    box-shadow: 0 16px 42px rgba(31, 43, 68, .06);
}

.stanloop-creator-invites-panel h2,
.stanloop-creator-invite-list h2 {
    color: var(--sl-loop-ink, #111827);
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.04em;
    margin: 0 0 7px;
}

.stanloop-creator-invites-panel p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 800;
    margin: 0;
}

.stanloop-auth-notice--invite-created {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.stanloop-auth-notice--invite-created strong {
    color: var(--sl-loop-ink, #111827);
    letter-spacing: .04em;
}

.stanloop-creator-invite-list {
    margin-top: 28px;
}

.stanloop-creator-invite-code-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}

.stanloop-creator-invite-code-card {
    border: 1px solid rgba(31, 43, 68, .10);
    background: #fff;
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 12px 34px rgba(31, 43, 68, .05);
}

.stanloop-creator-invite-code-card__status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    background: #F3F6FA;
    color: var(--sl-loop-green, #17233A);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 10px;
}

.stanloop-creator-invite-code-card__status.is-used {
    background: #f3f4f6;
    color: #64748b;
}

.stanloop-creator-invite-code-card strong {
    display: block;
    color: var(--sl-loop-ink, #111827);
    font-size: 20px;
    letter-spacing: .04em;
    margin-bottom: 8px;
}

.stanloop-creator-invite-code-card p {
    color: var(--sl-loop-muted, #586177);
    font-weight: 800;
    margin: 0;
}

.stanloop-account-empty--compact {
    padding: 30px 18px;
    margin-top: 14px;
}

.stanloop-account-empty--compact h3 {
    color: var(--sl-loop-ink, #111827);
    font-size: 26px;
    letter-spacing: -.04em;
    margin: 0 0 8px;
}

@media (max-width: 920px) {
    .stanloop-creator-invites-panel,
    .stanloop-creator-invite-code-grid {
        grid-template-columns: 1fr;
    }

    .stanloop-creator-invites-panel {
        flex-direction: column;
        align-items: stretch;
    }
}


.stanloop-auth-form select {
    width: 100%;
    min-height: 54px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 16px;
    background: #fff;
    color: #101828;
    font: inherit;
    font-weight: 700;
    padding: 0 16px;
    outline: none;
}

.stanloop-auth-form select:focus {
    border-color: rgba(23, 35, 58, 0.55);
    box-shadow: 0 0 0 4px rgba(23, 35, 58, 0.12);
}

.stanloop-auth-help {
    display: block;
    margin-top: 8px;
    color: #667085;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.stanloop-creator-invites-limit-help {
    max-width: 220px;
    text-align: center;
}


/* v0.2.64 Advertiser public page */
.stanloop-public-advertiser-hero {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .78)),
        radial-gradient(circle at 78% 18%, rgba(247, 201, 72, .20), transparent 28%),
        radial-gradient(circle at 12% 24%, rgba(23, 35, 58, .18), transparent 32%);
}

.stanloop-public-advertiser-preview {
    width: min(560px, 100%);
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(24, 33, 51, .11);
    border-radius: 30px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 28px 70px rgba(31, 43, 68, .16);
    transform: rotate(.5deg);
}

.stanloop-public-advertiser-preview__state,
.stanloop-public-advertiser-preview__future,
.stanloop-public-advertiser-preview__flow > div {
    border: 1px solid rgba(24, 33, 51, .09);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(238, 242, 247, .78), rgba(255, 245, 240, .80));
}

.stanloop-public-advertiser-preview__state {
    padding: 24px;
}

.stanloop-public-advertiser-preview__state > span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff;
    color: var(--sl-public-green-deep);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.stanloop-public-advertiser-preview__state strong {
    display: block;
    color: var(--sl-public-ink);
    font-size: 26px;
    line-height: 1.12;
    font-weight: 900;
}

.stanloop-public-advertiser-preview__state p,
.stanloop-public-advertiser-preview__future p {
    margin: 9px 0 0;
    color: var(--sl-public-muted);
    line-height: 1.5;
    font-weight: 650;
}

.stanloop-public-advertiser-preview__flow {
    display: grid;
    gap: 10px;
}

.stanloop-public-advertiser-preview__flow > div {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 2px 12px;
    align-items: center;
    padding: 14px 16px;
    background: #fff;
}

.stanloop-public-advertiser-preview__flow span {
    grid-row: 1 / span 2;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--sl-public-green-soft);
    color: var(--sl-public-green-deep);
    font-weight: 900;
}

.stanloop-public-advertiser-preview__flow strong {
    color: var(--sl-public-ink);
    font-size: 14px;
    font-weight: 900;
}

.stanloop-public-advertiser-preview__flow small {
    color: var(--sl-public-muted);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 650;
}

.stanloop-public-advertiser-preview__future {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    align-items: center;
    padding: 17px 18px;
}

.stanloop-public-advertiser-preview__future > span {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--sl-public-orange-soft);
    font-size: 23px;
}

.stanloop-public-advertiser-preview__future strong {
    color: var(--sl-public-ink);
    font-weight: 900;
}

@media (max-width: 820px) {
    .stanloop-public-advertiser-preview {
        padding: 14px;
        border-radius: 24px;
        transform: none;
    }

    .stanloop-public-advertiser-preview__state {
        padding: 20px;
    }

    .stanloop-public-advertiser-preview__state strong {
        font-size: 22px;
    }
}


/* Loopline exact-item routing and Path Discovery - v0.2.91 */
.stanloop-loopline-path-discovery {
    margin: 0 0 24px;
    padding: 20px;
    border: 1px solid rgba(23, 35, 58, .16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 100% 0, rgba(247, 201, 72, .12), transparent 34%),
        linear-gradient(145deg, rgba(246, 250, 248, .98), rgba(255, 255, 255, .98) 48%, rgba(255, 245, 240, .96));
    box-shadow: 0 18px 48px rgba(31, 43, 68, .07);
    overflow: hidden;
}

.stanloop-loopline-path-discovery__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 4px 4px 18px;
}

.stanloop-loopline-path-discovery__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--sl-public-green-deep);
    font-size: 11px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.stanloop-loopline-path-discovery__header h2 {
    margin: 0;
    color: var(--sl-public-ink);
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1;
    letter-spacing: -.035em;
    font-weight: 900;
}

.stanloop-loopline-path-discovery__header p {
    max-width: 700px;
    margin: 10px 0 0;
    color: var(--sl-public-muted);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}

.stanloop-loopline-path-tabs {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 5px;
    border: 1px solid rgba(23, 35, 58, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .88);
}

.stanloop-loopline-path-tabs button {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    color: var(--sl-public-muted);
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.stanloop-loopline-path-tabs button:hover,
.stanloop-loopline-path-tabs button:focus-visible {
    color: var(--sl-public-green-deep);
    background: var(--sl-public-green-soft);
    outline: none;
}

.stanloop-loopline-path-tabs button[aria-selected="true"] {
    color: #fff;
    background: var(--sl-public-green-deep);
    box-shadow: 0 8px 18px rgba(23, 35, 58, .2);
}

.stanloop-loopline-path-panel[hidden] {
    display: none !important;
}

.stanloop-loopline-path-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.stanloop-loopline-path-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(24, 33, 51, .1);
    border-radius: 23px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 30px rgba(31, 43, 68, .055);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.stanloop-loopline-path-card:hover,
.stanloop-loopline-path-card:focus-within {
    transform: translateY(-3px);
    border-color: rgba(23, 35, 58, .3);
    box-shadow: 0 18px 36px rgba(31, 43, 68, .1);
}

.stanloop-loopline-path-card__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: linear-gradient(135deg, var(--sl-public-green-soft), var(--sl-public-orange-soft));
}

.stanloop-loopline-path-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .25s ease;
}

.stanloop-loopline-path-card:hover .stanloop-loopline-path-card__media img {
    transform: scale(1.035);
}

.stanloop-loopline-path-card__placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--sl-public-green-deep);
    font-size: 42px;
    font-weight: 900;
}

.stanloop-loopline-path-card__rank,
.stanloop-loopline-path-card__reward {
    position: absolute;
    top: 12px;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
    box-shadow: 0 7px 16px rgba(24, 33, 51, .16);
}

.stanloop-loopline-path-card__rank {
    left: 12px;
    background: rgba(23, 35, 58, .94);
}

.stanloop-loopline-path-card__reward {
    right: 12px;
    background: rgba(200, 78, 67, .96);
}

.stanloop-loopline-path-card__body {
    padding: 15px;
}

.stanloop-loopline-path-card__creator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    color: var(--sl-public-green-deep);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none;
}

.stanloop-loopline-path-card__creator img {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    object-fit: cover;
    background: var(--sl-public-green-soft);
}

.stanloop-loopline-path-card__creator:hover,
.stanloop-loopline-path-card__creator:focus {
    color: var(--sl-public-orange);
}

.stanloop-loopline-path-card h3 {
    margin: 11px 0 7px;
    font-size: 20px;
    line-height: 1.12;
    letter-spacing: -.025em;
    font-weight: 900;
}

.stanloop-loopline-path-card h3 a {
    color: var(--sl-public-ink);
    text-decoration: none;
}

.stanloop-loopline-path-card h3 a:hover,
.stanloop-loopline-path-card h3 a:focus {
    color: var(--sl-public-green-deep);
}

.stanloop-loopline-path-card__body > p {
    min-height: 40px;
    margin: 0;
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1.48;
    font-weight: 560;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stanloop-loopline-path-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.stanloop-loopline-path-card__chips span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(23, 35, 58, .15);
    border-radius: 999px;
    color: var(--sl-public-green-deep);
    background: rgba(238, 242, 247, .58);
    font-size: 10px;
    font-weight: 900;
}

.stanloop-loopline-path-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid rgba(24, 33, 51, .08);
}

.stanloop-loopline-path-card__stats {
    display: flex;
    gap: 13px;
}

.stanloop-loopline-path-card__stats span {
    display: flex;
    flex-direction: column;
    gap: 1px;
    color: var(--sl-public-muted);
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .025em;
}

.stanloop-loopline-path-card__stats strong {
    color: var(--sl-public-ink);
    font-size: 16px;
    line-height: 1;
    letter-spacing: -.02em;
}

.stanloop-loopline-path-card__open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 13px;
    border-radius: 999px;
    color: #fff;
    background: var(--sl-public-green-deep);
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.stanloop-loopline-path-card__open:hover,
.stanloop-loopline-path-card__open:focus {
    color: #fff;
    background: var(--sl-public-orange-strong);
}

.stanloop-loopline-path-discovery__empty {
    display: grid;
    place-items: center;
    min-height: 200px;
    padding: 28px;
    border: 1px dashed rgba(23, 35, 58, .24);
    border-radius: 22px;
    text-align: center;
    background: rgba(255, 255, 255, .7);
}

.stanloop-loopline-path-discovery__empty > span {
    font-size: 34px;
}

.stanloop-loopline-path-discovery__empty strong {
    margin-top: 8px;
    color: var(--sl-public-ink);
    font-size: 20px;
}

.stanloop-loopline-path-discovery__empty p {
    max-width: 500px;
    margin: 7px 0 0;
    color: var(--sl-public-muted);
    font-size: 13px;
}

.stanloop-loopline-feed-item__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 9px;
}

.stanloop-loopline-feed-item__open,
.stanloop-loopline-feed-item__creator {
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none;
}

.stanloop-loopline-feed-item__open {
    color: var(--sl-public-green-deep);
}

.stanloop-loopline-feed-item__open:hover,
.stanloop-loopline-feed-item__open:focus {
    color: var(--sl-public-orange);
}

.stanloop-loopline-feed-item__creator {
    min-width: 0;
    max-width: 50%;
    overflow: hidden;
    color: var(--sl-public-orange);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .stanloop-loopline-path-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .stanloop-loopline-path-discovery__header {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .stanloop-loopline-path-tabs {
        width: 100%;
    }

    .stanloop-loopline-path-tabs button {
        flex: 1;
        padding-inline: 8px;
    }
}

@media (max-width: 640px) {
    .stanloop-loopline-path-discovery {
        padding: 14px;
        border-radius: 23px;
    }

    .stanloop-loopline-path-grid {
        grid-template-columns: 1fr;
    }

    .stanloop-loopline-path-card__body > p {
        min-height: 0;
    }

    .stanloop-loopline-feed-item__actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .stanloop-loopline-feed-item__creator {
        max-width: 100%;
    }
}

/* Loopline Ranking & Launch Polish - v0.2.92 */
.stanloop-loopline-path-grid {
    align-items: stretch;
}

.stanloop-loopline-path-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stanloop-loopline-path-card__media {
    flex: 0 0 auto;
}

.stanloop-loopline-path-card__media-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.stanloop-loopline-path-card__media-link:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .96);
    outline-offset: -5px;
}

.stanloop-loopline-path-card__rank,
.stanloop-loopline-path-card__reward {
    z-index: 2;
}

.stanloop-loopline-path-card__rank {
    pointer-events: none;
}

.stanloop-loopline-path-card__reward {
    text-decoration: none;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.stanloop-loopline-path-card__reward:hover,
.stanloop-loopline-path-card__reward:focus-visible {
    color: #fff;
    background: var(--sl-public-green-deep);
    box-shadow: 0 9px 20px rgba(24, 33, 51, .22);
    transform: translateY(-1px);
    outline: none;
}

.stanloop-loopline-path-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.stanloop-loopline-path-card__footer {
    margin-top: auto;
}

.stanloop-loopline-path-panel[aria-busy="true"] .stanloop-loopline-path-grid {
    opacity: .72;
    transition: opacity .18s ease;
}

.stanloop-loopline-path-panel__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 46px;
    margin-top: 16px;
}

.stanloop-loopline-path-panel__status {
    color: var(--sl-public-muted);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 750;
}

.stanloop-loopline-path-load-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 17px;
    border: 1px solid rgba(23, 35, 58, .28);
    border-radius: 999px;
    color: var(--sl-public-green-deep);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 18px rgba(31, 43, 68, .055);
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.stanloop-loopline-path-load-more:hover,
.stanloop-loopline-path-load-more:focus-visible {
    color: #fff;
    border-color: var(--sl-public-green-deep);
    background: var(--sl-public-green-deep);
    transform: translateY(-1px);
    outline: none;
}

.stanloop-loopline-path-load-more.is-loading {
    padding-left: 38px;
    cursor: wait;
}

.stanloop-loopline-path-load-more.is-loading::before {
    position: absolute;
    left: 16px;
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    animation: stanloop-loopline-path-spin .7s linear infinite;
}

@keyframes stanloop-loopline-path-spin {
    to { transform: rotate(360deg); }
}

.stanloop-loopline-path-panel__empty {
    display: grid;
    place-items: center;
    min-height: 190px;
    padding: 28px;
    border: 1px dashed rgba(23, 35, 58, .24);
    border-radius: 22px;
    text-align: center;
    background: rgba(255, 255, 255, .72);
}

.stanloop-loopline-path-panel__empty > span {
    font-size: 32px;
}

.stanloop-loopline-path-panel__empty strong {
    margin-top: 8px;
    color: var(--sl-public-ink);
    font-size: 19px;
}

.stanloop-loopline-path-panel__empty p {
    max-width: 480px;
    margin: 7px 0 0;
    color: var(--sl-public-muted);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 800px) {
    .stanloop-loopline-path-discovery__header {
        align-items: stretch;
    }

    .stanloop-loopline-path-tabs {
        align-self: stretch;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    .stanloop-loopline-path-tabs::-webkit-scrollbar {
        display: none;
    }

    .stanloop-loopline-path-tabs button {
        flex: 1 0 auto;
        min-width: 104px;
    }
}

@media (max-width: 640px) {
    .stanloop-loopline-path-discovery__header h2 {
        font-size: clamp(27px, 9vw, 36px);
        line-height: 1.05;
    }

    .stanloop-loopline-path-discovery__header p {
        font-size: 13px;
    }

    .stanloop-loopline-path-card__rank,
    .stanloop-loopline-path-card__reward {
        top: 10px;
        min-height: 26px;
        padding-inline: 9px;
        font-size: 9px;
    }

    .stanloop-loopline-path-card__rank {
        left: 10px;
    }

    .stanloop-loopline-path-card__reward {
        right: 10px;
    }

    .stanloop-loopline-path-panel__footer {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .stanloop-loopline-path-panel__status {
        text-align: center;
    }

    .stanloop-loopline-path-load-more {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .stanloop-loopline-path-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .stanloop-loopline-path-card__stats {
        justify-content: space-between;
    }

    .stanloop-loopline-path-card__open {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stanloop-loopline-path-load-more,
    .stanloop-loopline-path-card__reward,
    .stanloop-loopline-path-panel[aria-busy="true"] .stanloop-loopline-path-grid {
        transition: none;
    }
}



/* v0.1.5 — integrated Home hero and lighter pre-footer conversion bands.
 * The Home hero keeps the approved jade/apricot atmosphere but no longer reads
 * as a bordered card. Final CTAs reuse the same light hero family instead of a
 * visually heavy dark slab. */
.stanloop-public-home .stanloop-home-hero {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background:
        radial-gradient(circle at 8% 14%, rgba(23, 35, 58, .14), transparent 29%),
        radial-gradient(circle at 94% 12%, rgba(247, 201, 72, .16), transparent 30%),
        linear-gradient(112deg, rgba(234, 244, 238, .70) 0%, rgba(255, 255, 255, .92) 48%, rgba(255, 240, 232, .72) 100%) !important;
}

.stanloop-public-home .stanloop-home-hero::after {
    background: rgba(23, 35, 58, .09) !important;
}

.stanloop-public-final-cta,
.stanloop-home-final {
    border: 1px solid rgba(23, 35, 58, .11) !important;
    background:
        radial-gradient(circle at 10% 18%, rgba(23, 35, 58, .12), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(247, 201, 72, .16), transparent 32%),
        linear-gradient(112deg, #F3F6FA 0%, #F8FBF9 48%, #FFF0B5 100%) !important;
    color: #17212B !important;
    box-shadow: 0 18px 42px rgba(31, 43, 68, .075), 0 10px 24px rgba(200, 78, 67, .04) !important;
}

.stanloop-public-final-cta .stanloop-public-badge {
    border-color: rgba(23, 35, 58, .18) !important;
    background: rgba(255, 255, 255, .74) !important;
    color: #17233A !important;
}

.stanloop-public-final-cta h2,
.stanloop-public-final-cta p,
.stanloop-home-final span,
.stanloop-home-final h2,
.stanloop-home-final p {
    color: #17212B !important;
}

.stanloop-public-final-cta p,
.stanloop-home-final p {
    color: #43505B !important;
    opacity: 1 !important;
}

.stanloop-home-final span {
    color: #17233A !important;
}

.stanloop-public-final-cta .stanloop-public-button--primary,
.stanloop-home-final .stanloop-public-button--primary {
    background: linear-gradient(135deg, #17233A 0%, #17233A 100%) !important;
    color: #ffffff !important;
    border-color: rgba(23, 35, 58, .28) !important;
    box-shadow: 0 12px 24px rgba(23, 35, 58, .18) !important;
}

.stanloop-public-final-cta .stanloop-public-button--secondary,
.stanloop-home-final .stanloop-public-button--secondary {
    background: rgba(255, 255, 255, .90) !important;
    color: #17233A !important;
    border-color: rgba(23, 35, 58, .18) !important;
    box-shadow: 0 10px 22px rgba(31, 43, 68, .07) !important;
}

@media (max-width: 880px) {
    .stanloop-public-home .stanloop-home-hero {
        border-radius: 0 !important;
    }
}


/* v0.1.6 — Home hero/body merge and corrected two-tone Covozi wordmark.
 * Keeps the approved Deep Jade + Warm Apricot palette, removes the visible top
 * edge by aligning the Home body and hero background family, and colours the
 * wordmark as Cov (green) + ozi (apricot). */
body.stanloop-public-page.stanloop-public-home {
    background:
        radial-gradient(circle at 10% 0%, rgba(23, 35, 58, .11), transparent 25%),
        radial-gradient(circle at 90% 2%, rgba(247, 201, 72, .11), transparent 27%),
        linear-gradient(112deg, #EEF7F1 0%, #FBFCFB 52%, #FFF2EB 100%) !important;
}

body.stanloop-public-page.stanloop-public-home .stanloop-public-main {
    margin-top: 0 !important;
    padding-top: 24px;
}

body.stanloop-public-page.stanloop-public-home .stanloop-home-hero {
    background: transparent !important;
}

body.stanloop-public-page.stanloop-public-home .stanloop-home-hero::after {
    background: rgba(23, 35, 58, .085) !important;
}

.stanloop-public-site-header .stanloop-loop-site-logo,
.stanloop-public-site-footer .stanloop-loop-site-logo {
    gap: 0 !important;
    letter-spacing: -.045em !important;
}

.stanloop-public-site-header .stanloop-loop-site-logo::before,
.stanloop-public-site-footer .stanloop-loop-site-logo::before {
    content: "";
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Ccircle cx='12' cy='16' r='8.8' fill='none' stroke='%23287A5A' stroke-width='3.45'/%3E%3Ccircle cx='22.8' cy='16' r='8.8' fill='none' stroke='%23F36F61' stroke-width='3.45'/%3E%3Cpath d='M17.4 9.25a8.82 8.82 0 0 0 0 13.5' fill='none' stroke='%23FFF9F5' stroke-width='4.05' stroke-linecap='round'/%3E%3C/svg%3E");
}

.stanloop-public-site-header .stanloop-loop-site-logo span,
.stanloop-public-site-footer .stanloop-loop-site-logo span {
    color: #17233A !important;
    font-weight: 900 !important;
}

.stanloop-public-site-header .stanloop-loop-site-logo strong,
.stanloop-public-site-footer .stanloop-loop-site-logo strong {
    color: #F7C948 !important;
    font-weight: 900 !important;
    margin-left: -0.02em !important;
}

@media (max-width: 640px) {
    .stanloop-public-site-header .stanloop-loop-site-logo::before,
    .stanloop-public-site-footer .stanloop-loop-site-logo::before {
        flex-basis: 23px;
        width: 23px;
        height: 23px;
        margin-right: 7px;
    }
}


/* v0.1.7 — true full-bleed Home hero background correction.
 * The previous release targeted the main element class instead of the actual
 * body class and therefore left the hero atmosphere constrained to the content
 * rail. This correction keeps hero content on the normal rail while extending
 * only its background edge-to-edge across the viewport. */
body.stanloop-public-page.stanloop-public-home-page {
    background: #FAF9F6 !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main {
    margin-top: 0 !important;
    padding-top: 24px;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero {
    isolation: isolate;
    overflow: visible !important;
    background: transparent !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background:
        radial-gradient(circle at 9% 14%, rgba(23, 35, 58, .13), transparent 29%),
        radial-gradient(circle at 93% 12%, rgba(247, 201, 72, .15), transparent 30%),
        linear-gradient(112deg, #EEF7F1 0%, #FBFCFB 50%, #FFF2EB 100%);
    pointer-events: none;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::after {
    z-index: 0;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero__copy,
body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero__visual {
    z-index: 1;
}

@media (max-width: 640px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main {
        padding-top: 16px;
    }
}


/* v0.1.8 — unified Home opening composition.
 * Extends the full-bleed hero atmosphere upward behind the white header,
 * reduces the header's floating-card separation, and removes the oversized
 * lower-right hero circle. All content remains aligned to the normal rail. */
body.stanloop-public-page.stanloop-public-home-page {
    overflow-x: clip;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-site-header {
    margin-top: 18px;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-site-header .stanloop-loop-site-header__inner {
    border-color: rgba(23, 35, 58, .08) !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 8px 24px rgba(31, 43, 68, .055) !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main {
    padding-top: 12px !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::before {
    z-index: 0 !important;
    top: -118px !important;
    bottom: 0 !important;
    background:
        radial-gradient(circle at 9% 18%, rgba(23, 35, 58, .13), transparent 30%),
        radial-gradient(circle at 93% 16%, rgba(247, 201, 72, .15), transparent 31%),
        linear-gradient(112deg, #EEF7F1 0%, #FBFCFB 50%, #FFF2EB 100%) !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero__copy,
body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero__visual {
    z-index: 1 !important;
}

@media (max-width: 880px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::before {
        top: -112px !important;
    }
}

@media (max-width: 640px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-site-header {
        margin-top: 12px;
    }

    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main {
        padding-top: 8px !important;
    }

    body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::before {
        top: -102px !important;
    }
}


/* v0.1.9 — official Coral Orange secondary accent on public surfaces. */
.stanloop-public-site-header .stanloop-loop-site-logo span,
.stanloop-public-site-footer .stanloop-loop-site-logo span {
    color: #17233A !important;
}

.stanloop-public-site-header .stanloop-loop-site-logo strong,
.stanloop-public-site-footer .stanloop-loop-site-logo strong {
    color: #F7C948 !important;
}

.stanloop-public-site-header .stanloop-loop-site-logo::before,
.stanloop-public-site-footer .stanloop-loop-site-logo::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Ccircle cx='12' cy='16' r='8.8' fill='none' stroke='%23287A5A' stroke-width='3.45'/%3E%3Ccircle cx='22.8' cy='16' r='8.8' fill='none' stroke='%23F36F61' stroke-width='3.45'/%3E%3Cpath d='M17.4 9.25a8.82 8.82 0 0 0 0 13.5' fill='none' stroke='%23FFF9F7' stroke-width='4.05' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.stanloop-public-button--secondary,
.stanloop-public-home .stanloop-public-button--secondary {
    border-color: rgba(200, 78, 67, .22) !important;
}


/* v1.0.94 — public-site brand logo and approved palette */
.stanloop-public-site-header .stanloop-loop-site-logo::before,
.stanloop-public-site-footer .stanloop-loop-site-logo::before { content: none !important; display: none !important; }
.stanloop-public-site-header .stanloop-loop-site-logo,
.stanloop-public-site-footer .stanloop-loop-site-logo { gap: 10px !important; }
.stanloop-public-site-header .stanloop-loop-site-logo .covozi-brand-logo__img,
.stanloop-public-site-footer .stanloop-loop-site-logo .covozi-brand-logo__img { height: 36px; width:auto; display:block; }


/* v1.0.96 — public header logo placement repair */
.stanloop-public-site-header .stanloop-loop-site-logo,
.stanloop-public-site-footer .stanloop-loop-site-logo { align-items: center !important; gap: 8px !important; }
.stanloop-public-site-header .stanloop-loop-site-logo .covozi-brand-logo__img,
.stanloop-public-site-footer .stanloop-loop-site-logo .covozi-brand-logo__img { height: 32px !important; width: auto !important; }


/* v1.5 — Public marketing pages: white-section system.
 * Large marketing sections no longer use decorative tinted/gradient fills.
 * White space becomes the primary surface; navy/yellow remain accents only. */
body.stanloop-public-page,
body.stanloop-public-page.stanloop-public-home,
body.stanloop-public-page.stanloop-public-home-page,
body.stanloop-public-page.stanloop-public-creators-page,
body.stanloop-public-page.stanloop-public-fans-page,
body.stanloop-public-page.stanloop-public-advertisers-page,
body.stanloop-public-page.stanloop-public-loopline-page {
    background: #FFFFFF !important;
}

/* Home: remove the full-bleed atmospheric colour wash. */
body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero,
body.stanloop-public-page.stanloop-public-home .stanloop-home-hero,
.stanloop-home-hero {
    background: #FFFFFF !important;
}
body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::before,
body.stanloop-public-page.stanloop-public-home-page .stanloop-home-hero::after,
body.stanloop-public-page.stanloop-public-home .stanloop-home-hero::before,
body.stanloop-public-page.stanloop-public-home .stanloop-home-hero::after,
.stanloop-home-hero::before,
.stanloop-home-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
.stanloop-home-hero__title-accent,
.stanloop-home-final h2 {
    color: #17233A !important;
}

/* Shared public hero/sections: white surfaces only. */
.stanloop-public-hero,
.stanloop-public-fans .stanloop-public-hero,
.stanloop-public-section,
.stanloop-public-steps,
.stanloop-public-final-cta,
.stanloop-home-audience,
.stanloop-home-paths,
.stanloop-home-useful,
.stanloop-home-final,
.stanloop-loopline-hero,
.stanloop-loopline-community {
    background: #FFFFFF !important;
    background-image: none !important;
}
.stanloop-public-hero::before,
.stanloop-public-hero::after,
.stanloop-loopline-hero::before,
.stanloop-loopline-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Remove tint from nested marketing cards that previously differentiated
 * creator/fan or now/next states by coloured backgrounds. */
.stanloop-home-audience-card,
.stanloop-home-audience-card--creator,
.stanloop-home-audience-card--fan,
.stanloop-public-monetization-grid div,
.stanloop-public-fan-preview-card,
.stanloop-public-fan-preview-path,
.stanloop-public-sample-path-grid article,
.stanloop-loopline-preview,
.stanloop-loopline-preview__item,
.stanloop-loopline-card,
.stanloop-loopline-roadmap div,
.stanloop-loopline-feed-column,
.stanloop-loopline-path-card,
.stanloop-loopline-path-empty,
.stanloop-loopline-feed-empty {
    background: #FFFFFF !important;
    background-image: none !important;
}

/* Keep hierarchy after removing colour blocks. */
.stanloop-public-hero,
.stanloop-public-section,
.stanloop-public-final-cta,
.stanloop-home-audience,
.stanloop-home-paths,
.stanloop-home-useful,
.stanloop-home-final,
.stanloop-loopline-hero,
.stanloop-loopline-community {
    border-color: rgba(23,35,58,.10) !important;
    box-shadow: 0 14px 36px rgba(23,35,58,.055) !important;
}

/* Final CTAs are now white content bands, not colour bands. */
.stanloop-public-final-cta,
.stanloop-home-final {
    color: #17233A !important;
}
.stanloop-public-final-cta h2,
.stanloop-public-final-cta p,
.stanloop-home-final h2,
.stanloop-home-final p,
.stanloop-home-final span {
    color: #17233A !important;
}
.stanloop-public-final-cta .stanloop-public-badge,
.stanloop-home-final .stanloop-public-badge {
    background: #FFFFFF !important;
    border-color: rgba(23,35,58,.16) !important;
    color: #17233A !important;
}

/* Keep small accent elements visible without colouring whole sections. */
.stanloop-public-flow span,
.stanloop-public-feature-card > span,
.stanloop-public-sample-path-grid article > span,
.stanloop-loopline-card__top > span,
.stanloop-loopline-preview__header > span,
.stanloop-loopline-preview__item > span {
    background: #F3F6FA !important;
    color: #17233A !important;
}
.stanloop-public-feature-card:nth-child(even) > span,
.stanloop-loopline-card:nth-child(even) .stanloop-loopline-card__top > span {
    background: #FFF0B5 !important;
    color: #17233A !important;
}

/* Loopline title accent remains readable on white. */
.stanloop-loopline-hero__tagline,
.stanloop-loopline-feed-title p {
    color: #17233A !important;
}

/* Covozi v1.31 — creator email-list growth homepage.
 * Predominantly white full-monitor composition using Covozi midnight navy
 * (#17233A) and sunflower yellow (#F7C948) as restrained brand accents. */
body.stanloop-public-page.stanloop-public-home-page {
    background: #ffffff !important;
    color: #17212B;
    overflow-x: clip;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-growth {
    width: min(1720px, calc(100% - 32px));
    margin: 0 auto 48px;
    padding: 0 !important;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-site-header {
    margin-top: 16px;
}

.covozi-home-growth {
    --covozi-home-navy: #17233A;
    --covozi-home-yellow: #F7C948;
    --covozi-home-yellow-soft: #FFF8DA;
    --covozi-home-ink: #17212B;
    --covozi-home-muted: #4D5968;
    --covozi-home-line: rgba(23, 35, 58, .11);
    --covozi-home-shadow: 0 24px 64px rgba(23, 35, 58, .09);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.covozi-home-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 82px 48px;
}

.covozi-home-section + .covozi-home-section {
    border-top: 1px solid rgba(23, 35, 58, .07);
}

.covozi-home-hero {
    display: grid;
    grid-template-columns: minmax(440px, .78fr) minmax(0, 1.22fr);
    gap: clamp(36px, 4vw, 72px);
    align-items: center;
    min-height: 650px;
    padding-top: 64px;
    padding-bottom: 68px;
    overflow: hidden;
    background: #ffffff;
}

.covozi-home-hero::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -100px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(247, 201, 72, .15) 0%, rgba(247, 201, 72, 0) 70%);
    pointer-events: none;
}

.covozi-home-hero__copy,
.covozi-home-heading,
.covozi-home-final__copy {
    position: relative;
    z-index: 1;
}

.covozi-home-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid rgba(23, 35, 58, .14);
    border-radius: 999px;
    background: #ffffff;
    color: var(--covozi-home-navy);
    box-shadow: 0 8px 22px rgba(23, 35, 58, .05);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.covozi-home-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--covozi-home-yellow);
    box-shadow: 0 0 0 4px rgba(247, 201, 72, .18);
}

.covozi-home-hero h1 {
    max-width: 720px;
    margin: 22px 0 20px;
    color: var(--covozi-home-navy);
    font-size: clamp(52px, 4.75vw, 78px);
    line-height: .99;
    letter-spacing: -.04em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-home-lead,
.covozi-home-support,
.covozi-home-heading p,
.covozi-home-final__copy > p {
    color: var(--covozi-home-muted);
    font-size: clamp(17px, 1.25vw, 20px);
    line-height: 1.58;
    font-weight: 560;
}

.covozi-home-lead {
    max-width: 690px;
    margin: 0;
}

.covozi-home-support {
    max-width: 650px;
    margin: 14px 0 0;
    color: #283649;
    font-weight: 680;
}

.covozi-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.covozi-home-button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 14px;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.01em;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.covozi-home-button:hover,
.covozi-home-button:focus-visible {
    transform: translateY(-2px);
}

.covozi-home-button--primary,
.covozi-home-button--primary:visited {
    color: #17233A !important;
    background: #F7C948;
    border-color: #E4B930;
    box-shadow: 0 14px 28px rgba(247, 201, 72, .24);
}

.covozi-home-button--primary:hover,
.covozi-home-button--primary:focus-visible {
    color: #17233A !important;
    background: #FFDA63;
    border-color: #E0B42A;
    box-shadow: 0 18px 34px rgba(247, 201, 72, .31);
}

.covozi-home-button--secondary,
.covozi-home-button--secondary:visited {
    color: #17233A !important;
    background: #ffffff;
    border-color: rgba(23, 35, 58, .25);
    box-shadow: 0 10px 24px rgba(23, 35, 58, .07);
}

.covozi-home-button--secondary:hover,
.covozi-home-button--secondary:focus-visible {
    color: #ffffff !important;
    background: #17233A;
    border-color: #17233A;
    box-shadow: 0 16px 30px rgba(23, 35, 58, .18);
}

.covozi-home-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.covozi-home-proof span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #F6F8FB;
    color: #344156;
    font-size: 12.5px;
    line-height: 1.25;
    font-weight: 720;
}

.covozi-home-proof span:first-child {
    background: var(--covozi-home-yellow-soft);
    color: #6A5100;
}

.covozi-home-visual {
    position: relative;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--covozi-home-line);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--covozi-home-shadow);
}

.covozi-home-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    background: #ffffff;
}

.covozi-home-visual--hero {
    border-color: rgba(23, 35, 58, .08);
    box-shadow: 0 28px 72px rgba(23, 35, 58, .10);
}

.covozi-home-section--stack,
.covozi-home-section--feature {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
}

.covozi-home-heading {
    max-width: 800px;
}

.covozi-home-heading--center {
    max-width: 940px;
    margin-inline: auto;
    text-align: center;
}

.covozi-home-heading--center .covozi-home-eyebrow {
    margin-inline: auto;
}

.covozi-home-heading h2,
.covozi-home-final h2 {
    margin: 18px 0 16px;
    color: var(--covozi-home-navy);
    font-size: clamp(42px, 3.55vw, 58px);
    line-height: 1.04;
    letter-spacing: -.035em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-home-heading p {
    max-width: 830px;
    margin: 0;
}

.covozi-home-heading--center p {
    margin-inline: auto;
}

.covozi-home-visual--wide {
    width: min(1540px, 100%);
    margin-inline: auto;
}

.covozi-home-section--split {
    display: grid;
    grid-template-columns: minmax(420px, .74fr) minmax(0, 1.26fr);
    gap: clamp(42px, 5vw, 84px);
    align-items: center;
}

.covozi-home-section--split .covozi-home-visual {
    border-color: rgba(247, 201, 72, .18);
}

.covozi-home-steps {
    display: grid;
    gap: 12px;
    margin-top: 30px;
}

.covozi-home-steps > div {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 16px;
    align-items: baseline;
    padding: 14px 0;
    border-bottom: 1px solid rgba(23, 35, 58, .09);
}

.covozi-home-steps strong {
    color: var(--covozi-home-navy);
    font-size: 15px;
    font-weight: 850;
}

.covozi-home-steps span {
    color: #566273;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 560;
}

.covozi-home-section--feature {
    border: 1px solid rgba(247, 201, 72, .20);
    border-radius: 34px;
    background:
        radial-gradient(circle at 90% 8%, rgba(247, 201, 72, .11), transparent 24%),
        #FFFEFA;
    margin: 34px 0;
    padding-left: 54px;
    padding-right: 54px;
}

.covozi-home-visual--instagram {
    border-color: rgba(247, 201, 72, .28);
}

.covozi-home-inline-cta {
    width: min(1200px, 100%);
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    border: 1px solid rgba(23, 35, 58, .10);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(23, 35, 58, .06);
}

.covozi-home-inline-cta strong {
    color: var(--covozi-home-navy);
    font-size: clamp(18px, 1.45vw, 22px);
    line-height: 1.3;
    font-weight: 850;
}

.covozi-home-final {
    display: grid;
    grid-template-columns: minmax(430px, .82fr) minmax(0, 1.18fr);
    gap: clamp(40px, 5vw, 78px);
    align-items: center;
    margin-top: 28px;
    padding-top: 82px;
    padding-bottom: 82px;
    border: 1px solid rgba(23, 35, 58, .10) !important;
    border-radius: 34px;
    background:
        radial-gradient(circle at 6% 12%, rgba(247, 201, 72, .10), transparent 26%),
        linear-gradient(135deg, #FFFFFF 0%, #FBFCFE 72%, #FFF9E8 100%) !important;
}

.covozi-home-final__copy > p {
    max-width: 690px;
    margin: 0;
}

.covozi-home-final ul {
    display: grid;
    gap: 10px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.covozi-home-final li {
    position: relative;
    padding-left: 30px;
    color: #344156;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 650;
}

.covozi-home-final li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: .02em;
    width: 21px;
    height: 21px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #F7C948;
    color: #17233A;
    font-size: 12px;
    font-weight: 900;
}

.covozi-home-final__note {
    margin-top: 18px !important;
    color: #6A7483 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.covozi-home-visual--final {
    border-color: rgba(23, 35, 58, .16);
}

@media (max-width: 1220px) {
    .covozi-home-section {
        padding: 78px 34px;
    }

    .covozi-home-hero,
    .covozi-home-section--split,
    .covozi-home-final {
        grid-template-columns: 1fr;
    }

    .covozi-home-hero {
        min-height: 0;
        gap: 42px;
    }

    .covozi-home-hero__copy,
    .covozi-home-heading,
    .covozi-home-final__copy {
        max-width: 900px;
    }

    .covozi-home-visual--hero {
        width: min(1180px, 100%);
        margin-inline: auto;
    }

    .covozi-home-section--split .covozi-home-heading {
        max-width: 920px;
    }
}

@media (max-width: 820px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-growth {
        width: min(100% - 20px, 1720px);
    }

    .covozi-home-section {
        padding: 64px 20px;
    }

    .covozi-home-hero {
        padding-top: 54px;
        padding-bottom: 60px;
    }

    .covozi-home-hero h1 {
        font-size: clamp(44px, 8vw, 60px);
        line-height: 1.02;
    }

    .covozi-home-heading h2,
    .covozi-home-final h2 {
        font-size: clamp(36px, 6.6vw, 48px);
        line-height: 1.06;
    }

    .covozi-home-section--feature,
    .covozi-home-final {
        margin: 20px 0;
        border-radius: 28px;
    }

    .covozi-home-section--feature {
        padding-left: 22px;
        padding-right: 22px;
    }

    .covozi-home-inline-cta {
        align-items: stretch;
        flex-direction: column;
    }

    .covozi-home-inline-cta .covozi-home-button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-growth {
        width: 100%;
        margin-bottom: 24px;
    }

    .covozi-home-section {
        padding: 52px 18px;
    }

    .covozi-home-section + .covozi-home-section {
        border-top-color: rgba(23, 35, 58, .06);
    }

    .covozi-home-hero {
        gap: 32px;
        padding-top: 44px;
        padding-bottom: 50px;
    }

    .covozi-home-hero h1 {
        margin-top: 18px;
        font-size: clamp(39px, 11.5vw, 50px);
    }

    .covozi-home-lead,
    .covozi-home-support,
    .covozi-home-heading p,
    .covozi-home-final__copy > p {
        font-size: 17px;
        line-height: 1.55;
    }

    .covozi-home-heading h2,
    .covozi-home-final h2 {
        font-size: clamp(34px, 9.5vw, 42px);
    }

    .covozi-home-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .covozi-home-button {
        width: 100%;
        min-height: 54px;
        font-size: 16px;
    }

    .covozi-home-proof {
        gap: 7px;
    }

    .covozi-home-proof span {
        font-size: 12px;
    }

    .covozi-home-visual {
        border-radius: 20px;
        box-shadow: 0 16px 38px rgba(23, 35, 58, .08);
    }

    .covozi-home-section--split,
    .covozi-home-final {
        gap: 34px;
    }

    .covozi-home-steps > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .covozi-home-section--feature,
    .covozi-home-final {
        margin-inline: 10px;
        width: calc(100% - 20px);
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 24px;
    }

    .covozi-home-inline-cta {
        padding: 18px;
        border-radius: 16px;
    }
}

/* Covozi v1.32 — Creators page: creator-owned email list, revenue, Work With Me and Paths.
 * White-first full-monitor marketing composition with restrained Covozi midnight
 * navy (#17233A) and sunflower yellow (#F7C948). */
body.stanloop-public-page.stanloop-public-creators-page {
    background: #ffffff !important;
    color: #17212B;
    overflow-x: clip;
}

body.stanloop-public-page.stanloop-public-creators-page .stanloop-public-main.covozi-creators-growth {
    width: min(1720px, calc(100% - 32px));
    margin: 0 auto 48px;
    padding: 0 !important;
}

.covozi-creators-growth {
    --covozi-creators-navy: #17233A;
    --covozi-creators-yellow: #F7C948;
    --covozi-creators-yellow-soft: #FFF8DA;
    --covozi-creators-ink: #17212B;
    --covozi-creators-muted: #4D5968;
    --covozi-creators-line: rgba(23, 35, 58, .11);
    --covozi-creators-shadow: 0 24px 64px rgba(23, 35, 58, .085);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.covozi-creators-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 84px 48px;
}

.covozi-creators-section + .covozi-creators-section {
    border-top: 1px solid rgba(23, 35, 58, .07);
}

.covozi-creators-hero {
    display: grid;
    grid-template-columns: minmax(430px, .78fr) minmax(0, 1.22fr);
    gap: clamp(38px, 4.2vw, 74px);
    align-items: center;
    min-height: 650px;
    padding-top: 64px;
    padding-bottom: 70px;
    overflow: hidden;
    background: #ffffff;
}

.covozi-creators-hero::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    top: -230px;
    right: -100px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(247, 201, 72, .14) 0%, rgba(247, 201, 72, 0) 70%);
    pointer-events: none;
}

.covozi-creators-hero__copy,
.covozi-creators-heading,
.covozi-creators-final__copy {
    position: relative;
    z-index: 1;
}

.covozi-creators-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid rgba(23, 35, 58, .14);
    border-radius: 999px;
    background: #ffffff;
    color: var(--covozi-creators-navy);
    box-shadow: 0 8px 22px rgba(23, 35, 58, .045);
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.covozi-creators-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--covozi-creators-yellow);
    box-shadow: 0 0 0 4px rgba(247, 201, 72, .18);
}

.covozi-creators-hero h1 {
    max-width: 760px;
    margin: 22px 0 20px;
    color: var(--covozi-creators-navy);
    font-size: clamp(54px, 4.55vw, 76px);
    line-height: .995;
    letter-spacing: -.042em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-creators-lead,
.covozi-creators-support,
.covozi-creators-heading > p,
.covozi-creators-final__copy > p {
    color: var(--covozi-creators-muted);
    font-size: clamp(17px, 1.23vw, 20px);
    line-height: 1.58;
    font-weight: 560;
}

.covozi-creators-lead {
    max-width: 700px;
    margin: 0;
}

.covozi-creators-support {
    max-width: 680px;
    margin: 14px 0 0;
    color: #29374A;
    font-weight: 670;
}

.covozi-creators-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.covozi-creators-button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 14px;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.01em;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.covozi-creators-button:hover,
.covozi-creators-button:focus-visible {
    transform: translateY(-2px);
}

.covozi-creators-button--primary,
.covozi-creators-button--primary:visited {
    color: #17233A !important;
    background: #F7C948;
    border-color: #E4B930;
    box-shadow: 0 14px 28px rgba(247, 201, 72, .24);
}

.covozi-creators-button--primary:hover,
.covozi-creators-button--primary:focus-visible {
    color: #17233A !important;
    background: #FFDA63;
    border-color: #E0B42A;
    box-shadow: 0 18px 34px rgba(247, 201, 72, .31);
}

.covozi-creators-button--secondary,
.covozi-creators-button--secondary:visited {
    color: #17233A !important;
    background: #ffffff;
    border-color: rgba(23, 35, 58, .25);
    box-shadow: 0 10px 24px rgba(23, 35, 58, .065);
}

.covozi-creators-button--secondary:hover,
.covozi-creators-button--secondary:focus-visible {
    color: #ffffff !important;
    background: #17233A;
    border-color: #17233A;
    box-shadow: 0 16px 30px rgba(23, 35, 58, .18);
}

.covozi-creators-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.covozi-creators-proof span {
    display: inline-flex;
    align-items: center;
    min-height: 35px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #F6F8FB;
    color: #344156;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 720;
}

.covozi-creators-proof span:first-child {
    background: var(--covozi-creators-yellow-soft);
    color: #624B00;
}

.covozi-creators-visual {
    position: relative;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--covozi-creators-line);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--covozi-creators-shadow);
}

.covozi-creators-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    background: #ffffff;
}

.covozi-creators-visual--hero {
    border-color: rgba(23, 35, 58, .08);
    box-shadow: 0 28px 72px rgba(23, 35, 58, .10);
}

.covozi-creators-section--stack,
.covozi-creators-section--feature {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
}

.covozi-creators-heading {
    max-width: 790px;
}

.covozi-creators-heading--center {
    max-width: 980px;
    margin-inline: auto;
    text-align: center;
}

.covozi-creators-heading--center .covozi-creators-eyebrow {
    margin-inline: auto;
}

.covozi-creators-heading h2,
.covozi-creators-final h2 {
    margin: 18px 0 16px;
    color: var(--covozi-creators-navy);
    font-size: clamp(42px, 3.5vw, 58px);
    line-height: 1.04;
    letter-spacing: -.035em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-creators-heading > p {
    max-width: 850px;
    margin: 0;
}

.covozi-creators-heading--center > p {
    margin-inline: auto;
}

.covozi-creators-visual--wide {
    width: min(1540px, 100%);
    margin-inline: auto;
}

.covozi-creators-benefits {
    width: min(1420px, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.covozi-creators-benefits article {
    min-height: 150px;
    padding: 24px;
    border: 1px solid rgba(23, 35, 58, .10);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(23, 35, 58, .05);
}

.covozi-creators-benefits strong,
.covozi-creators-benefits span {
    display: block;
}

.covozi-creators-benefits strong {
    color: var(--covozi-creators-navy);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 850;
}

.covozi-creators-benefits span {
    margin-top: 9px;
    color: #566273;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 560;
}

.covozi-creators-statement {
    width: min(1100px, 100%);
    margin: 2px auto 0;
    padding: 24px 30px;
    border-left: 5px solid var(--covozi-creators-yellow);
    border-radius: 0 18px 18px 0;
    background: #FBFCFE;
    color: var(--covozi-creators-navy);
    font-size: clamp(22px, 1.9vw, 30px);
    line-height: 1.35;
    font-weight: 850;
    text-align: left;
}

.covozi-creators-section--feature {
    margin: 34px 0;
    padding-left: 54px;
    padding-right: 54px;
    border: 1px solid rgba(247, 201, 72, .19);
    border-radius: 34px;
    background:
        radial-gradient(circle at 90% 8%, rgba(247, 201, 72, .09), transparent 24%),
        #FFFEFB;
}

.covozi-creators-visual--capture {
    border-color: rgba(247, 201, 72, .23);
}

.covozi-creators-tool-row {
    width: min(1380px, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.covozi-creators-tool-row > span {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 18px 20px;
    border: 1px solid rgba(23, 35, 58, .10);
    border-radius: 18px;
    background: #ffffff;
    color: #566273;
    font-size: 15.5px;
    line-height: 1.4;
    font-weight: 560;
}

.covozi-creators-tool-row strong {
    color: var(--covozi-creators-navy);
    font-size: 16px;
    font-weight: 850;
}

.covozi-creators-section--split {
    display: grid;
    grid-template-columns: minmax(420px, .74fr) minmax(0, 1.26fr);
    gap: clamp(42px, 5vw, 84px);
    align-items: center;
}

.covozi-creators-section--split .covozi-creators-visual {
    border-color: rgba(23, 35, 58, .10);
}

.covozi-creators-section--reverse {
    grid-template-columns: minmax(0, 1.26fr) minmax(420px, .74fr);
}

.covozi-creators-step-list {
    display: grid;
    gap: 0;
    margin-top: 28px;
    border-top: 1px solid rgba(23, 35, 58, .09);
}

.covozi-creators-step-list > div {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 18px;
    align-items: baseline;
    padding: 16px 0;
    border-bottom: 1px solid rgba(23, 35, 58, .09);
}

.covozi-creators-step-list strong {
    color: var(--covozi-creators-navy);
    font-size: 16px;
    font-weight: 850;
}

.covozi-creators-step-list span {
    color: #566273;
    font-size: 16px;
    line-height: 1.48;
    font-weight: 560;
}

.covozi-creators-note {
    margin-top: 22px !important;
    padding: 16px 18px;
    border: 1px solid rgba(23, 35, 58, .09);
    border-radius: 16px;
    background: #F8FAFC;
    color: #435064 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
}

.covozi-creators-visual--brands {
    border-color: rgba(247, 201, 72, .20) !important;
}

.covozi-creators-checks {
    display: grid;
    gap: 11px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.covozi-creators-checks li {
    position: relative;
    padding-left: 30px;
    color: #344156;
    font-size: 16px;
    line-height: 1.48;
    font-weight: 620;
}

.covozi-creators-checks li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: .05em;
    width: 21px;
    height: 21px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #F7C948;
    color: #17233A;
    font-size: 12px;
    font-weight: 900;
}

.covozi-creators-path-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
}

.covozi-creators-path-flow span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(23, 35, 58, .12);
    border-radius: 999px;
    background: #ffffff;
    color: var(--covozi-creators-navy);
    font-size: 15px;
    font-weight: 820;
}

.covozi-creators-path-flow span:last-of-type {
    border-color: #E4B930;
    background: #F7C948;
}

.covozi-creators-path-flow b {
    color: #A47A00;
    font-size: 20px;
    font-weight: 800;
}

.covozi-creators-final {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    margin-top: 28px;
    padding-top: 84px;
    padding-bottom: 84px;
    border: 1px solid rgba(23, 35, 58, .10) !important;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 201, 72, .11), transparent 34%),
        linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%) !important;
    text-align: center;
}

.covozi-creators-final__copy {
    max-width: 1040px;
    margin-inline: auto;
}

.covozi-creators-final h2 {
    max-width: 1000px;
    margin-inline: auto;
}

.covozi-creators-final__copy > p {
    max-width: 820px;
    margin: 0 auto;
}

.covozi-creators-final .covozi-creators-actions {
    justify-content: center;
}

.covozi-creators-final__note {
    margin-top: 20px !important;
    color: #657181 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

@media (max-width: 1220px) {
    .covozi-creators-section {
        padding: 78px 34px;
    }

    .covozi-creators-hero,
    .covozi-creators-section--split,
    .covozi-creators-section--reverse {
        grid-template-columns: 1fr;
    }

    .covozi-creators-hero {
        min-height: 0;
        gap: 42px;
    }

    .covozi-creators-hero__copy,
    .covozi-creators-heading {
        max-width: 930px;
    }

    .covozi-creators-visual--hero {
        width: min(1180px, 100%);
        margin-inline: auto;
    }

    .covozi-creators-benefits,
    .covozi-creators-tool-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .covozi-creators-section--reverse .covozi-creators-heading {
        order: 1;
    }

    .covozi-creators-section--reverse .covozi-creators-visual {
        order: 2;
    }
}

@media (max-width: 820px) {
    body.stanloop-public-page.stanloop-public-creators-page .stanloop-public-main.covozi-creators-growth {
        width: min(100% - 20px, 1720px);
    }

    .covozi-creators-section {
        padding: 64px 20px;
    }

    .covozi-creators-hero {
        padding-top: 54px;
        padding-bottom: 60px;
    }

    .covozi-creators-hero h1 {
        font-size: clamp(44px, 8vw, 60px);
        line-height: 1.02;
    }

    .covozi-creators-heading h2,
    .covozi-creators-final h2 {
        font-size: clamp(36px, 6.6vw, 48px);
        line-height: 1.06;
    }

    .covozi-creators-section--feature,
    .covozi-creators-final {
        margin: 20px 0;
        border-radius: 28px;
    }

    .covozi-creators-section--feature {
        padding-left: 22px;
        padding-right: 22px;
    }

    .covozi-creators-benefits,
    .covozi-creators-tool-row {
        grid-template-columns: 1fr;
    }

    .covozi-creators-benefits article {
        min-height: 0;
    }

    .covozi-creators-statement {
        font-size: 22px;
    }
}

@media (max-width: 560px) {
    body.stanloop-public-page.stanloop-public-creators-page .stanloop-public-main.covozi-creators-growth {
        width: 100%;
        margin-bottom: 24px;
    }

    .covozi-creators-section {
        padding: 52px 18px;
    }

    .covozi-creators-section + .covozi-creators-section {
        border-top-color: rgba(23, 35, 58, .06);
    }

    .covozi-creators-hero {
        gap: 32px;
        padding-top: 44px;
        padding-bottom: 50px;
    }

    .covozi-creators-hero h1 {
        margin-top: 18px;
        font-size: clamp(39px, 11.2vw, 50px);
    }

    .covozi-creators-lead,
    .covozi-creators-support,
    .covozi-creators-heading > p,
    .covozi-creators-final__copy > p {
        font-size: 17px;
        line-height: 1.55;
    }

    .covozi-creators-heading h2,
    .covozi-creators-final h2 {
        font-size: clamp(34px, 9.3vw, 42px);
    }

    .covozi-creators-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .covozi-creators-button {
        width: 100%;
        min-height: 54px;
        font-size: 16px;
    }

    .covozi-creators-proof {
        gap: 7px;
    }

    .covozi-creators-proof span {
        font-size: 13.5px;
    }

    .covozi-creators-visual {
        border-radius: 20px;
        box-shadow: 0 16px 38px rgba(23, 35, 58, .08);
    }

    .covozi-creators-section--split,
    .covozi-creators-section--reverse {
        gap: 34px;
    }

    .covozi-creators-step-list > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .covozi-creators-section--feature,
    .covozi-creators-final {
        margin-inline: 10px;
        width: calc(100% - 20px);
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 24px;
    }

    .covozi-creators-benefits article,
    .covozi-creators-tool-row > span {
        padding: 18px;
    }

    .covozi-creators-statement {
        padding: 20px 20px 20px 24px;
        font-size: 20px;
    }

    .covozi-creators-path-flow {
        gap: 7px;
    }

    .covozi-creators-path-flow span {
        min-height: 40px;
        padding-inline: 13px;
        font-size: 14px;
    }

    .covozi-creators-path-flow b {
        font-size: 17px;
    }
}

/* Covozi v1.33 — Fans page: useful creator guidance, Paths and calm fan connection.
 * White-dominant full-monitor composition with Covozi midnight navy (#17233A),
 * sunflower yellow (#F7C948) and restrained progress green accents. */
body.stanloop-public-page.stanloop-public-fans-page {
    background: #ffffff !important;
    color: #17212B;
    overflow-x: clip;
}

body.stanloop-public-page.stanloop-public-fans-page .stanloop-public-main.covozi-fans-progress {
    width: min(1720px, calc(100% - 32px));
    max-width: none !important;
    margin: 0 auto 48px;
    padding: 0 !important;
}

.covozi-fans-progress {
    --covozi-fans-navy: #17233A;
    --covozi-fans-yellow: #F7C948;
    --covozi-fans-yellow-soft: #FFF9E6;
    --covozi-fans-green: #4DAA3D;
    --covozi-fans-ink: #17212B;
    --covozi-fans-muted: #4D5968;
    --covozi-fans-line: rgba(23, 35, 58, .11);
    --covozi-fans-shadow: 0 24px 64px rgba(23, 35, 58, .085);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.covozi-fans-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 84px 48px;
    box-sizing: border-box;
}

.covozi-fans-section + .covozi-fans-section {
    border-top: 1px solid rgba(23, 35, 58, .07);
}

.covozi-fans-hero {
    display: grid;
    grid-template-columns: minmax(430px, .76fr) minmax(0, 1.24fr);
    gap: clamp(38px, 4.1vw, 76px);
    align-items: center;
    min-height: 670px;
    padding-top: 62px;
    padding-bottom: 70px;
    background: #ffffff;
    overflow: hidden;
}

.covozi-fans-hero::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -235px;
    right: -105px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(247, 201, 72, .14) 0%, rgba(247, 201, 72, 0) 70%);
    pointer-events: none;
}

.covozi-fans-hero__copy,
.covozi-fans-heading,
.covozi-fans-final__copy {
    position: relative;
    z-index: 1;
}

.covozi-fans-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid rgba(23, 35, 58, .14);
    border-radius: 999px;
    background: #ffffff;
    color: var(--covozi-fans-navy);
    box-shadow: 0 8px 22px rgba(23, 35, 58, .045);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.covozi-fans-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--covozi-fans-yellow);
    box-shadow: 0 0 0 4px rgba(247, 201, 72, .18);
}

.covozi-fans-hero h1 {
    max-width: 700px;
    margin: 22px 0 20px;
    color: var(--covozi-fans-navy);
    font-size: clamp(52px, 4.55vw, 76px);
    line-height: .99;
    letter-spacing: -.045em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-fans-lead,
.covozi-fans-heading > p,
.covozi-fans-final__copy > p {
    margin: 0;
    color: var(--covozi-fans-muted);
    font-size: 19px;
    line-height: 1.58;
    font-weight: 500;
}

.covozi-fans-lead {
    max-width: 690px;
    font-size: 20px;
}

.covozi-fans-support {
    max-width: 680px;
    margin: 16px 0 0;
    color: #344152;
    font-size: 17.5px;
    line-height: 1.55;
    font-weight: 650;
}

.covozi-fans-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.covozi-fans-actions--center {
    justify-content: center;
}

.covozi-fans-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 23px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 850;
    letter-spacing: -.01em;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.covozi-fans-button:hover,
.covozi-fans-button:focus-visible {
    transform: translateY(-1px);
}

.covozi-fans-button--primary {
    border-color: #E2B82F;
    background: #F7C948;
    color: #17233A !important;
    box-shadow: 0 11px 25px rgba(247, 201, 72, .22);
}

.covozi-fans-button--primary:hover,
.covozi-fans-button--primary:focus-visible {
    background: #F9D25F;
    border-color: #D9AF28;
    color: #17233A !important;
}

.covozi-fans-button--secondary {
    border-color: rgba(23, 35, 58, .16) !important;
    background: #ffffff;
    color: #17233A !important;
    box-shadow: 0 9px 22px rgba(23, 35, 58, .055);
}

.covozi-fans-button--secondary:hover,
.covozi-fans-button--secondary:focus-visible {
    border-color: rgba(23, 35, 58, .30) !important;
    background: #F8FAFC;
    color: #17233A !important;
}

.covozi-fans-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.covozi-fans-proof span {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #FFF9E6;
    color: #4A3A0B;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.covozi-fans-proof span::before {
    content: "✓";
    margin-right: 6px;
    color: #2E8B2F;
    font-weight: 900;
}

.covozi-fans-visual {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 35, 58, .09);
    border-radius: 26px;
    background: #ffffff;
    box-shadow: var(--covozi-fans-shadow);
}

.covozi-fans-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    background: #ffffff;
}

.covozi-fans-visual--hero {
    box-shadow: 0 28px 74px rgba(23, 35, 58, .105);
}

.covozi-fans-section--stack,
.covozi-fans-section--feature {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.covozi-fans-section--feature {
    margin: 28px 0;
    padding-left: 50px;
    padding-right: 50px;
    border: 1px solid rgba(23, 35, 58, .08) !important;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 201, 72, .105), transparent 28%),
        linear-gradient(180deg, #FFFEFA 0%, #FFFFFF 100%) !important;
    box-shadow: 0 18px 52px rgba(23, 35, 58, .045);
}

.covozi-fans-section--paths {
    padding-top: 92px;
    padding-bottom: 92px;
}

.covozi-fans-heading {
    width: 100%;
    max-width: 1000px;
}

.covozi-fans-heading--center {
    margin-inline: auto;
    text-align: center;
}

.covozi-fans-heading h2,
.covozi-fans-final h2 {
    margin: 17px 0 17px;
    color: var(--covozi-fans-navy);
    font-size: clamp(44px, 3.55vw, 60px);
    line-height: 1.04;
    letter-spacing: -.04em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-fans-heading > p {
    max-width: 860px;
}

.covozi-fans-heading--center > p {
    margin-inline: auto;
}

.covozi-fans-visual--wide {
    width: min(1480px, 100%);
    margin-top: 38px;
}

.covozi-fans-benefits,
.covozi-fans-tool-row,
.covozi-fans-answer-grid {
    width: min(1480px, 100%);
    margin-top: 28px;
}

.covozi-fans-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.covozi-fans-benefits article {
    min-height: 134px;
    padding: 21px;
    border: 1px solid rgba(23, 35, 58, .095);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(23, 35, 58, .045);
}

.covozi-fans-benefits strong,
.covozi-fans-tool-row strong,
.covozi-fans-answer-grid strong {
    display: block;
    color: var(--covozi-fans-navy);
    font-size: 17px;
    line-height: 1.28;
    font-weight: 850;
}

.covozi-fans-benefits span,
.covozi-fans-tool-row > span,
.covozi-fans-answer-grid p {
    color: #566273;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.covozi-fans-benefits article span {
    display: block;
    margin-top: 8px;
}

.covozi-fans-tool-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.covozi-fans-tool-row--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.covozi-fans-tool-row > span {
    display: block;
    min-height: 120px;
    padding: 20px;
    border: 1px solid rgba(23, 35, 58, .09);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(23, 35, 58, .04);
}

.covozi-fans-tool-row strong {
    margin-bottom: 7px;
}

.covozi-fans-answer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.covozi-fans-answer-grid article {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 14px;
    align-items: start;
    min-height: 142px;
    padding: 22px;
    border: 1px solid rgba(23, 35, 58, .09);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(23, 35, 58, .045);
}

.covozi-fans-answer-grid article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #FFF3BD;
    color: var(--covozi-fans-navy);
    font-size: 20px;
    font-weight: 900;
}

.covozi-fans-answer-grid article:nth-child(2) > span {
    background: #EEF8EA;
    color: #317B31;
}

.covozi-fans-answer-grid article:nth-child(3) > span {
    background: #F2EEFF;
    color: #6741C5;
}

.covozi-fans-answer-grid p {
    margin: 7px 0 0;
}

.covozi-fans-statement {
    width: min(1120px, 100%);
    margin: 30px auto 0;
    padding: 22px 26px 22px 30px;
    border-left: 4px solid #F7C948;
    border-radius: 0 16px 16px 0;
    background: #FBFCFE;
    color: var(--covozi-fans-navy);
    font-size: 22px;
    line-height: 1.35;
    font-weight: 820;
    text-align: left;
}

.covozi-fans-final {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    margin-top: 28px;
    padding-top: 88px;
    padding-bottom: 88px;
    border: 1px solid rgba(23, 35, 58, .10) !important;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 201, 72, .105), transparent 34%),
        linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%) !important;
    text-align: center;
}

.covozi-fans-final__copy {
    max-width: 1050px;
    margin-inline: auto;
}

.covozi-fans-final h2 {
    max-width: 980px;
    margin-inline: auto;
}

.covozi-fans-final__copy > p {
    max-width: 800px;
    margin: 0 auto;
}

.covozi-fans-final__note {
    margin-top: 20px !important;
    color: #657181 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

@media (max-width: 1220px) {
    .covozi-fans-section {
        padding: 78px 34px;
    }

    .covozi-fans-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 42px;
    }

    .covozi-fans-hero__copy {
        max-width: 940px;
    }

    .covozi-fans-visual--hero {
        width: min(1180px, 100%);
        margin-inline: auto;
    }

    .covozi-fans-benefits,
    .covozi-fans-tool-row,
    .covozi-fans-tool-row--four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    body.stanloop-public-page.stanloop-public-fans-page .stanloop-public-main.covozi-fans-progress {
        width: min(100% - 20px, 1720px);
    }

    .covozi-fans-section {
        padding: 64px 20px;
    }

    .covozi-fans-hero {
        padding-top: 54px;
        padding-bottom: 60px;
    }

    .covozi-fans-hero h1 {
        font-size: clamp(44px, 8vw, 60px);
        line-height: 1.01;
    }

    .covozi-fans-heading h2,
    .covozi-fans-final h2 {
        font-size: clamp(36px, 6.6vw, 48px);
        line-height: 1.06;
    }

    .covozi-fans-section--feature,
    .covozi-fans-final {
        margin: 20px 0;
        border-radius: 28px;
    }

    .covozi-fans-section--feature {
        padding-left: 22px;
        padding-right: 22px;
    }

    .covozi-fans-answer-grid,
    .covozi-fans-benefits,
    .covozi-fans-tool-row,
    .covozi-fans-tool-row--four {
        grid-template-columns: 1fr;
    }

    .covozi-fans-benefits article,
    .covozi-fans-tool-row > span,
    .covozi-fans-answer-grid article {
        min-height: 0;
    }

    .covozi-fans-statement {
        font-size: 21px;
    }
}

@media (max-width: 560px) {
    body.stanloop-public-page.stanloop-public-fans-page .stanloop-public-main.covozi-fans-progress {
        width: 100%;
        margin-bottom: 24px;
    }

    .covozi-fans-section {
        padding: 52px 18px;
    }

    .covozi-fans-section + .covozi-fans-section {
        border-top-color: rgba(23, 35, 58, .06);
    }

    .covozi-fans-hero {
        gap: 32px;
        padding-top: 44px;
        padding-bottom: 50px;
    }

    .covozi-fans-hero h1 {
        margin-top: 18px;
        font-size: clamp(39px, 11.2vw, 50px);
    }

    .covozi-fans-lead,
    .covozi-fans-support,
    .covozi-fans-heading > p,
    .covozi-fans-final__copy > p {
        font-size: 17px;
        line-height: 1.55;
    }

    .covozi-fans-heading h2,
    .covozi-fans-final h2 {
        font-size: clamp(34px, 9.3vw, 42px);
    }

    .covozi-fans-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .covozi-fans-button {
        width: 100%;
        min-height: 54px;
        font-size: 16px;
    }

    .covozi-fans-proof {
        gap: 7px;
    }

    .covozi-fans-proof span {
        font-size: 13.5px;
    }

    .covozi-fans-visual {
        border-radius: 20px;
        box-shadow: 0 16px 38px rgba(23, 35, 58, .075);
    }

    .covozi-fans-section--feature,
    .covozi-fans-final {
        margin-inline: 10px;
        width: calc(100% - 20px);
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 24px;
    }

    .covozi-fans-benefits article,
    .covozi-fans-tool-row > span,
    .covozi-fans-answer-grid article {
        padding: 18px;
    }

    .covozi-fans-answer-grid article {
        grid-template-columns: 42px 1fr;
        gap: 12px;
    }

    .covozi-fans-answer-grid article > span {
        width: 42px;
        height: 42px;
        border-radius: 13px;
        font-size: 18px;
    }

    .covozi-fans-statement {
        padding: 20px 20px 20px 24px;
        font-size: 20px;
    }
}

/* Covozi v1.34 — Advertisers creator-powered growth rebuild */
body.stanloop-public-page.stanloop-public-advertisers-page .stanloop-public-main.covozi-advertisers-growth {
    width: min(1720px, calc(100% - 32px));
    max-width: none !important;
    margin: 0 auto 48px;
    padding: 0 !important;
    background: #ffffff;
}

.covozi-advertisers-growth {
    --covozi-advertisers-navy: #17233A;
    --covozi-advertisers-yellow: #F7C948;
    --covozi-advertisers-yellow-soft: #FFF9E6;
    --covozi-advertisers-green: #4DAA3D;
    --covozi-advertisers-ink: #17212B;
    --covozi-advertisers-muted: #4D5968;
    --covozi-advertisers-line: rgba(23, 35, 58, .11);
    --covozi-advertisers-shadow: 0 24px 64px rgba(23, 35, 58, .085);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #ffffff;
    color: var(--covozi-advertisers-ink);
}

.covozi-advertisers-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 84px 48px;
    box-sizing: border-box;
    background: #ffffff;
}

.covozi-advertisers-section + .covozi-advertisers-section {
    border-top: 1px solid rgba(23, 35, 58, .07);
}

.covozi-advertisers-hero {
    display: grid;
    grid-template-columns: minmax(430px, .76fr) minmax(0, 1.24fr);
    gap: clamp(38px, 4.1vw, 76px);
    align-items: center;
    min-height: 670px;
    padding-top: 62px;
    padding-bottom: 70px;
    overflow: hidden;
}

.covozi-advertisers-hero::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    top: -245px;
    right: -95px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(247, 201, 72, .14) 0%, rgba(247, 201, 72, 0) 70%);
    pointer-events: none;
}

.covozi-advertisers-hero__copy,
.covozi-advertisers-heading,
.covozi-advertisers-final__copy {
    position: relative;
    z-index: 1;
}

.covozi-advertisers-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid rgba(23, 35, 58, .14);
    border-radius: 999px;
    background: #ffffff;
    color: var(--covozi-advertisers-navy);
    box-shadow: 0 8px 22px rgba(23, 35, 58, .045);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.covozi-advertisers-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--covozi-advertisers-yellow);
    box-shadow: 0 0 0 4px rgba(247, 201, 72, .18);
}

.covozi-advertisers-hero h1 {
    max-width: 720px;
    margin: 22px 0 20px;
    color: var(--covozi-advertisers-navy);
    font-size: clamp(52px, 4.55vw, 76px);
    line-height: .99;
    letter-spacing: -.045em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-advertisers-lead,
.covozi-advertisers-heading > p,
.covozi-advertisers-final__copy > p {
    margin: 0;
    color: var(--covozi-advertisers-muted);
    font-size: 19px;
    line-height: 1.58;
    font-weight: 500;
}

.covozi-advertisers-lead {
    max-width: 710px;
    font-size: 20px;
}

.covozi-advertisers-support {
    max-width: 700px;
    margin: 16px 0 0;
    color: #344152;
    font-size: 17.5px;
    line-height: 1.55;
    font-weight: 650;
}

.covozi-advertisers-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.covozi-advertisers-actions--center {
    justify-content: center;
}

.covozi-advertisers-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 23px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 850;
    letter-spacing: -.01em;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.covozi-advertisers-button:hover,
.covozi-advertisers-button:focus-visible {
    transform: translateY(-1px);
}

.covozi-advertisers-button--primary,
.covozi-advertisers-button--primary:visited {
    border-color: #E2B82F;
    background: #F7C948;
    color: #17233A !important;
    box-shadow: 0 11px 25px rgba(247, 201, 72, .22);
}

.covozi-advertisers-button--primary:hover,
.covozi-advertisers-button--primary:focus-visible {
    border-color: #D9AF28;
    background: #F9D25F;
    color: #17233A !important;
}

.covozi-advertisers-button--secondary,
.covozi-advertisers-button--secondary:visited {
    border-color: rgba(23, 35, 58, .16) !important;
    background: #ffffff;
    color: #17233A !important;
    box-shadow: 0 9px 22px rgba(23, 35, 58, .055);
}

.covozi-advertisers-button--secondary:hover,
.covozi-advertisers-button--secondary:focus-visible {
    border-color: rgba(23, 35, 58, .30) !important;
    background: #F8FAFC;
    color: #17233A !important;
}

.covozi-advertisers-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.covozi-advertisers-proof span {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #FFF9E6;
    color: #4A3A0B;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.covozi-advertisers-proof span::before {
    content: "✓";
    margin-right: 6px;
    color: #2E8B2F;
    font-weight: 900;
}

.covozi-advertisers-visual {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 35, 58, .09);
    border-radius: 26px;
    background: #ffffff;
    box-shadow: var(--covozi-advertisers-shadow);
}

.covozi-advertisers-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    background: #ffffff;
}

.covozi-advertisers-visual--hero {
    box-shadow: 0 28px 74px rgba(23, 35, 58, .105);
}

.covozi-advertisers-section--split {
    display: grid;
    grid-template-columns: minmax(390px, .73fr) minmax(0, 1.27fr);
    gap: clamp(40px, 4.5vw, 82px);
    align-items: center;
}

.covozi-advertisers-section--stack,
.covozi-advertisers-section--feature {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.covozi-advertisers-section--feature {
    margin: 28px 0;
    padding: 94px 50px;
    border: 1px solid rgba(23, 35, 58, .08) !important;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 201, 72, .115), transparent 29%),
        linear-gradient(180deg, #FFFEFA 0%, #FFFFFF 100%) !important;
    box-shadow: 0 18px 52px rgba(23, 35, 58, .045);
}

.covozi-advertisers-heading {
    width: 100%;
    max-width: 1000px;
}

.covozi-advertisers-heading--center {
    margin-inline: auto;
    text-align: center;
}

.covozi-advertisers-heading h2,
.covozi-advertisers-final h2 {
    margin: 17px 0 17px;
    color: var(--covozi-advertisers-navy);
    font-size: clamp(44px, 3.55vw, 60px);
    line-height: 1.04;
    letter-spacing: -.04em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-advertisers-heading > p {
    max-width: 880px;
}

.covozi-advertisers-heading--center > p {
    margin-inline: auto;
}

.covozi-advertisers-visual--wide {
    width: min(1480px, 100%);
    margin-top: 38px;
}

.covozi-advertisers-step-list {
    display: grid;
    gap: 0;
    margin-top: 28px;
    border-top: 1px solid rgba(23, 35, 58, .10);
}

.covozi-advertisers-step-list > div {
    display: grid;
    grid-template-columns: minmax(150px, .58fr) minmax(0, 1fr);
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(23, 35, 58, .09);
}

.covozi-advertisers-step-list strong {
    color: var(--covozi-advertisers-navy);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 850;
}

.covozi-advertisers-step-list span {
    color: #596575;
    font-size: 15.5px;
    line-height: 1.48;
    font-weight: 500;
}

.covozi-advertisers-note {
    margin: 20px 0 0 !important;
    padding: 17px 19px;
    border-left: 4px solid #F7C948;
    border-radius: 0 14px 14px 0;
    background: #FBFCFE;
    color: #344152 !important;
    font-size: 15.5px !important;
    line-height: 1.52 !important;
    font-weight: 650 !important;
}

.covozi-advertisers-benefits,
.covozi-advertisers-tool-row,
.covozi-advertisers-fit-row {
    width: min(1480px, 100%);
    margin-top: 28px;
}

.covozi-advertisers-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.covozi-advertisers-benefits--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.covozi-advertisers-benefits article {
    min-height: 134px;
    padding: 21px;
    border: 1px solid rgba(23, 35, 58, .095);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(23, 35, 58, .045);
}

.covozi-advertisers-benefits strong,
.covozi-advertisers-tool-row strong {
    display: block;
    color: var(--covozi-advertisers-navy);
    font-size: 17px;
    line-height: 1.28;
    font-weight: 850;
}

.covozi-advertisers-benefits span,
.covozi-advertisers-tool-row > span {
    color: #566273;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.covozi-advertisers-benefits article span {
    display: block;
    margin-top: 8px;
}

.covozi-advertisers-tool-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.covozi-advertisers-tool-row > span {
    display: block;
    min-height: 128px;
    padding: 20px;
    border: 1px solid rgba(23, 35, 58, .09);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(23, 35, 58, .04);
}

.covozi-advertisers-tool-row strong {
    margin-bottom: 7px;
}

.covozi-advertisers-statement {
    width: min(1120px, 100%);
    margin: 30px auto 0;
    padding: 22px 26px 22px 30px;
    border-left: 4px solid #F7C948;
    border-radius: 0 16px 16px 0;
    background: #FBFCFE;
    color: var(--covozi-advertisers-navy);
    font-size: 22px;
    line-height: 1.35;
    font-weight: 820;
    text-align: left;
}

.covozi-advertisers-small-note {
    width: min(1120px, 100%);
    margin: 22px auto 0;
    color: #6A7482;
    font-size: 14.5px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
}

.covozi-advertisers-fit-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
}

.covozi-advertisers-fit-row span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(23, 35, 58, .11);
    border-radius: 999px;
    background: #ffffff;
    color: #344152;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
}

.covozi-advertisers-fit-row span::before {
    content: "✓";
    margin-right: 7px;
    color: #2E8B2F;
    font-weight: 900;
}

.covozi-advertisers-final {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 590px;
    margin-top: 28px;
    padding-top: 88px;
    padding-bottom: 88px;
    border: 1px solid rgba(23, 35, 58, .10) !important;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 201, 72, .11), transparent 34%),
        linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%) !important;
    text-align: center;
}

.covozi-advertisers-final__copy {
    width: min(1120px, 100%);
    margin-inline: auto;
}

.covozi-advertisers-final h2 {
    max-width: 980px;
    margin-inline: auto;
}

.covozi-advertisers-final__copy > p {
    max-width: 860px;
    margin: 0 auto;
}

.covozi-advertisers-pricing {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: min(900px, 100%);
    margin: 34px auto 0;
}

.covozi-advertisers-pricing article {
    min-height: 210px;
    padding: 28px;
    border: 1px solid rgba(23, 35, 58, .10);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(23, 35, 58, .055);
    text-align: left;
}

.covozi-advertisers-pricing article:first-child {
    border-color: rgba(226, 184, 47, .62);
    background: linear-gradient(180deg, #FFFDF5 0%, #FFFFFF 100%);
}

.covozi-advertisers-pricing span {
    display: block;
    color: #596575;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.covozi-advertisers-pricing strong {
    display: block;
    margin-top: 10px;
    color: var(--covozi-advertisers-navy);
    font-size: clamp(38px, 3vw, 50px);
    line-height: 1;
    letter-spacing: -.04em;
    font-weight: 900;
}

.covozi-advertisers-pricing p {
    margin: 16px 0 0;
    color: #596575;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.covozi-advertisers-final__note {
    margin-top: 20px !important;
    color: #657181 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

@media (max-width: 1220px) {
    .covozi-advertisers-section {
        padding: 78px 34px;
    }

    .covozi-advertisers-hero,
    .covozi-advertisers-section--split {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 42px;
    }

    .covozi-advertisers-hero__copy,
    .covozi-advertisers-heading {
        max-width: 960px;
    }

    .covozi-advertisers-visual--hero,
    .covozi-advertisers-section--split .covozi-advertisers-visual {
        width: min(1180px, 100%);
        margin-inline: auto;
    }

    .covozi-advertisers-benefits,
    .covozi-advertisers-tool-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .covozi-advertisers-benefits--three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    body.stanloop-public-page.stanloop-public-advertisers-page .stanloop-public-main.covozi-advertisers-growth {
        width: min(100% - 20px, 1720px);
    }

    .covozi-advertisers-section {
        padding: 64px 20px;
    }

    .covozi-advertisers-hero {
        padding-top: 54px;
        padding-bottom: 60px;
    }

    .covozi-advertisers-hero h1 {
        font-size: clamp(44px, 8vw, 60px);
        line-height: 1.01;
    }

    .covozi-advertisers-heading h2,
    .covozi-advertisers-final h2 {
        font-size: clamp(36px, 6.6vw, 48px);
        line-height: 1.06;
    }

    .covozi-advertisers-section--feature,
    .covozi-advertisers-final {
        margin: 20px 0;
        border-radius: 28px;
    }

    .covozi-advertisers-section--feature {
        padding-left: 22px;
        padding-right: 22px;
    }

    .covozi-advertisers-benefits,
    .covozi-advertisers-benefits--three,
    .covozi-advertisers-tool-row,
    .covozi-advertisers-pricing {
        grid-template-columns: 1fr;
    }

    .covozi-advertisers-benefits article,
    .covozi-advertisers-tool-row > span,
    .covozi-advertisers-pricing article {
        min-height: 0;
    }

    .covozi-advertisers-step-list > div {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .covozi-advertisers-statement {
        font-size: 21px;
    }
}

@media (max-width: 560px) {
    body.stanloop-public-page.stanloop-public-advertisers-page .stanloop-public-main.covozi-advertisers-growth {
        width: 100%;
        margin-bottom: 24px;
    }

    .covozi-advertisers-section {
        padding: 52px 18px;
    }

    .covozi-advertisers-section + .covozi-advertisers-section {
        border-top-color: rgba(23, 35, 58, .06);
    }

    .covozi-advertisers-hero {
        gap: 32px;
        padding-top: 44px;
        padding-bottom: 50px;
    }

    .covozi-advertisers-hero h1 {
        margin-top: 18px;
        font-size: clamp(39px, 11.2vw, 50px);
    }

    .covozi-advertisers-lead,
    .covozi-advertisers-support,
    .covozi-advertisers-heading > p,
    .covozi-advertisers-final__copy > p {
        font-size: 17px;
        line-height: 1.55;
    }

    .covozi-advertisers-heading h2,
    .covozi-advertisers-final h2 {
        font-size: clamp(34px, 9.3vw, 42px);
    }

    .covozi-advertisers-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .covozi-advertisers-button {
        width: 100%;
        min-height: 54px;
        font-size: 16px;
    }

    .covozi-advertisers-proof {
        gap: 7px;
    }

    .covozi-advertisers-proof span {
        font-size: 13.5px;
    }

    .covozi-advertisers-visual {
        border-radius: 20px;
        box-shadow: 0 16px 38px rgba(23, 35, 58, .075);
    }

    .covozi-advertisers-section--feature,
    .covozi-advertisers-final {
        margin-inline: 10px;
        width: calc(100% - 20px);
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 24px;
    }

    .covozi-advertisers-benefits article,
    .covozi-advertisers-tool-row > span,
    .covozi-advertisers-pricing article {
        padding: 18px;
    }

    .covozi-advertisers-statement {
        padding: 20px 20px 20px 24px;
        font-size: 20px;
    }

    .covozi-advertisers-fit-row {
        justify-content: flex-start;
    }
}

/* Covozi v1.35 — lightweight native marketing visuals for Home, Creators, Fans and Advertisers.
 * Replaces bundled raster page artwork with crisp HTML/CSS visual boards so headings remain
 * outside the visuals and plugin package size stays lean. */
.covozi-home-visual > .covozi-public-visual,
.covozi-creators-visual > .covozi-public-visual,
.covozi-fans-visual > .covozi-public-visual,
.covozi-advertisers-visual > .covozi-public-visual {
    width: 100%;
    aspect-ratio: 1672 / 941;
}

.covozi-public-visual {
    --cvz-navy: #17233A;
    --cvz-ink: #1D2C41;
    --cvz-muted: #637082;
    --cvz-line: rgba(23, 35, 58, .10);
    --cvz-yellow: #F7C948;
    --cvz-yellow-soft: #FFF7D5;
    --cvz-green: #2D7A57;
    --cvz-green-soft: #EAF8F1;
    --cvz-purple: #6A63D9;
    --cvz-purple-soft: #F1EEFF;
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 1.8vw, 26px);
    padding: clamp(18px, 2.2vw, 30px);
    background:
        radial-gradient(circle at 85% 12%, rgba(247, 201, 72, .12), transparent 20%),
        radial-gradient(circle at 8% 82%, rgba(45, 122, 87, .08), transparent 18%),
        linear-gradient(180deg, #FFFFFF 0%, #FCFDFE 100%);
    color: var(--cvz-ink);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-sizing: border-box;
}

.covozi-public-visual *,
.covozi-public-visual *::before,
.covozi-public-visual *::after {
    box-sizing: inherit;
}

.covozi-public-visual__row,
.covozi-public-visual__pipeline,
.covozi-public-visual__grid,
.covozi-public-visual__chips,
.covozi-public-visual__stat-grid,
.covozi-public-visual__stack {
    min-width: 0;
}

.covozi-public-visual__row,
.covozi-public-visual__pipeline {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 16px);
    flex: 1 1 auto;
}

.covozi-public-visual__row--network,
.covozi-public-visual__row--hero-board,
.covozi-public-visual__row--comparison {
    align-items: center;
}

.covozi-public-visual__grid {
    display: grid;
    gap: clamp(10px, 1.2vw, 14px);
}

.covozi-public-visual__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.covozi-public-visual__grid--three,
.covozi-public-visual__grid--three-wide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex: 1 1 auto;
}

.covozi-public-visual__grid--six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    flex: 1 1 auto;
}

.covozi-public-visual__stack {
    display: grid;
    gap: clamp(10px, 1.1vw, 14px);
    flex: 1 1 0;
}

.covozi-public-visual__stack--source,
.covozi-public-visual__stack--result {
    max-width: 27%;
}

.covozi-public-visual__pipeline--four > .covozi-public-visual__card,
.covozi-public-visual__pipeline--paths > .covozi-public-visual__card,
.covozi-public-visual__row--comparison > .covozi-public-visual__card {
    flex: 1 1 0;
}

.covozi-public-visual__card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    padding: clamp(14px, 1.5vw, 20px);
    border: 1px solid var(--cvz-line);
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 12px 26px rgba(23, 35, 58, .05);
}

.covozi-public-visual__card--small {
    padding: 12px 14px;
}

.covozi-public-visual__card--feature {
    flex: 1 1 32%;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
    border-color: rgba(23, 35, 58, .12);
    box-shadow: 0 18px 36px rgba(23, 35, 58, .07);
}

.covozi-public-visual__card--feature-center {
    width: min(100%, 72%);
    margin: 0 auto;
}

.covozi-public-visual__card--yellow {
    background: linear-gradient(180deg, #FFFDF4 0%, var(--cvz-yellow-soft) 100%);
    border-color: rgba(247, 201, 72, .45);
}

.covozi-public-visual__card--green {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--cvz-green-soft) 100%);
    border-color: rgba(45, 122, 87, .22);
}

.covozi-public-visual__card--purple {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--cvz-purple-soft) 100%);
    border-color: rgba(106, 99, 217, .20);
}

.covozi-public-visual__card--navy {
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F8FB 100%);
}

.covozi-public-visual__kicker {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(23, 35, 58, .06);
    color: var(--cvz-muted);
    font-size: clamp(10px, .75vw, 12px);
    line-height: 1;
    letter-spacing: .06em;
    font-weight: 800;
    text-transform: uppercase;
}

.covozi-public-visual__card-title {
    display: block;
    color: var(--cvz-navy);
    font-size: clamp(16px, 1.3vw, 23px);
    line-height: 1.14;
    letter-spacing: -.02em;
    font-weight: 860;
    text-wrap: balance;
}

.covozi-public-visual__list {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.covozi-public-visual__list li,
.covozi-public-visual__fallback {
    color: var(--cvz-muted);
    font-size: clamp(11px, .9vw, 13.5px);
    line-height: 1.35;
    font-weight: 600;
}

.covozi-public-visual__list li::before {
    content: "•";
    color: var(--cvz-yellow);
    font-weight: 900;
    margin-right: 7px;
}

.covozi-public-visual__arrow {
    flex: 0 0 auto;
    align-self: center;
    display: grid;
    place-items: center;
    width: clamp(28px, 2.5vw, 38px);
    height: clamp(28px, 2.5vw, 38px);
    border-radius: 999px;
    background: rgba(247, 201, 72, .16);
    color: #997400;
    font-size: clamp(18px, 1.6vw, 24px);
    line-height: 1;
    font-weight: 900;
}

.covozi-public-visual__arrow--down {
    margin: 0 auto;
}

.covozi-public-visual__stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.covozi-public-visual__stat-grid--wide,
.covozi-public-visual__stat-grid--under {
    margin-top: auto;
}

.covozi-public-visual__stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 12px 11px;
    border-radius: 16px;
    border: 1px solid var(--cvz-line);
    background: #FFFFFF;
}

.covozi-public-visual__stat strong {
    color: var(--cvz-navy);
    font-size: clamp(15px, 1.15vw, 20px);
    line-height: 1.05;
    letter-spacing: -.02em;
    font-weight: 860;
}

.covozi-public-visual__stat span {
    color: var(--cvz-muted);
    font-size: clamp(10px, .8vw, 12.5px);
    line-height: 1.3;
    font-weight: 650;
}

.covozi-public-visual__stat--yellow {
    background: var(--cvz-yellow-soft);
    border-color: rgba(247, 201, 72, .40);
}

.covozi-public-visual__stat--green {
    background: var(--cvz-green-soft);
    border-color: rgba(45, 122, 87, .22);
}

.covozi-public-visual__stat--navy {
    background: #F6F8FB;
}

.covozi-public-visual__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.covozi-public-visual__chip {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: clamp(10px, .82vw, 12.5px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.01em;
}

.covozi-public-visual__chip--yellow {
    background: var(--cvz-yellow-soft);
    color: #735800;
}

.covozi-public-visual__chip--green {
    background: var(--cvz-green-soft);
    color: #215A41;
}

.covozi-public-visual__chip--navy {
    background: #F3F6FA;
    color: #314055;
}

.covozi-public-visual__step {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: clamp(14px, 1.5vw, 20px);
    border-radius: 22px;
    border: 1px solid var(--cvz-line);
    background: #FFFFFF;
    box-shadow: 0 12px 26px rgba(23, 35, 58, .05);
}

.covozi-public-visual__step strong {
    color: var(--cvz-navy);
    font-size: clamp(18px, 1.35vw, 24px);
    line-height: 1.08;
    font-weight: 860;
}

.covozi-public-visual__step span {
    color: var(--cvz-muted);
    font-size: clamp(11px, .95vw, 14px);
    line-height: 1.38;
    font-weight: 620;
}

.covozi-public-visual__step--yellow {
    background: linear-gradient(180deg, #FFFDF4 0%, var(--cvz-yellow-soft) 100%);
    border-color: rgba(247, 201, 72, .45);
}

.covozi-public-visual__step--green {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--cvz-green-soft) 100%);
    border-color: rgba(45, 122, 87, .22);
}

.covozi-public-visual__step--purple {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--cvz-purple-soft) 100%);
    border-color: rgba(106, 99, 217, .20);
}

.covozi-public-visual__step--navy {
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F8FB 100%);
}

@media (max-width: 1080px) {
    .covozi-public-visual__row,
    .covozi-public-visual__pipeline {
        flex-wrap: wrap;
    }

    .covozi-public-visual__stack--source,
    .covozi-public-visual__stack--result {
        max-width: none;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .covozi-public-visual__card--feature {
        flex-basis: 100%;
    }

    .covozi-public-visual__arrow {
        order: 99;
    }
}

@media (max-width: 820px) {
    .covozi-home-visual > .covozi-public-visual,
    .covozi-creators-visual > .covozi-public-visual,
    .covozi-fans-visual > .covozi-public-visual,
    .covozi-advertisers-visual > .covozi-public-visual {
        aspect-ratio: auto;
        min-height: 0;
    }

    .covozi-public-visual {
        padding: 18px;
    }

    .covozi-public-visual__grid--three,
    .covozi-public-visual__grid--three-wide,
    .covozi-public-visual__grid--six,
    .covozi-public-visual__grid--two,
    .covozi-public-visual__stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .covozi-public-visual__row,
    .covozi-public-visual__pipeline,
    .covozi-public-visual__stack--source,
    .covozi-public-visual__stack--result {
        display: grid;
        grid-template-columns: 1fr;
    }

    .covozi-public-visual__arrow {
        margin-inline: auto;
    }
}

@media (max-width: 560px) {
    .covozi-public-visual {
        padding: 14px;
        gap: 12px;
    }

    .covozi-public-visual__grid--three,
    .covozi-public-visual__grid--three-wide,
    .covozi-public-visual__grid--six,
    .covozi-public-visual__grid--two,
    .covozi-public-visual__stat-grid {
        grid-template-columns: 1fr;
    }

    .covozi-public-visual__card,
    .covozi-public-visual__step,
    .covozi-public-visual__stat {
        border-radius: 16px;
    }

    .covozi-public-visual__chips {
        justify-content: flex-start;
    }
}


/* Covozi v1.46 — public marketing pages use the normal centered site rail.
 * Keep the existing section composition and responsive behavior; only the
 * outer desktop canvas changes from the earlier 1720px full-monitor treatment. */
@media (min-width: 901px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-growth,
    body.stanloop-public-page.stanloop-public-creators-page .stanloop-public-main.covozi-creators-growth,
    body.stanloop-public-page.stanloop-public-fans-page .stanloop-public-main.covozi-fans-progress,
    body.stanloop-public-page.stanloop-public-advertisers-page .stanloop-public-main.covozi-advertisers-growth {
        width: min(1480px, calc(100% - 48px)) !important;
        max-width: 1480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* Covozi v1.47 — Home: creator-owned audience conversion system.
 * Hard layout rules:
 * - every major content block is a separate full-width section;
 * - white is the predominant canvas;
 * - no light-yellow/tinted-yellow section backgrounds;
 * - sunflower yellow and midnight navy provide restrained contrast;
 * - generous vertical whitespace prevents the long homepage from feeling dense. */
body.stanloop-public-page.stanloop-public-home-page {
    background: #FFFFFF !important;
    color: #101C34 !important;
    overflow-x: clip;
}

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 {
    width: min(1480px, calc(100% - 48px)) !important;
    max-width: 1480px !important;
    margin: 0 auto 56px !important;
    padding: 0 !important;
    background: #FFFFFF !important;
}

.covozi-home-v147 {
    --home147-navy: #101C34;
    --home147-yellow: #F6C62E;
    --home147-white: #FFFFFF;
    --home147-line: rgba(16, 28, 52, .12);
    --home147-line-strong: rgba(16, 28, 52, .22);
    --home147-muted: rgba(16, 28, 52, .72);
    --home147-soft: rgba(16, 28, 52, .045);
    --home147-shadow: 0 24px 62px rgba(16, 28, 52, .08);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.covozi-home-v147 *,
.covozi-home-v147 *::before,
.covozi-home-v147 *::after {
    box-sizing: border-box;
}

.covozi-home-v147__section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(88px, 8vw, 132px) clamp(28px, 5.2vw, 78px);
    background: #FFFFFF !important;
}

.covozi-home-v147__section + .covozi-home-v147__section {
    border-top: 1px solid rgba(16, 28, 52, .08);
}

.covozi-home-v147__hero {
    padding-top: clamp(72px, 7vw, 110px);
    padding-bottom: clamp(92px, 8vw, 132px);
}

.covozi-home-v147__hero-grid {
    display: grid;
    grid-template-columns: minmax(420px, .86fr) minmax(0, 1.14fr);
    gap: clamp(48px, 6vw, 94px);
    align-items: center;
}

.covozi-home-v147__copy,
.covozi-home-v147__heading,
.covozi-home-v147__story-copy,
.covozi-home-v147__section-close {
    color: var(--home147-navy);
}

.covozi-home-v147__copy--hero {
    max-width: 690px;
}

.covozi-home-v147__eyebrow,
.covozi-home-v147__card-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--home147-navy);
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.covozi-home-v147__eyebrow {
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid var(--home147-line);
    border-radius: 999px;
    background: #FFFFFF;
    font-size: 11px;
    line-height: 1.2;
}

.covozi-home-v147__eyebrow::before,
.covozi-home-v147__card-kicker::before {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--home147-yellow);
}

.covozi-home-v147 h1,
.covozi-home-v147 h2,
.covozi-home-v147 h3,
.covozi-home-v147 p,
.covozi-home-v147 blockquote {
    color: var(--home147-navy);
}

.covozi-home-v147 h1 {
    max-width: 760px;
    margin: 22px 0 22px;
    font-size: clamp(54px, 4.65vw, 76px);
    line-height: .99;
    letter-spacing: -.045em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-home-v147__lead {
    max-width: 650px;
    margin: 0;
    color: var(--home147-muted) !important;
    font-size: clamp(18px, 1.3vw, 21px);
    line-height: 1.58;
    font-weight: 570;
}

.covozi-home-v147__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.covozi-home-v147__actions--center {
    justify-content: center;
}

.covozi-home-v147__button {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 850;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.covozi-home-v147__button:hover,
.covozi-home-v147__button:focus-visible {
    transform: translateY(-2px);
}

.covozi-home-v147__button--primary,
.covozi-home-v147__button--primary:visited {
    background: var(--home147-yellow);
    color: var(--home147-navy) !important;
    border-color: var(--home147-yellow);
    box-shadow: 0 14px 28px rgba(16, 28, 52, .10);
}

.covozi-home-v147__button--primary:hover,
.covozi-home-v147__button--primary:focus-visible {
    background: var(--home147-navy);
    border-color: var(--home147-navy);
    color: #FFFFFF !important;
}

.covozi-home-v147__button--secondary,
.covozi-home-v147__button--secondary:visited {
    background: #FFFFFF;
    color: var(--home147-navy) !important;
    border-color: var(--home147-line-strong);
}

.covozi-home-v147__button--secondary:hover,
.covozi-home-v147__button--secondary:focus-visible {
    background: var(--home147-navy);
    border-color: var(--home147-navy);
    color: #FFFFFF !important;
}

.covozi-home-v147__micro {
    margin: 17px 0 0;
    color: var(--home147-muted) !important;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.covozi-home-v147__visual {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--home147-line);
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: var(--home147-shadow);
}

.covozi-home-v147__visual--wide {
    width: min(1260px, 100%);
    margin: clamp(42px, 5vw, 68px) auto 0;
}

.covozi-home-v147__visual--hero {
    align-self: center;
}

.covozi-home-v147__visual--trust {
    box-shadow: 0 20px 54px rgba(16, 28, 52, .065);
}

.covozi-home-v147__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    background: #FFFFFF;
}

.covozi-home-v147__heading {
    max-width: 1040px;
}

.covozi-home-v147__heading--center {
    margin-inline: auto;
    text-align: center;
}

.covozi-home-v147__heading--center .covozi-home-v147__eyebrow {
    margin-inline: auto;
}

.covozi-home-v147__heading h2,
.covozi-home-v147__final-panel h2 {
    margin: 20px auto 18px;
    color: var(--home147-navy);
    font-size: clamp(42px, 3.65vw, 60px);
    line-height: 1.04;
    letter-spacing: -.04em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-home-v147__heading p,
.covozi-home-v147__story-copy p,
.covozi-home-v147__section-close p,
.covozi-home-v147__landing-details p,
.covozi-home-v147__pain-card p,
.covozi-home-v147__three-values p,
.covozi-home-v147__distribution-grid p,
.covozi-home-v147__tool-card p,
.covozi-home-v147__support-card p,
.covozi-home-v147__faq p {
    color: var(--home147-muted);
    font-size: 17px;
    line-height: 1.62;
    font-weight: 530;
}

.covozi-home-v147__heading p {
    max-width: 900px;
    margin: 0 auto;
    font-size: clamp(17px, 1.25vw, 20px);
}

.covozi-home-v147__pain-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    width: min(1200px, 100%);
    margin: 42px auto 0;
}

.covozi-home-v147__pain-card,
.covozi-home-v147__three-values article,
.covozi-home-v147__landing-details article,
.covozi-home-v147__distribution-grid article,
.covozi-home-v147__three-pillars article,
.covozi-home-v147__tool-card,
.covozi-home-v147__support-card,
.covozi-home-v147__testimonials article {
    border: 1px solid var(--home147-line);
    background: #FFFFFF;
}

.covozi-home-v147__pain-card {
    padding: clamp(28px, 3vw, 42px);
    border-radius: 24px;
}

.covozi-home-v147__card-kicker {
    font-size: 11px;
    line-height: 1.25;
}

.covozi-home-v147__pain-card h3,
.covozi-home-v147__three-values h3,
.covozi-home-v147__landing-details h3,
.covozi-home-v147__distribution-grid h3,
.covozi-home-v147__tool-card h3,
.covozi-home-v147__support-card h3 {
    margin: 14px 0 10px;
    font-size: clamp(24px, 2vw, 32px);
    line-height: 1.12;
    letter-spacing: -.025em;
    font-weight: 850;
}

.covozi-home-v147__pain-card p {
    margin: 12px 0 0;
}

.covozi-home-v147__pain-card .covozi-home-v147__emphasis {
    padding-left: 18px;
    border-left: 4px solid var(--home147-yellow);
    color: var(--home147-navy);
    font-weight: 780;
}

.covozi-home-v147__declaration,
.covozi-home-v147__bridge,
.covozi-home-v147__section-close {
    width: min(1080px, 100%);
    margin: clamp(42px, 5vw, 68px) auto 0;
    text-align: center;
}

.covozi-home-v147__declaration {
    padding: clamp(28px, 3vw, 42px) clamp(24px, 4vw, 56px);
    border-top: 4px solid var(--home147-yellow);
    border-bottom: 1px solid var(--home147-line);
    background: #FFFFFF;
}

.covozi-home-v147__declaration p {
    max-width: 900px;
    margin: 0 auto 12px;
    color: var(--home147-muted);
    font-size: 16px;
    line-height: 1.58;
}

.covozi-home-v147__declaration strong,
.covozi-home-v147__bridge strong,
.covozi-home-v147__section-close strong {
    display: block;
    color: var(--home147-navy);
    font-size: clamp(25px, 2.25vw, 36px);
    line-height: 1.18;
    letter-spacing: -.025em;
    font-weight: 900;
    text-wrap: balance;
}

.covozi-home-v147__three-pillars {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: min(1120px, 100%);
    margin: clamp(44px, 5vw, 70px) auto 0;
}

.covozi-home-v147__three-pillars article {
    min-height: 230px;
    padding: 34px;
    border-radius: 24px;
}

.covozi-home-v147__three-pillars article > span,
.covozi-home-v147__distribution-grid article > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: var(--home147-yellow);
    color: var(--home147-navy);
    font-size: 13px;
    font-weight: 900;
}

.covozi-home-v147__three-pillars h3 {
    margin: 24px 0 10px;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
}

.covozi-home-v147__three-pillars p {
    margin: 0;
    color: var(--home147-muted);
    font-size: 16px;
    line-height: 1.58;
}

.covozi-home-v147__bridge {
    padding-top: 28px;
    border-top: 1px solid var(--home147-line);
}

.covozi-home-v147__bridge span {
    display: block;
    margin-bottom: 12px;
    color: var(--home147-muted);
    font-size: 14px;
    font-weight: 760;
    letter-spacing: .03em;
}

.covozi-home-v147__story-copy {
    width: min(840px, 100%);
    margin: 38px auto 0;
    text-align: center;
}

.covozi-home-v147__story-copy p {
    margin: 8px 0;
}

.covozi-home-v147__story-copy strong {
    display: block;
    margin: 10px 0;
    font-size: clamp(24px, 2vw, 32px);
    line-height: 1.2;
    font-weight: 900;
}

.covozi-home-v147__flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(1120px, 100%);
    margin: 34px auto 0;
}

.covozi-home-v147__flow span {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border: 1px solid var(--home147-line);
    border-radius: 999px;
    background: #FFFFFF;
    color: var(--home147-navy);
    font-size: 13px;
    font-weight: 820;
}

.covozi-home-v147__flow span:last-child {
    background: var(--home147-yellow);
    border-color: var(--home147-yellow);
}

.covozi-home-v147__flow b {
    color: var(--home147-yellow);
    font-size: 20px;
}

.covozi-home-v147__section-close p {
    max-width: 760px;
    margin: 14px auto 0;
}

.covozi-home-v147__section-close .covozi-home-v147__button {
    margin-top: 26px;
}

.covozi-home-v147__three-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: min(1200px, 100%);
    margin: 38px auto 0;
}

.covozi-home-v147__three-values article {
    padding: 30px;
    border-radius: 22px;
}

.covozi-home-v147__three-values h3 {
    font-size: 25px;
}

.covozi-home-v147__three-values p {
    margin: 0;
    font-size: 15.5px;
}

.covozi-home-v147__landing-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: min(1160px, 100%);
    margin: 40px auto 0;
}

.covozi-home-v147__landing-details article {
    padding: 34px;
    border-radius: 22px;
}

.covozi-home-v147__landing-details h3 {
    font-size: 28px;
}

.covozi-home-v147__landing-details p {
    margin: 0;
}

.covozi-home-v147__text-link {
    display: inline-flex;
    gap: 7px;
    margin-top: 18px;
    color: var(--home147-navy) !important;
    font-size: 14px;
    font-weight: 850;
    text-decoration-color: var(--home147-yellow) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px;
}

.covozi-home-v147__distribution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: min(1160px, 100%);
    margin: 34px auto 0;
}

.covozi-home-v147__distribution-grid article {
    padding: 28px;
    border-radius: 20px;
}

.covozi-home-v147__distribution-grid h3 {
    font-size: 24px;
}

.covozi-home-v147__distribution-grid p {
    margin: 0;
    font-size: 15px;
}

.covozi-home-v147__declaration--trust {
    border-top-color: var(--home147-navy);
}

.covozi-home-v147__tool-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    width: min(1280px, 100%);
    margin: clamp(44px, 5vw, 72px) auto 0;
}

.covozi-home-v147__tool-card,
.covozi-home-v147__support-card {
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 14px 36px rgba(16, 28, 52, .055);
}

.covozi-home-v147__tool-card figure,
.covozi-home-v147__support-card figure {
    margin: 0;
    border-bottom: 1px solid var(--home147-line);
    background: #FFFFFF;
}

.covozi-home-v147__tool-card > div,
.covozi-home-v147__support-card > div {
    padding: 28px;
}

.covozi-home-v147__tool-card h3,
.covozi-home-v147__support-card h3 {
    font-size: 25px;
}

.covozi-home-v147__tool-card p,
.covozi-home-v147__support-card p {
    margin: 0;
    font-size: 15.5px;
}

.covozi-home-v147__faq {
    display: grid;
    gap: 14px;
    width: min(980px, 100%);
    margin: clamp(42px, 5vw, 68px) auto 0;
}

.covozi-home-v147__faq details {
    border: 1px solid var(--home147-line);
    border-radius: 18px;
    background: #FFFFFF;
    overflow: clip;
}

.covozi-home-v147__faq summary {
    position: relative;
    display: block;
    padding: 23px 62px 23px 24px;
    color: var(--home147-navy);
    font-size: 17px;
    line-height: 1.4;
    font-weight: 830;
    cursor: pointer;
    list-style: none;
}

.covozi-home-v147__faq summary::-webkit-details-marker {
    display: none;
}

.covozi-home-v147__faq summary::after {
    content: "+";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--home147-yellow);
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}

.covozi-home-v147__faq details[open] summary::after {
    content: "−";
}

.covozi-home-v147__faq details[open] summary {
    border-bottom: 1px solid var(--home147-line);
}

.covozi-home-v147__faq p {
    margin: 0;
    padding: 22px 24px 26px;
}

.covozi-home-v147__support-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: min(1320px, 100%);
    margin: clamp(44px, 5vw, 72px) auto 0;
}

.covozi-home-v147__support-card h3 {
    font-size: 23px;
}

.covozi-home-v147__testimonials {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(320px, 360px);
    gap: 18px;
    width: 100%;
    margin: clamp(42px, 5vw, 68px) auto 0;
    padding: 8px 4px 20px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-color: var(--home147-yellow) rgba(16, 28, 52, .08);
}

.covozi-home-v147__testimonials article {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border-radius: 22px;
    scroll-snap-align: start;
}

.covozi-home-v147__testimonials article > span {
    color: var(--home147-muted);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.covozi-home-v147__testimonials blockquote {
    margin: 22px 0 0;
    font-size: 18px;
    line-height: 1.58;
    font-weight: 650;
}

.covozi-home-v147__section--final {
    padding-bottom: clamp(58px, 6vw, 92px);
}

.covozi-home-v147__final-panel {
    width: min(1220px, 100%);
    margin: 0 auto;
    padding: clamp(54px, 6vw, 86px) clamp(28px, 6vw, 84px);
    border-radius: 30px;
    background: var(--home147-navy);
    text-align: center;
    box-shadow: 0 26px 64px rgba(16, 28, 52, .18);
}

.covozi-home-v147__eyebrow--dark {
    border-color: rgba(255, 255, 255, .22);
    background: transparent;
    color: #FFFFFF;
}

.covozi-home-v147__final-panel h2 {
    max-width: 1000px;
    color: #FFFFFF;
}

.covozi-home-v147__final-panel > p {
    max-width: 820px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(17px, 1.25vw, 20px);
    line-height: 1.58;
}

.covozi-home-v147__final-push {
    display: block;
    max-width: 800px;
    margin: 24px auto 0;
    color: #FFFFFF;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.3;
    font-weight: 850;
}

.covozi-home-v147__final-meta {
    margin-top: 18px !important;
    color: rgba(255, 255, 255, .74) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.covozi-home-v147__final-close {
    margin-top: 28px !important;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    color: #FFFFFF !important;
    font-weight: 760 !important;
}

@media (max-width: 1180px) {
    .covozi-home-v147__hero-grid {
        grid-template-columns: 1fr;
    }

    .covozi-home-v147__copy--hero {
        max-width: 920px;
    }

    .covozi-home-v147__visual--hero {
        width: min(1120px, 100%);
        margin-inline: auto;
    }

    .covozi-home-v147__support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 {
        width: min(100% - 24px, 1480px) !important;
    }

    .covozi-home-v147__section {
        padding: 78px 26px;
    }

    .covozi-home-v147__pain-grid,
    .covozi-home-v147__landing-details {
        grid-template-columns: 1fr;
    }

    .covozi-home-v147__three-pillars,
    .covozi-home-v147__three-values,
    .covozi-home-v147__distribution-grid,
    .covozi-home-v147__tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 {
        width: 100% !important;
        margin-bottom: 26px !important;
    }

    .covozi-home-v147__section {
        padding: 64px 18px;
    }

    .covozi-home-v147__hero {
        padding-top: 48px;
        padding-bottom: 70px;
    }

    .covozi-home-v147 h1 {
        font-size: clamp(42px, 12vw, 54px);
        line-height: 1.01;
    }

    .covozi-home-v147__heading h2,
    .covozi-home-v147__final-panel h2 {
        font-size: clamp(35px, 9.8vw, 44px);
    }

    .covozi-home-v147__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .covozi-home-v147__button {
        width: 100%;
        min-height: 56px;
    }

    .covozi-home-v147__three-pillars,
    .covozi-home-v147__three-values,
    .covozi-home-v147__distribution-grid,
    .covozi-home-v147__tool-grid,
    .covozi-home-v147__support-grid {
        grid-template-columns: 1fr;
    }

    .covozi-home-v147__three-pillars article {
        min-height: 0;
    }

    .covozi-home-v147__visual {
        border-radius: 20px;
        box-shadow: 0 14px 38px rgba(16, 28, 52, .065);
    }

    .covozi-home-v147__flow {
        gap: 7px;
    }

    .covozi-home-v147__flow span {
        min-height: 40px;
        padding-inline: 12px;
        font-size: 11.5px;
    }

    .covozi-home-v147__testimonials {
        grid-auto-columns: minmax(280px, 88vw);
    }

    .covozi-home-v147__final-panel {
        border-radius: 24px;
        padding: 52px 20px;
    }
}


/* Covozi v1.48 — Home premium section-layout repair.
 * Live-review correction from v1.47: preserve the accepted More Ways to Grow
 * and FAQ compositions; rebalance every other Home section into a clearer,
 * larger, premium full-width story block. White stays dominant. No pale/tinted
 * section backgrounds are introduced. Solid brand colours remain limited to
 * #FFFFFF, #F6C62E and #101C34.
 */

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 {
    width: min(1560px, calc(100% - 48px)) !important;
    max-width: 1560px !important;
    background: #FFFFFF !important;
}

.covozi-home-v147__section {
    padding: clamp(96px, 8vw, 136px) clamp(34px, 5.5vw, 86px);
    background: #FFFFFF !important;
}

.covozi-home-v147__section + .covozi-home-v147__section {
    border-top: 1px solid rgba(16, 28, 52, .075);
}

/* Hero: regain the broad, balanced premium composition. */
.covozi-home-v147__hero {
    padding-top: clamp(72px, 6vw, 104px);
    padding-bottom: clamp(104px, 8vw, 142px);
}
.covozi-home-v147__hero-grid {
    grid-template-columns: minmax(460px, .95fr) minmax(560px, 1.05fr);
    gap: clamp(48px, 5.2vw, 86px);
    align-items: center;
    width: min(1380px, 100%);
    margin-inline: auto;
}
.covozi-home-v147__copy--hero { max-width: 650px; }
.covozi-home-v147 h1 {
    max-width: 650px;
    font-size: clamp(52px, 4.15vw, 70px);
    line-height: 1.01;
    letter-spacing: -.042em;
}
.covozi-home-v147__lead { max-width: 610px; }
.covozi-home-v147__visual--hero {
    width: 100%;
    max-width: 720px;
    justify-self: end;
    border-radius: 32px;
    box-shadow: 0 28px 68px rgba(16, 28, 52, .10);
}

/* Consistent large section headings without making the page shout. */
.covozi-home-v147__heading h2,
.covozi-home-v147__final-panel h2 {
    font-size: clamp(40px, 3.25vw, 56px);
    line-height: 1.055;
}
.covozi-home-v147__heading { max-width: 940px; }
.covozi-home-v147__heading p { max-width: 820px; }

/* Pain: remove the redundant diagram and let two bold platform cards carry it. */
.covozi-home-v148__pain > .covozi-home-v147__visual--wide { display: none; }
.covozi-home-v148__pain .covozi-home-v147__heading { max-width: 970px; }
.covozi-home-v148__pain .covozi-home-v147__pain-grid {
    width: min(1180px, 100%);
    gap: 30px;
    margin-top: 54px;
}
.covozi-home-v148__pain .covozi-home-v147__pain-card {
    min-height: 390px;
    padding: clamp(34px, 3.4vw, 48px);
    border-radius: 28px;
    border-top: 6px solid #F6C62E;
    box-shadow: 0 18px 46px rgba(16, 28, 52, .055);
}
.covozi-home-v148__pain .covozi-home-v147__pain-card h3 {
    max-width: 500px;
    font-size: clamp(28px, 2.25vw, 36px);
}
.covozi-home-v148__pain .covozi-home-v147__declaration {
    width: min(1180px, 100%);
    margin-top: 36px;
    padding: 34px 42px;
    border: 1px solid rgba(16, 28, 52, .14);
    border-left: 7px solid #F6C62E;
    border-radius: 22px;
    text-align: left;
}
.covozi-home-v148__pain .covozi-home-v147__declaration p,
.covozi-home-v148__pain .covozi-home-v147__declaration strong { max-width: none; margin-inline: 0; }

/* How: one crisp conversion logic block, with larger, equal cards. */
.covozi-home-v148__how .covozi-home-v147__three-pillars {
    width: min(1120px, 100%);
    gap: 28px;
    margin-top: 52px;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars article {
    min-height: 245px;
    padding: 38px 36px;
    border-radius: 28px;
    box-shadow: 0 16px 42px rgba(16, 28, 52, .05);
}
.covozi-home-v148__how .covozi-home-v147__three-pillars h3 { font-size: 32px; }
.covozi-home-v148__how .covozi-home-v147__bridge {
    width: min(940px, 100%);
    margin-top: 48px;
    padding: 34px 40px 0;
}

/* Instagram: copy + live-looking product visual in one strong stage. */
.covozi-home-v148__instagram {
    display: grid;
    grid-template-columns: minmax(380px, .78fr) minmax(560px, 1.22fr);
    grid-template-areas:
        "heading visual"
        "story visual"
        "flow visual"
        "close visual";
    column-gap: clamp(52px, 6vw, 96px);
    row-gap: 24px;
    align-items: start;
}
.covozi-home-v148__instagram > .covozi-home-v147__heading { grid-area: heading; text-align: left; margin: 0; max-width: 600px; }
.covozi-home-v148__instagram > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__instagram > .covozi-home-v147__story-copy { grid-area: story; width: auto; margin: 0; text-align: left; }
.covozi-home-v148__instagram > .covozi-home-v147__story-copy strong { font-size: 27px; }
.covozi-home-v148__instagram > .covozi-home-v147__visual { grid-area: visual; width: 100%; margin: 0; align-self: center; border-radius: 30px; }
.covozi-home-v148__instagram > .covozi-home-v147__flow { grid-area: flow; justify-content: flex-start; width: auto; margin: 4px 0 0; }
.covozi-home-v148__instagram > .covozi-home-v147__section-close { grid-area: close; width: auto; margin: 4px 0 0; text-align: left; }
.covozi-home-v148__instagram > .covozi-home-v147__section-close strong { font-size: clamp(24px, 1.9vw, 31px); }
.covozi-home-v148__instagram > .covozi-home-v147__section-close p { margin-inline: 0; }

/* Paths: make the product the hero, then explain the three creator/fan/reward outcomes. */
.covozi-home-v148__paths {
    display: grid;
    grid-template-columns: minmax(560px, 1.15fr) minmax(390px, .85fr);
    grid-template-areas:
        "visual heading"
        "visual close"
        "values values";
    gap: 30px clamp(52px, 6vw, 94px);
    align-items: center;
}
.covozi-home-v148__paths > .covozi-home-v147__heading { grid-area: heading; text-align: left; margin: 0; max-width: 620px; }
.covozi-home-v148__paths > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__paths > .covozi-home-v147__visual { grid-area: visual; width: 100%; margin: 0; border-radius: 30px; }
.covozi-home-v148__paths > .covozi-home-v147__three-values { grid-area: values; width: min(1240px, 100%); margin: 48px auto 0; gap: 26px; }
.covozi-home-v148__paths > .covozi-home-v147__section-close { grid-area: close; width: auto; margin: 0; text-align: left; }
.covozi-home-v148__paths > .covozi-home-v147__section-close p { margin-inline: 0; }
.covozi-home-v148__paths > .covozi-home-v147__section-close strong { font-size: clamp(24px, 1.9vw, 31px); }
.covozi-home-v148__paths .covozi-home-v147__three-values article { min-height: 240px; padding: 34px; border-radius: 26px; }

/* Landing pages: editor visual and conversion copy sit together; distribution stays below. */
.covozi-home-v148__landing {
    display: grid;
    grid-template-columns: minmax(390px, .82fr) minmax(580px, 1.18fr);
    grid-template-areas:
        "heading visual"
        "details visual"
        "distribution distribution"
        "close close";
    column-gap: clamp(52px, 6vw, 94px);
    row-gap: 32px;
    align-items: start;
}
.covozi-home-v148__landing > .covozi-home-v147__heading { grid-area: heading; text-align: left; margin: 0; max-width: 640px; }
.covozi-home-v148__landing > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__landing > .covozi-home-v147__visual { grid-area: visual; width: 100%; margin: 0; align-self: center; border-radius: 30px; }
.covozi-home-v148__landing > .covozi-home-v147__landing-details { grid-area: details; width: auto; margin: 0; grid-template-columns: 1fr; gap: 18px; }
.covozi-home-v148__landing .covozi-home-v147__landing-details article { padding: 28px 30px; border-radius: 22px; }
.covozi-home-v148__landing .covozi-home-v147__landing-details h3 { font-size: 25px; }
.covozi-home-v148__landing > .covozi-home-v147__distribution-grid { grid-area: distribution; width: min(1160px, 100%); margin: 50px auto 0; gap: 24px; }
.covozi-home-v148__landing > .covozi-home-v147__section-close { grid-area: close; margin-top: 26px; }

/* Privacy: trust statement and architecture visual share the first row. */
.covozi-home-v148__trust {
    display: grid;
    grid-template-columns: minmax(390px, .82fr) minmax(580px, 1.18fr);
    grid-template-areas:
        "heading visual"
        "values values"
        "declaration declaration";
    gap: 40px clamp(52px, 6vw, 94px);
    align-items: center;
}
.covozi-home-v148__trust > .covozi-home-v147__heading { grid-area: heading; text-align: left; margin: 0; max-width: 620px; }
.covozi-home-v148__trust > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__trust > .covozi-home-v147__visual { grid-area: visual; width: 100%; margin: 0; border-radius: 30px; }
.covozi-home-v148__trust > .covozi-home-v147__three-values { grid-area: values; width: min(1180px, 100%); margin: 36px auto 0; gap: 26px; }
.covozi-home-v148__trust > .covozi-home-v147__declaration { grid-area: declaration; width: min(1080px, 100%); margin-top: 18px; border: 1px solid rgba(16, 28, 52, .14); border-top: 5px solid #101C34; border-radius: 22px; }
.covozi-home-v148__trust .covozi-home-v147__three-values article { min-height: 205px; padding: 34px; border-radius: 26px; }

/* Explicitly preserve the two live-approved compositions. */
.covozi-home-v148__tools .covozi-home-v147__tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.covozi-home-v148__faq-section .covozi-home-v147__faq { width: min(980px, 100%); }

/* Supporting utilities: four richer cards in a spacious 2x2 arrangement. */
.covozi-home-v148__more .covozi-home-v147__support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    width: min(1240px, 100%);
}
.covozi-home-v148__more .covozi-home-v147__support-card {
    display: grid;
    grid-template-columns: minmax(220px, .82fr) minmax(260px, 1.18fr);
    align-items: stretch;
    min-height: 330px;
    border-radius: 28px;
}
.covozi-home-v148__more .covozi-home-v147__support-card figure {
    border-right: 1px solid rgba(16, 28, 52, .1);
    border-bottom: 0;
    display: flex;
    align-items: center;
}
.covozi-home-v148__more .covozi-home-v147__support-card figure img { width: 100%; height: 100%; object-fit: cover; }
.covozi-home-v148__more .covozi-home-v147__support-card > div { padding: 34px; align-self: center; }
.covozi-home-v148__more .covozi-home-v147__support-card h3 { font-size: 27px; }

/* Testimonial placeholders: readable two-column proof cards, not a tiny horizontal strip. */
.covozi-home-v148__proof .covozi-home-v147__testimonials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 22px;
    width: min(1180px, 100%);
    padding: 0;
    overflow: visible;
    margin-top: 52px;
}
.covozi-home-v148__proof .covozi-home-v147__testimonials article {
    min-height: 230px;
    padding: 34px 36px;
    border-radius: 26px;
    border-left: 5px solid #F6C62E;
    box-shadow: 0 14px 34px rgba(16, 28, 52, .045);
}
.covozi-home-v148__proof .covozi-home-v147__testimonials blockquote {
    margin-top: 18px;
    font-size: 19px;
    line-height: 1.55;
}

/* Final CTA: strong contrast without turning an entire section dark. */
.covozi-home-v148__final .covozi-home-v147__final-panel {
    position: relative;
    overflow: hidden;
    width: min(1220px, 100%);
    padding: clamp(58px, 6vw, 82px) clamp(34px, 6vw, 86px);
    border: 2px solid #101C34;
    border-radius: 30px;
    background: #FFFFFF;
    box-shadow: 0 22px 58px rgba(16, 28, 52, .08);
}
.covozi-home-v148__final .covozi-home-v147__final-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 9px;
    background: #F6C62E;
}
.covozi-home-v148__final .covozi-home-v147__eyebrow--dark {
    border-color: rgba(16, 28, 52, .18);
    background: #FFFFFF;
    color: #101C34;
}
.covozi-home-v148__final .covozi-home-v147__final-panel h2,
.covozi-home-v148__final .covozi-home-v147__final-push,
.covozi-home-v148__final .covozi-home-v147__final-close { color: #101C34 !important; }
.covozi-home-v148__final .covozi-home-v147__final-panel > p,
.covozi-home-v148__final .covozi-home-v147__final-meta { color: rgba(16, 28, 52, .72) !important; }
.covozi-home-v148__final .covozi-home-v147__final-close { border-top-color: rgba(16, 28, 52, .14); }

@media (max-width: 1180px) {
    .covozi-home-v147__hero-grid { grid-template-columns: 1fr; }
    .covozi-home-v147__visual--hero { justify-self: center; max-width: 1000px; }
    .covozi-home-v148__instagram,
    .covozi-home-v148__paths,
    .covozi-home-v148__landing,
    .covozi-home-v148__trust {
        display: block;
    }
    .covozi-home-v148__instagram > *,
    .covozi-home-v148__paths > *,
    .covozi-home-v148__landing > *,
    .covozi-home-v148__trust > * { margin-inline: auto !important; }
    .covozi-home-v148__instagram > .covozi-home-v147__heading,
    .covozi-home-v148__paths > .covozi-home-v147__heading,
    .covozi-home-v148__landing > .covozi-home-v147__heading,
    .covozi-home-v148__trust > .covozi-home-v147__heading {
        text-align: center;
        max-width: 900px;
    }
    .covozi-home-v148__instagram > .covozi-home-v147__heading .covozi-home-v147__eyebrow,
    .covozi-home-v148__paths > .covozi-home-v147__heading .covozi-home-v147__eyebrow,
    .covozi-home-v148__landing > .covozi-home-v147__heading .covozi-home-v147__eyebrow,
    .covozi-home-v148__trust > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: auto; }
    .covozi-home-v148__instagram > .covozi-home-v147__story-copy,
    .covozi-home-v148__instagram > .covozi-home-v147__visual,
    .covozi-home-v148__instagram > .covozi-home-v147__flow,
    .covozi-home-v148__instagram > .covozi-home-v147__section-close,
    .covozi-home-v148__paths > .covozi-home-v147__visual,
    .covozi-home-v148__paths > .covozi-home-v147__section-close,
    .covozi-home-v148__landing > .covozi-home-v147__visual,
    .covozi-home-v148__landing > .covozi-home-v147__landing-details,
    .covozi-home-v148__trust > .covozi-home-v147__visual { margin-top: 38px !important; }
    .covozi-home-v148__instagram > .covozi-home-v147__story-copy,
    .covozi-home-v148__instagram > .covozi-home-v147__section-close,
    .covozi-home-v148__paths > .covozi-home-v147__section-close { text-align: center; max-width: 850px; }
    .covozi-home-v148__instagram > .covozi-home-v147__flow { justify-content: center; }
    .covozi-home-v148__more .covozi-home-v147__support-card { grid-template-columns: 1fr; }
    .covozi-home-v148__more .covozi-home-v147__support-card figure { border-right: 0; border-bottom: 1px solid rgba(16, 28, 52, .1); }
}

@media (max-width: 900px) {
    .covozi-home-v147__section { padding: 82px 26px; }
    .covozi-home-v148__pain .covozi-home-v147__pain-grid,
    .covozi-home-v148__proof .covozi-home-v147__testimonials,
    .covozi-home-v148__more .covozi-home-v147__support-grid { grid-template-columns: 1fr; }
    .covozi-home-v148__tools .covozi-home-v147__tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .covozi-home-v147__section { padding: 66px 18px; }
    .covozi-home-v147 h1 { font-size: clamp(41px, 11.5vw, 52px); }
    .covozi-home-v147__heading h2,
    .covozi-home-v147__final-panel h2 { font-size: clamp(34px, 9.3vw, 43px); }
    .covozi-home-v148__pain .covozi-home-v147__pain-card { min-height: 0; padding: 28px 24px; }
    .covozi-home-v148__pain .covozi-home-v147__declaration { padding: 28px 24px; }
    .covozi-home-v148__tools .covozi-home-v147__tool-grid { grid-template-columns: 1fr; }
    .covozi-home-v148__proof .covozi-home-v147__testimonials article { min-height: 0; padding: 28px 24px; }
    .covozi-home-v148__more .covozi-home-v147__support-card > div { padding: 28px 24px; }
}


/* Covozi v1.49 — Home visual hierarchy and section-stage repair.
 * Live screenshot correction from v1.48. The approved “More Ways to Grow
 * Your List” and FAQ compositions are preserved. Every other Home block is
 * re-staged as one large, coherent section instead of a collection of small
 * floating islands. White remains the predominant page background; no light
 * yellow section backgrounds are introduced. Solid brand colours are limited
 * to #FFFFFF, #F6C62E and #101C34.
 */

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 {
    width: min(1640px, calc(100% - 32px)) !important;
    max-width: 1640px !important;
    background: #FFFFFF !important;
}

/* More usable canvas, still generous. */
.covozi-home-v147__section {
    padding: clamp(78px, 6.2vw, 108px) clamp(28px, 4.2vw, 68px);
    background: #FFFFFF !important;
}
.covozi-home-v147__section + .covozi-home-v147__section {
    border-top: 1px solid rgba(16, 28, 52, .07);
}
.covozi-home-v147__heading {
    max-width: 1080px;
}
.covozi-home-v147__heading h2,
.covozi-home-v147__final-panel h2 {
    font-size: clamp(44px, 3.55vw, 60px);
    line-height: 1.035;
    letter-spacing: -.043em;
}
.covozi-home-v147__heading p {
    max-width: 900px;
    font-size: clamp(18px, 1.2vw, 20px);
}
.covozi-home-v147__pain-card p,
.covozi-home-v147__three-values p,
.covozi-home-v147__landing-details p,
.covozi-home-v147__distribution-grid p,
.covozi-home-v147__three-pillars p,
.covozi-home-v147__support-card p,
.covozi-home-v147__testimonials blockquote {
    font-size: 16.5px;
    line-height: 1.62;
}

/* Hero — larger message and artwork, less empty canvas around them. */
.covozi-home-v147__hero {
    padding-top: clamp(64px, 5vw, 88px);
    padding-bottom: clamp(86px, 6.4vw, 112px);
}
.covozi-home-v147__hero-grid {
    width: min(1460px, 100%);
    margin-inline: auto;
    grid-template-columns: minmax(500px, .9fr) minmax(650px, 1.1fr);
    gap: clamp(48px, 4.5vw, 76px);
    align-items: center;
}
.covozi-home-v147__copy--hero { max-width: 700px; }
.covozi-home-v147 h1 {
    max-width: 700px;
    font-size: clamp(58px, 4.35vw, 76px);
    line-height: .99;
}
.covozi-home-v147__lead {
    max-width: 650px;
    font-size: clamp(19px, 1.25vw, 21px);
}
.covozi-home-v147__visual--hero {
    width: 100%;
    max-width: 830px;
    justify-self: end;
    border-radius: 30px;
    box-shadow: 0 26px 66px rgba(16, 28, 52, .10);
}

/* Pain — two substantial platform stories, no redundant diagram. */
.covozi-home-v148__pain > .covozi-home-v147__visual--wide { display: none; }
.covozi-home-v148__pain .covozi-home-v147__heading { max-width: 1080px; }
.covozi-home-v148__pain .covozi-home-v147__pain-grid {
    width: min(1320px, 100%);
    gap: 34px;
    margin-top: 50px;
}
.covozi-home-v148__pain .covozi-home-v147__pain-card {
    min-height: 350px;
    padding: clamp(38px, 3.4vw, 52px);
    border-radius: 28px;
    border-top: 6px solid #F6C62E;
    box-shadow: 0 18px 44px rgba(16, 28, 52, .05);
}
.covozi-home-v148__pain .covozi-home-v147__pain-card h3 {
    max-width: 560px;
    font-size: clamp(31px, 2.25vw, 39px);
}
.covozi-home-v148__pain .covozi-home-v147__declaration {
    width: min(1320px, 100%);
    margin-top: 30px;
    padding: 30px 40px;
    border: 1px solid rgba(16, 28, 52, .14);
    border-left: 7px solid #F6C62E;
    border-radius: 22px;
    text-align: center;
}
.covozi-home-v148__pain .covozi-home-v147__declaration p { max-width: 1040px; margin-inline: auto; }
.covozi-home-v148__pain .covozi-home-v147__declaration strong { max-width: 1120px; margin-inline: auto; }

/* How — one cohesive three-step system rather than three detached mini-cards. */
.covozi-home-v148__how .covozi-home-v147__three-pillars {
    width: min(1280px, 100%);
    margin-top: 50px;
    gap: 0;
    border: 1px solid rgba(16, 28, 52, .13);
    border-radius: 28px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 18px 46px rgba(16, 28, 52, .045);
}
.covozi-home-v148__how .covozi-home-v147__three-pillars article {
    display: grid;
    grid-template-columns: 58px 1fr;
    grid-template-rows: auto auto;
    column-gap: 18px;
    align-content: center;
    min-height: 220px;
    padding: 38px 36px;
    border: 0;
    border-right: 1px solid rgba(16, 28, 52, .11);
    border-radius: 0;
    box-shadow: none;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars article:last-child { border-right: 0; }
.covozi-home-v148__how .covozi-home-v147__three-pillars article > span {
    grid-row: 1 / span 2;
    width: 54px;
    height: 54px;
    align-self: start;
    font-size: 14px;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars h3 {
    margin: 2px 0 8px;
    font-size: 32px;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars p { margin: 0; }
.covozi-home-v148__how .covozi-home-v147__bridge {
    width: min(1020px, 100%);
    margin-top: 42px;
    padding-top: 28px;
}

/* Instagram — headline, explanation and one large product stage. */
.covozi-home-v148__instagram {
    display: block;
}
.covozi-home-v148__instagram > .covozi-home-v147__heading {
    max-width: 1040px;
    margin-inline: auto;
    text-align: center;
}
.covozi-home-v148__instagram > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: auto; }
.covozi-home-v148__instagram > .covozi-home-v147__story-copy {
    width: min(900px, 100%);
    margin: 30px auto 0;
    text-align: center;
}
.covozi-home-v148__instagram > .covozi-home-v147__story-copy strong {
    font-size: clamp(27px, 2vw, 33px);
}
.covozi-home-v148__instagram > .covozi-home-v147__visual {
    width: min(1320px, 100%);
    margin: 44px auto 0;
    border-radius: 30px;
    box-shadow: 0 24px 62px rgba(16, 28, 52, .075);
}
.covozi-home-v148__instagram > .covozi-home-v147__flow {
    width: min(1180px, 100%);
    margin: 30px auto 0;
    justify-content: center;
}
.covozi-home-v148__instagram > .covozi-home-v147__flow span {
    min-height: 48px;
    padding-inline: 20px;
    font-size: 13.5px;
}
.covozi-home-v148__instagram > .covozi-home-v147__section-close {
    width: min(980px, 100%);
    margin: 34px auto 0;
    text-align: center;
}
.covozi-home-v148__instagram > .covozi-home-v147__section-close p { margin-inline: auto; }

/* Paths — the gamified experience is the visual centre of the section. */
.covozi-home-v148__paths { display: block; }
.covozi-home-v148__paths > .covozi-home-v147__heading {
    max-width: 1030px;
    margin-inline: auto;
    text-align: center;
}
.covozi-home-v148__paths > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: auto; }
.covozi-home-v148__paths > .covozi-home-v147__visual {
    width: min(1320px, 100%);
    margin: 44px auto 0;
    border-radius: 30px;
    box-shadow: 0 24px 62px rgba(16, 28, 52, .075);
}
.covozi-home-v148__paths > .covozi-home-v147__three-values {
    width: min(1240px, 100%);
    margin: 32px auto 0;
    gap: 24px;
}
.covozi-home-v148__paths .covozi-home-v147__three-values article {
    min-height: 205px;
    padding: 30px;
    border-radius: 24px;
}
.covozi-home-v148__paths > .covozi-home-v147__section-close {
    width: min(980px, 100%);
    margin: 34px auto 0;
    text-align: center;
}
.covozi-home-v148__paths > .covozi-home-v147__section-close p { margin-inline: auto; }

/* Landing Pages — one large editor showcase, then practical setup/distribution. */
.covozi-home-v148__landing { display: block; }
.covozi-home-v148__landing > .covozi-home-v147__heading {
    max-width: 1060px;
    margin-inline: auto;
    text-align: center;
}
.covozi-home-v148__landing > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: auto; }
.covozi-home-v148__landing > .covozi-home-v147__visual {
    width: min(1320px, 100%);
    margin: 44px auto 0;
    border-radius: 30px;
    box-shadow: 0 24px 62px rgba(16, 28, 52, .075);
}
.covozi-home-v148__landing > .covozi-home-v147__landing-details {
    width: min(1180px, 100%);
    margin: 32px auto 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.covozi-home-v148__landing .covozi-home-v147__landing-details article {
    padding: 30px 32px;
    border-radius: 24px;
}
.covozi-home-v148__landing .covozi-home-v147__landing-details h3 { font-size: 27px; }
.covozi-home-v148__landing > .covozi-home-v147__distribution-grid {
    width: min(1240px, 100%);
    margin: 28px auto 0;
    gap: 24px;
}
.covozi-home-v148__landing > .covozi-home-v147__section-close {
    width: min(980px, 100%);
    margin: 32px auto 0;
}

/* Privacy — architecture first, then three explicit trust promises. */
.covozi-home-v148__trust { display: block; }
.covozi-home-v148__trust > .covozi-home-v147__heading {
    max-width: 1030px;
    margin-inline: auto;
    text-align: center;
}
.covozi-home-v148__trust > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: auto; }
.covozi-home-v148__trust > .covozi-home-v147__visual {
    width: min(1280px, 100%);
    margin: 44px auto 0;
    border-radius: 30px;
    box-shadow: 0 24px 62px rgba(16, 28, 52, .07);
}
.covozi-home-v148__trust > .covozi-home-v147__three-values {
    width: min(1220px, 100%);
    margin: 30px auto 0;
    gap: 24px;
}
.covozi-home-v148__trust .covozi-home-v147__three-values article {
    min-height: 190px;
    padding: 30px;
    border-radius: 24px;
}
.covozi-home-v148__trust > .covozi-home-v147__declaration {
    width: min(1100px, 100%);
    margin: 30px auto 0;
    padding: 28px 34px;
    border: 1px solid rgba(16, 28, 52, .14);
    border-top: 5px solid #101C34;
    border-radius: 22px;
    text-align: center;
}

/* Keep the two live-approved layouts intact, including their spacious rhythm. */
.covozi-home-v148__tools,
.covozi-home-v148__faq-section {
    padding: clamp(96px, 8vw, 136px) clamp(34px, 5.5vw, 86px);
}
.covozi-home-v148__tools .covozi-home-v147__tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.covozi-home-v148__faq-section .covozi-home-v147__faq { width: min(980px, 100%); }

/* Supporting utilities — large visual cards, not dense split cards. */
.covozi-home-v148__more .covozi-home-v147__support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    width: min(1260px, 100%);
    margin-top: 48px;
}
.covozi-home-v148__more .covozi-home-v147__support-card {
    display: block;
    min-height: 0;
    border-radius: 28px;
    box-shadow: 0 16px 42px rgba(16, 28, 52, .05);
}
.covozi-home-v148__more .covozi-home-v147__support-card figure {
    border-right: 0;
    border-bottom: 1px solid rgba(16, 28, 52, .1);
    display: block;
}
.covozi-home-v148__more .covozi-home-v147__support-card figure img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.covozi-home-v148__more .covozi-home-v147__support-card > div {
    padding: 30px 32px 34px;
}
.covozi-home-v148__more .covozi-home-v147__support-card h3 { font-size: 28px; }

/* Proof — ten readable examples in a balanced three-column grid. */
.covozi-home-v148__proof .covozi-home-v147__testimonials {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 22px;
    width: min(1320px, 100%);
    padding: 0;
    overflow: visible;
    margin-top: 48px;
}
.covozi-home-v148__proof .covozi-home-v147__testimonials article {
    min-height: 250px;
    padding: 30px 30px 32px;
    border-radius: 24px;
    border-left: 5px solid #F6C62E;
    box-shadow: 0 12px 32px rgba(16, 28, 52, .04);
}
.covozi-home-v148__proof .covozi-home-v147__testimonials blockquote {
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.58;
}

/* Final CTA — broad, confident, and still predominantly white. */
.covozi-home-v148__final .covozi-home-v147__final-panel {
    width: min(1320px, 100%);
    padding: clamp(66px, 5.5vw, 86px) clamp(36px, 6vw, 92px);
    border: 2px solid #101C34;
    border-radius: 30px;
    background: #FFFFFF;
    box-shadow: 0 22px 58px rgba(16, 28, 52, .075);
}
.covozi-home-v148__final .covozi-home-v147__final-panel::before { height: 8px; }
.covozi-home-v148__final .covozi-home-v147__final-panel h2 { max-width: 1080px; }
.covozi-home-v148__final .covozi-home-v147__final-panel > p { max-width: 850px; }
.covozi-home-v148__final .covozi-home-v147__final-push { max-width: 900px; }

@media (max-width: 1180px) {
    .covozi-home-v147__hero-grid {
        grid-template-columns: 1fr;
        width: min(1000px, 100%);
    }
    .covozi-home-v147__copy--hero { max-width: 820px; }
    .covozi-home-v147__visual--hero { justify-self: center; max-width: 1000px; }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article {
        grid-template-columns: 50px 1fr;
        padding: 30px 26px;
    }
    .covozi-home-v148__proof .covozi-home-v147__testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .covozi-home-v147__section { padding: 76px 24px; }
    .covozi-home-v148__tools,
    .covozi-home-v148__faq-section { padding: 82px 26px; }
    .covozi-home-v148__pain .covozi-home-v147__pain-grid,
    .covozi-home-v148__proof .covozi-home-v147__testimonials,
    .covozi-home-v148__more .covozi-home-v147__support-grid,
    .covozi-home-v148__landing > .covozi-home-v147__landing-details {
        grid-template-columns: 1fr;
    }
    .covozi-home-v148__how .covozi-home-v147__three-pillars {
        grid-template-columns: 1fr;
    }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article {
        border-right: 0;
        border-bottom: 1px solid rgba(16, 28, 52, .11);
        min-height: 0;
    }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article:last-child { border-bottom: 0; }
    .covozi-home-v148__tools .covozi-home-v147__tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 { width: 100% !important; }
    .covozi-home-v147__section { padding: 62px 18px; }
    .covozi-home-v148__tools,
    .covozi-home-v148__faq-section { padding: 66px 18px; }
    .covozi-home-v147 h1 { font-size: clamp(42px, 11.5vw, 52px); }
    .covozi-home-v147__heading h2,
    .covozi-home-v147__final-panel h2 { font-size: clamp(34px, 9.3vw, 43px); }
    .covozi-home-v148__pain .covozi-home-v147__pain-card { min-height: 0; padding: 28px 24px; }
    .covozi-home-v148__pain .covozi-home-v147__declaration { padding: 26px 22px; }
    .covozi-home-v148__tools .covozi-home-v147__tool-grid { grid-template-columns: 1fr; }
    .covozi-home-v148__proof .covozi-home-v147__testimonials article { min-height: 0; padding: 28px 24px; }
    .covozi-home-v148__more .covozi-home-v147__support-card > div { padding: 26px 24px 30px; }
    .covozi-home-v148__instagram > .covozi-home-v147__flow span { width: auto; }
}


/* Covozi v1.50 — Home alternating showcase composition and desktop scale repair.
 * Built from the live-reviewed v1.49 package. The two user-approved layouts —
 * “More Ways to Grow Your List” and FAQ — are deliberately left untouched.
 * Other sections use wider stages, larger product visuals, varied alternating
 * compositions and stronger final-CTA contrast. Every content block remains a
 * separate full-width section. White stays predominant; no light-yellow section
 * background is introduced. Brand solids remain white, sunflower yellow and
 * midnight navy.
 */

body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 {
    width: min(1760px, calc(100% - 24px)) !important;
    max-width: 1760px !important;
    background: #FFFFFF !important;
}

.covozi-home-v147__section {
    padding: clamp(92px, 7vw, 124px) clamp(38px, 4.8vw, 82px);
    background: #FFFFFF !important;
}
.covozi-home-v147__section + .covozi-home-v147__section {
    border-top: 1px solid rgba(16, 28, 52, .065);
}

.covozi-home-v147__heading h2,
.covozi-home-v147__final-panel h2 {
    font-size: clamp(46px, 3.75vw, 64px);
    line-height: 1.025;
    letter-spacing: -.045em;
}
.covozi-home-v147__heading p {
    max-width: 920px;
    font-size: clamp(18px, 1.25vw, 21px);
}

/* HERO — broader product stage and less narrow text column. */
.covozi-home-v147__hero {
    padding-top: clamp(70px, 5.4vw, 96px);
    padding-bottom: clamp(98px, 7.2vw, 128px);
}
.covozi-home-v147__hero-grid {
    width: min(1540px, 100%);
    margin-inline: auto;
    grid-template-columns: minmax(520px, .9fr) minmax(700px, 1.1fr);
    gap: clamp(54px, 4.6vw, 82px);
}
.covozi-home-v147__copy--hero { max-width: 730px; }
.covozi-home-v147 h1 {
    max-width: 730px;
    font-size: clamp(62px, 4.65vw, 80px);
    line-height: .975;
}
.covozi-home-v147__lead { max-width: 670px; font-size: clamp(19px, 1.28vw, 22px); }
.covozi-home-v147__visual--hero {
    max-width: 900px;
    border-radius: 32px;
    box-shadow: 0 30px 74px rgba(16, 28, 52, .105);
}

/* PAIN — make the two platform stories feel like a real section, not mini cards. */
.covozi-home-v148__pain .covozi-home-v147__heading { max-width: 1120px; }
.covozi-home-v148__pain .covozi-home-v147__pain-grid {
    width: min(1440px, 100%);
    gap: 34px;
    margin-top: 56px;
}
.covozi-home-v148__pain .covozi-home-v147__pain-card {
    min-height: 390px;
    padding: clamp(42px, 3.5vw, 56px);
    border-radius: 30px;
    border-top: 7px solid #F6C62E;
    box-shadow: 0 20px 50px rgba(16, 28, 52, .055);
}
.covozi-home-v148__pain .covozi-home-v147__pain-card h3 {
    max-width: 600px;
    font-size: clamp(33px, 2.35vw, 41px);
}
.covozi-home-v148__pain .covozi-home-v147__declaration {
    width: min(1440px, 100%);
    margin-top: 34px;
    padding: 34px 48px;
    border-left-width: 8px;
}

/* HOW — one large Capture → Own → Earn operating system. */
.covozi-home-v148__how .covozi-home-v147__heading { max-width: 1040px; }
.covozi-home-v148__how .covozi-home-v147__three-pillars {
    width: min(1420px, 100%);
    margin-top: 58px;
    border-radius: 30px;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars article {
    min-height: 270px;
    padding: 46px 42px;
    grid-template-columns: 68px 1fr;
    column-gap: 22px;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars article > span {
    width: 62px;
    height: 62px;
    font-size: 16px;
}
.covozi-home-v148__how .covozi-home-v147__three-pillars h3 { font-size: 35px; }
.covozi-home-v148__how .covozi-home-v147__three-pillars p { font-size: 17px; }
.covozi-home-v148__how .covozi-home-v147__bridge {
    width: min(1120px, 100%);
    margin-top: 48px;
    padding-top: 32px;
}

/* INSTAGRAM — strong left story + large right product visual. */
.covozi-home-v148__instagram {
    display: grid;
    grid-template-columns: minmax(460px, .78fr) minmax(760px, 1.22fr);
    grid-template-areas:
        "heading visual"
        "story visual"
        "close visual"
        "flow flow";
    column-gap: clamp(62px, 5vw, 92px);
    row-gap: 26px;
    align-items: center;
}
.covozi-home-v148__instagram > .covozi-home-v147__heading {
    grid-area: heading;
    max-width: 630px;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__instagram > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__instagram > .covozi-home-v147__story-copy {
    grid-area: story;
    width: auto;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__instagram > .covozi-home-v147__story-copy p { font-size: 17px; }
.covozi-home-v148__instagram > .covozi-home-v147__story-copy strong { font-size: clamp(28px, 2vw, 34px); }
.covozi-home-v148__instagram > .covozi-home-v147__visual {
    grid-area: visual;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 32px;
    box-shadow: 0 28px 70px rgba(16, 28, 52, .085);
}
.covozi-home-v148__instagram > .covozi-home-v147__section-close {
    grid-area: close;
    width: auto;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__instagram > .covozi-home-v147__section-close p { margin-inline: 0; }
.covozi-home-v148__instagram > .covozi-home-v147__section-close strong { font-size: clamp(26px, 1.9vw, 32px); }
.covozi-home-v148__instagram > .covozi-home-v147__flow {
    grid-area: flow;
    width: min(1320px, 100%);
    margin: 34px auto 0;
    justify-content: center;
}
.covozi-home-v148__instagram > .covozi-home-v147__flow span {
    min-height: 52px;
    padding-inline: 24px;
    font-size: 14px;
}

/* PATHS — product on the left, proprietary story on the right. */
.covozi-home-v148__paths {
    display: grid;
    grid-template-columns: minmax(760px, 1.18fr) minmax(450px, .82fr);
    grid-template-areas:
        "visual heading"
        "visual close"
        "values values";
    gap: 34px clamp(64px, 5vw, 96px);
    align-items: center;
}
.covozi-home-v148__paths > .covozi-home-v147__heading {
    grid-area: heading;
    max-width: 640px;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__paths > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__paths > .covozi-home-v147__visual {
    grid-area: visual;
    width: 100%;
    margin: 0;
    border-radius: 32px;
    box-shadow: 0 28px 70px rgba(16, 28, 52, .085);
}
.covozi-home-v148__paths > .covozi-home-v147__section-close {
    grid-area: close;
    width: auto;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__paths > .covozi-home-v147__section-close p { margin-inline: 0; }
.covozi-home-v148__paths > .covozi-home-v147__section-close strong { font-size: clamp(26px, 1.9vw, 32px); }
.covozi-home-v148__paths > .covozi-home-v147__three-values {
    grid-area: values;
    width: min(1420px, 100%);
    margin: 54px auto 0;
    gap: 28px;
}
.covozi-home-v148__paths .covozi-home-v147__three-values article {
    min-height: 235px;
    padding: 36px;
    border-radius: 26px;
}

/* LANDING PAGES — no-code builder and message are seen together. */
.covozi-home-v148__landing {
    display: grid;
    grid-template-columns: minmax(470px, .82fr) minmax(760px, 1.18fr);
    grid-template-areas:
        "heading visual"
        "details visual"
        "distribution distribution"
        "close close";
    column-gap: clamp(62px, 5vw, 92px);
    row-gap: 32px;
    align-items: start;
}
.covozi-home-v148__landing > .covozi-home-v147__heading {
    grid-area: heading;
    max-width: 650px;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__landing > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__landing > .covozi-home-v147__visual {
    grid-area: visual;
    width: 100%;
    margin: 0;
    align-self: center;
    border-radius: 32px;
    box-shadow: 0 28px 70px rgba(16, 28, 52, .085);
}
.covozi-home-v148__landing > .covozi-home-v147__landing-details {
    grid-area: details;
    width: auto;
    margin: 0;
    grid-template-columns: 1fr;
    gap: 20px;
}
.covozi-home-v148__landing .covozi-home-v147__landing-details article { padding: 30px 32px; }
.covozi-home-v148__landing > .covozi-home-v147__distribution-grid {
    grid-area: distribution;
    width: min(1380px, 100%);
    margin: 54px auto 0;
    gap: 28px;
}
.covozi-home-v148__landing > .covozi-home-v147__distribution-grid article { padding: 34px; }
.covozi-home-v148__landing > .covozi-home-v147__section-close {
    grid-area: close;
    width: min(1040px, 100%);
    margin-top: 30px;
}

/* PRIVACY — architecture and trust promise in one glance. */
.covozi-home-v148__trust {
    display: grid;
    grid-template-columns: minmax(470px, .82fr) minmax(760px, 1.18fr);
    grid-template-areas:
        "heading visual"
        "values values"
        "declaration declaration";
    gap: 42px clamp(62px, 5vw, 92px);
    align-items: center;
}
.covozi-home-v148__trust > .covozi-home-v147__heading {
    grid-area: heading;
    max-width: 650px;
    margin: 0;
    text-align: left;
}
.covozi-home-v148__trust > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: 0; }
.covozi-home-v148__trust > .covozi-home-v147__visual {
    grid-area: visual;
    width: 100%;
    margin: 0;
    border-radius: 32px;
    box-shadow: 0 28px 70px rgba(16, 28, 52, .08);
}
.covozi-home-v148__trust > .covozi-home-v147__three-values {
    grid-area: values;
    width: min(1380px, 100%);
    margin: 48px auto 0;
    gap: 28px;
}
.covozi-home-v148__trust .covozi-home-v147__three-values article {
    min-height: 215px;
    padding: 36px;
}
.covozi-home-v148__trust > .covozi-home-v147__declaration {
    grid-area: declaration;
    width: min(1180px, 100%);
    margin-top: 18px;
    padding: 32px 44px;
}

/* IMPORTANT: user-approved More Ways to Grow Your List and FAQ are intentionally untouched here. */

/* Supporting utilities — 2×2 stays, but each card becomes a true horizontal feature stage. */
.covozi-home-v148__more .covozi-home-v147__support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    width: min(1460px, 100%);
    margin-top: 54px;
}
.covozi-home-v148__more .covozi-home-v147__support-card {
    display: grid;
    grid-template-columns: minmax(270px, .9fr) minmax(300px, 1.1fr);
    align-items: stretch;
    border-radius: 28px;
    min-height: 330px;
    overflow: hidden;
}
.covozi-home-v148__more .covozi-home-v147__support-card figure {
    border-bottom: 0;
    border-right: 1px solid rgba(16, 28, 52, .10);
    display: flex;
    align-items: center;
    background: #FFFFFF;
}
.covozi-home-v148__more .covozi-home-v147__support-card figure img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.covozi-home-v148__more .covozi-home-v147__support-card > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 38px;
}
.covozi-home-v148__more .covozi-home-v147__support-card h3 { font-size: 30px; }
.covozi-home-v148__more .covozi-home-v147__support-card p { font-size: 16.5px; }

/* Testimonials — keep the improved v1.49 readability but give the grid more stage width. */
.covozi-home-v148__proof .covozi-home-v147__testimonials {
    width: min(1460px, 100%);
    gap: 24px;
}
.covozi-home-v148__proof .covozi-home-v147__testimonials article {
    min-height: 270px;
    padding: 34px 34px 36px;
}
.covozi-home-v148__proof .covozi-home-v147__testimonials blockquote { font-size: 17.5px; }

/* FINAL CTA — one decisive midnight-navy climax; all earlier sections remain white. */
.covozi-home-v148__final .covozi-home-v147__final-panel {
    width: min(1480px, 100%);
    padding: clamp(76px, 6vw, 98px) clamp(48px, 7vw, 108px);
    border: 0;
    border-radius: 34px;
    background: #101C34;
    color: #FFFFFF;
    box-shadow: 0 28px 72px rgba(16, 28, 52, .18);
}
.covozi-home-v148__final .covozi-home-v147__final-panel::before { height: 8px; background: #F6C62E; }
.covozi-home-v148__final .covozi-home-v147__final-panel h2,
.covozi-home-v148__final .covozi-home-v147__final-panel > p,
.covozi-home-v148__final .covozi-home-v147__final-push,
.covozi-home-v148__final .covozi-home-v147__final-meta,
.covozi-home-v148__final .covozi-home-v147__final-close { color: #FFFFFF !important; }
.covozi-home-v148__final .covozi-home-v147__eyebrow--dark {
    color: #FFFFFF;
    border-color: rgba(255,255,255,.26);
}
.covozi-home-v148__final .covozi-home-v147__final-panel h2 { max-width: 1160px; }
.covozi-home-v148__final .covozi-home-v147__final-panel > p { max-width: 900px; }
.covozi-home-v148__final .covozi-home-v147__final-push { max-width: 940px; }
.covozi-home-v148__final .covozi-home-v147__button--primary:hover,
.covozi-home-v148__final .covozi-home-v147__button--primary:focus-visible {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #101C34 !important;
}

@media (max-width: 1240px) {
    .covozi-home-v147__hero-grid { grid-template-columns: 1fr; width: min(1040px, 100%); }
    .covozi-home-v147__visual--hero { justify-self: center; max-width: 1040px; }
    .covozi-home-v148__instagram,
    .covozi-home-v148__paths,
    .covozi-home-v148__landing,
    .covozi-home-v148__trust {
        display: block;
    }
    .covozi-home-v148__instagram > .covozi-home-v147__heading,
    .covozi-home-v148__paths > .covozi-home-v147__heading,
    .covozi-home-v148__landing > .covozi-home-v147__heading,
    .covozi-home-v148__trust > .covozi-home-v147__heading {
        max-width: 980px;
        margin-inline: auto;
        text-align: center;
    }
    .covozi-home-v148__instagram > .covozi-home-v147__heading .covozi-home-v147__eyebrow,
    .covozi-home-v148__paths > .covozi-home-v147__heading .covozi-home-v147__eyebrow,
    .covozi-home-v148__landing > .covozi-home-v147__heading .covozi-home-v147__eyebrow,
    .covozi-home-v148__trust > .covozi-home-v147__heading .covozi-home-v147__eyebrow { margin-inline: auto; }
    .covozi-home-v148__instagram > .covozi-home-v147__story-copy,
    .covozi-home-v148__instagram > .covozi-home-v147__section-close,
    .covozi-home-v148__paths > .covozi-home-v147__section-close {
        width: min(900px, 100%);
        margin: 30px auto 0;
        text-align: center;
    }
    .covozi-home-v148__instagram > .covozi-home-v147__story-copy p,
    .covozi-home-v148__instagram > .covozi-home-v147__section-close p,
    .covozi-home-v148__paths > .covozi-home-v147__section-close p { margin-inline: auto; }
    .covozi-home-v148__instagram > .covozi-home-v147__visual,
    .covozi-home-v148__paths > .covozi-home-v147__visual,
    .covozi-home-v148__landing > .covozi-home-v147__visual,
    .covozi-home-v148__trust > .covozi-home-v147__visual {
        width: min(1180px, 100%);
        margin: 44px auto 0;
    }
    .covozi-home-v148__landing > .covozi-home-v147__landing-details {
        width: min(1100px, 100%);
        margin: 32px auto 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .covozi-home-v148__more .covozi-home-v147__support-card { grid-template-columns: 1fr; }
    .covozi-home-v148__more .covozi-home-v147__support-card figure { border-right: 0; border-bottom: 1px solid rgba(16,28,52,.10); }
}

@media (max-width: 900px) {
    .covozi-home-v147__section { padding: 78px 24px; }
    .covozi-home-v148__pain .covozi-home-v147__pain-grid,
    .covozi-home-v148__more .covozi-home-v147__support-grid,
    .covozi-home-v148__proof .covozi-home-v147__testimonials,
    .covozi-home-v148__landing > .covozi-home-v147__landing-details {
        grid-template-columns: 1fr;
    }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(16, 28, 52, .11);
    }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article:last-child { border-bottom: 0; }
}

@media (max-width: 620px) {
    body.stanloop-public-page.stanloop-public-home-page .stanloop-public-main.covozi-home-v147 { width: 100% !important; }
    .covozi-home-v147__section { padding: 64px 18px; }
    .covozi-home-v147 h1 { font-size: clamp(42px, 11.5vw, 52px); }
    .covozi-home-v147__heading h2,
    .covozi-home-v147__final-panel h2 { font-size: clamp(34px, 9.4vw, 44px); }
    .covozi-home-v148__pain .covozi-home-v147__pain-card { min-height: 0; padding: 30px 24px; }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article { grid-template-columns: 50px 1fr; padding: 30px 24px; }
    .covozi-home-v148__how .covozi-home-v147__three-pillars article > span { width: 46px; height: 46px; }
    .covozi-home-v148__final .covozi-home-v147__final-panel { padding: 58px 24px; border-radius: 26px; }
}


/* v1.83: canonical editable legal-page route surface. */
.stanloop-public-legal {
    min-height: 60vh;
    padding: clamp(48px, 7vw, 88px) 24px 96px;
    background: #fff;
}

.stanloop-public-legal__inner {
    width: min(880px, 100%);
    margin: 0 auto;
    color: #071b3d;
}

.stanloop-public-legal__inner > h1 {
    margin: 0 0 30px;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    line-height: 1.04;
    letter-spacing: -0.035em;
}

.stanloop-public-legal__content {
    font-size: 1rem;
    line-height: 1.75;
    color: #24344f;
}

.stanloop-public-legal__content h2,
.stanloop-public-legal__content h3,
.stanloop-public-legal__content h4 {
    color: #071b3d;
    line-height: 1.2;
    margin: 2.2em 0 .65em;
}

.stanloop-public-legal__content p,
.stanloop-public-legal__content ul,
.stanloop-public-legal__content ol {
    margin: 0 0 1.15em;
}

.stanloop-public-legal__content a {
    color: #071b3d;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* v1.84: canonical root company pages (About / Contact). */
.stanloop-public-company {
    padding: 72px 24px 84px;
}

.stanloop-public-company__inner {
    width: min(100%, 920px);
    margin: 0 auto;
}

.stanloop-public-company__inner > h1 {
    margin: 0 0 28px;
    color: var(--stanloop-navy, #071a3d);
    font-size: clamp(2.25rem, 4vw, 3.75rem);
    line-height: 1.05;
}

.stanloop-public-company__content {
    color: var(--stanloop-navy, #071a3d);
    font-size: 1rem;
    line-height: 1.75;
}

.stanloop-public-company__content h2,
.stanloop-public-company__content h3,
.stanloop-public-company__content h4 {
    margin: 2rem 0 0.75rem;
    color: var(--stanloop-navy, #071a3d);
    line-height: 1.15;
}

.stanloop-public-company__content p,
.stanloop-public-company__content ul,
.stanloop-public-company__content ol {
    margin: 0 0 1rem;
}

.stanloop-public-company__content a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

@media (max-width: 900px) {
    .stanloop-public-company {
        padding: 54px 20px 68px;
    }
}

/* v1.85: unified premium editorial surface for company, legal and help Pages. */
body.stanloop-public-page.stanloop-public-editorial-page {
    background: #fff;
    color: #071a3d;
}

.stanloop-public-editorial {
    min-height: 62vh;
    padding: clamp(58px, 7vw, 96px) 24px 104px;
    background:
        radial-gradient(circle at 86% 4%, rgba(247, 201, 72, .13), transparent 22%),
        #fff;
}

.stanloop-public-editorial__inner {
    width: min(100%, 980px);
    margin: 0 auto;
}

.stanloop-public-editorial__hero {
    max-width: 860px;
    margin: 0 0 36px;
}

.stanloop-public-editorial__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 14px;
    margin: 0 0 18px;
    border-radius: 999px;
    background: #071a3d;
    color: #f7c948;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.stanloop-public-editorial__hero h1 {
    margin: 0;
    color: #071a3d;
    font-size: clamp(3rem, 5.2vw, 4.7rem);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}

.stanloop-public-editorial__lede {
    max-width: 800px;
    margin: 24px 0 0;
    color: #465673;
    font-size: clamp(1.08rem, 1.6vw, 1.28rem);
    font-weight: 500;
    line-height: 1.6;
}

.stanloop-public-editorial__paper {
    padding: clamp(32px, 5vw, 54px);
    border: 1px solid rgba(7, 26, 61, .10);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 22px 64px rgba(7, 26, 61, .07);
}

.stanloop-public-editorial__content {
    color: #2e3c57;
    font-size: 1.08rem;
    line-height: 1.82;
}

.stanloop-public-editorial__content > :first-child {
    margin-top: 0 !important;
}

.stanloop-public-editorial__content p,
.stanloop-public-editorial__content ul,
.stanloop-public-editorial__content ol,
.stanloop-public-editorial__content blockquote {
    margin: 0 0 1.25em;
}

.stanloop-public-editorial__content h2,
.stanloop-public-editorial__content .wp-block-heading:is(h2) {
    margin: 2.2em 0 .75em;
    padding-top: 1.45em;
    border-top: 1px solid rgba(7, 26, 61, .10);
    color: #071a3d;
    font-size: clamp(1.72rem, 2.6vw, 2.18rem);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -.025em;
}

.stanloop-public-editorial__content h3,
.stanloop-public-editorial__content .wp-block-heading:is(h3) {
    margin: 1.8em 0 .65em;
    color: #071a3d;
    font-size: clamp(1.3rem, 2vw, 1.58rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
}

.stanloop-public-editorial__content h4,
.stanloop-public-editorial__content .wp-block-heading:is(h4) {
    margin: 1.55em 0 .55em;
    color: #071a3d;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.25;
}

.stanloop-public-editorial__content strong,
.stanloop-public-editorial__content b {
    color: #071a3d;
    font-weight: 800;
}

.stanloop-public-editorial__content ul,
.stanloop-public-editorial__content ol {
    padding-left: 1.45em;
}

.stanloop-public-editorial__content li {
    margin: .38em 0;
    padding-left: .2em;
}

.stanloop-public-editorial__content a {
    color: #071a3d;
    font-weight: 700;
    text-decoration-color: #f7c948;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.stanloop-public-editorial__content blockquote {
    padding: 18px 22px;
    border-left: 4px solid #f7c948;
    border-radius: 0 14px 14px 0;
    background: #fffaf0;
    color: #233451;
}

/* Backward-compatible legacy wrappers now inherit the editorial system. */
.stanloop-public-legal,
.stanloop-public-company {
    padding: 0;
    min-height: 0;
    background: transparent;
}

@media (max-width: 700px) {
    .stanloop-public-editorial {
        padding: 44px 18px 72px;
    }

    .stanloop-public-editorial__hero {
        margin-bottom: 26px;
    }

    .stanloop-public-editorial__hero h1 {
        font-size: clamp(2.55rem, 12vw, 3.35rem);
    }

    .stanloop-public-editorial__paper {
        padding: 26px 22px;
        border-radius: 22px;
    }

    .stanloop-public-editorial__content {
        font-size: 1rem;
        line-height: 1.75;
    }
}