/* Sales homepage — deliberately scoped so the customer and admin workspaces stay untouched. */
.page-sales-home {
    --sales-bg: #05070c;
    --sales-panel: #0d121d;
    --sales-panel-soft: #111926;
    --sales-line: rgba(255, 255, 255, .095);
    --sales-text: #f4f7ff;
    --sales-muted: #94a1b7;
    --sales-mint: #21d9bc;
    --sales-blue: #3189ff;
    --sales-violet: #a875ff;
    --sales-pink: #ff6eb5;
    background:
        radial-gradient(70rem 36rem at 50% -12rem, rgba(49, 137, 255, .16), transparent 68%),
        linear-gradient(180deg, #0a1019 0, var(--sales-bg) 36rem, #05070b 100%);
}

.page-sales-home main {
    padding-top: .8rem !important;
    padding-bottom: 0 !important;
}

.page-sales-home .glass-nav > .container {
    max-width: 1280px;
}

.page-sales-home .glass-nav {
    background: rgba(5, 8, 13, .82);
}

.sales-home-shell {
    display: grid;
    width: min(100% - 1.5rem, 1180px);
    margin-inline: auto;
    gap: clamp(5rem, 10vw, 8.5rem);
}

.sales-home-shell section[id] {
    scroll-margin-top: calc(var(--ux-header-height) + 1.25rem);
}

.sales-kicker {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #73e9d6;
    font-size: .71rem;
    font-weight: 850;
    letter-spacing: .135em;
    line-height: 1.3;
    text-transform: uppercase;
}

.sales-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(27rem, .98fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 4.5rem);
    min-height: 650px;
    padding: clamp(2rem, 5.5vw, 4.75rem);
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: 1.5rem;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, .035), transparent 44%),
        radial-gradient(34rem 28rem at 87% 44%, rgba(49, 137, 255, .14), transparent 68%),
        linear-gradient(145deg, #101621, #090d15 68%);
    box-shadow: 0 38px 100px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .045);
}

.sales-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: .16;
    background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, black, transparent 72%);
}

.sales-hero-glow {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(70px);
}

.sales-hero-glow--one {
    top: -13rem;
    right: -8rem;
    width: 32rem;
    height: 32rem;
    background: rgba(49, 137, 255, .19);
}

.sales-hero-glow--two {
    bottom: -16rem;
    left: 7%;
    width: 28rem;
    height: 28rem;
    background: rgba(33, 217, 188, .1);
}

.sales-hero-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.sales-hero h1 {
    max-width: 42rem;
    margin: 1.1rem 0 1.35rem;
    font-size: clamp(3rem, 5.35vw, 5rem);
    font-weight: 790;
    letter-spacing: -.065em;
    line-height: .98;
}

.sales-hero h1 span {
    color: transparent;
    background: linear-gradient(105deg, #55e6ce 4%, #4ca2ff 52%, #a77cff 96%);
    background-clip: text;
    -webkit-background-clip: text;
}

.sales-hero-lead {
    max-width: 38rem;
    margin: 0 0 1.75rem;
    color: #aab5c8;
    font-size: clamp(1.02rem, 1.6vw, 1.2rem);
    line-height: 1.65;
}

.sales-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.sales-hero-actions .btn,
.sales-final-actions .btn {
    min-height: 3.25rem;
    border-radius: .72rem;
    padding-inline: 1.3rem;
    font-size: .92rem;
}

.sales-approval-note {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 1rem 0 0;
    color: #748198;
    font-size: .72rem;
}

.sales-approval-note span {
    display: inline-grid;
    width: 1.1rem;
    height: 1.1rem;
    place-items: center;
    border: 1px solid rgba(33, 217, 188, .3);
    border-radius: 50%;
    color: var(--sales-mint);
    background: rgba(33, 217, 188, .08);
    font-size: .62rem;
}

.sales-product-window {
    position: relative;
    z-index: 2;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(132, 169, 221, .2);
    border-radius: 1rem;
    background: rgba(7, 11, 18, .94);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .52), 0 0 0 1px rgba(49, 137, 255, .04), inset 0 1px rgba(255, 255, 255, .05);
    transform: perspective(1000px) rotateY(-2deg) rotateX(1deg);
}

