/* Site Control product page – page-local art direction and responsive layout. */

.sc2-page {
    overflow: clip;
}

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

.sc2-page .sc2-hero-visual {
    isolation: isolate;
    padding: 34px 0 34px 34px;
}

.sc2-page .sc2-hero-visual::before {
    position: absolute;
    z-index: -2;
    inset: 5% -8% 0 8%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(29, 186, 121, .22), rgba(29, 186, 121, 0) 68%);
    content: "";
    filter: blur(12px);
}

.sc2-page .sc2-hero-visual .scx-browser {
    position: relative;
    z-index: 2;
    border-color: rgba(255, 255, 255, .22);
    box-shadow: 0 52px 120px rgba(0, 0, 0, .52), 0 0 0 1px rgba(126, 236, 188, .08);
    transform: perspective(1500px) rotateY(-2.5deg) rotateX(1deg);
}

.sc2-page .sc2-preview {
    min-height: 470px;
}

.sc2-page .sc2-preview .site-control-preview__sidebar {
    min-width: 148px;
    background: linear-gradient(180deg, #071d13, #0b2b1d);
}

.sc2-page .sc2-preview .site-control-preview__main {
    background:
        radial-gradient(circle at 90% 4%, rgba(200, 255, 39, .16), transparent 17rem),
        linear-gradient(145deg, #f4f8f5, #e9f2ed);
}

.sc2-page .sc2-preview .site-control-preview__stats span {
    box-shadow: 0 10px 28px rgba(14, 52, 36, .05);
}

.sc2-page .sc2-preview .site-control-preview__modules {
    box-shadow: 0 16px 36px rgba(14, 52, 36, .06);
}

.sc2-page .sc2-orbit {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(126, 236, 188, .22);
    border-radius: 50%;
    pointer-events: none;
}

.sc2-page .sc2-orbit-one {
    top: -14px;
    right: -82px;
    width: 310px;
    height: 310px;
}

.sc2-page .sc2-orbit-two {
    right: 45%;
    bottom: -72px;
    width: 170px;
    height: 170px;
}

.sc2-page .sc2-product-intro {
    background: #fff;
}

.sc2-page .sc2-product-intro .scx-section-head {
    max-width: 1040px;
}

.sc2-page .sc2-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.sc2-page .sc2-product-grid article {
    min-height: 290px;
    padding: clamp(26px, 3vw, 40px);
    border: 1px solid rgba(13, 15, 20, .08);
    border-radius: 24px;
    background: #f4f1ea;
}

.sc2-page .sc2-product-grid article.is-primary {
    min-height: 290px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 12%, rgba(27, 185, 120, .26), transparent 22rem),
        linear-gradient(145deg, #071018, #10251d);
}

.sc2-page .sc2-product-grid article > small {
    display: block;
    margin-bottom: 48px;
    color: #148256;
    font-weight: 800;
    letter-spacing: .16em;
}

.sc2-page .sc2-product-grid article.is-primary > small {
    margin-bottom: 48px;
    color: #7cecbc;
}

.sc2-page .sc2-product-grid article p {
    max-width: 680px;
}

.sc2-page .sc2-core {
    background:
        radial-gradient(circle at 92% 4%, rgba(200, 255, 39, .18), transparent 28rem),
        #f0eadf;
}

.sc2-page .sc2-core .scx-section-head {
    max-width: 960px;
}

.sc2-page .sc2-core-bento {
    margin-top: 18px;
}

.sc2-page .sc2-core-bento .scx-bento-card {
    min-height: 350px;
}

.sc2-page .sc2-metric-dark div {
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .07);
}

.sc2-page .sc2-metric-dark strong {
    color: #fff;
}

.sc2-page .sc2-metric-dark span {
    color: rgba(255, 255, 255, .58);
}

.sc2-page .sc2-pill-light span {
    border-color: rgba(12, 84, 56, .12);
    color: #0c5438;
    background: #e7f5ed;
}

.sc2-page .sc2-workflow {
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(124, 167, 255, .18), transparent 28rem),
        #081017;
}

.sc2-page .sc2-workflow-head {
    max-width: 1040px;
}

.sc2-page .sc2-workflow-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.sc2-page .sc2-workflow-grid article {
    min-height: 300px;
    padding: clamp(28px, 4vw, 52px);
    border-right: 1px solid rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .025);
}

.sc2-page .sc2-workflow-grid article > small {
    display: block;
    margin-bottom: clamp(64px, 8vw, 110px);
    color: #7cecbc;
    font-weight: 800;
    letter-spacing: .16em;
}

.sc2-page .sc2-store {
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, rgba(200, 255, 39, .1), transparent 26rem),
        radial-gradient(circle at 92% 88%, rgba(27, 185, 120, .2), transparent 34rem),
        #07130e;
}

.sc2-page .sc2-store-head {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    column-gap: clamp(40px, 8vw, 130px);
    align-items: end;
    max-width: none;
}

.sc2-page .sc2-store-head-right {
    max-width: 720px;
}

.sc2-page .sc2-catalog {
    margin-top: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.sc2-page .sc2-catalog-row {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) minmax(210px, .34fr);
    gap: clamp(22px, 4vw, 64px);
    align-items: center;
    min-height: 240px;
    padding: 34px 24px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.sc2-page .sc2-catalog-row:hover {
    border-color: rgba(126, 236, 188, .38);
    background: rgba(255, 255, 255, .035);
}

.sc2-page .sc2-catalog-row.is-bundle {
    border-color: rgba(200, 255, 39, .34);
    background: linear-gradient(90deg, rgba(200, 255, 39, .08), rgba(27, 185, 120, .08));
}

.sc2-page .sc2-catalog-row.is-ai {
    background: linear-gradient(90deg, rgba(124, 167, 255, .07), transparent 72%);
}

.sc2-page .sc2-catalog-number {
    align-self: start;
    color: rgba(255, 255, 255, .32);
    font-weight: 800;
    letter-spacing: .16em;
}

.sc2-page .sc2-catalog-copy {
    min-width: 0;
}

.sc2-page .sc2-catalog-copy p {
    max-width: 760px;
}

.sc2-page .sc2-catalog-benefits {
    display: grid;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.sc2-page .sc2-catalog-benefits li {
    position: relative;
    padding-left: 22px;
    color: #fff;
}

.sc2-page .sc2-catalog-benefits li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #7cecbc;
    content: "✓";
    font-weight: 800;
}

.sc2-page .sc2-catalog-price {
    display: grid;
    gap: 7px;
}

.sc2-page .sc2-audience {
    background:
        radial-gradient(circle at 0 100%, rgba(27, 185, 120, .12), transparent 28rem),
        #f4f1ea;
}

.sc2-page .sc2-audience .scx-section-head {
    max-width: 1040px;
}

.sc2-page .sc2-audience-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(13, 15, 20, .12);
    border-left: 1px solid rgba(13, 15, 20, .12);
}

.sc2-page .sc2-audience-grid article {
    min-height: 280px;
    padding: clamp(28px, 4vw, 48px);
    border-right: 1px solid rgba(13, 15, 20, .12);
    border-bottom: 1px solid rgba(13, 15, 20, .12);
    background: rgba(255, 255, 255, .58);
}

.sc2-page .sc2-requirements {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 40px;
    align-items: start;
    margin-top: 24px;
    padding: clamp(28px, 4vw, 48px);
    border-radius: 24px;
    color: #fff;
    background: #0b2017;
}

.sc2-page .sc2-requirements ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sc2-page .sc2-requirements li {
    position: relative;
    padding-left: 22px;
    color: #fff;
}

.sc2-page .sc2-requirements li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #c8ff27;
    content: "✓";
    font-weight: 800;
}

