    .sps-home {
        --ink: #151d3b;
        --muted: #65728c;
        --line: #e6ebf5;
        --bg: #ffffff;
        --paper: #ffffff;
        --accent: #4f46e5;
        --accent-dark: #3730a3;
        --signal: #0ea5e9;
        --green: #16a34a;
        --shadow: 0 20px 54px rgba(21, 29, 59, 0.12);
        --accent-soft: #eef2ff;
        --radius: 8px;
        --radius-pill: 999px;
        color: var(--ink);
        background: var(--bg);
    }
    .sps-home * {
        box-sizing: border-box;
    }
    .sps-home button,
    .sps-home input {
        font: inherit;
    }
    .sps-shell {
        width: min(1280px, calc(100% - 48px));
        margin: 0 auto;
    }
    .sps-hero {
        /* The sign-in notice sits above this section.  Do not reserve a second
           full viewport below it, or the headline is visually pushed down. */
        min-height: auto;
        padding: 52px 0 48px;
        display: flex;
        align-items: flex-start;
        overflow: hidden;
        background:
            radial-gradient(circle at 86% 18%, rgba(79, 70, 229, 0.10), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    }
    .sps-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
        gap: clamp(24px, 3.2vw, 44px);
        align-items: center;
    }
    .sps-hero-copy {
        position: relative;
        z-index: 1;
        min-width: 0;
    }
    .sps-hero h1 {
        max-width: 760px;
        margin: 0;
        font-size: clamp(42px, 4.2vw, 56px);
        line-height: 1.08;
        letter-spacing: 0;
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: keep-all;
    }
    .sps-title-line,
    .sps-hero h1 > span {
        display: block;
    }
    .sps-keep {
        white-space: nowrap;
    }
    .sps-hero-hook {
        margin: 0 0 14px;
        color: var(--accent-dark);
        font-size: 15px;
        line-height: 1.35;
        font-weight: 900;
    }
    .sps-hero-summary {
        max-width: 620px;
        margin: 24px 0 0;
        color: #43506d;
        font-size: clamp(19px, 2vw, 24px);
        line-height: 1.45;
        font-weight: 650;
    }
    .sps-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        margin-top: 32px;
    }
    .sps-front-entry-hidden {
        display: none !important;
    }
    .sps-btn,
    .sps-btn-light,
    .sps-step-action {
        min-height: 46px;
        border-radius: var(--radius);
        padding: 11px 16px;
        border: 1px solid transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: inherit;
        font-size: 14px;
        line-height: 1;
        font-weight: 800;
        text-decoration: none;
        cursor: pointer;
        transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
        white-space: nowrap;
    }
    .sps-btn {
        background: var(--accent-dark);
        color: #fff;
        box-shadow: 0 14px 30px rgba(79, 70, 229, 0.22);
    }
    .sps-btn-light {
        background: #fff;
        color: var(--accent-dark);
        border-color: rgba(79, 70, 229, 0.18);
    }
    .sps-step-action {
        background: var(--accent-dark);
        color: #fff;
        box-shadow: 0 14px 30px rgba(79, 70, 229, 0.22);
    }
    .sps-action-icon {
        width: 17px;
        height: 17px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: currentColor;
        flex: 0 0 auto;
    }
    .sps-action-icon svg {
        width: 16px;
        height: 16px;
        display: block;
        stroke: currentColor;
    }
    .sps-btn svg,
    .sps-btn-light svg,
    .sps-step-action svg {
        width: 17px;
        height: 17px;
        display: block;
        flex: 0 0 auto;
        stroke: currentColor;
    }
    .sps-btn:hover,
    .sps-btn-light:hover,
    .sps-step-action:hover {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(21, 29, 59, 0.12);
    }
    .sps-btn:active,
    .sps-btn-light:active,
    .sps-step-action:active {
        transform: translateY(0) scale(0.98);
        box-shadow: 0 8px 18px rgba(21, 29, 59, 0.1);
    }
    .sps-btn:focus-visible,
    .sps-btn-light:focus-visible,
    .sps-step-action:focus-visible {
        outline: 3px solid rgba(79, 70, 229, 0.22);
        outline-offset: 3px;
    }
    .sps-proof {
        position: relative;
        justify-self: end;
        width: min(520px, 100%);
        transform-origin: center;
    }
    .sps-hero-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        max-width: 650px;
        margin-top: 28px;
        padding-top: 22px;
        border-top: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-hero-stat {
        min-width: 0;
    }
    .sps-hero-stat strong {
        display: block;
        color: var(--ink);
        font-size: clamp(22px, 2.2vw, 31px);
        line-height: 1.02;
        font-weight: 950;
    }
    .sps-hero-stat span,
    .sps-hero-stat small {
        display: block;
        line-height: 1.35;
    }
    .sps-hero-stat span {
        margin-top: 8px;
        color: #43506d;
        font-size: 13px;
        font-weight: 900;
    }
    .sps-hero-stat small {
        margin-top: 4px;
        color: var(--muted);
        font-size: 11px;
        font-weight: 700;
    }
    .sps-proof-frame {
        position: relative;
        padding: 12px;
        border: 1px solid rgba(21, 29, 59, 0.1);
        border-radius: var(--radius);
        background: #fff;
        box-shadow: var(--shadow);
        overflow: hidden;
        animation: spsFloatIn 0.6s ease both;
    }
    .sps-proof-frame img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 7px;
        background: #fff;
    }
    .sps-proof-fallback {
        display: none;
        min-height: 300px;
        place-items: center;
        border-radius: 7px;
        background: linear-gradient(135deg, #fff, #f0f4ff);
        color: var(--accent-dark);
        text-align: center;
        padding: 32px;
        font-weight: 800;
        line-height: 1.5;
    }
    .sps-proof-frame.is-missing img {
        display: none;
    }
    .sps-proof-frame.is-missing .sps-proof-fallback {
        display: grid;
    }
    .sps-proof-caption {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin: 12px 2px 0;
        color: #43506d;
        font-size: 12px;
        line-height: 1.45;
        font-weight: 800;
    }
    .sps-proof-caption span {
        color: var(--accent-dark);
        font-weight: 950;
    }
    .sps-section {
        padding: 64px 0;
        background: var(--paper);
    }
    .sps-section + .sps-section {
        border-top: 1px solid rgba(21, 29, 59, 0.08);
    }
    .sps-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 28px;
        align-items: end;
        margin-bottom: 28px;
    }
    .sps-label {
        margin: 0 0 10px;
        color: var(--accent);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0;
    }
    .sps-section h2 {
        margin: 0;
        font-size: clamp(30px, 3.5vw, 50px);
        line-height: 1.08;
        letter-spacing: 0;
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: keep-all;
    }
    .sps-section-sub {
        max-width: 720px;
        margin: 12px 0 0;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.7;
    }
    .sps-form {
        display: grid;
        grid-template-columns: minmax(220px, 1fr) auto;
        gap: 10px;
        min-width: min(430px, 100%);
    }
    .sps-input {
        width: 100%;
        min-height: 46px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #fff;
        color: var(--ink);
        padding: 0 13px;
        outline: none;
    }
    .sps-input:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 3px rgba(23, 107, 135, 0.14);
    }
    .sps-opportunity-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
    }
    .sps-opportunity-card {
        min-width: 0;
        background: #fff;
        border: 1px solid rgba(21, 29, 59, 0.1);
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: 0 14px 34px rgba(21, 29, 59, 0.08);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .sps-opportunity-card:hover {
        transform: translateY(-3px);
        border-color: rgba(79, 70, 229, 0.20);
        box-shadow: 0 22px 48px rgba(21, 29, 59, 0.13);
    }
    .sps-topic-image {
        aspect-ratio: 16 / 10;
        background: #eef2ff;
        overflow: hidden;
        display: grid;
        place-items: center;
        color: var(--accent-dark);
    }
    .sps-topic-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .sps-topic-image-fallback {
        padding: 18px;
        text-align: center;
        font-weight: 850;
        line-height: 1.35;
    }
    .sps-topic-body {
        padding: 16px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .sps-topic-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-bottom: 7px;
    }
    .sps-source {
        display: inline-flex;
        width: fit-content;
        padding: 3px 8px;
        border-radius: var(--radius-pill);
        background: var(--accent-soft);
        color: var(--accent-dark);
        font-size: 12px;
        font-weight: 850;
        line-height: 1.3;
    }
    .sps-topic-title {
        margin: 0;
        color: var(--ink);
        font-size: 18px;
        line-height: 1.25;
        font-weight: 850;
        min-height: 45px;
        overflow-wrap: anywhere;
    }
    .sps-topic-note {
        margin: 8px 0 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.6;
        min-height: 44px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .sps-topic-use {
        margin: 10px 0 0;
        color: #43506d;
        font-size: 13px;
        line-height: 1.45;
        font-weight: 750;
        min-height: 38px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .sps-score-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: auto 0 0;
        padding-top: 14px;
        border-top: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-score {
        min-width: 0;
    }
    .sps-score strong {
        display: block;
        color: var(--ink);
        font-size: 19px;
        line-height: 1;
        font-weight: 900;
    }
    .sps-score span {
        display: block;
        margin-top: 5px;
        color: var(--muted);
        font-size: 11px;
        line-height: 1.2;
    }
    .sps-section-tools {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        justify-self: end;
        align-self: end;
    }
    .sps-csv-download {
        min-height: 46px;
        padding: 0 14px;
        font-size: 14px;
        font-weight: 800;
        white-space: nowrap;
    }
    .sps-section-tools .sps-csv-download svg {
        width: 18px;
        height: 18px;
    }
    .sps-section-cta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }
    .sps-empty {
        padding: 34px;
        border: 1px solid rgba(21, 29, 59, 0.1);
        border-radius: var(--radius);
        background: #fff;
        color: var(--muted);
        text-align: center;
    }
    .sps-workflow {
        display: grid;
        gap: clamp(96px, 12vw, 156px);
        margin-top: clamp(66px, 8vw, 96px);
    }
    .sps-workflow-head {
        max-width: 920px;
        margin-bottom: 0;
    }
    .sps-workflow-head h2 {
        max-width: 860px;
        font-size: 68px;
        line-height: 1.04;
    }
    .sps-workflow-head .sps-section-sub {
        max-width: 760px;
        margin-top: 18px;
        font-size: 21px;
        line-height: 1.55;
    }
    .sps-step {
        display: grid;
        grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
        gap: clamp(44px, 6.5vw, 96px);
        align-items: center;
        min-height: 500px;
    }
    .sps-step:nth-child(even) .sps-step-visual {
        order: 2;
    }
    .sps-step:nth-child(even) .sps-step-copy {
        order: 1;
    }
    .sps-step-visual {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 440px;
        isolation: isolate;
    }
    .sps-visual-board {
        position: relative;
        width: min(100%, 620px);
        min-height: 426px;
        overflow: hidden;
        border: 1px solid rgba(21, 29, 59, 0.1);
        border-radius: 8px;
        background:
            linear-gradient(rgba(79, 70, 229, 0.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(79, 70, 229, 0.035) 1px, transparent 1px),
            linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
        background-size: 28px 28px, 28px 28px, auto;
        box-shadow: 0 24px 60px rgba(21, 29, 59, 0.12);
        padding: 26px;
    }
    .sps-visual-kicker {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 3px 8px;
        border-radius: var(--radius-pill);
        background: var(--accent-soft);
        color: var(--accent-dark);
        font-size: 11px;
        font-weight: 900;
        line-height: 1.2;
        opacity: 0.78;
    }
    .sps-visual-title {
        margin: 10px 0 0;
        max-width: 430px;
        font-size: clamp(22px, 2.2vw, 28px);
        font-weight: 900;
        line-height: 1.14;
    }
    .sps-theme-screener {
        display: grid;
        gap: 9px;
        margin-top: 22px;
    }
    .sps-theme-row {
        display: grid;
        grid-template-columns: minmax(120px, 1.12fr) repeat(3, minmax(62px, 0.66fr)) minmax(64px, 0.52fr);
        gap: 8px;
        align-items: center;
        min-height: 54px;
        padding: 8px 10px;
        border: 1px solid rgba(21, 29, 59, 0.08);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0 10px 26px rgba(21, 29, 59, 0.045);
    }
    .sps-theme-row.is-selected {
        border-color: rgba(22, 163, 74, 0.32);
        background: linear-gradient(90deg, rgba(22, 163, 74, 0.09), rgba(255, 255, 255, 0.92));
        box-shadow: 0 16px 36px rgba(22, 163, 74, 0.12);
    }
    .sps-theme-row.is-muted {
        color: #94a3b8;
        background: rgba(248, 250, 252, 0.78);
    }
    .sps-theme-name {
        min-width: 0;
        color: var(--ink);
        font-size: 13px;
        font-weight: 950;
        line-height: 1.25;
    }
    .sps-theme-row.is-muted .sps-theme-name {
        color: #7d89a1;
    }
    .sps-theme-score {
        min-width: 0;
        padding: 7px 8px;
        border-radius: var(--radius);
        background: #f8faff;
        color: var(--muted);
        font-size: 10px;
        font-weight: 850;
        line-height: 1.15;
    }
    .sps-theme-score strong {
        display: block;
        margin-top: 3px;
        color: var(--ink);
        font-size: 17px;
        line-height: 1;
        font-weight: 950;
    }
    .sps-theme-row.is-muted .sps-theme-score strong {
        color: #94a3b8;
    }
    .sps-theme-verdict {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        border-radius: var(--radius-pill);
        background: #eef2ff;
        color: var(--accent-dark);
        font-size: 11px;
        font-weight: 950;
    }
    .sps-theme-row.is-selected .sps-theme-verdict {
        background: rgba(22, 163, 74, 0.14);
        color: var(--green);
    }
    .sps-theme-row.is-muted .sps-theme-verdict {
        background: #f1f5f9;
        color: #94a3b8;
    }
    .sps-theme-legend {
        display: grid;
        grid-template-columns: 1.12fr repeat(3, 0.66fr) 0.52fr;
        gap: 8px;
        padding: 0 10px;
        color: #8a96ad;
        font-size: 10px;
        font-weight: 900;
        line-height: 1.2;
    }
    .sps-theme-legend span {
        min-width: 0;
    }
    .sps-generated-showcase {
        position: relative;
        overflow: hidden;
        margin-top: 22px;
        border-radius: 8px;
        aspect-ratio: 16 / 9;
        background: rgba(21, 29, 59, 0.12);
        box-shadow: 0 22px 50px rgba(21, 29, 59, 0.14);
    }
    .sps-generated-showcase img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sps-generated-showcase::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(180deg, rgba(21, 29, 59, 0.34), transparent 30%),
            linear-gradient(90deg, transparent 0 54%, rgba(255, 255, 255, 0.18) 74%, rgba(255, 255, 255, 0.34));
        pointer-events: none;
    }
    .sps-image-note {
        position: absolute;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 8px 10px;
        border-radius: var(--radius);
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 12px 30px rgba(21, 29, 59, 0.14);
        color: var(--ink);
        font-size: 12px;
        font-weight: 900;
        line-height: 1.25;
        backdrop-filter: blur(12px);
    }
    .sps-image-note::before {
        content: "";
        width: 7px;
        height: 7px;
        margin-right: 7px;
        border-radius: 999px;
        background: var(--accent);
    }
    .sps-image-note.is-model {
        top: 16px;
        left: 16px;
        background: rgba(21, 29, 59, 0.9);
        color: #fff;
    }
    .sps-image-note.is-model::before {
        background: var(--green);
    }
    .sps-image-note.is-scene {
        left: 16px;
        bottom: 16px;
    }
    .sps-keyword-system {
        display: grid;
        gap: 12px;
        margin-top: 22px;
    }
    .sps-metadata-output {
        display: grid;
        gap: 12px;
    }
    .sps-metadata-title-card,
    .sps-keyword-chip-panel,
    .sps-metadata-signal-grid,
    .sps-drop-note {
        border: 1px solid rgba(21, 29, 59, 0.08);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: 0 12px 28px rgba(21, 29, 59, 0.06);
    }
    .sps-metadata-title-card {
        padding: 14px;
    }
    .sps-metadata-label {
        display: block;
        color: #8a96ad;
        font-size: 10px;
        font-weight: 950;
        line-height: 1.2;
        text-transform: uppercase;
    }
    .sps-metadata-title-card strong {
        display: block;
        margin-top: 7px;
        color: var(--ink);
        font-size: 16px;
        line-height: 1.32;
        font-weight: 950;
    }
    .sps-keyword-chip-panel {
        padding: 13px;
    }
    .sps-keyword-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 9px;
    }
    .sps-keyword-chips span {
        display: inline-flex;
        align-items: center;
        min-height: 27px;
        padding: 5px 9px;
        border-radius: var(--radius-pill);
        background: rgba(79, 70, 229, 0.11);
        color: var(--accent-dark);
        font-size: 12px;
        font-weight: 950;
        line-height: 1.15;
    }
    .sps-keyword-chips .is-priority {
        background: rgba(22, 163, 74, 0.14);
        color: var(--green);
    }
    .sps-metadata-signal-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        overflow: hidden;
        background: rgba(21, 29, 59, 0.08);
    }
    .sps-metadata-signal {
        min-width: 0;
        padding: 12px;
        background: rgba(255, 255, 255, 0.9);
    }
    .sps-metadata-signal strong,
    .sps-metadata-signal span {
        display: block;
    }
    .sps-metadata-signal strong {
        color: var(--ink);
        font-size: 19px;
        line-height: 1;
        font-weight: 950;
    }
    .sps-metadata-signal span {
        margin-top: 5px;
        color: var(--muted);
        font-size: 10px;
        line-height: 1.25;
        font-weight: 900;
    }
    .sps-drop-note {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 11px 13px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.35;
        font-weight: 850;
    }
    .sps-drop-note strong {
        color: #b91c1c;
        font-weight: 950;
        white-space: nowrap;
    }
    .sps-keyword-head,
    .sps-keyword-item {
        display: grid;
        grid-template-columns: minmax(86px, 0.84fr) minmax(72px, 0.62fr) minmax(76px, 0.68fr) minmax(74px, 0.58fr);
        gap: 10px;
        align-items: center;
    }
    .sps-keyword-head {
        padding: 0 12px;
        color: #8a96ad;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 0.02em;
    }
    .sps-keyword-list {
        display: grid;
        gap: 8px;
    }
    .sps-keyword-item {
        min-height: 44px;
        padding: 8px 11px;
        border: 1px solid rgba(21, 29, 59, 0.08);
        border-radius: 7px;
        background: rgba(255, 255, 255, 0.82);
        color: #43506d;
        font-size: 12px;
        font-weight: 900;
    }
    .sps-keyword-item b,
    .sps-keyword-item em,
    .sps-keyword-item .sps-keyword-metric,
    .sps-keyword-item strong {
        min-width: 0;
        line-height: 1.25;
    }
    .sps-keyword-item b {
        color: var(--ink);
        font-size: 13px;
        font-weight: 950;
    }
    .sps-keyword-item em {
        color: #65728c;
        font-style: normal;
    }
    .sps-keyword-metric {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 26px;
        padding: 0 8px;
        border-radius: var(--radius-pill);
        background: #f1f5ff;
        color: #43506d;
        font-size: 11px;
        font-weight: 950;
        white-space: nowrap;
        width: 100%;
    }
    .sps-keyword-metric.is-low {
        background: rgba(22, 163, 74, 0.12);
        color: var(--green);
    }
    .sps-keyword-metric.is-high {
        background: rgba(239, 68, 68, 0.1);
        color: #b91c1c;
    }
    .sps-keyword-metric.is-strong {
        background: rgba(79, 70, 229, 0.12);
        color: var(--accent-dark);
    }
    .sps-keyword-metric.is-weak {
        background: #e5e7eb;
        color: #64748b;
    }
    .sps-keyword-item strong {
        justify-self: stretch;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 54px;
        min-height: 26px;
        padding: 0 8px;
        border-radius: var(--radius-pill);
        font-weight: 950;
        width: 100%;
    }
    .sps-keyword-item.is-keep {
        border-color: rgba(22, 163, 74, 0.24);
        background: rgba(22, 163, 74, 0.08);
    }
    .sps-keyword-item.is-keep strong {
        background: rgba(22, 163, 74, 0.14);
        color: var(--green);
    }
    .sps-keyword-item.is-drop {
        background: #f8fafc;
        color: #94a3b8;
    }
    .sps-keyword-item.is-drop b,
    .sps-keyword-item.is-drop em {
        color: #94a3b8;
    }
    .sps-keyword-item.is-drop .sps-keyword-metric.is-weak {
        background: #e5e7eb;
        color: #64748b;
    }
    .sps-keyword-item.is-drop strong {
        background: #e5e7eb;
        color: #64748b;
    }
    .sps-step-number {
        display: block;
        color: var(--signal);
        font-size: 22px;
        font-weight: 950;
        line-height: 1;
    }
    .sps-step h3 {
        margin: 10px 0 0;
        max-width: 620px;
        font-size: 58px;
        line-height: 1.05;
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: keep-all;
    }
    .sps-step p {
        margin: 18px 0 0;
        max-width: 590px;
        color: var(--muted);
        font-size: 20px;
        line-height: 1.58;
    }
    .sps-step-link {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        margin-top: 24px;
    }
    .sps-step-link .sps-btn-light {
        min-height: 42px;
        padding: 9px 12px;
        font-size: 13px;
    }
    .sps-step-link .sps-step-action {
        min-height: 42px;
        font-size: 13px;
    }
    .sps-guide-link {
        color: var(--accent-dark);
        font-size: 14px;
        font-weight: 850;
        line-height: 1.35;
        text-decoration: none;
        border-bottom: 1px solid rgba(79, 70, 229, 0.24);
        transition: color 0.16s ease, border-color 0.16s ease;
    }
    .sps-guide-link:hover {
        color: var(--accent);
        border-color: rgba(79, 70, 229, 0.55);
    }
    .sps-guide-link.is-hidden {
        display: none;
    }
    .sps-testimonials {
        display: grid;
        grid-template-columns: 1fr;
        gap: 26px;
        max-width: 980px;
        margin: clamp(52px, 7vw, 86px) auto 0;
        padding-top: clamp(34px, 5vw, 52px);
        border-top: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-testimonial-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 28px;
        align-items: end;
    }
    .sps-testimonial-head h3 {
        margin: 10px 0 0;
        font-size: clamp(28px, 3vw, 42px);
        line-height: 1.1;
        letter-spacing: 0;
    }
    .sps-testimonial-head p {
        max-width: 700px;
        margin: 14px 0 0;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.7;
    }
    .sps-review-proof {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        min-width: 420px;
    }
    .sps-review-proof span {
        display: block;
        padding-left: 14px;
        border-left: 2px solid rgba(79, 70, 229, 0.32);
        color: #43506d;
        font-size: 13px;
        line-height: 1.45;
        font-weight: 800;
    }
    .sps-review-proof strong {
        display: block;
        color: var(--ink);
        font-size: 26px;
        line-height: 1;
        font-weight: 950;
    }
    .sps-testimonial-list {
        border-top: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-testimonial {
        display: grid;
        grid-template-columns: minmax(190px, 0.38fr) minmax(0, 1fr);
        gap: clamp(16px, 3vw, 30px);
        padding: 22px 0;
        border-bottom: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-testimonial-profile {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
    }
    .sps-testimonial-avatar {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 14px;
        font-weight: 950;
        letter-spacing: 0;
        box-shadow: 0 10px 24px rgba(21, 29, 59, 0.12);
        overflow: hidden;
    }
    .sps-testimonial-avatar.is-xx {
        background:
            radial-gradient(circle at 32% 30%, #f8fafc 0 13%, transparent 14%),
            radial-gradient(circle at 64% 34%, #f59e0b 0 10%, transparent 11%),
            linear-gradient(135deg, #dbeafe 0%, #60a5fa 45%, #1d4ed8 100%);
        color: #1e3a8a;
    }
    .sps-testimonial-avatar.is-anon {
        background: linear-gradient(135deg, #e5e7eb 0%, #cbd5e1 48%, #94a3b8 100%);
        color: #475569;
    }
    .sps-testimonial-avatar.is-kimberly {
        background:
            radial-gradient(circle at 34% 28%, rgba(255,255,255,0.95) 0 10%, transparent 11%),
            linear-gradient(135deg, #86efac 0%, #16a34a 44%, #166534 100%);
    }
    .sps-testimonial strong {
        display: block;
        color: var(--ink);
        font-size: 17px;
        line-height: 1.35;
        font-weight: 950;
    }
    .sps-testimonial cite {
        display: block;
        margin-top: 8px;
        color: var(--muted);
        font-size: 13px;
        font-style: normal;
        font-weight: 800;
    }
    .sps-testimonial blockquote {
        margin: 0;
        color: #26324f;
        font-size: 17px;
        line-height: 1.75;
        font-weight: 760;
    }
    .sps-testimonial-proof {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
    }
    .sps-testimonial-proof span {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 4px 8px;
        border-radius: 999px;
        background: #f8faff;
        color: #43506d;
        font-size: 12px;
        line-height: 1.25;
        font-weight: 850;
    }
    .sps-testimonial em {
        color: var(--accent-dark);
        font-style: normal;
        font-weight: 900;
    }
    .sps-faq {
        display: grid;
        grid-template-columns: 1fr;
        gap: 22px;
        max-width: 920px;
        margin-right: auto;
        margin-left: auto;
        margin-top: clamp(48px, 7vw, 82px);
        padding-top: clamp(34px, 5vw, 52px);
        border-top: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-faq-copy {
        max-width: 720px;
    }
    .sps-faq h3 {
        margin: 0;
        font-size: clamp(28px, 3vw, 42px);
        line-height: 1.1;
        letter-spacing: 0;
    }
    .sps-faq p {
        margin: 14px 0 0;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.7;
    }
    .sps-faq-list {
        border-top: 1px solid rgba(21, 29, 59, 0.1);
    }
    .sps-faq-item {
        border-bottom: 1px solid rgba(21, 29, 59, 0.1);
        padding: 0;
    }
    .sps-faq-item summary {
        display: flex;
        gap: 18px;
        align-items: center;
        justify-content: space-between;
        min-height: 66px;
        cursor: pointer;
        color: var(--ink);
        font-size: 17px;
        line-height: 1.45;
        font-weight: 900;
        list-style: none;
    }
    .sps-faq-item summary::-webkit-details-marker {
        display: none;
    }
    .sps-faq-item summary::after {
        content: "+";
        flex: 0 0 auto;
        color: var(--accent-dark);
        font-size: 22px;
        line-height: 1;
        font-weight: 850;
    }
    .sps-faq-item[open] summary::after {
        content: "-";
    }
    .sps-faq-item p {
        margin: -4px 0 18px;
        max-width: 760px;
        color: #43506d;
        font-size: 15px;
        line-height: 1.75;
    }
    .sps-faq-item a {
        color: var(--accent-dark);
        font-weight: 850;
        text-decoration: none;
    }
    .sps-faq-item a:hover {
        text-decoration: underline;
    }
    .sps-final-cta {
        margin-top: 34px;
        padding: clamp(28px, 5vw, 46px);
        border: 1px solid rgba(79, 70, 229, 0.16);
        border-radius: 8px;
        background:
            linear-gradient(135deg, rgba(79, 70, 229, 0.08), rgba(14, 165, 233, 0.06)),
            #fff;
        text-align: center;
    }
    .sps-final-cta h3 {
        margin: 0 auto;
        max-width: 820px;
        font-size: clamp(28px, 3.2vw, 44px);
        line-height: 1.12;
        letter-spacing: 0;
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: keep-all;
    }
    .sps-final-cta p {
        margin: 14px auto 0;
        max-width: 740px;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.7;
    }
    .sps-final-cta .sps-actions {
        justify-content: center;
        margin-top: 24px;
    }
    @keyframes spsFloatIn {
        from {
            opacity: 0;
            transform: translateY(16px) rotate(1deg);
        }
        to {
            opacity: 1;
            transform: translateY(0) rotate(1deg);
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .sps-proof-frame {
            animation: none;
        }
        .sps-btn,
        .sps-btn-light,
        .sps-step-action,
        .sps-opportunity-card,
        .sps-guide-link {
            transition: none;
        }
    }
    @media (max-width: 1180px) {
        .sps-hero h1 {
            font-size: clamp(38px, 4.4vw, 50px);
        }
    }
    @media (max-width: 860px) {
        .sps-hero-grid {
            grid-template-columns: 1fr;
        }
        .sps-proof {
            width: min(620px, 100%);
            margin: 0 auto;
            justify-self: center;
        }
    }
    @media (max-width: 1024px) {
        .sps-hero {
            min-height: auto;
        }
        .sps-hero h1 {
            font-size: 42px;
        }
        .sps-section-head,
        .sps-faq {
            grid-template-columns: 1fr;
        }
        .sps-section-tools {
            justify-self: start;
        }
        .sps-opportunity-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .sps-workflow-head h2 {
            font-size: 52px;
        }
        .sps-workflow-head .sps-section-sub {
            font-size: 19px;
        }
        .sps-step {
            grid-template-columns: 1fr;
            gap: 34px;
            min-height: auto;
        }
        .sps-step:nth-child(even) .sps-step-visual,
        .sps-step:nth-child(even) .sps-step-copy {
            order: initial;
        }
        .sps-step-visual {
            min-height: 420px;
        }
        .sps-step h3 {
            font-size: 46px;
        }
        .sps-step p {
            font-size: 19px;
        }
    }
    @media (max-width: 720px) {
        .sps-shell {
            width: min(100% - 32px, 1280px);
        }
        .sps-hero {
            padding: 30px 0 34px;
            align-items: flex-start;
        }
        .sps-hero-grid {
            gap: 22px;
        }
        .sps-hero h1 {
            font-size: clamp(31px, 8.4vw, 34px);
            line-height: 1.12;
            max-width: 12.5em;
        }
        .sps-hero h1 > span {
            white-space: normal;
        }
        .sps-hero h1 .sps-keep,
        .sps-keep {
            white-space: nowrap;
        }
        .sps-hero-summary {
            margin-top: 16px;
            font-size: 16px;
            line-height: 1.5;
        }
        .sps-actions {
            gap: 10px;
            margin-top: 20px;
        }
        .sps-hero-stats {
            grid-template-columns: 1fr;
            gap: 12px;
            margin-top: 20px;
            padding-top: 16px;
        }
        .sps-hero-stat {
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(21, 29, 59, 0.08);
        }
        .sps-hero-stat:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }
        .sps-proof-frame {
            padding: 10px;
            transform: none;
            max-height: 226px;
            overflow: hidden;
        }
        .sps-proof-frame img {
            max-height: 206px;
            object-fit: contain;
        }
        .sps-proof {
            transform: none;
        }
        .sps-proof-caption {
            flex-direction: column;
            gap: 4px;
        }
        .sps-section {
            padding: 46px 0;
        }
        .sps-form {
            grid-template-columns: 1fr;
        }
        .sps-opportunity-grid {
            grid-template-columns: 1fr;
        }
        .sps-topic-title {
            min-height: auto;
        }
        .sps-topic-use,
        .sps-topic-note {
            min-height: auto;
            display: block;
            overflow: visible;
            -webkit-line-clamp: initial;
        }
        .sps-score-grid {
            gap: 6px;
        }
        .sps-score strong {
            font-size: 18px;
        }
        .sps-score span {
            font-size: 10.5px;
        }
        .sps-step {
            gap: 28px;
        }
        .sps-step .sps-step-copy,
        .sps-step:nth-child(even) .sps-step-copy {
            order: 1;
        }
        .sps-step .sps-step-visual,
        .sps-step:nth-child(even) .sps-step-visual {
            order: 2;
        }
        .sps-workflow {
            gap: 76px;
            margin-top: 54px;
        }
        .sps-workflow-head h2 {
            font-size: 38px;
        }
        .sps-workflow-head .sps-section-sub {
            font-size: 18px;
            line-height: 1.55;
        }
        .sps-step-number {
            font-size: 18px;
        }
        .sps-step h3 {
            font-size: 36px;
        }
        .sps-step p {
            font-size: 18px;
            line-height: 1.58;
        }
        .sps-testimonial-head,
        .sps-testimonial {
            grid-template-columns: 1fr;
        }
        .sps-testimonial-profile {
            grid-template-columns: 40px minmax(0, 1fr);
        }
        .sps-testimonial-avatar {
            width: 40px;
            height: 40px;
        }
        .sps-review-proof {
            min-width: 0;
            grid-template-columns: 1fr;
        }
        .sps-faq-item summary {
            min-height: 58px;
            font-size: 16px;
        }
        .sps-step-visual {
            min-height: auto;
        }
        .sps-visual-board {
            min-height: 0;
            padding: 18px;
        }
        .sps-theme-legend {
            display: none;
        }
        .sps-theme-row {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 7px;
            align-items: stretch;
        }
        .sps-theme-name,
        .sps-theme-verdict {
            grid-column: 1 / -1;
        }
        .sps-theme-score {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .sps-theme-score strong {
            margin-top: 0;
        }
        .sps-keyword-head {
            display: none;
        }
        .sps-keyword-system {
            gap: 10px;
            margin-top: 16px;
        }
        .sps-metadata-title-card,
        .sps-keyword-chip-panel {
            padding: 12px;
        }
        .sps-metadata-title-card strong {
            font-size: 15px;
        }
        .sps-metadata-signal-grid {
            grid-template-columns: 1fr;
        }
        .sps-metadata-signal {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px;
        }
        .sps-metadata-signal span {
            margin-top: 0;
            text-align: right;
        }
        .sps-drop-note {
            flex-direction: column;
            gap: 4px;
        }
        .sps-keyword-item {
            grid-template-columns: minmax(116px, 1fr) minmax(74px, 0.68fr);
            gap: 7px;
        }
        .sps-keyword-item em {
            display: none;
        }
        .sps-image-note {
            min-height: 30px;
            padding: 7px 9px;
            font-size: 11px;
        }
        .sps-actions {
            align-items: stretch;
            flex-direction: column;
        }
        .sps-actions a,
        .sps-actions button {
            width: 100%;
        }
        .sps-section-tools,
        .sps-csv-download {
            width: 100%;
        }
    }