.sales-product-window::after {
    position: absolute;
    inset: 0;
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(125deg, rgba(255, 255, 255, .045), transparent 30%);
}

.sales-window-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.35rem;
    padding: .72rem .9rem;
    border-bottom: 1px solid var(--sales-line);
    background: rgba(255, 255, 255, .018);
}

.sales-window-title,
.sales-status {
    display: inline-flex;
    align-items: center;
}

.sales-window-title {
    gap: .55rem;
    color: #dfe8f7;
    font-size: .74rem;
    font-weight: 760;
}

.sales-window-logo {
    display: inline-grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border-radius: .48rem;
    color: #021412;
    background: linear-gradient(145deg, var(--sales-mint), #42a3ff);
    font-size: .68rem;
    font-weight: 900;
    box-shadow: 0 5px 14px rgba(33, 217, 188, .2);
}

.sales-status {
    gap: .38rem;
    color: #8090a7;
    font-size: .57rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.sales-status i {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: var(--sales-mint);
    box-shadow: 0 0 .7rem rgba(33, 217, 188, .85);
}

.sales-window-body {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    min-height: 27rem;
}

.sales-window-rail {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .55rem;
    padding: 1rem .55rem;
    border-right: 1px solid var(--sales-line);
    background: rgba(255, 255, 255, .012);
}

.sales-window-rail span {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: .55rem;
    color: #586579;
}

.sales-window-rail span.is-active {
    color: #7ac1ff;
    background: rgba(49, 137, 255, .14);
    box-shadow: inset 0 0 0 1px rgba(49, 137, 255, .15);
}

.sales-window-rail svg {
    width: .92rem;
    height: .92rem;
    fill: currentColor;
}

.sales-window-content {
    min-width: 0;
    padding: 1.1rem;
}

.sales-window-heading,
.sales-preview-label,
.sales-intelligence-topline,
.sales-intelligence-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.sales-window-heading div {
    display: grid;
    gap: .12rem;
}

.sales-window-heading small {
    color: #67758c;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sales-window-heading strong {
    font-size: 1rem;
}

.sales-window-heading > span {
    padding: .36rem .55rem;
    border: 1px solid var(--sales-line);
    border-radius: .45rem;
    color: #8090a6;
    background: rgba(255, 255, 255, .02);
    font-size: .56rem;
}

.sales-metric-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .9rem;
}

.sales-metric {
    min-width: 0;
    padding: .8rem;
    border: 1px solid var(--sales-line);
    border-radius: .7rem;
    background: linear-gradient(150deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
}

.sales-metric span,
.sales-metric strong,
.sales-metric i {
    display: block;
}

.sales-metric span {
    overflow: hidden;
    color: #6e7d93;
    font-size: .55rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-metric strong {
    margin: .4rem 0 .26rem;
    overflow: hidden;
    font-size: .83rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-metric i {
    overflow: hidden;
    color: #77869c;
    font-size: .5rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-metric i.is-up {
    color: #50dfb4;
}

.sales-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(8.5rem, .8fr);
    gap: .6rem;
    margin-top: .6rem;
}

.sales-chart-card,
.sales-activity-card {
    min-width: 0;
    padding: .8rem;
    border: 1px solid var(--sales-line);
    border-radius: .7rem;
    background: rgba(255, 255, 255, .018);
}

.sales-preview-label strong {
    font-size: .63rem;
}

.sales-preview-label span {
    color: #617087;
    font-size: .48rem;
}

.sales-chart {
    display: flex;
    align-items: end;
    gap: .35rem;
    height: 9.5rem;
    padding: 1rem .25rem .25rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.sales-chart span {
    flex: 1 1 0;
    height: var(--bar);
    min-width: .35rem;
    border-radius: .2rem .2rem 0 0;
    background: linear-gradient(180deg, #51dec5, rgba(49, 137, 255, .35));
    box-shadow: 0 0 1rem rgba(33, 217, 188, .1);
}

.sales-activity-card ul {
    display: grid;
    gap: .65rem;
    margin: .8rem 0 0;
    padding: 0;
    list-style: none;
}

.sales-activity-card li {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

.sales-activity-card li > i {
    flex: 0 0 auto;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background: var(--sales-blue);
    box-shadow: 0 0 .7rem rgba(49, 137, 255, .45);
}

.sales-activity-card li > i.is-violet { background: var(--sales-violet); box-shadow: 0 0 .7rem rgba(168, 117, 255, .4); }
.sales-activity-card li > i.is-cyan { background: var(--sales-blue); }
.sales-activity-card li > i.is-green { background: var(--sales-mint); box-shadow: 0 0 .7rem rgba(33, 217, 188, .4); }

.sales-activity-card li span {
    display: grid;
    min-width: 0;
}

.sales-activity-card li strong,
.sales-activity-card li small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-activity-card li strong {
    font-size: .57rem;
}

.sales-activity-card li small {
    margin-top: .12rem;
    color: #617086;
    font-size: .48rem;
}

.sales-proof-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: calc(clamp(5rem, 10vw, 8.5rem) * -1 + 1.4rem);
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: 1rem;
    background: var(--sales-line);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .22);
}

.sales-proof-strip div {
    display: grid;
    gap: .2rem;
    padding: 1.25rem 1.5rem;
    background: rgba(12, 17, 26, .97);
}

.sales-proof-strip strong {
    color: #f6f9ff;
    font-size: clamp(1.35rem, 2.6vw, 2rem);
    letter-spacing: -.045em;
    line-height: 1;
}

.sales-proof-strip span {
    color: #718096;
    font-size: .68rem;
    font-weight: 720;
}

.sales-section {
    display: grid;
    gap: 2rem;
}

.sales-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
    align-items: end;
    gap: clamp(1.5rem, 6vw, 5rem);
}

.sales-section-heading h2,
.sales-intelligence-copy h2,
.sales-public-hub-copy h2,
.sales-final-cta h2 {
    margin: .75rem 0 0;
    font-size: clamp(2.25rem, 4.7vw, 4.15rem);
    font-weight: 775;
    letter-spacing: -.06em;
    line-height: 1.02;
}

.sales-section-heading > p {
    margin: 0 0 .25rem;
    color: var(--sales-muted);
    font-size: .98rem;
    line-height: 1.7;
}

.sales-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.sales-tone-cyan { --sales-tone: #27d9c0; }
.sales-tone-violet { --sales-tone: #a875ff; }
.sales-tone-blue { --sales-tone: #438fff; }
.sales-tone-green { --sales-tone: #58dc93; }
.sales-tone-orange { --sales-tone: #ffac58; }
.sales-tone-pink { --sales-tone: #ff72b8; }
.sales-tone-red { --sales-tone: #ff6578; }
.sales-tone-yellow { --sales-tone: #f3d45d; }

.sales-feature-card {
    position: relative;
    min-width: 0;
    padding: clamp(1.3rem, 3vw, 2rem);
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: 1rem;
    background:
        radial-gradient(22rem 14rem at 100% 0, color-mix(in srgb, var(--sales-tone) 9%, transparent), transparent 72%),
        linear-gradient(145deg, rgba(17, 24, 36, .98), rgba(10, 15, 23, .98));
    box-shadow: 0 18px 52px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035);
}

.sales-feature-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    content: "";
    background: linear-gradient(180deg, var(--sales-tone), transparent 72%);
}

.sales-feature-card-head {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.sales-feature-icon,
.sales-tool-icon {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    color: var(--sales-tone);
    background: color-mix(in srgb, var(--sales-tone) 10%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sales-tone) 19%, transparent);
}

.sales-feature-icon {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: .6rem;
}

.sales-feature-icon svg,
.sales-tool-icon svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.sales-feature-eyebrow {
    color: color-mix(in srgb, var(--sales-tone) 78%, white);
    font-size: .64rem;
    font-weight: 820;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.sales-feature-card h3,
.sales-games-copy h3,
.sales-scenes-card h3 {
    margin: 1.15rem 0 .65rem;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    letter-spacing: -.045em;
}

.sales-feature-card > p,
.sales-games-copy > p,
.sales-scenes-card > p {
    margin: 0;
    color: var(--sales-muted);
    font-size: .88rem;
    line-height: 1.65;
}

.sales-feature-card ul {
    display: grid;
    gap: .55rem;
    margin: 1.35rem 0 0;
    padding: 1.2rem 0 0;
    border-top: 1px solid var(--sales-line);
    list-style: none;
}

.sales-feature-card li {
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    color: #c8d1e0;
    font-size: .8rem;
    line-height: 1.4;
}

.sales-check {
    display: inline-grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    border-radius: 50%;
    color: var(--sales-tone);
    background: color-mix(in srgb, var(--sales-tone) 9%, transparent);
    font-size: .55rem;
}

.sales-feature-card li small {
    padding: .22rem .42rem;
    border: 1px solid rgba(168, 117, 255, .2);
    border-radius: 999px;
    color: #bca2e8;
    background: rgba(168, 117, 255, .07);
    font-size: .58rem;
    font-weight: 780;
    letter-spacing: .03em;
    white-space: nowrap;
}

.sales-intelligence {
    display: grid;
    grid-template-columns: minmax(0, 1.07fr) minmax(20rem, .93fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
    padding: clamp(1.25rem, 4vw, 3.3rem);
    border: 1px solid var(--sales-line);
    border-radius: 1.25rem;
    background:
        radial-gradient(32rem 24rem at 0 50%, rgba(33, 217, 188, .075), transparent 72%),
        linear-gradient(140deg, rgba(15, 22, 32, .98), rgba(8, 12, 19, .98));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
}

.sales-intelligence-preview {
    min-width: 0;
    padding: 1.15rem;
    border: 1px solid rgba(115, 160, 211, .17);
    border-radius: .9rem;
    background: rgba(5, 9, 15, .8);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .04);
}

.sales-intelligence-topline {
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--sales-line);
}

.sales-intelligence-topline span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #d9e4f2;
    font-size: .66rem;
    font-weight: 760;
}

.sales-intelligence-topline span i {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: var(--sales-mint);
    box-shadow: 0 0 .75rem rgba(33, 217, 188, .6);
}

.sales-intelligence-topline small {
    color: #647187;
    font-size: .56rem;
}

.sales-intelligence-score {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: .8rem 0;
}

.sales-intelligence-score div {
    display: grid;
    gap: .2rem;
    padding: .8rem;
    border: 1px solid var(--sales-line);
    border-radius: .65rem;
    background: rgba(255, 255, 255, .018);
}

.sales-intelligence-score span,
.sales-intelligence-score small {
    color: #67758a;
    font-size: .54rem;
}

.sales-intelligence-score strong {
    font-size: .86rem;
}

.sales-intelligence-chart {
    position: relative;
    height: 12rem;
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: .65rem;
    background: linear-gradient(180deg, rgba(49, 137, 255, .025), transparent);
}

.sales-intelligence-gridlines {
    position: absolute;
    inset: 0;
    opacity: .65;
    background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 100% 25%;
}

.sales-intelligence-chart svg {
    position: absolute;
    inset: 1rem .65rem .5rem;
    width: calc(100% - 1.3rem);
    height: calc(100% - 1.5rem);
    overflow: visible;
}

.sales-intelligence-chart .sales-area {
    fill: url(#salesArea);
}

.sales-intelligence-chart .sales-line {
    fill: none;
    stroke: #36d8be;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 6px rgba(33, 217, 188, .52));
}

.sales-chart-point {
    position: absolute;
    width: .55rem;
    height: .55rem;
    border: 2px solid #06100f;
    border-radius: 50%;
    background: #4fe2ca;
    box-shadow: 0 0 0 2px rgba(79, 226, 202, .25), 0 0 .8rem rgba(79, 226, 202, .6);
}

.sales-chart-point--one { left: 20%; bottom: 28%; }
.sales-chart-point--two { left: 60%; bottom: 53%; }
.sales-chart-point--three { right: 4%; top: 9%; }

.sales-intelligence-foot {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: .75rem;
    color: #67748a;
    font-size: .52rem;
}

.sales-intelligence-foot span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.sales-intelligence-foot i {
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
}

.sales-intelligence-foot i.is-mint { background: var(--sales-mint); }
.sales-intelligence-foot i.is-blue { background: var(--sales-blue); }
.sales-intelligence-foot i.is-violet { background: var(--sales-violet); }

.sales-intelligence-copy h2 {
    font-size: clamp(2rem, 4vw, 3.5rem);
}

.sales-intelligence-copy > p,
.sales-public-hub-copy > p,
.sales-final-cta > div > p {
    margin: 1.15rem 0 0;
    color: var(--sales-muted);
    font-size: .96rem;
    line-height: 1.7;
}

.sales-outcome-list {
    display: grid;
    gap: 1rem;
    margin: 1.6rem 0;
    padding: 0;
    list-style: none;
}

.sales-outcome-list li {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .75rem;
}

.sales-outcome-list li > span {
    padding-top: .1rem;
    color: #4e9dff;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .62rem;
    font-weight: 800;
}

.sales-outcome-list div {
    display: grid;
    gap: .25rem;
}

.sales-outcome-list strong {
    color: #dbe4f1;
    font-size: .82rem;
}

.sales-outcome-list small {
    color: #77859a;
    font-size: .7rem;
    line-height: 1.5;
}

.sales-text-link,
.sales-safety-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #65e1cd;
    font-size: .78rem;
    font-weight: 780;
    text-decoration: none;
}

.sales-text-link:hover,
.sales-safety-link:hover {
    color: #fff;
}

.sales-engagement-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(19rem, .58fr);
    gap: .9rem;
}

.sales-games-card,
.sales-scenes-card {
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(16, 23, 35, .98), rgba(8, 12, 19, .98));
    box-shadow: 0 22px 60px rgba(0, 0, 0, .26);
}

.sales-games-image {
    position: relative;
    aspect-ratio: 16 / 7.4;
    overflow: hidden;
    border-bottom: 1px solid var(--sales-line);
}

.sales-games-image::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, transparent 42%, rgba(6, 8, 13, .72));
}

.sales-games-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.sales-games-card:hover .sales-games-image img {
    transform: scale(1.025);
}

.sales-games-image > span {
    position: absolute;
    z-index: 1;
    right: 1rem;
    bottom: 1rem;
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    padding: .55rem .75rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .65rem;
    color: #dce7f7;
    background: rgba(4, 7, 13, .68);
    font-size: .63rem;
    font-weight: 740;
    backdrop-filter: blur(12px);
}

.sales-games-image > span strong {
    color: #7debd8;
    font-size: 1.2rem;
    line-height: 1;
}

.sales-games-copy,
.sales-scenes-card {
    padding: clamp(1.25rem, 3vw, 2rem);
}

.sales-games-copy h3,
.sales-scenes-card h3 {
    font-size: clamp(1.5rem, 3vw, 2.35rem);
}

.sales-chip-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
    margin-top: 1.25rem;
}

.sales-chip-cloud span,
.sales-scene-list span {
    border: 1px solid var(--sales-line);
    border-radius: 999px;
    color: #8f9db1;
    background: rgba(255, 255, 255, .025);
    font-size: .62rem;
    font-weight: 690;
}

.sales-chip-cloud span {
    padding: .35rem .55rem;
}

.sales-scenes-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background:
        radial-gradient(18rem 18rem at 50% 10%, rgba(168, 117, 255, .18), transparent 64%),
        linear-gradient(155deg, #121525, #080b13 72%);
}

.sales-scenes-orbit {
    position: relative;
    align-self: center;
    width: min(100%, 17rem);
    aspect-ratio: 1;
    margin: -.3rem auto .5rem;
}

.sales-scenes-core {
    position: absolute;
    z-index: 2;
    inset: 50% auto auto 50%;
    display: grid;
    width: 6.4rem;
    height: 6.4rem;
    place-items: center;
    align-content: center;
    border: 1px solid rgba(138, 123, 255, .32);
    border-radius: 50%;
    color: #fff;
    background: radial-gradient(circle at 35% 30%, rgba(88, 198, 255, .45), rgba(99, 64, 180, .23) 42%, rgba(7, 10, 18, .9) 74%);
    box-shadow: 0 0 3rem rgba(101, 91, 255, .25), inset 0 0 2rem rgba(79, 158, 255, .18);
    transform: translate(-50%, -50%);
}

.sales-scenes-core strong {
    font-size: 2.1rem;
    letter-spacing: -.06em;
    line-height: .9;
}

.sales-scenes-core small {
    margin-top: .35rem;
    color: #aaa8c8;
    font-size: .52rem;
    font-weight: 740;
}

.sales-orbit {
    position: absolute;
    inset: 50% auto auto 50%;
    border: 1px solid rgba(118, 147, 255, .18);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.sales-orbit::after {
    position: absolute;
    top: 50%;
    left: -3px;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    background: #9b80ff;
    box-shadow: 0 0 .8rem #7765ff;
}

.sales-orbit--one { width: 9.5rem; height: 9.5rem; transform: translate(-50%, -50%) rotate(28deg); }
.sales-orbit--two { width: 13rem; height: 13rem; transform: translate(-50%, -50%) rotate(115deg); }
.sales-orbit--three { width: 16rem; height: 16rem; transform: translate(-50%, -50%) rotate(205deg); }

.sales-scene-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .42rem;
    width: 100%;
    margin-top: 1.25rem;
}

.sales-scene-list span {
    min-width: 0;
    padding: .38rem .48rem;
    overflow: hidden;
    border-radius: .45rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-event-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

.sales-event-row article {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    gap: .8rem;
    padding: 1.25rem;
    border: 1px solid var(--sales-line);
    border-radius: .85rem;
    background: rgba(14, 20, 30, .72);
}

.sales-event-number {
    color: #538fe4;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .65rem;
    font-weight: 800;
}

.sales-event-row h3 {
    margin: 0 0 .45rem;
    font-size: 1rem;
}

.sales-event-row p {
    margin: 0;
    color: #7e8ba0;
    font-size: .76rem;
    line-height: 1.55;
}

.sales-public-hub {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .92fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
    padding: clamp(1.25rem, 4vw, 3.25rem);
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: 1.25rem;
    background:
        radial-gradient(35rem 28rem at 15% 50%, rgba(74, 102, 255, .12), transparent 70%),
        linear-gradient(140deg, #101421, #080c14 72%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
}

.sales-public-hub-art {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(128, 153, 221, .18);
    border-radius: .9rem;
    background: #070b15;
    box-shadow: 0 22px 56px rgba(0, 0, 0, .34);
}

.sales-public-hub-art img {
    display: block;
    width: 100%;
    height: auto;
}

.sales-public-hub-copy h2 {
    font-size: clamp(2rem, 4vw, 3.5rem);
}

.sales-public-hub-copy ul {
    display: grid;
    gap: .65rem;
    margin: 1.4rem 0;
    padding: 0;
    list-style: none;
}

.sales-public-hub-copy li {
    position: relative;
    padding-left: 1.35rem;
    color: #c0cada;
    font-size: .78rem;
    line-height: 1.5;
}

.sales-public-hub-copy li::before {
    position: absolute;
    top: .48rem;
    left: .1rem;
    width: .43rem;
    height: .43rem;
    content: "";
    border-radius: 50%;
    background: var(--sales-mint);
    box-shadow: 0 0 .7rem rgba(33, 217, 188, .5);
}

.sales-public-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
}

.sales-safety-link {
    color: #8a98ad;
    font-size: .7rem;
    font-weight: 680;
}

.sales-tools-section {
    gap: 2rem;
}

.sales-tool-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.sales-tool-card {
    position: relative;
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    align-content: start;
    gap: .85rem;
    min-height: 13.5rem;
    padding: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--sales-line);
    border-radius: .9rem;
    background:
        radial-gradient(12rem 10rem at 100% 0, color-mix(in srgb, var(--sales-tone) 12%, transparent), transparent 70%),
        linear-gradient(145deg, rgba(17, 24, 35, .96), rgba(9, 13, 20, .98));
    box-shadow: 0 16px 44px rgba(0, 0, 0, .22);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.sales-tool-card:hover {
    border-color: color-mix(in srgb, var(--sales-tone) 32%, var(--sales-line));
    box-shadow: 0 22px 52px rgba(0, 0, 0, .3);
    transform: translateY(-3px);
}

.sales-tool-icon {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: .7rem;
}

.sales-tool-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

.sales-tool-card h3 {
    margin: .1rem 0 .45rem;
    font-size: 1.02rem;
}

.sales-tool-card p {
    margin: 0;
    color: #7f8ca0;
    font-size: .76rem;
    line-height: 1.55;
}

.sales-tool-card > a {
    grid-column: 1 / -1;
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid var(--sales-line);
    color: color-mix(in srgb, var(--sales-tone) 76%, white);
    font-size: .72rem;
    font-weight: 780;
    text-decoration: none;
}

.sales-tool-card > a:hover {
    color: #fff;
}

@media (min-width: 901px) {
    .sales-tool-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sales-tool-card {
        grid-column: span 2;
    }

    .sales-tool-card:nth-last-child(2):nth-child(3n + 1) {
        grid-column: 2 / span 2;
    }

    .sales-tool-card:last-child:nth-child(3n + 1) {
        grid-column: 3 / span 2;
    }
}

.sales-final-cta {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
    align-items: center;
    gap: 2rem;
    padding: clamp(2rem, 6vw, 5rem);
    overflow: hidden;
    border: 1px solid rgba(69, 160, 255, .2);
    border-radius: 1.3rem;
    background:
        linear-gradient(120deg, rgba(49, 137, 255, .11), transparent 46%),
        linear-gradient(145deg, #111a28, #090d15 70%);
    box-shadow: 0 34px 85px rgba(0, 0, 0, .34);
}

.sales-final-glow {
    position: absolute;
    z-index: -1;
    right: -9rem;
    bottom: -13rem;
    width: 30rem;
    height: 30rem;
    border-radius: 50%;
    background: conic-gradient(from 80deg, rgba(33, 217, 188, .32), rgba(49, 137, 255, .34), rgba(168, 117, 255, .23), transparent 70%);
    filter: blur(56px);
}

.sales-final-cta h2 {
    max-width: 44rem;
    font-size: clamp(2.2rem, 4.5vw, 3.8rem);
}

.sales-final-actions {
    display: grid;
    gap: .65rem;
}

.sales-final-actions small {
    margin-top: .2rem;
    color: #738197;
    font-size: .66rem;
    text-align: center;
}

.page-sales-home .site-footer {
    margin-top: clamp(5rem, 9vw, 8rem) !important;
}

@media (max-width: 1080px) {
    .sales-hero {
        grid-template-columns: minmax(0, 1fr) minmax(24rem, .9fr);
        gap: 2rem;
        padding: 3rem;
    }

    .sales-hero h1 {
        font-size: clamp(2.7rem, 5.7vw, 4.1rem);
    }

    .sales-engagement-grid {
        grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
    }
}

@media (max-width: 900px) {
    .sales-home-shell {
        gap: 5.5rem;
    }

    .sales-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .sales-hero-copy {
        max-width: 44rem;
    }

    .sales-product-window {
        width: min(100%, 41rem);
        margin-inline: auto;
        transform: none;
    }

    .sales-proof-strip {
        margin-top: -4rem;
    }

    .sales-section-heading,
    .sales-intelligence,
    .sales-public-hub,
    .sales-final-cta {
        grid-template-columns: 1fr;
    }

    .sales-section-heading {
        align-items: start;
        gap: 1rem;
    }

    .sales-section-heading > p {
        max-width: 42rem;
    }

    .sales-engagement-grid {
        grid-template-columns: 1fr;
    }

    .sales-scenes-card {
        display: grid;
        grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr);
        align-items: center;
        column-gap: 1.5rem;
    }

    .sales-scenes-orbit {
        grid-row: 1 / 5;
        margin: 0;
    }

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

    .sales-tool-card:last-child:nth-child(2n + 1) {
        grid-column: 1 / -1;
    }

    .sales-public-hub-art {
        max-width: 44rem;
    }

    .sales-final-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-final-actions small {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .sales-home-shell {
        width: min(100% - 1rem, 1180px);
        gap: 4.5rem;
    }

    .sales-hero {
        gap: 2.25rem;
        padding: 2.1rem 1.2rem 1.2rem;
        border-radius: 1rem;
    }

    .sales-hero h1 {
        margin-top: .9rem;
        font-size: clamp(2.55rem, 12.5vw, 3.85rem);
    }

    .sales-hero-lead {
        font-size: .98rem;
    }

    .sales-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sales-hero-actions .btn {
        width: 100%;
    }

    .sales-product-window {
        border-radius: .8rem;
    }

    .sales-window-body {
        grid-template-columns: 2.8rem minmax(0, 1fr);
        min-height: 23rem;
    }

    .sales-window-rail {
        padding-inline: .35rem;
    }

    .sales-window-rail span {
        width: 1.85rem;
        height: 1.85rem;
    }

    .sales-window-content {
        padding: .75rem;
    }

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

    .sales-metric:nth-child(3) {
        display: none;
    }

    .sales-preview-grid {
        grid-template-columns: 1fr;
    }

    .sales-chart {
        height: 7.3rem;
    }

    .sales-activity-card {
        display: none;
    }

    .sales-proof-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: -3.25rem;
    }

    .sales-section-heading h2,
    .sales-intelligence-copy h2,
    .sales-public-hub-copy h2,
    .sales-final-cta h2 {
        font-size: clamp(2.15rem, 10vw, 3.2rem);
    }

    .sales-feature-grid {
        grid-template-columns: 1fr;
    }

    .sales-intelligence,
    .sales-public-hub {
        padding: 1rem;
        border-radius: 1rem;
    }

    .sales-intelligence-copy,
    .sales-public-hub-copy {
        padding: .35rem;
    }

    .sales-games-image {
        aspect-ratio: 16 / 9;
    }

    .sales-scenes-card {
        display: flex;
    }

    .sales-scenes-orbit {
        margin-inline: auto;
    }

    .sales-event-row,
    .sales-tool-grid {
        grid-template-columns: 1fr;
    }

    .sales-tool-card:last-child {
        grid-column: auto;
    }

    .sales-event-row article {
        padding: 1.1rem;
    }

    .sales-tool-card {
        min-height: 11.5rem;
    }

    .sales-final-cta {
        padding: 2.2rem 1.25rem;
        border-radius: 1rem;
    }

    .sales-final-actions {
        grid-template-columns: 1fr;
    }

    .sales-final-actions small {
        grid-column: auto;
    }
}

@media (max-width: 430px) {
    .sales-kicker {
        font-size: .62rem;
        letter-spacing: .1em;
    }

    .sales-window-title > span:last-child,
    .sales-status {
        font-size: .5rem;
    }

    .sales-window-body {
        min-height: 21rem;
    }

    .sales-proof-strip div {
        padding: 1rem;
    }

    .sales-feature-card {
        padding: 1.2rem;
    }

    .sales-feature-card li {
        grid-template-columns: 1.1rem minmax(0, 1fr);
    }

    .sales-feature-card li small {
        grid-column: 2;
        justify-self: start;
    }

    .sales-intelligence-score {
        grid-template-columns: 1fr;
    }

    .sales-intelligence-chart {
        height: 9rem;
    }

    .sales-games-copy,
    .sales-scenes-card {
        padding: 1.2rem;
    }

    .sales-scenes-orbit {
        transform: scale(.88);
    }

    .sales-public-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sales-public-actions .btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sales-games-image img,
    .sales-tool-card {
        transition: none;
    }
}