.sc2-page .sc2-safety {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    max-width: 1040px;
    margin: 32px auto 0;
    padding: 28px;
    border: 1px solid rgba(7, 63, 41, .12);
    border-radius: 20px;
    background: #f5faf7;
}

.sc2-page .sc2-safety > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #0b7a50;
    font-weight: 900;
}

.sc2-page .sc2-final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.sc2-page .sc2-final .scx-btn {
    flex: 0 0 auto;
}

@media (max-width: 720px) {
    .sc2-page .scx-hero {
        min-height: 0;
    }

    .sc2-page .scx-hero .scx-container {
        width: calc(100vw - 28px);
        max-width: calc(100vw - 28px);
    }

    .sc2-page .scx-hero-copy {
        padding: 48px 0 32px 18px;
    }

    .sc2-page .scx-hero-copy::before {
        top: 48px;
    }

    .sc2-page .sc2-hero-visual {
        padding: 20px 0 34px;
    }

    .sc2-page .sc2-hero-visual::before {
        inset: 4% -4% 0 4%;
    }

    .sc2-page .sc2-hero-visual .scx-browser {
        transform: none;
    }

    .sc2-page .sc2-product-grid,
    .sc2-page .sc2-workflow-grid,
    .sc2-page .sc2-audience-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-product-grid article,
    .sc2-page .sc2-product-grid article.is-primary,
    .sc2-page .sc2-product-grid article:last-child {
        grid-column: auto;
        min-height: 270px;
        border-right: 0;
        border-bottom: 1px solid rgba(5, 8, 14, .18);
    }

    .sc2-page .sc2-product-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-core-bento .scx-bento-card {
        min-height: 0;
    }

    .sc2-page .sc2-workflow-grid article,
    .sc2-page .sc2-workflow-grid article:nth-child(n) {
        min-height: 270px;
        border-right: 1px solid rgba(255, 255, 255, .17);
        border-bottom: 1px solid rgba(255, 255, 255, .17);
    }

    .sc2-page .sc2-workflow-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-workflow-grid article > small {
        margin-bottom: 64px;
    }

    .sc2-page .sc2-store > .scx-container::before {
        display: none;
    }

    .sc2-page .sc2-catalog-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        min-height: 0;
        padding: 38px 4px 44px;
    }

    .sc2-page .sc2-catalog-number {
        position: absolute;
        top: 40px;
        right: 6px;
    }

    .sc2-page .sc2-catalog-copy {
        padding-right: 34px;
    }

    .sc2-page .sc2-catalog-price {
        min-width: 0;
        width: 100%;
        justify-self: stretch;
    }

    .sc2-page .sc2-catalog-row:hover .sc2-catalog-price {
        transform: none;
    }

    .sc2-page .sc2-requirements ul {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-install .scx-section-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-install .scx-section-head > .sc2-inline-cta {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .sc2-page .sc2-install .scx-steps-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-install .scx-steps-grid article,
    .sc2-page .sc2-install .scx-steps-grid article:last-child {
        min-height: 0;
        border-right: 1px solid rgba(5, 8, 14, .28);
        border-bottom: 1px solid rgba(5, 8, 14, .28);
    }

    .sc2-page .sc2-install .scx-steps-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-safety {
        grid-template-columns: minmax(0, 1fr);
        padding: 24px;
    }

    .sc2-page .sc2-faq .scx-faq-grid summary {
        min-height: 80px;
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 16px;
    }

    .sc2-page .sc2-faq .scx-faq-grid summary span {
        width: 34px;
        height: 34px;
    }

    .sc2-page .sc2-faq .scx-faq-grid details > p {
        padding-right: 0;
    }

    .sc2-page .sc2-final {
        grid-template-columns: minmax(0, 1fr);
        padding: 42px 0;
    }

    .sc2-page .sc2-final-mark {
        min-width: 126px;
        min-height: 126px;
        justify-self: start;
    }

    .sc2-page .sc2-final .scx-btn {
        grid-column: auto;
        width: 100%;
    }
}

@media (max-width: 430px) {
    .sc2-page .sc2-product-grid article,
    .sc2-page .sc2-core-bento .scx-bento-card,
    .sc2-page .sc2-audience-grid article,
    .sc2-page .sc2-install .scx-steps-grid article {
        padding: 28px;
    }

    .sc2-page .sc2-product-grid article > small {
        left: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc2-page *,
    .sc2-page *::before,
    .sc2-page *::after {
        transition: none !important;
        transform: none !important;
    }
}

@media (max-width: 1050px) {
    .sc2-page .sc2-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sc2-page .sc2-product-grid article:last-child {
        grid-column: 1 / -1;
    }

    .sc2-page .sc2-store-head {
        grid-template-columns: 1fr;
    }

    .sc2-page .sc2-store-head-right {
        margin-top: 28px;
    }

    .sc2-page .sc2-catalog-row {
        grid-template-columns: 58px minmax(0, 1fr) minmax(190px, .4fr);
        gap: 24px;
    }

    .sc2-page .sc2-audience-grid {
        grid-template-columns: 1fr;
    }

    .sc2-page .sc2-audience-grid article {
        min-height: 0;
    }

    .sc2-page .sc2-requirements {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .sc2-page .scx-container,
    .sc2-page .scx-hero-grid,
    .sc2-page .scx-hero-copy,
    .sc2-page .scx-hero-visual,
    .sc2-page .scx-browser,
    .sc2-page .site-control-preview,
    .sc2-page .site-control-preview__main {
        min-width: 0;
        max-width: 100%;
    }

    .sc2-page .scx-hero .scx-container {
        width: calc(100vw - 28px);
        max-width: calc(100vw - 28px);
    }

    .sc2-page .scx-hero-grid {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .scx-hero-copy,
    .sc2-page .scx-hero-actions,
    .sc2-page .scx-trust-inline {
        width: 100%;
    }

    .sc2-page .sc2-hero-visual {
        padding: 20px 0 30px;
    }

    .sc2-page .sc2-hero-visual .scx-browser {
        transform: none;
    }

    .sc2-page .sc2-preview {
        min-height: 360px;
    }

    .sc2-page .sc2-preview .site-control-preview__sidebar {
        min-width: 0;
    }

    .sc2-page .sc2-orbit {
        display: none;
    }

    .sc2-page .sc2-core-bento .scx-bento-card {
        min-height: 0;
    }

    .sc2-page .sc2-product-grid,
    .sc2-page .sc2-workflow-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-product-grid article,
    .sc2-page .sc2-product-grid article.is-primary,
    .sc2-page .sc2-product-grid article:last-child {
        grid-column: auto;
        min-height: 0;
    }

    .sc2-page .sc2-product-grid article > small,
    .sc2-page .sc2-product-grid article.is-primary > small,
    .sc2-page .sc2-workflow-grid article > small {
        margin-bottom: 54px;
    }

    .sc2-page .sc2-workflow-grid article {
        min-height: 0;
    }

    .sc2-page .sc2-catalog-row {
        position: relative;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        min-height: 0;
        padding: 34px 4px 40px;
    }

    .sc2-page .sc2-catalog-number {
        position: absolute;
        top: 38px;
        right: 6px;
    }

    .sc2-page .sc2-catalog-copy {
        padding-right: 32px;
    }

    .sc2-page .sc2-catalog-price {
        padding-right: 0;
    }

    .sc2-page .sc2-safety {
        grid-template-columns: minmax(0, 1fr);
        padding: 22px;
    }

    .sc2-page .sc2-requirements ul {
        grid-template-columns: 1fr;
    }

    .sc2-page .sc2-final {
        display: grid;
    }

    .sc2-page .sc2-final .scx-btn {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .sc2-page .sc2-preview .site-control-preview__stats {
        grid-template-columns: 1fr;
    }

    .sc2-page .sc2-preview .site-control-preview__stats span {
        min-height: 48px;
    }

    .sc2-page .sc2-preview .site-control-preview__modules {
        display: none;
    }
}

/* ===========================================================================
   VELUNO EDITORIAL CONTROL SYSTEM
   The product page follows the visual grammar of the VELUNO homepage:
   large technical fields, continuous grids and deliberate asymmetry.
   ========================================================================== */

.sc2-page {
    --sc2-ink: #05080e;
    --sc2-panel: #071018;
    --sc2-green: #20b978;
    --sc2-green-light: #7cecbc;
    --sc2-lime: #c8ff27;
    --sc2-cream: #f4efe7;
    --sc2-line: rgba(5, 8, 14, .14);
    background: var(--sc2-cream);
}

.sc2-page .scx-section {
    border-top: 1px solid var(--sc2-line);
}

.sc2-page .scx-section-head > p:first-child,
.sc2-page .sc2-store-head-right > p:first-child,
.sc2-page .sc2-final-copy > p:first-child {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sc2-page .scx-section-head > p:last-child,
.sc2-page .sc2-product-copy > p,
.sc2-page .sc2-store-head-right > p:nth-child(2) {
    line-height: 1.65;
}

.sc2-page .sc2-inline-cta {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-top: 26px;
    padding: 0 0 9px;
    border-bottom: 1px solid currentColor;
    color: var(--sc2-ink) !important;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.sc2-page .sc2-inline-cta span {
    transition: transform .25s ease;
}

.sc2-page .sc2-inline-cta:hover span,
.sc2-page .sc2-inline-cta:focus-visible span {
    transform: translate(4px, -4px);
}

.sc2-page .sc2-inline-cta.is-light {
    color: var(--sc2-green-light) !important;
}

.sc2-page .scx-hero {
    min-height: calc(100svh - 76px);
    padding-top: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 12%, rgba(32, 185, 120, .23), transparent 28rem),
        radial-gradient(circle at 10% 4%, rgba(124, 167, 255, .12), transparent 32rem),
        linear-gradient(135deg, #04080d 0%, #09131c 53%, #092019 100%);
}

.sc2-page .scx-hero::before {
    opacity: .62;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: calc(100vw / 12) 76px;
}

.sc2-page .scx-hero::after {
    position: absolute;
    right: -1.5vw;
    bottom: 86px;
    color: transparent;
    content: "SITE / CONTROL";
    font-family: "TWK Everett", sans-serif;
    font-size: clamp(4rem, 10vw, 10rem);
    font-weight: 800;
    letter-spacing: -.07em;
    line-height: .8;
    pointer-events: none;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .055);
    white-space: nowrap;
}

.sc2-page .scx-hero .scx-container {
    width: min(1540px, calc(100% - 72px));
}

.sc2-page .scx-hero-grid {
    min-height: calc(100svh - 198px);
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
    gap: clamp(48px, 7vw, 110px);
}

.sc2-page .scx-hero-copy {
    position: relative;
    padding: 58px 0 46px 30px;
    border-left: 1px solid rgba(124, 236, 188, .34);
}

.sc2-page .scx-hero-copy::before {
    position: absolute;
    top: 58px;
    left: -4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--sc2-green-light);
    box-shadow: 0 0 0 8px rgba(124, 236, 188, .1);
    content: "";
}

.sc2-page .scx-hero-copy .h1-site {
    max-width: 17ch;
    letter-spacing: -.065em;
    line-height: .88;
    text-wrap: balance;
}

.sc2-page .scx-hero-copy > p:nth-of-type(2) {
    max-width: 700px;
}

.sc2-page .scx-hero-visual {
    isolation: isolate;
    padding: 44px 0 54px 32px;
}

.sc2-page .sc2-hero-visual::before {
    position: absolute;
    z-index: -2;
    inset: 9% -8% 4% 8%;
    border: 1px solid rgba(124, 236, 188, .16);
    background:
        linear-gradient(90deg, rgba(124, 236, 188, .06) 1px, transparent 1px),
        linear-gradient(rgba(124, 236, 188, .06) 1px, transparent 1px);
    background-size: 46px 46px;
    content: "";
    transform: rotate(2.2deg);
}

.sc2-page .sc2-hero-visual .scx-browser {
    position: relative;
    z-index: 2;
    border-color: rgba(255, 255, 255, .28);
    border-radius: 6px;
    box-shadow: 42px 54px 120px rgba(0, 0, 0, .5), -14px -14px 0 rgba(124, 236, 188, .07);
    transform: perspective(1600px) rotateY(-3deg) rotateX(1deg) rotateZ(-.6deg);
}

.sc2-page .sc2-preview {
    min-height: 470px;
}

.sc2-page .sc2-preview .site-control-preview__sidebar {
    min-width: 148px;
    background: linear-gradient(180deg, #061b12, #0a2b1c);
}

.sc2-page .sc2-preview .site-control-preview__main {
    background:
        linear-gradient(rgba(12, 63, 41, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(12, 63, 41, .045) 1px, transparent 1px),
        linear-gradient(145deg, #f5f8f5, #e9f2ed);
    background-size: 28px 28px, 28px 28px, auto;
}

.sc2-page .sc2-preview .site-control-preview__stats span,
.sc2-page .sc2-preview .site-control-preview__modules {
    border-radius: 4px;
    box-shadow: 0 10px 28px rgba(14, 52, 36, .05);
}

.sc2-page .sc2-orbit {
    display: none;
}

.sc2-page .scx-proof-strip {
    position: relative;
    z-index: 2;
}

.sc2-page .scx-proof-strip > div {
    min-height: 76px;
    padding: 19px 24px;
}

.sc2-page .sc2-product-intro::after,
.sc2-page .sc2-capabilities::after,
.sc2-page .sc2-core::after,
.sc2-page .sc2-workflow::after,
.sc2-page .sc2-store::after,
.sc2-page .sc2-audience::after,
.sc2-page .sc2-install::after,
.sc2-page .sc2-faq::after {
    position: absolute;
    top: 46px;
    right: 18px;
    z-index: 2;
    color: rgba(5, 8, 14, .38);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .16em;
    pointer-events: none;
    text-transform: uppercase;
    writing-mode: vertical-rl;
}

.sc2-page .sc2-product-intro::after { content: "01 / PRODUCT"; }
.sc2-page .sc2-capabilities::after { content: "02 / FUNCTIONS"; }
.sc2-page .sc2-core::after { content: "03 / FREE CORE"; }
.sc2-page .sc2-workflow::after { content: "04 / WORKFLOW"; color: rgba(255, 255, 255, .34); }
.sc2-page .sc2-store::after { content: "05 / MODULE STORE"; color: rgba(255, 255, 255, .34); }
.sc2-page .sc2-audience::after { content: "06 / USE CASES"; }
.sc2-page .sc2-install::after { content: "07 / START"; }
.sc2-page .sc2-faq::after { content: "08 / FAQ"; }

.sc2-page .sc2-product-intro {
    background:
        linear-gradient(rgba(5, 8, 14, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(5, 8, 14, .035) 1px, transparent 1px),
        #f8f5ef;
    background-size: calc(100vw / 12) 76px;
}

.sc2-page .sc2-product-intro .scx-section-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, .94fr) minmax(340px, .56fr);
    column-gap: clamp(52px, 9vw, 150px);
    align-items: end;
}

.sc2-page .sc2-product-intro .scx-section-head > p:first-child,
.sc2-page .sc2-product-intro .scx-section-head > h2 {
    grid-column: 1;
}

.sc2-page .sc2-product-copy {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: 26px;
    border-top: 1px solid var(--sc2-line);
}

.sc2-page .sc2-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(5, 8, 14, .24);
    background: var(--sc2-panel);
    box-shadow: 30px 34px 0 rgba(5, 8, 14, .07);
}

.sc2-page .sc2-product-grid article {
    position: relative;
    display: flex;
    min-height: 320px;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: clamp(30px, 3.3vw, 48px);
    border: 0;
    border-right: 1px solid rgba(5, 8, 14, .18);
    border-radius: 0;
    background: #f7f3ec;
}

.sc2-page .sc2-product-grid article:last-child {
    border-right: 0;
    background: #dff7eb;
}

.sc2-page .sc2-product-grid article.is-primary {
    min-height: 320px;
    color: #fff;
    background:
        linear-gradient(rgba(124, 236, 188, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 236, 188, .06) 1px, transparent 1px),
        #07130e;
    background-size: 34px 34px;
}

.sc2-page .sc2-product-grid article::after {
    position: absolute;
    top: 38px;
    right: 38px;
    width: 78px;
    height: 78px;
    border: 1px solid currentColor;
    content: "";
    opacity: .16;
}

.sc2-page .sc2-product-grid article:nth-child(1)::after {
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px transparent, inset 0 0 0 17px currentColor;
}

.sc2-page .sc2-product-grid article:nth-child(2)::after {
    background:
        linear-gradient(currentColor 1px, transparent 1px),
        linear-gradient(90deg, currentColor 1px, transparent 1px);
    background-size: 18px 18px;
}

.sc2-page .sc2-product-grid article:nth-child(3)::after {
    border-radius: 50%;
    transform: rotate(45deg);
}

.sc2-page .sc2-product-grid article > small {
    position: absolute;
    top: 36px;
    left: clamp(30px, 3.3vw, 48px);
    display: block;
    margin: 0;
    color: #148256;
    font-weight: 800;
    letter-spacing: .16em;
}

.sc2-page .sc2-product-grid article.is-primary > small {
    margin: 0;
    color: var(--sc2-green-light);
}

.sc2-page .sc2-product-grid article p {
    max-width: 520px;
}

.sc2-page .sc2-capabilities {
    background:
        radial-gradient(circle at 12% 8%, rgba(32, 185, 120, .13), transparent 24rem),
        #f4efe7;
}

.sc2-page .sc2-capabilities-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, .95fr) minmax(340px, .55fr);
    gap: clamp(48px, 8vw, 132px);
    align-items: end;
}

.sc2-page .sc2-capabilities-head > p {
    padding-top: 26px;
    border-top: 1px solid var(--sc2-line);
}

.sc2-page .sc2-capability-grid {
    display: grid;
    overflow: hidden;
    margin-top: 48px;
    border: 1px solid rgba(5, 8, 14, .24);
    background: rgba(5, 8, 14, .24);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    box-shadow: 30px 34px 0 rgba(5, 8, 14, .07);
}

.sc2-page .sc2-capability-card {
    display: flex;
    min-height: 430px;
    flex-direction: column;
    padding: clamp(28px, 3vw, 44px);
    background: #fff;
}

.sc2-page .sc2-capability-card[data-kind="module"] {
    background: #e5f5ec;
}

.sc2-page .sc2-capability-card[data-kind="usage"] {
    color: #fff;
    background:
        linear-gradient(rgba(124, 236, 188, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 236, 188, .06) 1px, transparent 1px),
        #07130e;
    background-size: 28px 28px;
}

.sc2-page .sc2-capability-card[data-kind="core_module"] {
    background: var(--sc2-lime);
}

.sc2-page .sc2-capability-meta {
    display: flex;
    margin-bottom: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.sc2-page .sc2-capability-meta span {
    color: #148256;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.sc2-page .sc2-capability-meta small {
    padding: 7px 10px;
    border: 1px solid rgba(5, 8, 14, .16);
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sc2-page .sc2-capability-card[data-kind="usage"] .sc2-capability-meta span,
.sc2-page .sc2-capability-card[data-kind="usage"] .sc2-capability-meta small,
.sc2-page .sc2-capability-card[data-kind="usage"] h3,
.sc2-page .sc2-capability-card[data-kind="usage"] p,
.sc2-page .sc2-capability-card[data-kind="usage"] li {
    color: #fff !important;
}

.sc2-page .sc2-capability-card[data-kind="usage"] .sc2-capability-meta small {
    border-color: rgba(255, 255, 255, .3);
}

.sc2-page .sc2-capability-card > p {
    min-height: 78px;
}

.sc2-page .sc2-capability-card ul {
    display: grid;
    margin: auto 0 0;
    padding: 28px 0 0;
    list-style: none;
    gap: 12px;
}

.sc2-page .sc2-capability-card li {
    position: relative;
    padding-left: 18px;
    font-size: .88rem;
    line-height: 1.55;
}

.sc2-page .sc2-capability-card li::before {
    position: absolute;
    top: .64em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--sc2-green);
    content: "";
}

.sc2-page .sc2-capability-card[data-kind="usage"] li::before {
    background: var(--sc2-green-light);
}

.sc2-page .sc2-core {
    background:
        radial-gradient(circle at 88% 8%, rgba(200, 255, 39, .24), transparent 27rem),
        #e9e4d8;
}

.sc2-page .sc2-core .scx-section-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, .92fr) minmax(320px, .58fr);
    column-gap: clamp(52px, 9vw, 150px);
    align-items: end;
}

.sc2-page .sc2-core .scx-section-head > p:first-child,
.sc2-page .sc2-core .scx-section-head > h2 {
    grid-column: 1;
}

.sc2-page .sc2-core .scx-section-head > p:last-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: 26px;
    border-top: 1px solid var(--sc2-line);
}

.sc2-page .sc2-core-bento {
    position: relative;
    gap: 10px;
    margin-top: 18px;
    padding: 10px;
    border: 1px solid rgba(5, 8, 14, .28);
    background: #09120f;
    box-shadow: 30px 34px 0 rgba(5, 8, 14, .09);
}

.sc2-page .sc2-core-bento::before {
    position: absolute;
    top: -24px;
    right: 0;
    color: rgba(5, 8, 14, .48);
    content: "CORE / INCLUDED";
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.sc2-page .sc2-core-bento .scx-bento-card {
    min-height: 310px;
    border-color: rgba(5, 8, 14, .13);
    border-radius: 3px;
    box-shadow: none;
}

.sc2-page .sc2-core-bento .scx-bento-card:nth-child(1) { grid-column: span 8; }
.sc2-page .sc2-core-bento .scx-bento-card:nth-child(2) { grid-column: span 4; }
.sc2-page .sc2-core-bento .scx-bento-card:nth-child(3) { grid-column: span 4; }
.sc2-page .sc2-core-bento .scx-bento-card:nth-child(4) { grid-column: span 8; }
.sc2-page .sc2-core-bento .scx-bento-card:nth-child(5) { grid-column: span 7; }
.sc2-page .sc2-core-bento .scx-bento-card:nth-child(6) { grid-column: span 5; }

.sc2-page .sc2-core-bento .scx-bento-card:nth-child(2),
.sc2-page .sc2-core-bento .scx-bento-card:nth-child(5) {
    background:
        linear-gradient(rgba(5, 8, 14, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(5, 8, 14, .035) 1px, transparent 1px),
        #fff;
    background-size: 28px 28px;
}

.sc2-page .sc2-metric-dark div {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 3px;
    background: rgba(255, 255, 255, .06);
}

.sc2-page .sc2-metric-dark strong,
.sc2-page .sc2-metric-dark span {
    color: #fff;
}

.sc2-page .sc2-pill-light span {
    border-radius: 3px;
    border-color: rgba(12, 84, 56, .12);
    color: #0c5438;
    background: #e7f5ed;
}

.sc2-page .scx-url-check,
.sc2-page .scx-consent-ui,
.sc2-page .scx-consent-ui span,
.sc2-page .scx-toggle-row {
    border-radius: 3px;
}

.sc2-page .sc2-workflow {
    color: #fff;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
        radial-gradient(circle at 100% 0, rgba(124, 167, 255, .18), transparent 30rem),
        #070e15;
    background-size: calc(100vw / 12) 76px, calc(100vw / 12) 76px, auto, auto;
}

.sc2-page .sc2-workflow-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, .94fr) minmax(340px, .56fr);
    column-gap: clamp(52px, 9vw, 150px);
    align-items: end;
}

.sc2-page .sc2-workflow-head > p:first-child,
.sc2-page .sc2-workflow-head > h2 {
    grid-column: 1;
}

.sc2-page .sc2-workflow-head > p:last-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, .22);
}

.sc2-page .sc2-workflow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .22);
    border-bottom: 1px solid rgba(255, 255, 255, .22);
}

.sc2-page .sc2-workflow-grid article {
    position: relative;
    min-height: 360px;
    padding: clamp(30px, 3.2vw, 46px) clamp(24px, 2.4vw, 36px);
    overflow: hidden;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, .17);
    background: rgba(255, 255, 255, .018);
}

.sc2-page .sc2-workflow-grid article:last-child {
    border-right: 1px solid rgba(255, 255, 255, .17);
}

.sc2-page .sc2-workflow-grid article:nth-child(2n) {
    background: rgba(124, 236, 188, .045);
}

.sc2-page .sc2-workflow-grid article::after {
    position: absolute;
    top: 31px;
    right: -28px;
    width: 110px;
    height: 110px;
    border: 1px solid rgba(124, 236, 188, .14);
    border-radius: 50%;
    content: "";
}

.sc2-page .sc2-workflow-grid article > small {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    margin: 0 0 112px;
    border: 1px solid rgba(124, 236, 188, .44);
    border-radius: 50%;
    color: var(--sc2-green-light) !important;
    font-weight: 800;
    letter-spacing: .1em;
}

.sc2-page .sc2-store {
    color: #fff;
    background:
        radial-gradient(circle at 4% 8%, rgba(200, 255, 39, .11), transparent 28rem),
        radial-gradient(circle at 92% 90%, rgba(32, 185, 120, .2), transparent 36rem),
        #06120d;
}

.sc2-page .sc2-store > .scx-container {
    position: relative;
}

.sc2-page .sc2-store > .scx-container::before {
    position: absolute;
    top: 98px;
    right: 0;
    color: transparent;
    content: "MODULE";
    font-family: "TWK Everett", sans-serif;
    font-size: clamp(4rem, 12vw, 12rem);
    font-weight: 800;
    letter-spacing: -.07em;
    line-height: .75;
    opacity: .5;
    pointer-events: none;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .08);
}

.sc2-page .sc2-store-head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    column-gap: clamp(48px, 9vw, 150px);
    align-items: end;
    max-width: none;
}

.sc2-page .sc2-store-head-right {
    max-width: 720px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, .22);
}

.sc2-page .sc2-catalog {
    position: relative;
    z-index: 1;
    margin-top: 42px;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.sc2-page .sc2-catalog-row {
    position: relative;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) minmax(230px, .34fr);
    gap: clamp(24px, 4vw, 66px);
    align-items: center;
    min-height: 260px;
    padding: 44px 18px;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, .18);
    transition: background-color .28s ease, border-color .28s ease;
}

.sc2-page .sc2-catalog-row:hover {
    border-color: rgba(124, 236, 188, .54);
    background: rgba(255, 255, 255, .035);
}

.sc2-page .sc2-catalog-row.is-bundle {
    border-color: rgba(200, 255, 39, .42);
    background:
        linear-gradient(90deg, rgba(200, 255, 39, .11), rgba(32, 185, 120, .08)),
        rgba(255, 255, 255, .02);
}

.sc2-page .sc2-catalog-row.is-bundle::after {
    position: absolute;
    top: 18px;
    right: -39px;
    width: 150px;
    padding: 7px 0;
    color: #06100b;
    background: var(--sc2-lime);
    content: "BUNDLE";
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-align: center;
    transform: rotate(45deg);
}

.sc2-page .sc2-catalog-row.is-ai {
    background: linear-gradient(90deg, rgba(124, 167, 255, .1), transparent 72%);
}

.sc2-page .sc2-catalog-number {
    align-self: start;
    color: rgba(255, 255, 255, .35);
    font-weight: 800;
    letter-spacing: .16em;
}

.sc2-page .sc2-catalog-copy {
    min-width: 0;
}

.sc2-page .sc2-catalog-copy > p {
    max-width: 780px;
}

.sc2-page .sc2-catalog-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 18px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.sc2-page .sc2-catalog-benefits li {
    position: relative;
    padding: 10px 10px 10px 22px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
}

.sc2-page .sc2-catalog-benefits li::before {
    position: absolute;
    top: 10px;
    left: 0;
    color: var(--sc2-green-light);
    content: "✓";
    font-weight: 800;
}

.sc2-page .sc2-catalog-price {
    display: grid;
    min-width: 220px;
    justify-self: end;
    gap: 7px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .04);
    transition: border-color .25s ease, transform .25s ease;
}

.sc2-page .sc2-catalog-row:hover .sc2-catalog-price {
    border-color: rgba(124, 236, 188, .5);
    transform: translateX(-6px);
}

.sc2-page .sc2-audience {
    background:
        linear-gradient(rgba(5, 8, 14, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(5, 8, 14, .035) 1px, transparent 1px),
        #f3eee5;
    background-size: calc(100vw / 12) 76px;
}

.sc2-page .sc2-audience .scx-section-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, .94fr) minmax(340px, .56fr);
    column-gap: clamp(52px, 9vw, 150px);
    align-items: end;
}

.sc2-page .sc2-audience .scx-section-head > p:first-child,
.sc2-page .sc2-audience .scx-section-head > h2 {
    grid-column: 1;
}

.sc2-page .sc2-audience .scx-section-head > p:last-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: 26px;
    border-top: 1px solid var(--sc2-line);
}

.sc2-page .sc2-audience-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(5, 8, 14, .2);
}

.sc2-page .sc2-audience-grid article {
    position: relative;
    min-height: 340px;
    padding: clamp(34px, 4vw, 56px);
    border: 0;
    border-right: 1px solid rgba(5, 8, 14, .18);
    background: rgba(255, 255, 255, .68);
}

.sc2-page .sc2-audience-grid article:last-child {
    border-right: 0;
    background: var(--sc2-lime);
}

.sc2-page .sc2-audience-grid article:nth-child(2) {
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(124, 236, 188, .2), transparent 18rem),
        #07130e;
}

.sc2-page .sc2-audience-grid article:nth-child(2) h3,
.sc2-page .sc2-audience-grid article:nth-child(2) p {
    color: #fff !important;
}

.sc2-page .sc2-audience-grid article::before {
    display: block;
    margin-bottom: 90px;
    color: rgba(5, 8, 14, .18);
    content: attr(data-index);
    font-size: clamp(3.4rem, 6vw, 6rem);
    font-weight: 800;
    letter-spacing: -.08em;
    line-height: .7;
}

.sc2-page .sc2-audience-grid article:nth-child(2)::before {
    color: rgba(255, 255, 255, .2);
}

.sc2-page .sc2-requirements {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 40px;
    align-items: start;
    margin-top: 18px;
    padding: clamp(30px, 4vw, 50px);
    border: 1px solid rgba(124, 236, 188, .22);
    border-radius: 0;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(124, 236, 188, .05) 1px, transparent 1px),
        #07130e;
    background-size: calc(100% / 6) 100%;
}

.sc2-page .sc2-requirements ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sc2-page .sc2-requirements li {
    position: relative;
    padding: 9px 0 9px 22px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    color: #fff;
}

.sc2-page .sc2-requirements li::before {
    position: absolute;
    top: 9px;
    left: 0;
    color: var(--sc2-lime);
    content: "✓";
    font-weight: 800;
}

.sc2-page .sc2-install {
    background:
        linear-gradient(rgba(5, 8, 14, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(5, 8, 14, .06) 1px, transparent 1px),
        var(--sc2-lime);
    background-size: calc(100vw / 12) 76px;
}

.sc2-page .sc2-install .scx-section-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 50px;
    align-items: end;
}

.sc2-page .sc2-install .scx-section-head > p,
.sc2-page .sc2-install .scx-section-head > h2 {
    grid-column: 1;
}

.sc2-page .sc2-install .scx-section-head > .sc2-inline-cta {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
}

.sc2-page .sc2-install .scx-steps-grid {
    gap: 0;
    border-top: 1px solid rgba(5, 8, 14, .36);
    border-bottom: 1px solid rgba(5, 8, 14, .36);
}

.sc2-page .sc2-install .scx-steps-grid article {
    min-height: 290px;
    padding: 36px;
    border: 0;
    border-left: 1px solid rgba(5, 8, 14, .28);
    border-radius: 0;
    background: rgba(255, 255, 255, .24);
}

.sc2-page .sc2-install .scx-steps-grid article:last-child {
    border-right: 1px solid rgba(5, 8, 14, .28);
}

.sc2-page .sc2-install .scx-steps-grid article > span {
    margin-bottom: 76px;
    color: rgba(5, 8, 14, .28);
}

.sc2-page .sc2-safety {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    max-width: none;
    margin: 18px 0 0;
    padding: 30px;
    border: 1px solid rgba(5, 8, 14, .28);
    border-radius: 0;
    color: #fff;
    background: var(--sc2-panel);
}

.sc2-page .sc2-safety > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    color: var(--sc2-ink);
    background: var(--sc2-lime);
    font-weight: 900;
}

.sc2-page .sc2-safety h3,
.sc2-page .sc2-safety p {
    color: #fff !important;
}

.sc2-page .sc2-faq {
    background: #f8f6f1;
}

.sc2-page .sc2-faq .scx-container {
    display: grid;
    grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr);
    gap: clamp(54px, 9vw, 150px);
    align-items: start;
}

.sc2-page .sc2-faq .scx-section-head {
    position: sticky;
    top: 110px;
    max-width: 520px;
    margin: 0;
}

.sc2-page .sc2-faq .scx-faq-grid {
    display: grid;
    grid-template-columns: 1fr;
    border-top: 1px solid var(--sc2-line);
}

.sc2-page .sc2-faq .scx-faq-grid details {
    border-bottom: 1px solid var(--sc2-line);
}

.sc2-page .sc2-faq .scx-faq-grid summary {
    display: grid;
    min-height: 92px;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 24px;
    align-items: center;
    padding: 26px 0;
    cursor: pointer;
    list-style: none;
}

.sc2-page .sc2-faq .scx-faq-grid summary::-webkit-details-marker {
    display: none;
}

.sc2-page .sc2-faq .scx-faq-grid summary span {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--sc2-line);
    border-radius: 50%;
}

.sc2-page .sc2-faq .scx-faq-grid summary span::before,
.sc2-page .sc2-faq .scx-faq-grid summary span::after {
    position: absolute;
    width: 12px;
    height: 1px;
    background: var(--sc2-ink);
    content: "";
    transition: transform .2s ease;
}

.sc2-page .sc2-faq .scx-faq-grid summary span::after {
    transform: rotate(90deg);
}

.sc2-page .sc2-faq .scx-faq-grid details[open] summary span::after {
    transform: rotate(0);
}

.sc2-page .sc2-faq .scx-faq-grid details > p {
    max-width: 760px;
    padding: 0 70px 30px 0;
    line-height: 1.7;
}

.sc2-page .scx-buy-section {
    padding: clamp(90px, 11vw, 170px) 0;
    overflow: hidden;
    background:
        linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
        radial-gradient(circle at 78% 40%, rgba(32, 185, 120, .22), transparent 28rem),
        #03070b;
    background-size: calc(100vw / 12) 76px, calc(100vw / 12) 76px, auto, auto;
}

.sc2-page .sc2-final {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: clamp(36px, 6vw, 90px);
    align-items: center;
    padding: 58px 0;
    border-top: 1px solid rgba(124, 236, 188, .32);
    border-bottom: 1px solid rgba(124, 236, 188, .32);
}

.sc2-page .sc2-final::before {
    position: absolute;
    top: -4px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sc2-green-light);
    box-shadow: 0 0 0 8px rgba(124, 236, 188, .1);
    content: "";
}

.sc2-page .sc2-final-copy {
    max-width: 780px;
}

.sc2-page .sc2-final-copy > p:last-child {
    max-width: 720px;
}

.sc2-page .sc2-final-mark {
    display: grid;
    min-width: 150px;
    min-height: 150px;
    place-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    text-align: center;
}

.sc2-page .sc2-final-mark strong,
.sc2-page .sc2-final-mark span {
    display: block;
    color: #fff;
}

.sc2-page .sc2-final-mark strong {
    font-size: 3rem;
    letter-spacing: -.07em;
    line-height: .9;
}

.sc2-page .sc2-final-mark span {
    margin-top: 7px;
    color: var(--sc2-green-light);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.sc2-page .sc2-final .scx-btn {
    flex: 0 0 auto;
}

/* Responsive overrides for the editorial layer must remain last. */
@media (max-width: 1180px) {
    .sc2-page .sc2-product-intro::after,
    .sc2-page .sc2-capabilities::after,
    .sc2-page .sc2-core::after,
    .sc2-page .sc2-workflow::after,
    .sc2-page .sc2-store::after,
    .sc2-page .sc2-audience::after,
    .sc2-page .sc2-install::after,
    .sc2-page .sc2-faq::after {
        display: none;
    }

    .sc2-page .sc2-workflow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sc2-page .sc2-workflow-grid article:nth-child(2) {
        border-right: 1px solid rgba(255, 255, 255, .17);
    }

    .sc2-page .sc2-workflow-grid article:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, .17);
    }
}

@media (max-width: 1050px) {
    .sc2-page .scx-hero,
    .sc2-page .scx-hero-grid {
        min-height: 0;
    }

    .sc2-page .scx-hero-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .scx-hero-copy {
        max-width: 860px;
        padding-top: 72px;
    }

    .sc2-page .sc2-product-intro .scx-section-head,
    .sc2-page .sc2-capabilities-head,
    .sc2-page .sc2-core .scx-section-head,
    .sc2-page .sc2-workflow-head,
    .sc2-page .sc2-audience .scx-section-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-product-copy,
    .sc2-page .sc2-core .scx-section-head > p:last-child,
    .sc2-page .sc2-workflow-head > p:last-child,
    .sc2-page .sc2-audience .scx-section-head > p:last-child {
        grid-column: 1;
        grid-row: auto;
        max-width: 760px;
        margin-top: 28px;
    }

    .sc2-page .sc2-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sc2-page .sc2-capabilities-head > p {
        max-width: 760px;
        margin-top: 28px;
    }

    .sc2-page .sc2-capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sc2-page .sc2-product-grid article:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(5, 8, 14, .18);
    }

    .sc2-page .sc2-store-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-store-head-right {
        max-width: 760px;
        margin-top: 36px;
    }

    .sc2-page .sc2-catalog-row {
        grid-template-columns: 54px minmax(0, 1fr) minmax(200px, .35fr);
        gap: 24px;
    }

    .sc2-page .sc2-catalog-benefits {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-audience-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-audience-grid article {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(5, 8, 14, .18);
    }

    .sc2-page .sc2-audience-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-audience-grid article::before {
        margin-bottom: 46px;
    }

    .sc2-page .sc2-requirements,
    .sc2-page .sc2-faq .scx-container {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-faq .scx-section-head {
        position: static;
        max-width: 760px;
        margin-bottom: 20px;
    }

    .sc2-page .sc2-final {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .sc2-page .sc2-final .scx-btn {
        grid-column: 1 / -1;
        width: fit-content;
    }
}

@media (max-width: 900px) {
    .sc2-page .sc2-core-bento .scx-bento-card:nth-child(n) {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .sc2-page .scx-hero {
        min-height: 0;
    }

    .sc2-page .scx-hero .scx-container {
        width: calc(100vw - 28px);
        max-width: calc(100vw - 28px);
    }

    .sc2-page .scx-hero-copy {
        padding: 48px 0 32px 18px;
    }

    .sc2-page .scx-hero-copy::before {
        top: 48px;
    }

    .sc2-page .sc2-hero-visual {
        padding: 20px 0 34px;
    }

    .sc2-page .sc2-hero-visual::before {
        inset: 4% -4% 0 4%;
    }

    .sc2-page .sc2-hero-visual .scx-browser {
        transform: none;
    }

    .sc2-page .sc2-product-grid,
    .sc2-page .sc2-capability-grid,
    .sc2-page .sc2-workflow-grid,
    .sc2-page .sc2-audience-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-product-grid article,
    .sc2-page .sc2-product-grid article.is-primary,
    .sc2-page .sc2-product-grid article:last-child {
        grid-column: auto;
        min-height: 270px;
        border-right: 0;
        border-bottom: 1px solid rgba(5, 8, 14, .18);
    }

    .sc2-page .sc2-capability-grid {
        margin-top: 34px;
        box-shadow: 16px 18px 0 rgba(5, 8, 14, .07);
    }

    .sc2-page .sc2-capability-card {
        min-height: 0;
    }

    .sc2-page .sc2-capability-card > p {
        min-height: 0;
    }

    .sc2-page .sc2-product-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-core-bento .scx-bento-card {
        min-height: 0;
    }

    .sc2-page .sc2-workflow-grid article,
    .sc2-page .sc2-workflow-grid article:nth-child(n) {
        min-height: 270px;
        border-right: 1px solid rgba(255, 255, 255, .17);
        border-bottom: 1px solid rgba(255, 255, 255, .17);
    }

    .sc2-page .sc2-workflow-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-workflow-grid article > small {
        margin-bottom: 64px;
    }

    .sc2-page .sc2-store > .scx-container::before {
        display: none;
    }

    .sc2-page .sc2-catalog-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        min-height: 0;
        padding: 38px 4px 44px;
    }

    .sc2-page .sc2-catalog-number {
        position: absolute;
        top: 40px;
        right: 6px;
    }

    .sc2-page .sc2-catalog-copy {
        padding-right: 34px;
    }

    .sc2-page .sc2-catalog-price {
        min-width: 0;
        width: 100%;
        justify-self: stretch;
    }

    .sc2-page .sc2-catalog-row:hover .sc2-catalog-price {
        transform: none;
    }

    .sc2-page .sc2-requirements ul {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-install .scx-section-head,
    .sc2-page .sc2-install .scx-steps-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc2-page .sc2-install .scx-section-head > .sc2-inline-cta {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .sc2-page .sc2-install .scx-steps-grid article,
    .sc2-page .sc2-install .scx-steps-grid article:last-child {
        min-height: 0;
        border-right: 1px solid rgba(5, 8, 14, .28);
        border-bottom: 1px solid rgba(5, 8, 14, .28);
    }

    .sc2-page .sc2-install .scx-steps-grid article:last-child {
        border-bottom: 0;
    }

    .sc2-page .sc2-safety {
        grid-template-columns: minmax(0, 1fr);
        padding: 24px;
    }

    .sc2-page .sc2-faq .scx-faq-grid summary {
        min-height: 80px;
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 16px;
    }

    .sc2-page .sc2-faq .scx-faq-grid summary span {
        width: 34px;
        height: 34px;
    }

    .sc2-page .sc2-faq .scx-faq-grid details > p {
        padding-right: 0;
    }

    .sc2-page .sc2-final {
        grid-template-columns: minmax(0, 1fr);
        padding: 42px 0;
    }

    .sc2-page .sc2-final-mark {
        min-width: 126px;
        min-height: 126px;
        justify-self: start;
    }

    .sc2-page .sc2-final .scx-btn {
        grid-column: auto;
        width: 100%;
    }
}

@media (max-width: 430px) {
    .sc2-page .sc2-product-grid article,
    .sc2-page .sc2-core-bento .scx-bento-card,
    .sc2-page .sc2-audience-grid article,
    .sc2-page .sc2-install .scx-steps-grid article {
        padding: 28px;
    }

    .sc2-page .sc2-product-grid article > small {
        left: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc2-page *,
    .sc2-page *::before,
    .sc2-page *::after {
        transition: none !important;
        transform: none !important;
    }
}

/* Trial, Agency and update information share the existing product-page palette. */
.sc2-page [id] { scroll-margin-top: 100px; }
.sc2-page .sc2-trial { background: #e7f1e9; }
.sc2-page .sc2-trial-heading,
.sc2-page .sc2-agency-heading,
.sc2-page .sc2-update-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr);
    gap: clamp(32px, 6vw, 100px);
    align-items: center;
}
.sc2-page .sc2-trial-heading .scx-section-head,
.sc2-page .sc2-agency-heading .scx-section-head,
.sc2-page .sc2-update-grid .scx-section-head { margin: 0; max-width: none; }
.sc2-page .sc2-trial-heading h2,
.sc2-page .sc2-agency-heading h2,
.sc2-page .sc2-update-grid h2 { margin: 14px 0 24px; }
.sc2-page .sc2-trial-number { display: grid; justify-items: center; color: #12553a; }
.sc2-page .sc2-trial-number strong { font-size: clamp(140px, 17vw, 260px); font-weight: 600; line-height: .9; letter-spacing: -.07em; }
.sc2-page .sc2-trial-number span { margin-top: 20px; font-size: .72rem; letter-spacing: .16em; font-weight: 800; }
.sc2-page .sc2-trial-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 48px 0 36px; border-block: 1px solid #b8cdbd; }
.sc2-page .sc2-trial-steps article { padding: 30px; border-right: 1px solid #b8cdbd; }
.sc2-page .sc2-trial-steps article:first-child { padding-left: 0; }
.sc2-page .sc2-trial-steps article:last-child { padding-right: 0; border: 0; }
.sc2-page .sc2-trial-steps small { display: block; margin-bottom: 28px; color: #226646; font-weight: 800; }
.sc2-page .sc2-trial-steps p,
.sc2-page .sc2-trial-terms p,
.sc2-page .sc2-agency-features p { line-height: 1.65; margin: 12px 0 0; }
.sc2-page .sc2-trial-terms { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 40px; }
.sc2-page .sc2-trial-terms p { font-size: .94rem; margin: 0 0 12px; }
.sc2-page .sc2-trial-terms h3 { margin: 0; }
.sc2-page .sc2-trial-action { display: flex; gap: 28px; align-items: center; margin-top: 28px; }
.sc2-page .sc2-trial-action > p { font-size: .84rem; line-height: 1.6; max-width: 460px; margin: 0; }
.sc2-page .sc2-trial-action .scx-btn { flex-shrink: 0; background: #0b3323; color: #fff !important; }
.sc2-page .sc2-trial-action .scx-btn:hover { background: #15553b; }
.sc2-page .sc2-agency { background: #091710; color: #f1f6f2; }
.sc2-page .sc2-agency h2,
.sc2-page .sc2-agency h3 { color: #f1f6f2 !important; }
.sc2-page .sc2-agency p { color: #c1cfc6 !important; }
.sc2-page .sc2-agency .scx-section-head > p:first-child { color: #8bdbaf !important; }
.sc2-page .sc2-agency .scx-section-head > p:last-child { color: #c1cfc6; }
.sc2-page .sc2-agency-price { border-left: 1px solid #365242; padding-left: 32px; }
.sc2-page .sc2-agency-price > strong { display: block; font-size: clamp(44px, 5vw, 72px); color: #a2ebbd; letter-spacing: -.04em; line-height: 1.1; }
.sc2-page .sc2-agency-price > span { display: block; font-size: .8rem; margin-top: 12px; }
.sc2-page .sc2-agency-price > p { color: #baccc1; font-size: .85rem; line-height: 1.6; margin: 20px 0 0; }
.sc2-page .sc2-agency-workspace { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 80px); align-items: center; margin-top: 56px; }
.sc2-page .sc2-workspace-preview { margin: 0; min-width: 0; }
.sc2-page .sc2-workspace-window { display: grid; grid-template-columns: minmax(145px, .8fr) minmax(0, 1.5fr); border: 1px solid #4f695b; border-radius: 12px; overflow: hidden; box-shadow: 0 24px 70px #0005; }
.sc2-page .sc2-workspace-sidebar { display: flex; flex-direction: column; padding: 24px 12px; gap: 4px; background: #070e0a; }
.sc2-page .sc2-workspace-sidebar > strong { padding: 0 10px 22px; font-size: .92rem; }
.sc2-page .sc2-workspace-sidebar > small { padding: 18px 10px 6px; font-size: .6rem; color: #95b3a3; text-transform: uppercase; letter-spacing: .12em; }
.sc2-page .sc2-workspace-sidebar > span { padding: 10px; font-size: .7rem; line-height: 1.35; color: #d1dfd6; }
.sc2-page .sc2-workspace-sidebar > .is-selected { display: flex; align-items: center; gap: 8px; background: #1c3527; border-radius: 6px; color: #fff; }
.sc2-page .sc2-workspace-sidebar i,
.sc2-page .sc2-preview-site::before { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #47c590; flex-shrink: 0; }
.sc2-page .sc2-workspace-content { background: #f4efe7; min-width: 0; color: #173327; }
.sc2-page .sc2-workspace-content header { padding: 20px; display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; border-bottom: 1px solid #d2ded5; background: #fff; }
.sc2-page .sc2-workspace-content header strong { font-size: .8rem; }
.sc2-page .sc2-workspace-content header span { font-size: .63rem; color: #206440; }
.sc2-page .sc2-workspace-body { padding: 34px 22px; }
.sc2-page .sc2-workspace-body > small { font-size: .64rem; text-transform: uppercase; letter-spacing: .1em; }
.sc2-page .sc2-workspace-body h3 { color: #173327 !important; font-size: clamp(20px, 2vw, 30px); line-height: 1.2; margin: 14px 0 30px; }
.sc2-page .sc2-workspace-actions { display: grid; gap: 12px; }
.sc2-page .sc2-workspace-actions > span { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 14px; background: #fff; border: 1px solid #dce4dd; border-radius: 8px; font-size: .74rem; }
.sc2-page .sc2-workspace-actions b { font-size: 16px; color: #236c49; }
.sc2-page .sc2-workspace-preview figcaption { color: #b1c6b9; font-size: .68rem; margin-top: 16px; }
.sc2-page .sc2-agency-features article { border-bottom: 1px solid #365242; padding: 22px 0; }
.sc2-page .sc2-agency-features article:first-child { padding-top: 0; }
.sc2-page .sc2-agency-features p { color: #c1cfc6; font-size: .94rem; }
.sc2-page .sc2-agency-license { border-top: 1px solid #365242; margin: 38px 0 0; padding-top: 24px; color: #c1cfc6; font-size: .87rem; line-height: 1.7; }
.sc2-page .sc2-update-feature { background: #fff; }
.sc2-page .sc2-update-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.sc2-page .sc2-update-preview { margin: 0; }
.sc2-page .sc2-update-preview > div { padding: 28px; border: 1px solid #c1d6ec; background: #eaf2fc; border-radius: 12px; color: #234f7c; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 18px; align-items: center; }
.sc2-page .sc2-update-preview strong { font-size: 1rem; line-height: 1.5; }
.sc2-page .sc2-update-indicator { font-size: 30px; text-align: center; }
.sc2-page .sc2-update-link { grid-column: 2; font-size: .8rem; font-weight: 700; }
.sc2-page .sc2-update-preview figcaption { color: #5b6d7c; font-size: .68rem; margin-top: 14px; }
.sc2-page .sc2-preview-site { display: flex; align-items: center; gap: 7px; }
.sc2-page .sc2-preview-site::before { content: ''; }
.sc2-page .sc2-hero-caption { text-align: right; color: #bacfc2 !important; font-size: .65rem; margin: 14px 0 0; }
.sc2-page .sc2-hero-jump { color: #a2ebbd !important; font-size: .8rem; display: inline-block; margin-top: 20px; text-underline-offset: 5px; }
.sc2-page a:focus-visible { outline: 2px solid #1b9160; outline-offset: 5px; }
.sc2-page .sc2-agency a:focus-visible { outline-color: #a2ebbd; }
@media (max-width: 991px) {
    .sc2-page .sc2-agency-workspace { grid-template-columns: minmax(0, 1fr); }
    .sc2-page .sc2-agency-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
    .sc2-page .sc2-agency-features article { padding: 0 0 24px; }
    .sc2-page .sc2-update-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .sc2-page [id] { scroll-margin-top: 80px; }
    .sc2-page .sc2-trial-heading,
    .sc2-page .sc2-agency-heading,
    .sc2-page .sc2-trial-terms,
    .sc2-page .sc2-trial-steps,
    .sc2-page .sc2-agency-features { grid-template-columns: minmax(0, 1fr); }
    .sc2-page .sc2-trial-number { display: none; }
    .sc2-page .sc2-trial-steps { margin-top: 30px; }
    .sc2-page .sc2-trial-steps article,
    .sc2-page .sc2-trial-steps article:first-child,
    .sc2-page .sc2-trial-steps article:last-child { padding: 24px 0; border-right: 0; border-bottom: 1px solid #b8cdbd; }
    .sc2-page .sc2-trial-steps article:last-child { border-bottom: 0; }
    .sc2-page .sc2-trial-steps small { margin-bottom: 12px; }
    .sc2-page .sc2-trial-terms { gap: 18px; }
    .sc2-page .sc2-trial-action { flex-direction: column; align-items: stretch; gap: 16px; }
    .sc2-page .sc2-trial-action .scx-btn { width: 100%; }
    .sc2-page .sc2-agency-price { padding: 0; border: 0; }
    .sc2-page .sc2-workspace-window { grid-template-columns: minmax(114px, .7fr) minmax(0, 1fr); }
    .sc2-page .sc2-workspace-sidebar { padding: 20px 8px; }
    .sc2-page .sc2-workspace-sidebar > span { padding: 9px 5px; font-size: .61rem; }
    .sc2-page .sc2-workspace-sidebar > strong { font-size: .74rem; padding: 0 5px 18px; }
    .sc2-page .sc2-workspace-sidebar > small { padding-left: 5px; }
    .sc2-page .sc2-workspace-content header { padding: 16px 12px; }
    .sc2-page .sc2-workspace-body { padding: 24px 12px; }
    .sc2-page .sc2-workspace-actions > span { padding: 14px 10px; font-size: .65rem; }
    .sc2-page .sc2-agency-workspace { margin-top: 36px; }
    .sc2-page .sc2-update-preview > div { padding: 20px; gap: 12px; }
}

.sc2-page .sc2-trial-heading h2,
.sc2-page .sc2-agency-heading h2,
.sc2-page .sc2-update-grid h2 {
    max-width: 25ch;
    font-size: clamp(1.8rem, 3.3vw, 3rem) !important;
    line-height: 1.12;
    letter-spacing: -.035em;
    text-wrap: balance;
}