/* SEOSREZ v143 all pages unified design. Generated from existing production styles and v142 FastPanel layer. */

/* ---- source: app.css ---- */
:root {
    --bg: #f5f7fb;
    --bg-soft: #fbfcfe;
    --card: #ffffff;
    --card-soft: #f2f7f6;
    --border: #d8e1ea;
    --border-strong: #c5d0db;
    --text: #16212b;
    --muted: #627284;
    --primary: #f58a66;
    --primary-dark: #ee7350;
    --secondary: #63c2b8;
    --secondary-dark: #4ea9a0;
    --accent: #f2c55c;
    --danger: #d85d5d;
    --success: #3ca36e;
    --warning: #d89c22;
    --shadow: 0 18px 46px rgba(18, 31, 44, 0.08);
    --shadow-soft: 0 10px 28px rgba(18, 31, 44, 0.06);
    --radius: 22px;
    --radius-sm: 14px;
    --radius-xs: 10px;
}

* {
    box-sizing: border-box;
}

html {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--bg);
}

body {
    margin: 0;
    background: linear-gradient(180deg, #f7f8fb 0%, #f2f6fa 100%);
    color: var(--text);
}

a {
    color: var(--primary-dark);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    display: block;
}

.container {
    width: min(1460px, calc(100% - 32px));
    margin: 0 auto;
}

.page-content {
    padding: 34px 0 48px;
}

.topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(12px);
    background: rgba(247, 249, 252, 0.88);
    border-bottom: 1px solid rgba(205, 216, 228, 0.8);
}

.topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 74px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--text);
    text-decoration: none;
    font-weight: 700;
}

.brand:hover {
    text-decoration: none;
}

.brand__mark {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    box-shadow: var(--shadow-soft);
}

.brand__text {
    font-size: 0.98rem;
}

.topnav {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.topnav a {
    color: var(--text);
    font-weight: 600;
}

.logout-form {
    margin: 0;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.btn:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.btn--primary {
    background: linear-gradient(135deg, var(--primary), #f7a470);
    color: white;
    box-shadow: 0 12px 28px rgba(245, 138, 102, 0.24);
}

.btn--primary:hover {
    color: white;
}

.btn--secondary {
    background: linear-gradient(135deg, var(--secondary), #8fd9d0);
    color: white;
    box-shadow: 0 12px 28px rgba(99, 194, 184, 0.24);
}

.btn--secondary:hover {
    color: white;
}

.btn--ghost {
    background: rgba(255, 255, 255, 0.92);
    border-color: var(--border);
    color: var(--text);
}

.btn--ghost:hover {
    color: var(--text);
}

.btn--small {
    min-height: 36px;
    padding: 0 14px;
    font-size: 0.86rem;
}

.btn--block {
    width: 100%;
}

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 26px;
}

.page-header h1 {
    margin: 4px 0 8px;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.08;
}

.page-header__actions,
.report-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.eyebrow {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--secondary-dark);
    font-weight: 800;
}

.muted {
    color: var(--muted);
}

.compact-text {
    max-width: 78ch;
}

.card {
    background: var(--card);
    border: 1px solid rgba(214, 223, 233, 0.92);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.card--padded {
    padding: 28px;
}

.card--soft {
    background: linear-gradient(180deg, #fbfcfd 0%, #f4faf8 100%);
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 24px 0;
}

.section-header h2,
.section-header h3 {
    margin: 4px 0 6px;
}

.section-header--report {
    padding: 0;
    margin-bottom: 18px;
}

.section-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 26px;
}

.stat-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 251, 0.96));
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 22px 24px;
    box-shadow: var(--shadow-soft);
}

.stat-card__value {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-card__label {
    color: var(--muted);
}

.two-columns {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 22px;
    margin-bottom: 26px;
}

.section-block {
    margin-bottom: 28px;
}

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

.feature-card,
.step-card {
    padding: 20px;
}

.feature-card h3,
.step-card h3 {
    margin: 0 0 10px;
}

.step-card__index {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(99, 194, 184, 0.12);
    color: var(--secondary-dark);
    font-weight: 800;
    margin-bottom: 16px;
}

.hero {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 28px;
}

.hero__content {
    padding: 16px 0;
}

.hero__lead {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--muted);
    max-width: 66ch;
}

.hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 28px 0 18px;
}

.hero__meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: var(--muted);
    font-size: 0.92rem;
}

.hero__meta span {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid var(--border);
}

.hero__panel {
    padding: 20px;
}

.preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.preview-card {
    padding: 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid var(--border);
}

.preview-card--wide {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, rgba(245, 138, 102, 0.08), rgba(99, 194, 184, 0.08));
}

.preview-card__label {
    font-size: 0.85rem;
    color: var(--muted);
}

.preview-card__value {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 10px 0 8px;
}

.preview-card__text {
    line-height: 1.65;
}

.definition-list {
    display: grid;
    gap: 16px;
    margin: 0;
}

.definition-list > div {
    display: grid;
    grid-template-columns: minmax(140px, 180px) 1fr;
    gap: 12px;
    align-items: start;
}

.definition-list dt {
    color: var(--muted);
    font-weight: 700;
}

.definition-list dd {
    margin: 0;
}

.check-list {
    display: grid;
    gap: 12px;
}

.check-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fbfcfe;
}

.check-item--ok {
    border-color: rgba(60, 163, 110, 0.25);
    background: rgba(60, 163, 110, 0.08);
}

.check-item--pending {
    border-color: rgba(216, 156, 34, 0.22);
    background: rgba(242, 197, 92, 0.12);
}

.check-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: currentColor;
}

.message-stack {
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
}

.message {
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: white;
}

.message--success {
    background: rgba(60, 163, 110, 0.1);
    border-color: rgba(60, 163, 110, 0.24);
}

.message--warning {
    background: rgba(242, 197, 92, 0.12);
    border-color: rgba(216, 156, 34, 0.24);
}

.message--error {
    background: rgba(216, 93, 93, 0.1);
    border-color: rgba(216, 93, 93, 0.24);
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.83rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.badge--ready {
    background: rgba(60, 163, 110, 0.14);
    color: var(--success);
    border-color: rgba(60, 163, 110, 0.24);
}

.badge--error {
    background: rgba(216, 93, 93, 0.14);
    color: var(--danger);
    border-color: rgba(216, 93, 93, 0.24);
}

.badge--draft {
    background: rgba(99, 194, 184, 0.12);
    color: var(--secondary-dark);
    border-color: rgba(99, 194, 184, 0.24);
}

.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(245, 138, 102, 0.12);
    color: var(--primary-dark);
    font-size: 0.76rem;
    font-weight: 800;
    border: 1px solid rgba(245, 138, 102, 0.18);
}

.pill--muted {
    background: rgba(99, 194, 184, 0.12);
    border-color: rgba(99, 194, 184, 0.18);
    color: var(--secondary-dark);
}

.badge-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 18px;
}

.integration-source-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.integration-source-list li {
    margin: 0;
}

.integration-source-list label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: linear-gradient(180deg, #fbfcfd 0%, #f6faf9 100%);
    font-weight: 600;
    line-height: 1.45;
    cursor: pointer;
}

.integration-source-list input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

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

.form-field {
    display: grid;
    gap: 8px;
}

.form-field--full,
.form-actions--full {
    grid-column: 1 / -1;
}

.form-field label {
    font-size: 0.92rem;
    font-weight: 700;
}

.input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="date"],
select,
textarea {
    width: 100%;
    border: 1px solid var(--border);
    background: #ffffff;
    color: var(--text);
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 0.96rem;
    line-height: 1.45;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

textarea {
    min-height: 120px;
    resize: vertical;
}

input:focus,
select:focus,
textarea:focus,
.input:focus {
    outline: none;
    border-color: rgba(99, 194, 184, 0.9);
    box-shadow: 0 0 0 4px rgba(99, 194, 184, 0.12);
}

.color-input {
    padding: 4px;
    min-height: 48px;
}

.form-help {
    color: var(--muted);
    font-size: 0.86rem;
    line-height: 1.55;
}

.form-error {
    color: var(--danger);
    font-size: 0.86rem;
    font-weight: 700;
}

.form-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.source-mode-note {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    color: var(--muted);
    font-size: 0.88rem;
}

.section-picker {
    display: grid;
    gap: 18px;
    margin-top: 10px;
}

.section-picker__header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 6px;
}

.section-picker__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    min-width: min(100%, 460px);
}

.section-group {
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcfd 100%);
}

.section-group__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.section-group__header h3 {
    margin: 0 0 6px;
}

.section-group__header p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.section-group__count {
    min-width: 36px;
    min-height: 36px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(99, 194, 184, 0.12);
    color: var(--secondary-dark);
    font-weight: 800;
}

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

.section-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.section-card:hover {
    border-color: rgba(99, 194, 184, 0.5);
    box-shadow: var(--shadow-soft);
    transform: translateY(-1px);
}

.section-card.is-hidden {
    display: none;
}

.section-card__checkbox {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    accent-color: var(--secondary-dark);
}

.section-card__content {
    display: grid;
    gap: 6px;
}

.section-card__title {
    font-weight: 800;
    line-height: 1.35;
}

.section-card__description {
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.55;
}

.section-card__badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.section-card:has(.section-card__checkbox:checked) {
    border-color: rgba(99, 194, 184, 0.72);
    background: linear-gradient(180deg, rgba(99, 194, 184, 0.08), rgba(255, 255, 255, 1));
    box-shadow: 0 14px 30px rgba(99, 194, 184, 0.14);
}

.code-textarea {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.9rem;
}

.code-textarea--dimmed {
    opacity: 0.65;
    background: #f8fafc;
}

.auth-layout {
    min-height: calc(100vh - 180px);
    display: grid;
    place-items: center;
}

.auth-card {
    width: min(520px, 100%);
    padding: 28px;
}

.auth-card--wide {
    width: min(760px, 100%);
}

.auth-card h1 {
    margin-top: 0;
    margin-bottom: 8px;
}

.auth-footer {
    margin-top: 18px;
    text-align: center;
    color: var(--muted);
}

.table-wrap {
    overflow: auto;
    padding: 20px 24px 24px;
}

.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 680px;
    font-size: 0.95rem;
}

.table thead th {
    position: sticky;
    top: 0;
    background: #eff8f7;
    color: #1d3142;
    font-weight: 800;
    text-align: left;
    padding: 14px 14px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.table thead th:first-child {
    border-left: 1px solid var(--border);
    border-top-left-radius: 14px;
}

.table thead th:last-child {
    border-right: 1px solid var(--border);
    border-top-right-radius: 14px;
}

.table tbody td {
    padding: 13px 14px;
    border-bottom: 1px solid #e9eef4;
    background: #ffffff;
    vertical-align: top;
}

.table tbody tr td:first-child {
    border-left: 1px solid #e9eef4;
}

.table tbody tr td:last-child {
    border-right: 1px solid #e9eef4;
}

.table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 14px;
}

.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 14px;
}

.table--compact {
    min-width: 420px;
}

.table--report {
    min-width: 760px;
}

.cell-break {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.stack-list {
    display: grid;
    gap: 10px;
    padding: 18px 24px 24px;
}

.stack-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    color: var(--text);
    background: #fff;
}

.stack-item:hover {
    text-decoration: none;
    border-color: rgba(99, 194, 184, 0.55);
    box-shadow: var(--shadow-soft);
}

.stack-item__title {
    font-weight: 800;
}

.stack-item__meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 0.9rem;
}

.empty-state {
    padding: 0 24px 24px;
    color: var(--muted);
    line-height: 1.65;
}

.empty-state strong {
    display: block;
    color: var(--text);
    margin-bottom: 4px;
}

.empty-state span {
    display: block;
}

.report-cover {
    margin-bottom: 22px;
}

.report-cover__brand {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.report-cover__label {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--secondary-dark);
    font-weight: 800;
}

.report-cover__contacts {
    display: grid;
    gap: 8px;
    color: var(--muted);
    text-align: right;
}

.report-cover__status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
    flex-wrap: wrap;
}

.report-sections {
    display: grid;
    gap: 18px;
}

.report-section {
    padding: 20px;
}

.chart-card {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: linear-gradient(180deg, #f9fbfd, #f7faf9);
    margin-bottom: 18px;
}

.report-chart {
    width: 100%;
    border-radius: 12px;
}

.metric-grid {
    display: grid;
    gap: 14px;
    margin-bottom: 16px;
}

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

.metric-grid--four {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.metric-grid--compact {
    margin-top: -2px;
}

.metric-grid--auto {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.metric-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,250,252,0.98));
}

.metric-card--compact {
    padding: 14px;
}

.metric-card__label {
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.metric-card__value {
    font-size: clamp(1.55rem, 2.2vw, 2rem);
    font-weight: 800;
    margin-top: 10px;
    line-height: 1.1;
}

.metric-card__sub {
    color: var(--muted);
    margin-top: 8px;
}

.metric-card__delta {
    margin-top: 10px;
    font-weight: 800;
}

.delta-positive {
    color: var(--success);
}

.delta-negative {
    color: var(--danger);
}

.delta-neutral {
    color: var(--muted);
}

.legend-grid {
    display: grid;
    gap: 10px;
}

.legend-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
}

.legend-label {
    font-weight: 700;
}

.legend-value {
    color: var(--muted);
}

.note-list {
    margin: 16px 0 0;
    padding-left: 20px;
    display: grid;
    gap: 10px;
    line-height: 1.65;
}

.rich-text {
    margin-top: 16px;
    color: var(--text);
    line-height: 1.7;
}

.code-box,
.log-box {
    padding: 14px;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 18px;
    overflow: auto;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.88rem;
    line-height: 1.6;
}

.log-box {
    max-height: 280px;
}

@media (max-width: 1120px) {
    .hero,
    .two-columns {
        grid-template-columns: 1fr;
    }

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

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

    .section-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .container {
        width: min(100% - 24px, 1240px);
    }

    .topbar__inner,
    .page-header,
    .section-picker__header,
    .report-cover__brand {
        flex-direction: column;
    }

    .report-cover__contacts {
        text-align: left;
    }

    .stats-grid,
    .feature-grid,
    .steps-grid,
    .metric-grid--three,
    .metric-grid--four,
    .form-grid--two {
        grid-template-columns: 1fr;
    }

    .card--padded,
    .report-section,
    .hero__panel,
    .auth-card {
        padding: 20px;
    }

    .table-wrap {
        padding: 16px 16px 18px;
    }

    .table {
        min-width: 600px;
    }
}

.page-header--sticky {
    position: sticky;
    top: 86px;
    z-index: 10;
    padding: 20px 0 10px;
    background: linear-gradient(180deg, rgba(245,247,251,0.96) 0%, rgba(245,247,251,0.88) 70%, rgba(245,247,251,0) 100%);
    backdrop-filter: blur(8px);
}

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

.stats-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stats-grid--four {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.two-columns--wide {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.stat-card__value--small {
    font-size: 1.35rem;
    word-break: break-word;
}

.integration-source-list--cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
}

.source-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: #fff;
}

.source-card input {
    margin-top: 4px;
}

.source-card__title {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
}

.source-card__meta {
    display: block;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.5;
}

.resource-summary-grid {
    display: grid;
    gap: 22px;
}

.resource-list {
    display: grid;
    gap: 12px;
}

.resource-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: #fff;
}

.resource-card__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.resource-card__title {
    font-weight: 700;
}

.resource-card__meta {
    color: var(--muted);
    font-size: 0.92rem;
}

.badge--ghost {
    background: rgba(255,255,255,0.92);
    color: var(--text);
    border: 1px solid var(--border);
}

.badge--ready {
    background: rgba(60,163,110,0.12);
    color: var(--success);
    border: 1px solid rgba(60,163,110,0.24);
}

.table--dense th,
.table--dense td {
    padding: 9px 10px;
    font-size: 0.92rem;
}

.stack-item--plain {
    text-decoration: none;
    color: inherit;
}

.stack-item--plain:hover {
    text-decoration: none;
}

.monospace {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    word-break: break-word;
}

.markdown-block textarea {
    min-height: 190px;
}

.markdown-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.markdown-toolbar button {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: #fff;
    font-weight: 700;
    cursor: pointer;
}

.job-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.rich-text--markdown {
    line-height: 1.75;
}

.rich-text--markdown h1,
.rich-text--markdown h2,
.rich-text--markdown h3 {
    margin: 1.1em 0 0.5em;
}

.rich-text--markdown ul,
.rich-text--markdown ol,
.rich-text--steps {
    margin: 0;
    padding-left: 1.25rem;
}

.rich-text--steps li {
    margin-bottom: 8px;
}

@media (max-width: 900px) {
    .page-header--sticky {
        top: 74px;
    }

    .stats-grid--two,
    .stats-grid--three,
    .stats-grid--four,
    .job-summary-grid,
    .two-columns--wide {
        grid-template-columns: 1fr;
    }
}
.badge--queued,
.badge--processing {
    background: rgba(216,156,34,0.12);
    color: var(--warning);
    border: 1px solid rgba(216,156,34,0.24);
}

.oauth-wizard-card {
    margin-bottom: 20px;
}

.oauth-wizard-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 20px;
}

.oauth-wizard-step,
.inline-selected-value {
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 14px;
    padding: 14px 16px;
}

.inline-selected-value--muted {
    color: var(--muted);
}

.site-import-list {
    display: grid;
    gap: 12px;
}

.site-import-card {
    display: block;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    padding: 18px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.site-import-card:hover {
    border-color: var(--primary);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.site-import-card > input[type="radio"] {
    margin-right: 12px;
    transform: translateY(2px);
}

.site-import-card__content {
    display: inline-block;
    width: calc(100% - 28px);
    vertical-align: top;
}

.site-import-card.is-selected {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(99, 194, 184, 0.14);
}

.site-import-card__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.site-import-card__title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--text);
}

.site-import-card__meta {
    color: var(--muted);
    margin-top: 4px;
    word-break: break-all;
}

.site-import-card__selectors {
    margin-top: 16px;
}

@media (max-width: 900px) {
    .oauth-wizard-steps {
        grid-template-columns: 1fr;
    }

    .site-import-card__head {
        flex-direction: column;
    }
}

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

.report-layout--builder {
    grid-template-columns: minmax(290px, 340px) minmax(0, 1fr);
}

.report-layout--public {
    align-items: start;
}

.report-sidebar {
    position: sticky;
    top: 148px;
    display: grid;
    gap: 18px;
}

.report-sidebar--builder {
    top: 148px;
}

.report-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.report-toc {
    display: grid;
    gap: 10px;
}

.report-toc__link {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--border);
    color: var(--text);
    font-weight: 700;
    background: linear-gradient(180deg, #ffffff, #f9fbfd);
}

.report-toc__link:hover {
    text-decoration: none;
    border-color: rgba(99, 194, 184, 0.55);
    box-shadow: var(--shadow-soft);
}

.sidebar-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), transparent);
}

.sidebar-log-list,
.sidebar-hint-list {
    display: grid;
    gap: 10px;
}

.sidebar-log-item,
.sidebar-hint-item {
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: #fff;
}

.sidebar-log-item small,
.sidebar-hint-item span {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.5;
}

.sidebar-log-item.is-error {
    border-color: rgba(216, 93, 93, 0.28);
    background: rgba(216, 93, 93, 0.06);
}

.metric-card--outline {
    background: linear-gradient(180deg, #ffffff, #f8fbfd);
}

.metric-card__secondary {
    color: var(--muted);
    margin-top: 8px;
    line-height: 1.5;
}

.metric-grid--comparison .metric-card {
    min-height: 132px;
}

.share-link-panel {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
    display: grid;
    gap: 14px;
}

.share-link-panel__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.input--share {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.92rem;
}

.report-top-grid {
    align-items: start;
}

.report-notes ul {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 8px;
}

.report-form-page--focused .section-group {
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfcfe, #f7faf9);
}

.import-filter-panel {
    margin-bottom: 18px;
}

.import-filter-grid__counter {
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

.site-import-card.is-hidden,
.section-card.is-hidden {
    display: none;
}

.oauth-wizard-card--large .oauth-wizard-highlight {
    margin: 20px 0;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: linear-gradient(180deg, #ffffff, #f6faf9);
}

.oauth-wizard-steps--single-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media print {
    .topbar,
    .page-header__actions,
    .report-sidebar,
    .message-stack {
        display: none !important;
    }

    .container {
        width: 100%;
        max-width: none;
    }

    .page-content {
        padding: 0;
    }

    .report-layout,
    .report-layout--builder,
    .report-layout--public {
        grid-template-columns: 1fr;
    }

    .card,
    .report-section,
    .chart-card {
        box-shadow: none;
        border-color: #d7dde5;
    }
}

@media (max-width: 1120px) {
    .report-layout,
    .report-layout--builder,
    .report-layout--public {
        grid-template-columns: 1fr;
    }

    .report-sidebar,
    .report-sidebar--builder {
        position: static;
        top: auto;
    }
}

@media (max-width: 800px) {
    .share-link-panel__controls {
        grid-template-columns: 1fr;
    }

    .oauth-wizard-steps--single-flow {
        grid-template-columns: 1fr;
    }
}

/* v13 monetization + premium report design */
.pricing-shell {
    margin-bottom: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

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

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

.pricing-card {
    border: 1px solid rgba(197, 208, 219, 0.88);
    border-radius: 22px;
    padding: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,251,255,0.96));
    box-shadow: var(--shadow-soft);
    display: grid;
    gap: 14px;
}

.pricing-card--free {
    background: linear-gradient(180deg, #ffffff, #f5fbf9);
}

.pricing-card--single {
    background: linear-gradient(180deg, #ffffff, #fff7f3);
}

.pricing-card--month {
    background: linear-gradient(180deg, #ffffff, #f3fcfb);
}

.pricing-card__title {
    font-weight: 800;
    font-size: 1.05rem;
}

.pricing-card__price {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
}

.pricing-card__meta {
    color: var(--muted);
    font-size: 0.92rem;
}

.pricing-card__list {
    margin: 0;
    padding-left: 18px;
    color: var(--text);
    display: grid;
    gap: 8px;
}

.pricing-card__status {
    display: flex;
    justify-content: flex-start;
}

.pricing-inline-note {
    margin-top: 18px;
    padding: 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(245,138,102,0.12), rgba(99,194,184,0.12));
    border: 1px solid rgba(245,138,102,0.16);
}

.pricing-inline-note__title {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pricing-inline-note__value {
    margin-top: 6px;
    font-size: 1.75rem;
    font-weight: 900;
}

.report-hero,
.report-public-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    background:
        radial-gradient(circle at top right, rgba(99,194,184,0.22), transparent 35%),
        radial-gradient(circle at bottom left, rgba(245,138,102,0.18), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.report-hero::after,
.report-public-hero::after {
    content: "";
    position: absolute;
    inset: auto -80px -80px auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(99,194,184,0.08);
    filter: blur(4px);
}

.report-hero--deep {
    display: grid;
    grid-template-columns: 1.7fr .9fr;
    gap: 24px;
    align-items: start;
}

.report-public-hero {
    display: grid;
    grid-template-columns: 1.7fr .8fr;
    gap: 24px;
    align-items: start;
}

.report-public-hero__side,
.report-hero__side {
    display: grid;
    gap: 14px;
    justify-items: end;
}

.report-public-brand {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--secondary-dark);
    font-weight: 800;
}

.report-public-site {
    font-size: 1.15rem;
    font-weight: 800;
}

.report-hero__subtitle,
.report-public-hero__subtitle {
    max-width: 72ch;
    color: var(--muted);
    margin: 0;
}

.report-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.period-chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 0.86rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.period-chip--current {
    background: rgba(99,194,184,0.12);
    border-color: rgba(99,194,184,0.22);
    color: #246d66;
}

.period-chip--previous {
    background: rgba(245,138,102,0.12);
    border-color: rgba(245,138,102,0.22);
    color: #a64b31;
}

.period-chip--muted {
    background: rgba(37, 58, 79, 0.06);
    border-color: rgba(37, 58, 79, 0.1);
    color: var(--muted);
}

.hero-status-card {
    min-width: 280px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(214,223,233,0.92);
    box-shadow: var(--shadow-soft);
    display: grid;
    gap: 10px;
}

.hero-status-card__eta {
    font-size: 1.1rem;
    font-weight: 800;
}

.hero-status-card__meta {
    color: var(--muted);
    font-size: .92rem;
}

.report-layout--immersive,
.report-layout--public-pro {
    grid-template-columns: 300px minmax(0, 1fr);
    align-items: start;
}

.report-sidebar--sticky {
    position: sticky;
    top: 98px;
}

.report-toc__link {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    color: var(--text);
    background: transparent;
    border: 1px solid transparent;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.report-toc__link:hover {
    background: rgba(99,194,184,0.08);
    border-color: rgba(99,194,184,0.16);
    transform: translateX(2px);
    text-decoration: none;
}

.share-link-panel--sidebar {
    padding: 0;
}

.share-link-panel__controls--stacked {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.banner {
    margin-bottom: 20px;
    border-radius: 18px;
}

.banner--info {
    background: linear-gradient(180deg, #ffffff, #f8fcff);
    border: 1px solid rgba(99,194,184,0.18);
}

.report-section--pro,
.report-section--public-pro {
    padding: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.report-section__header {
    margin-bottom: 20px;
}

.metric-card--section,
.metric-card--public {
    border: 1px solid rgba(214,223,233,0.88);
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: none;
}

.metric-grid--public {
    margin-bottom: 18px;
}

.chart-card--comparison,
.chart-card--public {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(214,223,233,0.88);
    background: linear-gradient(180deg, #ffffff, #fcfdff);
    box-shadow: var(--shadow-soft);
}

.chart-card__meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.report-chart,
.report-chart--public {
    width: 100%;
    border-radius: 16px;
}

.table-wrap--airy {
    border-radius: 18px;
    border: 1px solid rgba(214,223,233,0.88);
    overflow: hidden;
    background: #fff;
}

.table--clean th {
    background: linear-gradient(180deg, #f4faf8, #ecf5f3);
    color: var(--text);
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.table--clean tbody tr:nth-child(even) {
    background: rgba(245,247,251,0.56);
}

.legend-grid--cards {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.legend-row--card {
    padding: 14px 16px;
    border: 1px solid rgba(214,223,233,0.88);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff, #fbfdff);
}

.report-notes--compact {
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(37,58,79,0.04);
}

.pricing-shell--dashboard {
    margin-top: 24px;
}

.report-paywall {
    margin-bottom: 24px;
}

.stack-item__badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.input--share {
    font-size: .9rem;
}

.report-public-hero h1,
.report-hero h2 {
    margin: 10px 0 10px;
    font-size: clamp(1.9rem, 3.4vw, 3rem);
    line-height: 1.05;
}

.report-hero h2 {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}

@media (max-width: 1120px) {
    .pricing-grid,
    .pricing-grid--two,
    .report-hero--deep,
    .report-public-hero,
    .report-layout--immersive,
    .report-layout--public-pro {
        grid-template-columns: 1fr;
    }

    .report-public-hero__side,
    .report-hero__side {
        justify-items: start;
    }
}

@media (max-width: 780px) {
    .pricing-grid,
    .pricing-grid--two {
        grid-template-columns: 1fr;
    }

    .report-hero__chips,
    .chart-card__meta {
        gap: 8px;
    }

    .period-chip {
        width: 100%;
        justify-content: flex-start;
    }
}

@media print {
    .pricing-shell,
    .share-link-panel,
    .page-header__actions,
    .report-sidebar--sticky {
        display: none !important;
    }

    .report-layout--immersive,
    .report-layout--public-pro {
        grid-template-columns: 1fr;
    }

    .report-hero,
    .report-public-hero,
    .report-section--pro,
    .report-section--public-pro {
        box-shadow: none;
    }
}

/* v14 SEO readability rebuild */
.hero--seo {
    align-items: stretch;
}

.hero__meta--seo {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero__panel--seo {
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,252,255,0.92));
}

.preview-grid--seo .preview-card--wide {
    min-height: 160px;
}

.report-layout--reader {
    gap: 24px;
}

.report-sidebar--reader {
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    border: 1px solid rgba(214,223,233,0.92);
}

.report-main--reader {
    display: grid;
    gap: 22px;
}

.report-reading-guide {
    margin: 0 0 24px;
    background: linear-gradient(180deg, #ffffff, #f9fcff 100%);
    border: 1px solid rgba(214,223,233,0.92);
}

.report-reading-guide--public {
    margin-top: 18px;
}

.reading-guide-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
}

.reading-guide-card {
    border: 1px solid rgba(214,223,233,0.92);
    border-radius: 18px;
    padding: 18px;
    background: #fff;
}

.reading-guide-card h3 {
    margin: 0 0 8px;
    font-size: 1rem;
}

.reading-guide-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.report-sections--reader {
    display: grid;
    gap: 24px;
}

.report-section--reader {
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
}

.section-guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.section-guide-card {
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(214,223,233,0.92);
    background: linear-gradient(180deg, #ffffff, #fcfdff);
}

.section-guide-card--accent {
    border-color: rgba(99,194,184,0.22);
    background: linear-gradient(180deg, rgba(99,194,184,0.08), rgba(255,255,255,1));
}

.section-guide-card h3 {
    margin: 0 0 8px;
    font-size: .98rem;
}

.section-guide-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.58;
}

.metric-grid--reader {
    gap: 14px;
}

.metric-card--reader {
    gap: 8px;
}

.metric-card__help {
    margin-top: 6px;
    font-size: .82rem;
    line-height: 1.5;
    color: #314155;
}

.metric-card__drivers {
    font-size: .84rem;
    line-height: 1.5;
    color: var(--muted);
}

.chart-card--reader {
    padding: 20px;
}

.chart-card__meta--reader {
    justify-content: flex-start;
    gap: 10px;
}

.table-wrap--reader {
    overflow-x: auto;
}

.table--reader th,
.table--reader td {
    vertical-align: top;
}

.table--reader tbody td {
    line-height: 1.45;
}

.report-notes--reader {
    border: 1px solid rgba(214,223,233,0.92);
}

.report-diagnostics summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--text);
}

.report-diagnostics[open] summary {
    margin-bottom: 14px;
}

.metric-card--reader.metric-card--outline {
    background: #fff;
}

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

@media (max-width: 780px) {
    .reading-guide-grid,
    .section-guide-grid {
        grid-template-columns: 1fr;
    }

    .report-layout--reader {
        gap: 18px;
    }

    .report-section--reader,
    .report-reading-guide,
    .report-diagnostics {
        padding: 18px;
    }

    .chart-card--reader {
        padding: 14px;
    }
}

/* v15 generation UX + compact quick links */
.builder-overview {
    margin-bottom: 22px;
    display: grid;
    gap: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.builder-overview__intro h2 {
    margin: 8px 0 10px;
}

.builder-overview__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
}

.report-builder-panel {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.builder-date-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
}

.section-picker__header--stacked {
    align-items: start;
    gap: 14px;
}

.section-picker__actions--compact {
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.section-picker__actions--compact .input {
    min-width: 240px;
    flex: 1 1 280px;
}

.report-sidebar--compact {
    gap: 14px;
}

.share-link-panel--compact {
    border-top: 1px solid var(--border);
    padding-top: 14px;
    margin-top: 2px;
}

.share-link-panel__buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.report-quick-links {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    border: 1px solid rgba(214,223,233,0.92);
}

.quick-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.quick-link-pill {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(214,223,233,0.92);
    border-radius: 14px;
    background: #fff;
    color: var(--text);
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.quick-link-pill:hover {
    text-decoration: none;
    border-color: rgba(99,194,184,0.35);
    background: rgba(99,194,184,0.06);
    transform: translateY(-1px);
}

.quick-link-pill__num {
    flex: 0 0 auto;
    min-width: 34px;
    padding: 4px 6px;
    border-radius: 999px;
    background: rgba(99,194,184,0.12);
    color: #1d3b3a;
    font-size: .72rem;
    font-weight: 800;
    text-align: center;
}

.quick-link-pill__text {
    min-width: 0;
    font-size: .9rem;
    line-height: 1.35;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.report-toc {
    gap: 8px;
}

.report-toc__link {
    padding: 8px 10px;
    border-radius: 12px;
    font-size: .9rem;
    line-height: 1.3;
}

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

    .quick-links-grid {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }
}

@media (max-width: 780px) {
    .builder-overview__metrics,
    .builder-date-grid,
    .share-link-panel__buttons,
    .quick-links-grid {
        grid-template-columns: 1fr;
    }

    .section-picker__actions--compact .input {
        min-width: 0;
        width: 100%;
    }

    .quick-link-pill {
        padding: 10px;
    }

    .quick-link-pill__text {
        font-size: .88rem;
    }
}


/* v17 report layout compact + SEO reader */
.report-page-frame {
    display: grid;
    gap: 16px;
    width: min(1660px, 100%);
    margin: 0 auto;
}

.report-hero--compact,
.report-public-hero--reader {
    margin-bottom: 0;
}

.report-hero__side--tight {
    align-content: start;
}

.hero-status-card--compact {
    min-width: 0;
    width: min(320px, 100%);
}

.report-top-summary {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    border: 1px solid rgba(214,223,233,0.92);
}

.report-top-summary__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
}

.report-top-summary__item {
    border: 1px solid rgba(214,223,233,0.88);
    border-radius: 18px;
    padding: 14px 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    min-width: 0;
}

.report-top-summary__item h3 {
    margin: 6px 0 8px;
    font-size: 1.02rem;
    line-height: 1.3;
}

.report-top-summary__value {
    margin-top: 8px;
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
}

.share-link-panel--inline {
    display: grid;
    gap: 10px;
}

.share-link-panel__buttons--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.report-layout--nav {
    grid-template-columns: 248px minmax(0, 1fr);
    gap: 18px;
}

.report-sidebar--navonly {
    display: grid;
    gap: 10px;
    max-height: calc(100vh - 118px);
    overflow: auto;
    padding-right: 10px;
}

.report-sidebar--navonly h2 {
    margin: 0;
}

.report-toc--vertical {
    display: grid;
    gap: 8px;
}

.report-toc__item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 9px 10px;
    border-radius: 14px;
    border: 1px solid rgba(214,223,233,0.92);
    background: #ffffff;
    color: var(--text);
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.report-toc__item:hover {
    text-decoration: none;
    border-color: rgba(99,194,184,0.34);
    background: rgba(99,194,184,0.06);
    transform: translateX(2px);
}

.report-toc__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    border-radius: 999px;
    background: rgba(99,194,184,0.12);
    color: #204345;
    font-size: .72rem;
    font-weight: 800;
}

.report-toc__text {
    min-width: 0;
    font-size: .88rem;
    line-height: 1.28;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.report-main--reader {
    gap: 18px;
}

.report-section--reader {
    padding: 20px;
}

.section-guide-grid--compact {
    margin-bottom: 16px;
}

.metric-grid--compact {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.metric-grid--compact .metric-card {
    width: auto;
    margin: 0;
}

.chart-card--compact {
    padding: 14px;
}

.table-wrap--compact {
    border-radius: 16px;
}

.table--compact-layout {
    font-size: .88rem;
}

.table--compact-layout th,
.table--compact-layout td {
    padding: 9px 10px;
    vertical-align: top;
}

.table--compact-layout td,
.table--compact-layout th {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.table--compact-layout td:first-child,
.table--compact-layout th:first-child {
    min-width: 260px;
}

.table--compact-diagnostics {
    font-size: .86rem;
}

@media (max-width: 1280px) {
    .report-top-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .report-layout--nav {
        grid-template-columns: 1fr;
    }

    .report-sidebar--navonly {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .report-toc--vertical {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .container {
        width: min(100%, calc(100% - 20px));
    }

    .report-top-summary__grid,
    .report-toc--vertical {
        grid-template-columns: 1fr;
    }

    .report-section--reader,
    .report-top-summary,
    .report-hero,
    .report-public-hero {
        padding: 18px;
    }

    .table--compact-layout {
        font-size: .88rem;
    }
}


.report-chart--contained {
    display: block;
    width: min(100%, 980px);
    max-height: 420px;
    margin: 0 auto;
    object-fit: contain;
}

.chart-card--compact {
    display: grid;
    gap: 10px;
    align-items: start;
}

.report-toc__item {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.report-toc__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .report-page-frame {
        width: min(1440px, 100%);
    }
}

/* v19 compact onboarding + generator UX */
.auth-layout--split {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.auth-promo {
    position: sticky;
    top: 96px;
}
.auth-promo__cards {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}
.feature-list--compact {
    margin: 16px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
}
.input--hidden-trap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.page-header--builder-compact {
    margin-bottom: 18px;
}
.builder-overview--tight {
    margin-bottom: 18px;
}
.builder-overview__intro--compact h2 {
    margin-bottom: 8px;
}
.builder-overview__metrics--compact {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.metric-card--trial.is-available {
    border-color: rgba(66, 185, 131, 0.35);
    background: linear-gradient(180deg, rgba(66,185,131,0.08), rgba(66,185,131,0.02));
}
.metric-card--trial.is-disabled {
    opacity: 0.82;
}
.report-builder-panel--compact {
    gap: 16px;
}
.builder-inline-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}
.preset-chip-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.preset-chip {
    border: 1px solid var(--border, #d9e4eb);
    background: #fff;
    color: var(--text, #132433);
    border-radius: 999px;
    padding: 8px 14px;
    font: inherit;
    font-size: 14px;
    cursor: pointer;
}
.preset-chip:hover {
    background: #f3faf8;
    border-color: #7acfc0;
}
.builder-date-grid--compact {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.section-picker__header--compact {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}
.section-picker--compact .section-grid--compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.section-group--compact {
    padding: 14px;
    border: 1px solid #dbe7ef;
    border-radius: 20px;
    background: #fff;
}
.section-group__header--compact h3 {
    margin: 0 0 4px;
}
.section-group__header--compact p {
    margin: 0;
    font-size: 14px;
}
.section-card--compact {
    padding: 14px 16px;
    min-height: 122px;
}
.section-card--compact .section-card__title {
    font-size: 16px;
    line-height: 1.28;
}
.section-card--compact .section-card__description {
    font-size: 13px;
    line-height: 1.45;
}
.section-guide-grid--micro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.section-guide-card--micro {
    padding: 14px 16px;
    border-radius: 16px;
    background: #fbfdfd;
    border: 1px solid #dbe8ef;
}
.section-guide-card--micro .section-guide-card__label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #1c8f86;
    margin-bottom: 6px;
}
.section-guide-card--micro p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #294052;
}
.report-sidebar--navonly .report-toc__text {
    font-size: 14px;
    line-height: 1.35;
}
.report-toc__item {
    padding: 10px 12px;
    min-height: auto;
}
.report-top-summary__item p,
.metric-card__help,
.metric-card__drivers {
    font-size: 13px;
    line-height: 1.5;
}
@media (max-width: 1080px) {
    .auth-layout--split,
    .builder-overview__metrics--compact,
    .builder-date-grid--compact,
    .section-guide-grid--micro,
    .section-picker--compact .section-grid--compact {
        grid-template-columns: 1fr;
    }
    .auth-promo {
        position: static;
    }
    .section-picker__header--compact,
    .builder-inline-head {
        align-items: stretch;
        flex-direction: column;
    }
}

/* v20: toggleable section descriptions + compact builder */
.report-section__header--toggle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.section-badges--actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.section-description-panel {
    margin: 10px 0 16px;
}

.section-guide-grid--collapsed {
    margin-top: 0;
}

.section-card--toggle {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-card__top {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

.section-card__actions {
    display: flex;
    justify-content: flex-end;
}

.section-card__toggle-btn {
    border: 1px solid var(--border-color);
    background: rgba(255,255,255,0.7);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-color);
    cursor: pointer;
}

.section-card__toggle-btn:hover {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

.section-card__description-panel {
    border: 1px solid var(--border-color);
    border-radius: 18px;
    padding: 12px 14px;
    background: rgba(110, 212, 205, 0.05);
}

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

.section-card__description-grid article {
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--border-color);
}

.section-copy__label {
    display: block;
    margin-bottom: 6px;
    font-size: 0.77rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--brand-primary);
    font-weight: 800;
}

.section-card__description-grid p {
    margin: 0;
    font-size: 0.93rem;
    line-height: 1.45;
    color: var(--text-muted);
}

.section-card__title {
    line-height: 1.35;
}

.section-card__badges {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.form-help--compact {
    margin-top: 6px;
}

@media (max-width: 900px) {
    .section-card__description-grid {
        grid-template-columns: 1fr;
    }
    .report-section__header--toggle {
        flex-direction: column;
        align-items: stretch;
    }
}


/* v22 registration UX */
.auth-register-shell {
    width: min(1240px, 100%);
    margin: 0 auto;
    padding: 24px 0 8px;
}
.auth-register {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}
.auth-register__hero {
    position: sticky;
    top: 92px;
    align-self: start;
    padding: 32px;
    background: radial-gradient(circle at top right, rgba(244,151,94,0.15), transparent 36%), linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid rgba(99, 194, 184, 0.22);
}
.auth-register__eyebrow {
    color: var(--secondary-dark);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.78rem;
    margin-bottom: 10px;
}
.auth-register__hero h1 {
    margin: 0 0 12px;
    font-size: clamp(2rem, 3vw, 2.6rem);
    line-height: 1.12;
}
.auth-register__cards {
    display: grid;
    gap: 12px;
    margin: 22px 0;
}
.auth-benefit-card {
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 18px 18px 16px;
    background: rgba(255,255,255,0.88);
}
.auth-benefit-card__label {
    font-size: 0.82rem;
    color: var(--muted);
    margin-bottom: 8px;
}
.auth-benefit-card__value {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 8px;
}
.auth-benefit-card__meta {
    color: var(--muted);
    line-height: 1.55;
}
.auth-register__steps {
    display: grid;
    gap: 12px;
    margin-top: 6px;
}
.auth-step {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-top: 1px dashed rgba(29,49,66,0.12);
}
.auth-step:first-child {
    border-top: 0;
}
.auth-step__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(99, 194, 184, 0.12);
    color: var(--secondary-dark);
    font-weight: 800;
}
.auth-register__list {
    margin: 22px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
    color: var(--text);
}
.auth-register__panel {
    padding: 28px 32px;
}
.auth-register__panel-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}
.auth-register__panel-head h2 {
    margin: 6px 0 0;
}
.auth-register__panel-note {
    max-width: 260px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(244,151,94,0.22);
    background: rgba(244,151,94,0.08);
    color: var(--text);
    line-height: 1.45;
    font-size: 0.92rem;
}
.auth-register__form {
    display: grid;
    gap: 18px;
}
.auth-register__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.form-error--block {
    margin-bottom: 14px;
}
@media (max-width: 1080px) {
    .auth-register {
        grid-template-columns: 1fr;
    }
    .auth-register__hero {
        position: static;
    }
    .auth-register__panel-head,
    .auth-register__actions {
        flex-direction: column;
        align-items: stretch;
    }
    .auth-register__panel-note {
        max-width: none;
    }
}

/* v23 landing redesign */
.landing-seo-page {
    display: grid;
    gap: 24px;
}

.landing-seo-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 28px;
    padding: 32px;
    background:
        radial-gradient(circle at top right, rgba(99, 194, 184, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,250,251,0.98));
}

.landing-seo-hero__copy h1 {
    margin: 10px 0 16px;
    font-size: clamp(2.2rem, 4vw, 3.6rem);
    line-height: 1.04;
    max-width: 14ch;
}

.landing-seo-hero__lead {
    max-width: 68ch;
    font-size: 1.08rem;
    line-height: 1.75;
    color: var(--muted);
}

.landing-seo-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 28px 0 18px;
}

.landing-seo-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.landing-seo-hero__chips span,
.landing-jumpbar a {
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.88);
    color: var(--text);
    font-weight: 700;
    font-size: 0.9rem;
}

.landing-seo-hero__panel {
    display: grid;
    gap: 16px;
    align-content: start;
}

.landing-price-card,
.landing-trust-item,
.landing-list-card,
.landing-benefit-card,
.landing-number-card,
.landing-step-card,
.landing-sample-card,
.landing-template-item {
    background: #fff;
    border: 1px solid rgba(214, 223, 233, 0.92);
    border-radius: 22px;
    box-shadow: var(--shadow-soft);
}

.landing-price-card {
    padding: 24px;
}

.landing-price-card__eyebrow {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--secondary-dark);
    font-weight: 800;
    margin-bottom: 10px;
}

.landing-price-card__value {
    font-size: clamp(2rem, 5vw, 3.2rem);
    line-height: 1;
    font-weight: 900;
    margin-bottom: 12px;
}

.landing-price-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.landing-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.landing-trust-item {
    padding: 18px;
}

.landing-trust-item strong {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 8px;
}

.landing-trust-item span {
    color: var(--muted);
    line-height: 1.55;
    font-size: 0.92rem;
}

.landing-jumpbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 20px;
    position: sticky;
    top: 86px;
    z-index: 10;
    box-shadow: var(--shadow-soft);
}

.landing-jumpbar a:hover {
    text-decoration: none;
    border-color: var(--secondary);
    transform: translateY(-1px);
}

.landing-panel {
    padding: 28px;
}

.landing-panel__header {
    margin-bottom: 20px;
}

.landing-panel__header h2 {
    margin: 8px 0 10px;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.12;
}

.landing-panel__header p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
    max-width: 75ch;
}

.landing-split {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 20px;
}

.landing-split--intro {
    align-items: start;
}

.landing-lead {
    margin-top: 0;
    font-size: 1.02rem;
    line-height: 1.78;
    color: var(--muted);
}

.landing-list-card {
    padding: 22px;
}

.landing-list-card h3 {
    margin: 0 0 14px;
    font-size: 1.08rem;
}

.landing-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.landing-check-list li {
    position: relative;
    padding-left: 26px;
    color: var(--muted);
    line-height: 1.6;
}

.landing-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.52rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--secondary), #99ddd7);
    box-shadow: 0 0 0 4px rgba(99, 194, 184, 0.14);
}

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

.landing-benefit-card,
.landing-number-card,
.landing-step-card,
.landing-sample-card,
.landing-template-item {
    padding: 20px;
}

.landing-benefit-card h3,
.landing-number-card h3,
.landing-step-card h3,
.landing-sample-card h3,
.landing-template-item h3 {
    margin: 0 0 10px;
    font-size: 1.06rem;
    line-height: 1.32;
}

.landing-benefit-card p,
.landing-number-card p,
.landing-step-card p,
.landing-sample-card p,
.landing-template-item p,
.landing-template-item div {
    margin: 0;
    color: var(--muted);
    line-height: 1.62;
}

.landing-number-grid,
.landing-steps-grid,
.landing-sample-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.landing-number-card span,
.landing-step-card__index {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(99, 194, 184, 0.12);
    color: var(--secondary-dark);
    font-weight: 900;
    margin-bottom: 14px;
}

.landing-sample-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-accordion {
    border: 1px solid rgba(214, 223, 233, 0.92);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,252,255,0.96));
    overflow: hidden;
}

.landing-accordion + .landing-accordion {
    margin-top: 14px;
}

.landing-accordion summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 24px;
    font-weight: 800;
    font-size: 1.12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.landing-accordion summary::-webkit-details-marker {
    display: none;
}

.landing-accordion summary::after {
    content: "+";
    font-size: 1.4rem;
    line-height: 1;
    color: var(--secondary-dark);
}

.landing-accordion[open] summary::after {
    content: "в€’";
}

.landing-accordion__body {
    padding: 0 24px 24px;
}

.landing-template-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.landing-template-item div {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--border);
}

.landing-pricing {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,250,248,0.98));
}

.landing-pricing__content h2 {
    margin: 8px 0 12px;
    font-size: clamp(2rem, 4vw, 3rem);
}

.landing-pricing__content p {
    margin: 0 0 12px;
    max-width: 72ch;
    color: var(--muted);
    line-height: 1.7;
}

.landing-pricing__actions {
    display: grid;
    gap: 12px;
    min-width: 240px;
}

@media (max-width: 1180px) {
    .landing-seo-hero,
    .landing-split,
    .landing-pricing {
        grid-template-columns: 1fr;
    }

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

    .landing-number-grid,
    .landing-steps-grid,
    .landing-sample-grid,
    .landing-trust-grid,
    .landing-template-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .landing-seo-hero,
    .landing-panel {
        padding: 22px;
    }

    .landing-seo-hero__copy h1 {
        max-width: none;
        font-size: clamp(1.9rem, 10vw, 2.7rem);
    }

    .landing-benefits-grid,
    .landing-number-grid,
    .landing-steps-grid,
    .landing-sample-grid,
    .landing-trust-grid,
    .landing-template-items {
        grid-template-columns: 1fr;
    }

    .landing-jumpbar {
        top: 74px;
        padding: 14px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .landing-jumpbar a {
        white-space: nowrap;
    }

    .landing-pricing__actions {
        min-width: 0;
    }
}

/* Homepage redesign v31: SEOSREZ landing */
body.landing-home-body {
    background:
        radial-gradient(circle at 10% 10%, rgba(242, 197, 92, 0.14), transparent 22%),
        radial-gradient(circle at 88% 12%, rgba(99, 194, 184, 0.16), transparent 22%),
        linear-gradient(180deg, #f7f2ea 0%, #f3efe6 100%);
}

body.landing-home-body .topbar {
    display: none;
}

body.landing-home-body .page-content.landing-home-content {
    padding-top: 18px;
    padding-bottom: 56px;
}

body.landing-home-body a {
    color: inherit;
    text-decoration: none;
}

body.landing-home-body a:hover {
    text-decoration: none;
}

.seo-home {
    display: grid;
    gap: 18px;
}

.seo-home-topbar {
    position: sticky;
    top: 12px;
    z-index: 40;
    min-height: 76px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: rgba(248, 244, 238, 0.82);
    backdrop-filter: blur(18px);
}

.seo-home-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--text);
    font-weight: 800;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.seo-home-brand__mark {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #1d8f77 0%, #63c2b8 100%);
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(29, 143, 119, 0.2);
}

.seo-home-brand__text {
    font-size: 1.16rem;
}

.seo-home-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
}

.seo-home-menu a {
    color: var(--muted);
    font-size: 0.95rem;
    font-weight: 700;
    transition: color 0.18s ease;
}

.seo-home-menu a:hover,
.seo-home-menu a:focus-visible {
    color: var(--text);
}

.seo-home-topbar__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.seo-home-logout-form {
    margin: 0;
}

.seo-home-topbar__actions > * {
    flex-shrink: 0;
}

.seo-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    gap: 26px;
    padding: 30px;
    align-items: stretch;
}

.seo-home-kicker,
.seo-home-section__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(99, 194, 184, 0.22);
    background: rgba(99, 194, 184, 0.11);
    color: #197f6a;
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.16em;
}

.seo-home-hero__copy {
    display: grid;
    gap: 18px;
    align-content: start;
}

.seo-home-hero__copy h1 {
    margin: 0;
    max-width: 11ch;
    font-size: clamp(2.8rem, 7vw, 5rem);
    line-height: 0.92;
    letter-spacing: -0.05em;
}

.seo-home-hero__lead {
    max-width: 44rem;
    margin: 0;
    color: var(--muted);
    font-size: 1.08rem;
    line-height: 1.62;
}

.seo-home-hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.seo-home-hero__proofs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.seo-home-hero__proofs span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.78);
    color: var(--muted);
    font-size: 0.84rem;
    font-weight: 700;
}

.seo-home-hero__panel {
    min-width: 0;
}

.seo-home-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    height: 100%;
}

.seo-home-metric-card {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.76);
    display: grid;
    gap: 8px;
    align-content: start;
    min-height: 132px;
}

.seo-home-metric-card small {
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.seo-home-metric-card strong {
    font-size: clamp(1.9rem, 3.2vw, 3rem);
    line-height: 0.92;
    letter-spacing: -0.05em;
}

.seo-home-metric-card span {
    color: var(--muted);
    font-size: 0.93rem;
    line-height: 1.42;
}

.seo-home-metric-card--primary {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(245, 138, 102, 0.08) 100%);
}

.seo-home-subnav {
    position: sticky;
    top: 102px;
    z-index: 30;
    padding: 12px 14px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(16px);
}

.seo-home-subnav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.88);
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 700;
    transition: all 0.18s ease;
}

.seo-home-subnav a:hover,
.seo-home-subnav a.is-active {
    border-color: rgba(99, 194, 184, 0.22);
    background: rgba(99, 194, 184, 0.12);
    color: #197f6a;
}

.seo-home-section {
    padding: 28px;
    display: grid;
    gap: 22px;
}

.seo-home-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.seo-home-section__head h2,
.seo-home-section__main h2,
.seo-home-price-card h2,
.seo-home-trial-card h3 {
    margin: 0 0 10px;
    font-size: clamp(1.9rem, 3vw, 2.8rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.seo-home-section__head p,
.seo-home-section__main p,
.seo-home-price-card p,
.seo-home-trial-card p {
    margin: 0;
    max-width: 54rem;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.62;
}

.seo-home-section__split {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 18px;
}

.seo-home-section__main,
.seo-home-section__aside {
    min-width: 0;
}

.seo-home-section__aside {
    padding: 24px;
    border-radius: 22px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.74);
    display: grid;
    gap: 16px;
}

.seo-home-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 8px;
}

.seo-home-highlight-card {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.84);
    display: grid;
    gap: 6px;
}

.seo-home-highlight-card strong {
    font-size: 1.55rem;
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.seo-home-highlight-card span {
    color: var(--muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

.seo-home-check-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-home-check-list li {
    position: relative;
    padding-left: 28px;
    color: var(--muted);
    font-size: 0.98rem;
    line-height: 1.55;
}

.seo-home-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1d8f77;
    box-shadow: 0 0 0 4px rgba(29, 143, 119, 0.14);
}

.seo-home-check-list--tight {
    gap: 10px;
}

.seo-home-report-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.seo-home-report-card,
.seo-home-why-card,
.seo-home-step-card,
.seo-home-group-card,
.seo-home-audience-card,
.seo-home-preview-summary,
.seo-home-price-card,
.seo-home-trial-card {
    padding: 20px;
    border-radius: 22px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.8);
}

.seo-home-report-card {
    display: grid;
    gap: 12px;
    align-content: start;
}

.seo-home-report-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.seo-home-report-card__top h3,
.seo-home-why-card h3,
.seo-home-step-card h3,
.seo-home-group-card h3,
.seo-home-audience-card h3,
.seo-home-trial-card h3 {
    margin: 0 0 8px;
    font-size: 1.22rem;
    line-height: 1.1;
}

.seo-home-report-card__top p,
.seo-home-why-card p,
.seo-home-step-card p,
.seo-home-group-card p,
.seo-home-audience-card p,
.seo-home-preview-summary p,
.seo-home-trial-card p {
    margin: 0;
    color: var(--muted);
    font-size: 0.93rem;
    line-height: 1.5;
}

.seo-home-report-card__badge,
.seo-home-group-card__head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(99, 194, 184, 0.12);
    color: #197f6a;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.seo-home-report-card__meta,
.seo-home-group-card__foot {
    color: var(--primary-dark);
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.seo-home-report-card__list,
.seo-home-group-card__list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-home-report-card__list li,
.seo-home-group-card__list li {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(247, 249, 252, 0.86);
    border: 1px solid rgba(214, 223, 233, 0.82);
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.35;
}

.seo-home-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.seo-home-step-card {
    position: relative;
    display: grid;
    gap: 10px;
}

.seo-home-step-card__index {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(99, 194, 184, 0.14);
    color: #197f6a;
    font-size: 1rem;
    font-weight: 900;
}

.seo-home-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.seo-home-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 18px;
}

.seo-home-preview-frame {
    padding: 18px;
    border-radius: 26px;
    background: linear-gradient(180deg, #fdfefe 0%, #f7fafc 100%);
    border: 1px solid rgba(214, 223, 233, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.seo-home-preview-frame__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.92);
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.seo-home-preview-frame__body {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.seo-home-preview-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.seo-home-preview-metrics span,
.seo-home-audience-visual__chips span,
.seo-home-trial-card__meta span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 14px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.9);
    color: var(--muted);
    font-size: 0.84rem;
    font-weight: 700;
}

.seo-home-preview-chart {
    min-height: 140px;
    padding: 22px;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(99, 194, 184, 0.12) 0%, rgba(255, 255, 255, 0.96) 100%),
        #ffffff;
    border: 1px solid rgba(214, 223, 233, 0.92);
    color: var(--text);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.48;
}

.seo-home-preview-sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.seo-home-preview-sections__item {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: rgba(255, 255, 255, 0.9);
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.4;
}

.seo-home-section-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.seo-home-section-column {
    display: grid;
    gap: 14px;
}

.seo-home-group-card {
    display: grid;
    gap: 12px;
}

.seo-home-group-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.seo-home-audience-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.seo-home-audience-visual {
    padding: 12px;
    border-radius: 24px;
    border: 1px solid rgba(214, 223, 233, 0.92);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 247, 246, 0.86) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.seo-home-audience-visual__screen {
    width: 100%;
    max-width: 320px;
    border-radius: 24px;
    background: #fdfefe;
    border: 1px solid rgba(214, 223, 233, 0.92);
    box-shadow: 0 18px 40px rgba(18, 31, 44, 0.08);
    overflow: hidden;
}

.seo-home-audience-visual__toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px 16px;
    background: rgba(247, 249, 252, 0.92);
    border-bottom: 1px solid rgba(214, 223, 233, 0.92);
}

.seo-home-audience-visual__toolbar span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(22, 33, 43, 0.18);
}

.seo-home-audience-visual__content {
    padding: 20px;
    display: grid;
    gap: 12px;
}

.seo-home-audience-visual__content strong {
    font-size: 1.16rem;
    line-height: 1.12;
}

.seo-home-audience-visual__content p {
    margin: 0;
    color: var(--muted);
    font-size: 0.93rem;
    line-height: 1.55;
}

.seo-home-audience-visual__chips,
.seo-home-trial-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.seo-home-pricing {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.08fr);
    gap: 18px;
    align-items: stretch;
}

.seo-home-price-card,
.seo-home-trial-card {
    display: grid;
    gap: 16px;
}

.seo-home-price-card h2 {
    margin: 0;
}

.seo-home-trial-card__meta {
    margin-top: auto;
}

.seo-home-faq {
    display: grid;
    gap: 14px;
}

.seo-home-faq details {
    border: 1px solid rgba(214, 223, 233, 0.92);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}

.seo-home-faq summary {
    list-style: none;
    cursor: pointer;
    padding: 18px 20px;
    font-size: 1rem;
    font-weight: 800;
    color: var(--text);
}

.seo-home-faq summary::-webkit-details-marker {
    display: none;
}

.seo-home-faq p {
    margin: 0;
    padding: 0 20px 18px;
    color: var(--muted);
    font-size: 0.96rem;
    line-height: 1.6;
}

.seo-home-footer {
    padding: 18px 6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    color: var(--muted);
    font-size: 0.9rem;
}

.seo-home-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--text);
    font-weight: 800;
}

.seo-home-footer__links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 1320px) {
    .seo-home-hero {
        grid-template-columns: 1fr;
    }

    .seo-home-section__split,
    .seo-home-preview-grid,
    .seo-home-pricing {
        grid-template-columns: 1fr;
    }

    .seo-home-highlight-grid,
    .seo-home-report-grid,
    .seo-home-why-grid,
    .seo-home-steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-home-audience-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1080px) {
    .seo-home-topbar {
        position: static;
    }

    .seo-home-menu {
        display: none;
    }

    .seo-home-subnav {
        top: 12px;
    }

    .seo-home-highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-home-metric-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .seo-home-preview-metrics,
    .seo-home-preview-sections,
    .seo-home-section-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.landing-home-body .page-content.landing-home-content {
        padding-top: 14px;
    }

    .seo-home-topbar,
    .seo-home-hero,
    .seo-home-section {
        padding: 18px;
    }

    .seo-home-brand__text {
        font-size: 1rem;
    }

    .seo-home-hero__copy h1 {
        max-width: none;
        font-size: clamp(2.25rem, 11vw, 3.1rem);
    }

    .seo-home-hero__actions,
    .seo-home-topbar__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .seo-home-logout-form {
        width: 100%;
    }

    .seo-home-topbar__actions .btn,
    .seo-home-hero__actions .btn,
    .seo-home-logout-form .btn {
        width: 100%;
    }

    .seo-home-metric-grid,
    .seo-home-report-grid,
    .seo-home-why-grid,
    .seo-home-steps-grid,
    .seo-home-highlight-grid {
        grid-template-columns: 1fr;
    }

    .seo-home-metric-card {
        min-height: 108px;
    }

    .seo-home-section__head h2,
    .seo-home-section__main h2,
    .seo-home-price-card h2,
    .seo-home-trial-card h3 {
        font-size: 1.8rem;
    }

    .seo-home-subnav {
        position: static;
        padding: 12px;
    }

    .seo-home-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Homepage redesign v31.1: SEOSREZ light theme */
body.landing-home-body {
    --seo-home-bg: #f5faf8;
    --seo-home-bg-soft: #fbfefd;
    --seo-home-surface: #ffffff;
    --seo-home-surface-soft: #f9fcfb;
    --seo-home-line: #dce8e3;
    --seo-home-line-strong: #c7d9d2;
    --seo-home-ink: #173041;
    --seo-home-soft: #6f8188;
    --seo-home-soft-strong: #54717c;
    --seo-home-mint: #27a287;
    --seo-home-mint-dark: #157661;
    --seo-home-mint-soft: #ebf7f3;
    --seo-home-coral: #f48c63;
    --seo-home-coral-dark: #ee7d53;
    --seo-home-coral-soft: #fff1ea;
    --seo-home-blue: #91b9c9;
    --seo-home-blue-soft: #edf6fa;
    --seo-home-shadow: 0 16px 36px rgba(23, 48, 65, 0.06);
    --seo-home-shadow-soft: 0 8px 18px rgba(23, 48, 65, 0.04);
    background:
        radial-gradient(circle at 12% 10%, rgba(39, 162, 135, 0.08), transparent 24%),
        radial-gradient(circle at 88% 8%, rgba(244, 140, 99, 0.08), transparent 22%),
        linear-gradient(180deg, #fbfefd 0%, #f5faf8 100%);
}

body.landing-home-body .page-content.landing-home-content {
    width: min(1360px, calc(100% - 24px));
    padding-top: 14px;
    padding-bottom: 56px;
}

.seo-home {
    display: grid;
    gap: 18px;
    color: var(--seo-home-ink);
}

.seo-home-surface,
.seo-home-hero,
.seo-home-topbar,
.seo-home-subnav,
.seo-home-pricing-band {
    border: 1px solid var(--seo-home-line);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--seo-home-shadow);
}

.seo-home-topbar {
    position: sticky;
    top: 10px;
    z-index: 48;
    min-height: 72px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
}

.seo-home-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    color: var(--seo-home-ink);
    letter-spacing: -0.03em;
}

.seo-home-brand__mark {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: var(--seo-home-mint-soft);
    color: var(--seo-home-mint-dark);
    box-shadow: inset 0 0 0 1px rgba(39, 162, 135, 0.08);
}

.seo-home-brand__mark svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.seo-home-brand__text {
    font-size: 1.22rem;
}

.seo-home-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
}

.seo-home-menu a {
    color: var(--seo-home-soft);
    font-size: 0.9rem;
    font-weight: 700;
    transition: color 0.18s ease, opacity 0.18s ease;
}

.seo-home-menu a:hover,
.seo-home-menu a:focus-visible {
    color: var(--seo-home-ink);
}

.seo-home-topbar__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.seo-home-logout-form {
    margin: 0;
}

.seo-home .btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 0.93rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
}

.seo-home .btn:hover,
.seo-home .btn:focus-visible {
    transform: translateY(-1px);
    text-decoration: none;
}

.seo-home .btn--small {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 11px;
    font-size: 0.84rem;
}

.seo-home .btn--primary {
    color: #ffffff;
    border-color: rgba(238, 125, 83, 0.18);
    background: linear-gradient(180deg, var(--seo-home-coral) 0%, var(--seo-home-coral-dark) 100%);
    box-shadow: 0 12px 22px rgba(244, 140, 99, 0.2);
}

.seo-home .btn--primary:hover,
.seo-home .btn--primary:focus-visible {
    box-shadow: 0 16px 28px rgba(244, 140, 99, 0.26);
}

.seo-home .btn--ghost {
    color: var(--seo-home-ink);
    border-color: var(--seo-home-line);
    background: #ffffff;
}

.seo-home .btn--ghost:hover,
.seo-home .btn--ghost:focus-visible {
    border-color: var(--seo-home-line-strong);
    background: var(--seo-home-bg-soft);
}

.seo-home-kicker,
.seo-home-section__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--seo-home-mint-soft);
    color: var(--seo-home-mint-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.seo-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
    gap: 28px;
    padding: 28px;
    align-items: stretch;
}

.seo-home-hero__copy {
    display: grid;
    align-content: start;
    gap: 18px;
}

.seo-home-hero__copy h1 {
    margin: 0;
    max-width: 10.5ch;
    font-size: clamp(3rem, 6.2vw, 5rem);
    line-height: 0.92;
    letter-spacing: -0.055em;
    color: var(--seo-home-ink);
}

.seo-home-hero__lead {
    max-width: 40rem;
    margin: 0;
    color: var(--seo-home-soft);
    font-size: 1.04rem;
    line-height: 1.62;
}

.seo-home-hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.seo-home-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
}

.seo-home-proof {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--seo-home-soft-strong);
    font-size: 0.82rem;
    font-weight: 700;
}

.seo-home-proof__icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
    background: var(--seo-home-mint-soft);
    flex: 0 0 18px;
}

.seo-home-proof__icon::before {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: var(--seo-home-mint);
}

.seo-home-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.seo-home-hero__badges span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid var(--seo-home-line);
    background: var(--seo-home-mint-soft);
    color: var(--seo-home-mint-dark);
    font-size: 0.82rem;
    font-weight: 700;
}

.seo-home-analytics-panel {
    padding: 14px;
    border: 1px solid var(--seo-home-line);
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    display: grid;
    gap: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.seo-home-analytics-panel__top {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 14px;
}

.seo-home-analytics-panel__bottom {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.seo-home-stat {
    min-height: 122px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    display: grid;
    gap: 8px;
    align-content: start;
}

.seo-home-stat small {
    color: var(--seo-home-soft);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.seo-home-stat strong {
    font-size: clamp(1.9rem, 3.2vw, 2.8rem);
    line-height: 0.94;
    letter-spacing: -0.05em;
    color: var(--seo-home-ink);
}

.seo-home-stat span {
    color: var(--seo-home-soft);
    font-size: 0.84rem;
    line-height: 1.42;
}

.seo-home-stat--price {
    background: linear-gradient(180deg, #ffffff 0%, var(--seo-home-coral-soft) 100%);
}

.seo-home-stat--trend {
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fffc 100%);
}

.seo-home-stat--trend svg {
    width: 100%;
    height: 44px;
    margin-top: auto;
}

.seo-home-stat--trend path {
    stroke: var(--seo-home-mint);
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.seo-home-stat--mini {
    min-height: 108px;
}

.seo-home-stat--mini strong {
    font-size: clamp(1.15rem, 2.2vw, 1.6rem);
}

.seo-home-subnav {
    position: sticky;
    top: 98px;
    z-index: 34;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px);
}

.seo-home-subnav a {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    color: var(--seo-home-soft);
    font-size: 0.82rem;
    font-weight: 700;
    transition: all 0.18s ease;
}

.seo-home-subnav a:hover,
.seo-home-subnav a.is-active {
    color: var(--seo-home-ink);
    border-color: rgba(39, 162, 135, 0.16);
    background: var(--seo-home-mint-soft);
}

.seo-home-section {
    padding: 26px;
    display: grid;
    gap: 20px;
}

.seo-home-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.seo-home-section__head h2,
.seo-home-service-copy h2,
.seo-home-pricing-band__price h2 {
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 2.6rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
    color: var(--seo-home-ink);
}

.seo-home-section__head p,
.seo-home-service-copy p,
.seo-home-pricing-band__price p,
.seo-home-pricing-band__cta p {
    margin: 0;
    color: var(--seo-home-soft);
    font-size: 0.98rem;
    line-height: 1.6;
    max-width: 56rem;
}

.seo-home-service-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 18px;
    align-items: stretch;
}

.seo-home-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 4px;
}

.seo-home-highlight-card {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.seo-home-highlight-card__icon {
    width: 26px;
    height: 26px;
    border-radius: 9px;
    background: var(--seo-home-mint-soft);
    position: relative;
}

.seo-home-highlight-card__icon::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 6px;
    border: 2px solid var(--seo-home-mint);
}

.seo-home-highlight-card strong {
    display: block;
    color: var(--seo-home-ink);
    font-size: 1.08rem;
    line-height: 1.04;
    letter-spacing: -0.03em;
    margin-bottom: 4px;
}

.seo-home-highlight-card span {
    color: var(--seo-home-soft);
    font-size: 0.83rem;
    line-height: 1.42;
}

.seo-home-benefits-card {
    padding: 22px;
    border-radius: 18px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    display: grid;
    gap: 16px;
}

.seo-home-check-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-home-check-list li {
    position: relative;
    padding-left: 26px;
    color: var(--seo-home-soft);
    font-size: 0.94rem;
    line-height: 1.55;
}

.seo-home-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.43rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--seo-home-mint);
    box-shadow: 0 0 0 4px rgba(39, 162, 135, 0.12);
}

.seo-home-check-list--tight {
    gap: 10px;
}

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

.seo-home-display-card {
    min-height: 184px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    display: grid;
    gap: 8px;
    align-content: start;
}

.seo-home-display-card__head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.seo-home-display-card__icon {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: var(--seo-home-mint-soft);
    position: relative;
    flex: 0 0 24px;
}

.seo-home-display-card__icon::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    height: 2px;
    background: currentColor;
    box-shadow: 5px -6px 0 currentColor, 10px -1px 0 currentColor;
}

.seo-home-display-card--mint .seo-home-display-card__icon,
.seo-home-display-card--mint .seo-home-display-card__spark span {
    color: var(--seo-home-mint);
}

.seo-home-display-card--blue .seo-home-display-card__icon,
.seo-home-display-card--blue .seo-home-display-card__spark span {
    color: #86b8c6;
    background: var(--seo-home-blue-soft);
}

.seo-home-display-card--coral .seo-home-display-card__icon,
.seo-home-display-card--coral .seo-home-display-card__spark span {
    color: var(--seo-home-coral);
    background: var(--seo-home-coral-soft);
}

.seo-home-display-card h3 {
    margin: 0;
    color: var(--seo-home-ink);
    font-size: 1rem;
    line-height: 1.16;
}

.seo-home-display-card__head p {
    margin: 2px 0 0;
    color: var(--seo-home-soft);
    font-size: 0.76rem;
}

.seo-home-display-card__metric {
    color: var(--seo-home-ink);
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
}

.seo-home-display-card__label {
    color: var(--seo-home-soft);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.seo-home-display-card__spark {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 24px;
    margin-top: auto;
}

.seo-home-display-card__spark span {
    display: block;
    flex: 1;
    min-width: 0;
    border-radius: 999px 999px 3px 3px;
    background: currentColor;
    opacity: 0.18;
}

.seo-home-display-card__spark span:nth-child(1) { height: 34%; }
.seo-home-display-card__spark span:nth-child(2) { height: 52%; }
.seo-home-display-card__spark span:nth-child(3) { height: 44%; }
.seo-home-display-card__spark span:nth-child(4) { height: 68%; }
.seo-home-display-card__spark span:nth-child(5) { height: 94%; opacity: 0.3; }

.seo-home-display-card__summary {
    color: var(--seo-home-soft);
    font-size: 0.84rem;
    line-height: 1.46;
}

.seo-home-why-grid,
.seo-home-steps-grid {
    display: grid;
    gap: 14px;
}

.seo-home-why-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.seo-home-why-card,
.seo-home-step-card,
.seo-home-preview-summary,
.seo-home-audience-card,
.seo-home-pricing-band__price,
.seo-home-pricing-band__cta {
    padding: 20px;
    border-radius: 18px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
}

.seo-home-why-card {
    display: grid;
    gap: 12px;
}

.seo-home-why-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--seo-home-mint-soft);
    position: relative;
}

.seo-home-why-card__icon::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 7px;
    border: 2px solid var(--seo-home-mint);
}

.seo-home-why-card h3,
.seo-home-step-card h3,
.seo-home-audience-card h3,
.seo-home-pricing-band__cta h3 {
    margin: 0;
    color: var(--seo-home-ink);
    font-size: 1.1rem;
    line-height: 1.14;
}

.seo-home-why-card p,
.seo-home-step-card p,
.seo-home-audience-card p {
    margin: 0;
    color: var(--seo-home-soft);
    font-size: 0.9rem;
    line-height: 1.5;
}

.seo-home-steps-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: relative;
}

.seo-home-steps-grid::before {
    content: "";
    position: absolute;
    left: 42px;
    right: 42px;
    top: 20px;
    height: 2px;
    background: linear-gradient(90deg, rgba(39, 162, 135, 0.18), rgba(39, 162, 135, 0.06));
    z-index: 0;
}

.seo-home-step-card {
    position: relative;
    display: grid;
    gap: 10px;
    z-index: 1;
}

.seo-home-step-card__index {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--seo-home-mint);
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 900;
    box-shadow: 0 8px 16px rgba(39, 162, 135, 0.18);
}

.seo-home-step-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.seo-home-step-card__chips span,
.seo-home-audience-visual__chips span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    color: var(--seo-home-soft);
    font-size: 0.74rem;
    font-weight: 700;
}

.seo-home-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 18px;
}

.seo-home-preview-frame {
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    border: 1px solid var(--seo-home-line);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.seo-home-preview-frame__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    color: var(--seo-home-soft);
    font-size: 0.82rem;
    font-weight: 700;
}

.seo-home-preview-frame__body {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.seo-home-preview-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.seo-home-preview-stats div {
    padding: 14px 12px;
    border-radius: 16px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
}

.seo-home-preview-stats small {
    display: block;
    color: var(--seo-home-soft);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.seo-home-preview-stats strong {
    color: var(--seo-home-ink);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.seo-home-preview-chart {
    position: relative;
    min-height: 144px;
    padding: 22px;
    border-radius: 20px;
    background: linear-gradient(180deg, var(--seo-home-mint-soft) 0%, #ffffff 100%);
    border: 1px solid var(--seo-home-line);
}

.seo-home-preview-chart svg {
    width: 100%;
    height: 108px;
}

.seo-home-preview-chart__donut {
    position: absolute;
    right: 28px;
    bottom: 22px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: conic-gradient(var(--seo-home-mint) 0 68%, rgba(145, 185, 201, 0.9) 68% 84%, var(--seo-home-coral) 84% 100%);
}

.seo-home-preview-chart__donut::before {
    content: "";
    position: absolute;
    inset: 16px;
    border-radius: 50%;
    background: #ffffff;
}

.seo-home-preview-sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.seo-home-preview-sections__item {
    padding: 13px 14px;
    border-radius: 14px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    color: var(--seo-home-ink);
    font-size: 0.9rem;
    line-height: 1.4;
}

.seo-home-accordion-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.seo-home-accordion-column {
    display: grid;
    gap: 12px;
}

.seo-home-accordion {
    border: 1px solid var(--seo-home-line);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    overflow: hidden;
}

.seo-home-accordion summary {
    list-style: none;
    cursor: pointer;
    padding: 18px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.seo-home-accordion summary::-webkit-details-marker {
    display: none;
}

.seo-home-accordion summary span {
    display: grid;
    gap: 6px;
}

.seo-home-accordion summary strong {
    color: var(--seo-home-ink);
    font-size: 1rem;
    line-height: 1.12;
}

.seo-home-accordion summary small {
    color: var(--seo-home-soft);
    font-size: 0.82rem;
    line-height: 1.45;
}

.seo-home-accordion summary em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--seo-home-mint-soft);
    color: var(--seo-home-mint-dark);
    font-style: normal;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.seo-home-accordion__body {
    padding: 0 18px 18px;
    display: grid;
    gap: 12px;
}

.seo-home-accordion__list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-home-accordion__list li {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--seo-home-line);
    background: var(--seo-home-bg-soft);
    color: var(--seo-home-ink);
    font-size: 0.86rem;
    line-height: 1.38;
}

.seo-home-accordion__source {
    color: var(--seo-home-soft);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.seo-home-audience-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.88fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.seo-home-audience-visual {
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, #ffffff 0%, #f3fbf7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 260px;
}

.seo-home-audience-visual__screen {
    width: min(100%, 258px);
    border-radius: 20px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    box-shadow: 0 16px 28px rgba(23, 48, 65, 0.08);
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.seo-home-audience-visual__toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--seo-home-line);
    background: var(--seo-home-bg-soft);
}

.seo-home-audience-visual__toolbar span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(23, 48, 65, 0.18);
}

.seo-home-audience-visual__content {
    padding: 18px;
    display: grid;
    gap: 12px;
}

.seo-home-audience-visual__line {
    height: 8px;
    border-radius: 999px;
    background: rgba(23, 48, 65, 0.08);
}

.seo-home-audience-visual__line--wide {
    width: 72%;
}

.seo-home-audience-visual__graph {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 68px;
}

.seo-home-audience-visual__graph span {
    flex: 1;
    min-width: 0;
    border-radius: 999px 999px 3px 3px;
    background: linear-gradient(180deg, rgba(39, 162, 135, 0.22), rgba(39, 162, 135, 0.72));
}

.seo-home-audience-visual__graph span:nth-child(1) { height: 34%; }
.seo-home-audience-visual__graph span:nth-child(2) { height: 52%; }
.seo-home-audience-visual__graph span:nth-child(3) { height: 78%; }
.seo-home-audience-visual__graph span:nth-child(4) { height: 58%; }
.seo-home-audience-visual__graph span:nth-child(5) { height: 92%; }

.seo-home-audience-visual__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.seo-home-audience-visual__leaf {
    position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 60% 40% 60% 40%;
    background: linear-gradient(180deg, rgba(39, 162, 135, 0.12), rgba(39, 162, 135, 0.28));
    z-index: 1;
}

.seo-home-audience-visual__leaf--left {
    left: 28px;
    bottom: 56px;
    transform: rotate(-26deg);
}

.seo-home-audience-visual__leaf--right {
    right: 28px;
    bottom: 64px;
    transform: rotate(28deg);
}

.seo-home-audience-visual__cup {
    position: absolute;
    right: 38px;
    bottom: 24px;
    width: 32px;
    height: 22px;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(180deg, #d8aa83 0%, #c88961 100%);
    z-index: 1;
}

.seo-home-audience-visual__cup::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -9px;
    width: 52px;
    height: 16px;
    border-radius: 999px;
    background: #f4d6be;
}

.seo-home-pricing-band {
    padding: 22px;
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(240px, 0.66fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.seo-home-pricing-band__price,
.seo-home-pricing-band__cta {
    display: grid;
    gap: 14px;
}

.seo-home-pricing-band__price h2 {
    color: var(--seo-home-ink);
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    line-height: 0.94;
    letter-spacing: -0.05em;
}

.seo-home-pricing-band__visual {
    position: relative;
    min-height: 220px;
    border-radius: 22px;
    border: 1px solid var(--seo-home-line);
    background: radial-gradient(circle at 50% 30%, rgba(39, 162, 135, 0.14), transparent 52%), linear-gradient(180deg, #ffffff 0%, #f5fbf8 100%);
    overflow: hidden;
}

.seo-home-coin {
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(180deg, #eef8f6 0%, #d7eee8 100%);
    border: 1px solid rgba(39, 162, 135, 0.16);
    box-shadow: 0 14px 28px rgba(39, 162, 135, 0.08);
}

.seo-home-coin--back {
    width: 104px;
    height: 104px;
    right: 42px;
    top: 32px;
}

.seo-home-coin--front {
    width: 118px;
    height: 118px;
    left: calc(50% - 59px);
    top: 66px;
    display: grid;
    place-items: center;
}

.seo-home-coin--front span {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 2px solid rgba(39, 162, 135, 0.16);
    color: var(--seo-home-mint-dark);
    font-size: 1.9rem;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.76);
}

.seo-home-stack {
    position: absolute;
    left: 44px;
    bottom: 34px;
    width: 92px;
    height: 72px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(39, 162, 135, 0.12), rgba(39, 162, 135, 0.06));
    border: 1px solid rgba(39, 162, 135, 0.12);
}

.seo-home-stack::before,
.seo-home-stack::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(39, 162, 135, 0.1);
}

.seo-home-stack::before {
    top: 12px;
    box-shadow: 0 18px 0 rgba(255, 255, 255, 0.9), 0 36px 0 rgba(255, 255, 255, 0.9);
}

.seo-home-stack::after {
    top: 48px;
}

.seo-home-faq {
    display: grid;
    gap: 14px;
}

.seo-home-faq details {
    border: 1px solid var(--seo-home-line);
    border-radius: 18px;
    background: #ffffff;
    overflow: hidden;
}

.seo-home-faq summary {
    list-style: none;
    cursor: pointer;
    padding: 18px 20px;
    color: var(--seo-home-ink);
    font-size: 1rem;
    font-weight: 800;
}

.seo-home-faq summary::-webkit-details-marker {
    display: none;
}

.seo-home-faq p {
    margin: 0;
    padding: 0 20px 18px;
    color: var(--seo-home-soft);
    font-size: 0.92rem;
    line-height: 1.56;
}

.seo-home-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 0 6px;
}

.seo-home-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--seo-home-ink);
    font-weight: 800;
}

.seo-home-footer__brand .seo-home-brand__mark {
    width: 28px;
    height: 28px;
    border-radius: 9px;
}

.seo-home-footer__brand .seo-home-brand__mark svg {
    width: 18px;
    height: 18px;
}

.seo-home-footer__copy,
.seo-home-footer__links {
    color: var(--seo-home-soft);
    font-size: 0.82rem;
}

.seo-home-footer__links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 1240px) {
    .seo-home-hero,
    .seo-home-service-grid,
    .seo-home-preview-grid,
    .seo-home-audience-grid,
    .seo-home-pricing-band {
        grid-template-columns: 1fr;
    }

    .seo-home-analytics-panel__bottom,
    .seo-home-display-grid,
    .seo-home-why-grid,
    .seo-home-steps-grid,
    .seo-home-highlight-grid,
    .seo-home-preview-stats,
    .seo-home-preview-sections,
    .seo-home-accordion-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-home-steps-grid::before {
        display: none;
    }
}

@media (max-width: 920px) {
    body.landing-home-body .page-content.landing-home-content {
        width: min(1360px, calc(100% - 18px));
    }

    .seo-home-topbar {
        align-items: flex-start;
        gap: 14px;
    }

    .seo-home-menu {
        justify-content: flex-start;
        gap: 14px;
    }

    .seo-home-hero,
    .seo-home-section,
    .seo-home-pricing-band {
        padding: 22px;
    }

    .seo-home-analytics-panel__top,
    .seo-home-analytics-panel__bottom,
    .seo-home-display-grid,
    .seo-home-why-grid,
    .seo-home-steps-grid,
    .seo-home-highlight-grid,
    .seo-home-preview-stats,
    .seo-home-preview-sections,
    .seo-home-accordion-columns {
        grid-template-columns: 1fr;
    }

    .seo-home-subnav {
        top: 86px;
    }

    .seo-home-footer {
        padding-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .seo-home-topbar {
        padding: 14px;
        border-radius: 18px;
    }

    .seo-home-topbar__actions {
        width: 100%;
        justify-content: flex-start;
    }

    .seo-home-hero__copy h1 {
        max-width: none;
        font-size: 2.4rem;
    }

    .seo-home-hero__actions,
    .seo-home-proof-row,
    .seo-home-footer__links {
        gap: 10px;
    }

    .seo-home-proof,
    .seo-home-hero__badges span {
        width: 100%;
        justify-content: flex-start;
    }

    .seo-home-preview-chart svg {
        width: 100%;
        height: 108px;
    }

    .seo-home-preview-chart__donut {
        position: static;
        margin-top: 12px;
    }

    .seo-home-pricing-band__visual {
        min-height: 180px;
    }

    .seo-home-footer {
        justify-content: flex-start;
    }
}

/* Homepage redesign v31.2: wider canvas, stronger hero, cleaner hierarchy */
body.landing-home-body {
    --seo-home-bg: #f3fbf8;
    --seo-home-bg-soft: #fbfefd;
    --seo-home-surface: #ffffff;
    --seo-home-surface-soft: #f7fcfa;
    --seo-home-line: #d9e8e2;
    --seo-home-line-strong: #c6dad2;
    --seo-home-ink: #173041;
    --seo-home-soft: #70818a;
    --seo-home-soft-strong: #56717d;
    --seo-home-mint: #26a286;
    --seo-home-mint-dark: #157761;
    --seo-home-mint-soft: #ebf8f3;
    --seo-home-coral: #f48c63;
    --seo-home-coral-dark: #ef7d55;
    --seo-home-coral-soft: #fff0e8;
    --seo-home-blue: #95bbc8;
    --seo-home-blue-soft: #eef7fb;
    --seo-home-shadow: 0 22px 48px rgba(23, 48, 65, 0.06);
    --seo-home-shadow-soft: 0 12px 26px rgba(23, 48, 65, 0.04);
    background:
        radial-gradient(circle at 10% 8%, rgba(38, 162, 134, 0.08), transparent 24%),
        radial-gradient(circle at 92% 10%, rgba(244, 140, 99, 0.06), transparent 22%),
        linear-gradient(180deg, #fcfffe 0%, #f3fbf8 100%);
}

body.landing-home-body .page-content.landing-home-content {
    width: min(1560px, calc(100% - 40px));
    padding-top: 16px;
    padding-bottom: 64px;
}

body.landing-home-body .seo-home {
    gap: 22px;
}

body.landing-home-body .seo-home-surface,
body.landing-home-body .seo-home-hero,
body.landing-home-body .seo-home-topbar,
body.landing-home-body .seo-home-subnav,
body.landing-home-body .seo-home-pricing-band {
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 254, 253, 0.96) 100%);
    box-shadow: var(--seo-home-shadow);
}

body.landing-home-body .seo-home-topbar {
    min-height: 76px;
    padding: 14px 20px;
    gap: 20px;
}

body.landing-home-body .seo-home-brand {
    gap: 12px;
}

body.landing-home-body .seo-home-brand__mark {
    width: 38px;
    height: 38px;
    border-radius: 12px;
}

body.landing-home-body .seo-home-brand__text {
    font-size: 1.02rem;
    letter-spacing: -0.04em;
}

body.landing-home-body .seo-home-menu {
    gap: 22px;
}

body.landing-home-body .seo-home-menu a {
    font-size: 0.92rem;
}

body.landing-home-body .seo-home .btn {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    font-size: 0.92rem;
}

body.landing-home-body .seo-home .btn--small {
    min-height: 40px;
    padding: 0 15px;
    border-radius: 12px;
    font-size: 0.84rem;
}

body.landing-home-body .seo-home-hero {
    grid-template-columns: minmax(0, 0.96fr) minmax(560px, 1.04fr);
    gap: 28px;
    padding: 34px;
    align-items: stretch;
}

body.landing-home-body .seo-home-kicker,
body.landing-home-body .seo-home-section__eyebrow {
    min-height: 32px;
    padding: 0 14px;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
}

body.landing-home-body .seo-home-hero__copy {
    gap: 20px;
    align-content: center;
    padding-right: 4px;
}

body.landing-home-body .seo-home-hero__copy h1 {
    max-width: 8.8ch;
    font-size: 22px;
    line-height: 0.92;
    letter-spacing: -0.065em;
}

body.landing-home-body .seo-home-hero__lead {
    max-width: 42rem;
    font-size: 1.02rem;
    line-height: 1.62;
}

body.landing-home-body .seo-home-hero__actions {
    gap: 14px;
}

body.landing-home-body .seo-home-proof-row {
    gap: 12px;
}

body.landing-home-body .seo-home-proof {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    color: var(--seo-home-soft-strong);
    box-shadow: var(--seo-home-shadow-soft);
}

body.landing-home-body .seo-home-proof__icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

body.landing-home-body .seo-home-proof__icon::before {
    inset: 5px;
}

body.landing-home-body .seo-home-hero__badges {
    gap: 10px;
}

body.landing-home-body .seo-home-hero__badges span {
    min-height: 36px;
    padding: 0 13px;
    background: #ffffff;
    color: var(--seo-home-mint-dark);
}

body.landing-home-body .seo-home-hero-showcase {
    display: grid;
}

body.landing-home-body .seo-home-showcase__frame {
    min-height: 100%;
    padding: 16px;
    border-radius: 26px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, #ffffff 0%, #f7fcfa 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.landing-home-body .seo-home-showcase__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid var(--seo-home-line);
    background: rgba(255, 255, 255, 0.95);
    color: var(--seo-home-soft);
    font-size: 0.82rem;
    font-weight: 800;
}

body.landing-home-body .seo-home-showcase__board {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(140px, 0.62fr) minmax(140px, 0.68fr);
    gap: 14px;
    margin-top: 14px;
    align-items: stretch;
}

body.landing-home-body .seo-home-showcase__summary {
    grid-row: 1 / span 2;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--seo-home-line);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 252, 250, 0.92) 100%);
    display: grid;
    gap: 16px;
}

body.landing-home-body .seo-home-showcase__eyebrow {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--seo-home-mint-soft);
    color: var(--seo-home-mint-dark);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.landing-home-body .seo-home-showcase__summary h2 {
    margin: 0;
    font-size: clamp(1.5rem, 2vw, 2.05rem);
    line-height: 1.06;
    letter-spacing: -0.045em;
    color: var(--seo-home-ink);
}

body.landing-home-body .seo-home-showcase__summary p {
    margin: 0;
    color: var(--seo-home-soft);
    font-size: 0.9rem;
    line-height: 1.55;
}

body.landing-home-body .seo-home-showcase__list {
    display: grid;
    gap: 8px;
}

body.landing-home-body .seo-home-showcase__list-item {
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    display: grid;
    gap: 5px;
}

body.landing-home-body .seo-home-showcase__list-item strong {
    color: var(--seo-home-ink);
    font-size: 0.88rem;
    line-height: 1.18;
}

body.landing-home-body .seo-home-showcase__list-item span {
    color: var(--seo-home-soft);
    font-size: 0.75rem;
    line-height: 1.38;
}

body.landing-home-body .seo-home-showcase__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.landing-home-body .seo-home-showcase__chips span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    color: var(--seo-home-soft-strong);
    font-size: 0.74rem;
    font-weight: 700;
}

body.landing-home-body .seo-home-showcase__metric,
body.landing-home-body .seo-home-showcase__mini-card {
    border-radius: 22px;
    border: 1px solid var(--seo-home-line);
    background: #ffffff;
    box-shadow: var(--seo-home-shadow-soft);
    display: grid;
    gap: 8px;
    align-content: start;
}

body.landing-home-body .seo-home-showcase__metric {
    min-height: 154px;
    padding: 16px;
}

body.landing-home-body .seo-home-showcase__metric small,
body.landing-home-body .seo-home-showcase__mini-card small {
    color: var(--seo-home-soft);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.landing-home-body .seo-home-showcase__metric strong {
    font-size: clamp(1.9rem, 2.4vw, 2.5rem);
    line-height: 0.92;
    letter-spacing: -0.06em;
    color: var(--seo-home-ink);
}

body.landing-home-body .seo-home-showcase__metric span,
body.landing-home-body .seo-home-showcase__mini-card span {
    color: var(--seo-home-soft);
    font-size: 0.78rem;
    line-height: 1.4;
}

body.landing-home-body .seo-home-showcase__metric--price {
    background: linear-gradient(180deg, #fffdfa 0%, var(--seo-home-coral-soft) 100%);
}

body.landing-home-body .seo-home-showcase__metric--trend {
    background: linear-gradient(180deg, #ffffff 0%, #f1faf7 100%);
    overflow: hidden;
}

body.landing-home-body .seo-home-showcase__metric--trend svg {
    width: 100%;
    height: 44px;
    margin-top: auto;
}

body.landing-home-body .seo-home-showcase__metric--trend path {
    stroke: var(--seo-home-mint);
    stroke-width: 3.3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.landing-home-body .seo-home-showcase__mini-grid {
    grid-column: 2 / span 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.landing-home-body .seo-home-showcase__mini-card {
    min-height: 112px;
    padding: 14px;
}

body.landing-home-body .seo-home-showcase__mini-card strong {
    font-size: clamp(1.22rem, 1.8vw, 1.6rem);
    line-height: 0.95;
    letter-spacing: -0.05em;
    color: var(--seo-home-ink);
}

body.landing-home-body .seo-home-subnav {
    padding: 12px 14px;
    gap: 10px;
}

body.landing-home-body .seo-home-subnav a {
    min-height: 38px;
    padding: 0 14px;
    font-size: 0.83rem;
}

body.landing-home-body .seo-home-section,
body.landing-home-body .seo-home-pricing-band {
    padding: 32px;
    gap: 22px;
}

body.landing-home-body .seo-home-section__head h2,
body.landing-home-body .seo-home-service-copy h2,
body.landing-home-body .seo-home-pricing-band__price h2 {
    font-size: clamp(2.2rem, 3.3vw, 3rem);
}

body.landing-home-body .seo-home-section__head p,
body.landing-home-body .seo-home-service-copy p,
body.landing-home-body .seo-home-pricing-band__price p,
body.landing-home-body .seo-home-pricing-band__cta p {
    font-size: 1.02rem;
}

body.landing-home-body .seo-home-service-grid,
body.landing-home-body .seo-home-preview-grid,
body.landing-home-body .seo-home-audience-grid,
body.landing-home-body .seo-home-pricing-band {
    gap: 20px;
}

body.landing-home-body .seo-home-highlight-grid {
    gap: 14px;
    margin-top: 8px;
}

body.landing-home-body .seo-home-highlight-card,
body.landing-home-body .seo-home-benefits-card,
body.landing-home-body .seo-home-why-card,
body.landing-home-body .seo-home-step-card,
body.landing-home-body .seo-home-preview-summary,
body.landing-home-body .seo-home-audience-card,
body.landing-home-body .seo-home-pricing-band__price,
body.landing-home-body .seo-home-pricing-band__cta,
body.landing-home-body .seo-home-preview-frame,
body.landing-home-body .seo-home-accordion,
body.landing-home-body .seo-home-faq details {
    border-radius: 22px;
}

body.landing-home-body .seo-home-highlight-card {
    padding: 18px;
    gap: 12px;
    grid-template-columns: 30px minmax(0, 1fr);
}

body.landing-home-body .seo-home-highlight-card__icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
}

body.landing-home-body .seo-home-highlight-card__icon::before {
    inset: 7px;
}

body.landing-home-body .seo-home-highlight-card strong {
    font-size: 1.2rem;
}

body.landing-home-body .seo-home-highlight-card span {
    font-size: 0.86rem;
}

body.landing-home-body .seo-home-benefits-card {
    padding: 24px;
}

body.landing-home-body .seo-home-check-list {
    gap: 14px;
}

body.landing-home-body .seo-home-check-list li {
    font-size: 0.97rem;
}

body.landing-home-body .seo-home-display-grid {
    gap: 16px;
}

body.landing-home-body .seo-home-display-card {
    min-height: 228px;
    padding: 20px;
    gap: 10px;
    border-radius: 20px;
}

body.landing-home-body .seo-home-display-card__icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
}

body.landing-home-body .seo-home-display-card__icon::before {
    left: 7px;
    right: 7px;
    bottom: 7px;
}

body.landing-home-body .seo-home-display-card h3 {
    font-size: 1.06rem;
}

body.landing-home-body .seo-home-display-card__head p {
    font-size: 0.78rem;
}

body.landing-home-body .seo-home-display-card__metric {
    font-size: 2.05rem;
}

body.landing-home-body .seo-home-display-card__summary {
    font-size: 0.88rem;
}

body.landing-home-body .seo-home-why-grid,
body.landing-home-body .seo-home-steps-grid {
    gap: 16px;
}

body.landing-home-body .seo-home-why-card,
body.landing-home-body .seo-home-step-card {
    min-height: 214px;
    padding: 22px;
}

body.landing-home-body .seo-home-why-card__icon {
    width: 44px;
    height: 44px;
}

body.landing-home-body .seo-home-why-card__icon::before {
    inset: 11px;
}

body.landing-home-body .seo-home-why-card h3,
body.landing-home-body .seo-home-step-card h3,
body.landing-home-body .seo-home-audience-card h3,
body.landing-home-body .seo-home-pricing-band__cta h3 {
    font-size: 1.22rem;
}

body.landing-home-body .seo-home-why-card p,
body.landing-home-body .seo-home-step-card p,
body.landing-home-body .seo-home-audience-card p {
    font-size: 0.94rem;
}

body.landing-home-body .seo-home-step-card__index {
    width: 44px;
    height: 44px;
}

body.landing-home-body .seo-home-step-card__chips span,
body.landing-home-body .seo-home-audience-visual__chips span {
    min-height: 30px;
    padding: 0 11px;
    font-size: 0.76rem;
}

body.landing-home-body .seo-home-preview-frame {
    padding: 20px;
}

body.landing-home-body .seo-home-preview-frame__head {
    padding: 13px 16px;
    font-size: 0.84rem;
}

body.landing-home-body .seo-home-preview-stats {
    gap: 12px;
}

body.landing-home-body .seo-home-preview-stats div {
    padding: 16px 14px;
}

body.landing-home-body .seo-home-preview-stats strong {
    font-size: 1.35rem;
}

body.landing-home-body .seo-home-preview-chart {
    min-height: 174px;
    padding: 24px;
}

body.landing-home-body .seo-home-preview-chart svg {
    height: 124px;
}

body.landing-home-body .seo-home-preview-sections__item {
    padding: 14px 15px;
    font-size: 0.92rem;
}

body.landing-home-body .seo-home-accordion-columns {
    gap: 18px;
}

body.landing-home-body .seo-home-accordion summary {
    padding: 20px;
}

body.landing-home-body .seo-home-accordion summary strong {
    font-size: 1.04rem;
}

body.landing-home-body .seo-home-accordion__body {
    padding: 0 20px 20px;
}

body.landing-home-body .seo-home-accordion__list li {
    padding: 11px 13px;
    font-size: 0.88rem;
}

body.landing-home-body .seo-home-audience-grid {
    align-items: stretch;
}

body.landing-home-body .seo-home-audience-card {
    padding: 22px;
}

body.landing-home-body .seo-home-audience-visual {
    min-height: 300px;
    border-radius: 22px;
}

body.landing-home-body .seo-home-audience-visual__screen {
    width: min(100%, 286px);
}

body.landing-home-body .seo-home-pricing-band {
    grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.6fr) minmax(0, 1fr);
}

body.landing-home-body .seo-home-pricing-band__price,
body.landing-home-body .seo-home-pricing-band__cta {
    padding: 24px;
}

body.landing-home-body .seo-home-pricing-band__visual {
    min-height: 250px;
    border-radius: 24px;
}

body.landing-home-body .seo-home-pricing-band__price h2 {
    font-size: clamp(2.5rem, 4.1vw, 3.6rem);
}

body.landing-home-body .seo-home-pricing-band__cta .btn {
    width: 100%;
    justify-content: center;
}

body.landing-home-body .seo-home-faq summary {
    padding: 20px 22px;
    font-size: 1.05rem;
}

body.landing-home-body .seo-home-faq p {
    padding: 0 22px 20px;
    font-size: 0.95rem;
}

body.landing-home-body .seo-home-footer {
    padding: 2px 6px 8px;
}

@media (max-width: 1360px) {
    body.landing-home-body .page-content.landing-home-content {
        width: min(1560px, calc(100% - 28px));
    }

    body.landing-home-body .seo-home-hero {
        grid-template-columns: 1fr;
    }

    body.landing-home-body .seo-home-showcase__board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.landing-home-body .seo-home-showcase__summary {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    body.landing-home-body .seo-home-showcase__mini-grid {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1180px) {
    body.landing-home-body .seo-home-service-grid,
    body.landing-home-body .seo-home-preview-grid,
    body.landing-home-body .seo-home-audience-grid,
    body.landing-home-body .seo-home-pricing-band {
        grid-template-columns: 1fr;
    }

    body.landing-home-body .seo-home-display-grid,
    body.landing-home-body .seo-home-why-grid,
    body.landing-home-body .seo-home-steps-grid,
    body.landing-home-body .seo-home-highlight-grid,
    body.landing-home-body .seo-home-preview-stats,
    body.landing-home-body .seo-home-preview-sections,
    body.landing-home-body .seo-home-accordion-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.landing-home-body .seo-home-steps-grid::before {
        display: none;
    }
}

@media (max-width: 920px) {
    body.landing-home-body .page-content.landing-home-content {
        width: min(1560px, calc(100% - 18px));
    }

    body.landing-home-body .seo-home-topbar {
        align-items: flex-start;
        gap: 14px;
        padding: 14px 16px;
        border-radius: 20px;
    }

    body.landing-home-body .seo-home-menu {
        justify-content: flex-start;
        gap: 14px;
    }

    body.landing-home-body .seo-home-hero,
    body.landing-home-body .seo-home-section,
    body.landing-home-body .seo-home-pricing-band {
        padding: 24px;
    }

    body.landing-home-body .seo-home-hero__copy h1 {
          font-size: 22px;
        max-width: 9.6ch;
    }

    body.landing-home-body .seo-home-showcase__board,
    body.landing-home-body .seo-home-showcase__mini-grid,
    body.landing-home-body .seo-home-display-grid,
    body.landing-home-body .seo-home-why-grid,
    body.landing-home-body .seo-home-steps-grid,
    body.landing-home-body .seo-home-highlight-grid,
    body.landing-home-body .seo-home-preview-stats,
    body.landing-home-body .seo-home-preview-sections,
    body.landing-home-body .seo-home-accordion-columns {
        grid-template-columns: 1fr;
    }

    body.landing-home-body .seo-home-subnav {
        top: 86px;
    }

    body.landing-home-body .seo-home-showcase__metric,
    body.landing-home-body .seo-home-showcase__mini-card,
    body.landing-home-body .seo-home-display-card,
    body.landing-home-body .seo-home-why-card,
    body.landing-home-body .seo-home-step-card {
        min-height: auto;
    }
}

@media (max-width: 640px) {
    body.landing-home-body .page-content.landing-home-content {
        width: min(1560px, calc(100% - 12px));
    }

    body.landing-home-body .seo-home-topbar {
        padding: 14px;
        border-radius: 18px;
    }

    body.landing-home-body .seo-home-topbar__actions {
        width: 100%;
        justify-content: flex-start;
    }

    body.landing-home-body .seo-home-hero,
    body.landing-home-body .seo-home-section,
    body.landing-home-body .seo-home-pricing-band {
        padding: 20px;
        border-radius: 22px;
    }

    body.landing-home-body .seo-home-hero__copy h1 {
        max-width: none;
        font-size: 0.35rem;
    }

    body.landing-home-body .seo-home-hero__actions,
    body.landing-home-body .seo-home-proof-row,
    body.landing-home-body .seo-home-footer__links {
        gap: 10px;
    }

    body.landing-home-body .seo-home-hero__actions .btn,
    body.landing-home-body .seo-home-topbar__actions .btn,
    body.landing-home-body .seo-home-logout-form .btn {
        width: 100%;
    }

    body.landing-home-body .seo-home-proof,
    body.landing-home-body .seo-home-hero__badges span,
    body.landing-home-body .seo-home-showcase__chips span {
        width: 100%;
        justify-content: flex-start;
    }

    body.landing-home-body .seo-home-showcase__frame,
    body.landing-home-body .seo-home-preview-frame,
    body.landing-home-body .seo-home-pricing-band__price,
    body.landing-home-body .seo-home-pricing-band__cta,
    body.landing-home-body .seo-home-audience-card,
    body.landing-home-body .seo-home-preview-summary {
        padding: 18px;
    }

    body.landing-home-body .seo-home-preview-chart__donut {
        position: static;
        margin-top: 12px;
    }

    body.landing-home-body .seo-home-pricing-band__visual {
        min-height: 190px;
    }

    body.landing-home-body .seo-home-footer {
        justify-content: flex-start;
    }
}


/* ---- source: seosrez-shell.css ---- */
.page-content {
    padding: 18px 0 48px;
}

.topbar {
    position: sticky;
    top: 0;
    z-index: 32;
    padding-top: 12px;
    background: transparent;
    border-bottom: 0;
    backdrop-filter: none;
}

.topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 74px;
    padding: 14px 18px;
    border: 1px solid rgba(205, 216, 228, 0.84);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 30px rgba(18, 31, 44, 0.08);
    backdrop-filter: blur(16px);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--text);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.brand:hover {
    text-decoration: none;
}

.brand__mark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(99, 194, 184, 0.14);
    color: #1d8b74;
    box-shadow: inset 0 0 0 1px rgba(39, 162, 135, 0.08);
}

.brand__mark svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.brand__text {
    display: grid;
    gap: 2px;
    line-height: 1;
}

.brand__text strong {
    font-size: 1.06rem;
    font-weight: 800;
}

.brand__text small {
    font-size: 0.73rem;
    color: var(--muted);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.topnav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.topnav__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.84);
    color: var(--muted);
    font-size: 0.92rem;
    font-weight: 700;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.topnav__link:hover {
    color: var(--text);
    text-decoration: none;
    border-color: rgba(99, 194, 184, 0.22);
    background: rgba(99, 194, 184, 0.08);
    transform: translateY(-1px);
}

.logout-form {
    margin: 0;
}


@media (max-width: 860px) {
    .topbar {
        padding-top: 10px;
    }

    .topbar__inner {
        min-height: 68px;
        padding: 12px 14px;
        border-radius: 20px;
        gap: 14px;
    }

    .brand__text small {
        display: none;
    }

    .topnav {
        gap: 8px;
    }
}

@media (max-width: 640px) {
    .topbar__inner {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .topnav {
        width: 100%;
        justify-content: flex-start;
    }

    .topnav__link {
        min-height: 36px;
        padding: 0 11px;
        font-size: 0.88rem;
    }
}


/* ---- source: seosrez-unified.css ---- */
/* Unified SEOSREZ design layer. Loaded last, so existing templates and CSS stay intact. */
:root {
    --seosrez-bg: #f5f8fb;
    --seosrez-bg-soft: #fbfcfd;
    --seosrez-surface: #ffffff;
    --seosrez-surface-soft: #f3f8f7;
    --seosrez-surface-warm: #fff9f5;
    --seosrez-line: rgba(30, 42, 58, 0.12);
    --seosrez-line-strong: rgba(30, 42, 58, 0.2);
    --seosrez-ink: #172233;
    --seosrez-ink-soft: #5f6e82;
    --seosrez-ink-faint: #8a96a8;
    --seosrez-primary: #087b68;
    --seosrez-primary-strong: #075f51;
    --seosrez-primary-soft: rgba(8, 123, 104, 0.11);
    --seosrez-coral: #ef7d56;
    --seosrez-coral-strong: #d95f3b;
    --seosrez-coral-soft: rgba(239, 125, 86, 0.13);
    --seosrez-blue: #3b78d8;
    --seosrez-blue-soft: rgba(59, 120, 216, 0.12);
    --seosrez-amber: #d59b25;
    --seosrez-amber-soft: rgba(213, 155, 37, 0.14);
    --seosrez-red: #d94f4f;
    --seosrez-red-soft: rgba(217, 79, 79, 0.12);
    --seosrez-shadow: 0 18px 46px rgba(23, 34, 51, 0.08);
    --seosrez-shadow-soft: 0 10px 26px rgba(23, 34, 51, 0.055);
    --seosrez-radius-card: 8px;
    --seosrez-radius-panel: 8px;
    --seosrez-radius-control: 8px;
    --seosrez-focus: 0 0 0 4px rgba(8, 123, 104, 0.14);

    --bg: var(--seosrez-bg);
    --bg-soft: var(--seosrez-bg-soft);
    --card: var(--seosrez-surface);
    --card-soft: var(--seosrez-surface-soft);
    --border: #d8e2ec;
    --border-strong: #c3d0dc;
    --text: var(--seosrez-ink);
    --muted: var(--seosrez-ink-soft);
    --primary: var(--seosrez-primary);
    --primary-dark: var(--seosrez-primary-strong);
    --secondary: var(--seosrez-blue);
    --secondary-dark: #2f63b7;
    --accent: var(--seosrez-coral);
    --danger: var(--seosrez-red);
    --success: var(--seosrez-primary);
    --warning: var(--seosrez-amber);
    --shadow: var(--seosrez-shadow);
    --shadow-soft: var(--seosrez-shadow-soft);
    --radius: var(--seosrez-radius-panel);
    --radius-sm: var(--seosrez-radius-control);
    --radius-xs: 8px;

    --srz-bg: var(--seosrez-bg);
    --srz-ink: var(--seosrez-ink);
    --srz-muted: var(--seosrez-ink-soft);
    --srz-soft: var(--seosrez-surface-soft);
    --srz-card: var(--seosrez-surface);
    --srz-line: var(--seosrez-line);
    --srz-teal: var(--seosrez-primary);
    --srz-teal-2: #25a896;
    --srz-orange: var(--seosrez-coral);
    --srz-orange-2: #f09a6d;
    --srz-shadow: var(--seosrez-shadow);
    --srz-radius: var(--seosrez-radius-panel);

    --lk-bg: var(--seosrez-bg);
    --lk-surface: var(--seosrez-surface);
    --lk-soft: var(--seosrez-surface-soft);
    --lk-line: var(--seosrez-line);
    --lk-line-strong: var(--seosrez-line-strong);
    --lk-ink: var(--seosrez-ink);
    --lk-muted: var(--seosrez-ink-soft);
    --lk-faint: var(--seosrez-ink-faint);
    --lk-green: var(--seosrez-primary);
    --lk-green-2: var(--seosrez-primary-strong);
    --lk-green-soft: var(--seosrez-primary-soft);
    --lk-blue: var(--seosrez-blue);
    --lk-blue-soft: var(--seosrez-blue-soft);
    --lk-orange: var(--seosrez-amber);
    --lk-orange-soft: var(--seosrez-amber-soft);
    --lk-red: var(--seosrez-red);
    --lk-red-soft: var(--seosrez-red-soft);
    --lk-shadow: var(--seosrez-shadow);
    --lk-shadow-soft: var(--seosrez-shadow-soft);

    --po-bg: var(--seosrez-bg);
    --po-card: var(--seosrez-surface);
    --po-ink: var(--seosrez-ink);
    --po-muted: var(--seosrez-ink-soft);
    --po-line: var(--seosrez-line);
    --po-soft: var(--seosrez-surface-soft);
    --po-green: var(--seosrez-primary);
    --po-green-2: #0c967f;
    --po-red: var(--seosrez-red);
    --po-orange: var(--seosrez-amber);
    --po-shadow: var(--seosrez-shadow);
    --po-radius: var(--seosrez-radius-panel);

    --rg-bg: var(--seosrez-bg);
    --rg-surface: var(--seosrez-surface);
    --rg-soft: var(--seosrez-surface-soft);
    --rg-line: var(--seosrez-line);
    --rg-line-strong: var(--seosrez-line-strong);
    --rg-ink: var(--seosrez-ink);
    --rg-muted: var(--seosrez-ink-soft);
    --rg-faint: var(--seosrez-ink-faint);
    --rg-green: var(--seosrez-primary);
    --rg-green-2: var(--seosrez-primary-strong);
    --rg-green-soft: var(--seosrez-primary-soft);
    --rg-blue: var(--seosrez-blue);
    --rg-blue-soft: var(--seosrez-blue-soft);
    --rg-orange: var(--seosrez-amber);
    --rg-orange-soft: var(--seosrez-amber-soft);
    --rg-red: var(--seosrez-red);
    --rg-red-soft: var(--seosrez-red-soft);
    --rg-shadow: var(--seosrez-shadow);
    --rg-shadow-soft: var(--seosrez-shadow-soft);

    --re-bg: var(--seosrez-bg);
    --re-panel: var(--seosrez-surface);
    --re-ink: var(--seosrez-ink);
    --re-muted: var(--seosrez-ink-soft);
    --re-line: #dbe4ee;
    --re-line-soft: #edf2f6;
    --re-green: var(--seosrez-primary);
    --re-green-2: #12a082;
    --re-green-soft: #e8f7f2;
    --re-red: var(--seosrez-red);
    --re-orange: var(--seosrez-amber);
    --re-blue: var(--seosrez-blue);
    --re-shadow: var(--seosrez-shadow);
    --re-radius: var(--seosrez-radius-panel);

    --rp-bg: var(--seosrez-bg);
    --rp-bg-2: var(--seosrez-bg-soft);
    --rp-surface: rgba(255, 255, 255, 0.92);
    --rp-surface-strong: #ffffff;
    --rp-surface-muted: var(--seosrez-surface-soft);
    --rp-ink: var(--seosrez-ink);
    --rp-ink-soft: var(--seosrez-ink-soft);
    --rp-line: var(--seosrez-line);
    --rp-line-strong: var(--seosrez-line-strong);
    --rp-shadow: var(--seosrez-shadow);
    --rp-shadow-soft: var(--seosrez-shadow-soft);
    --rp-accent: var(--seosrez-primary);
    --rp-accent-soft: var(--seosrez-primary-soft);
    --rp-blue: var(--seosrez-blue);
    --rp-blue-soft: var(--seosrez-blue-soft);
    --rp-amber: var(--seosrez-amber);
    --rp-amber-soft: var(--seosrez-amber-soft);
    --rp-coral: var(--seosrez-coral);
    --rp-coral-soft: var(--seosrez-coral-soft);
    --rp-danger: var(--seosrez-red);
    --rp-success: var(--seosrez-primary);
    --rp-radius-xl: var(--seosrez-radius-panel);
    --rp-radius-lg: var(--seosrez-radius-panel);
    --rp-radius-md: var(--seosrez-radius-card);
    --rp-radius-sm: var(--seosrez-radius-control);
}

html {
    background: var(--seosrez-bg);
}

body,
.landing-seosrez-body,
.legal-public-body,
.dashboard-seosrez-body,
.project-onboarding-body,
.report-generation-v70-body,
.report-editor-v71-body,
.auth-register-page,
body.project-exp-body,
body.body--report-redesign {
    background: linear-gradient(180deg, #f8fafc 0%, #f3f7f6 42%, #ffffff 100%) !important;
    color: var(--seosrez-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.project-exp-body::before {
    display: none;
}

.app-shell {
    color: var(--seosrez-ink);
}

.landing-seosrez-body .page-content.landing-seosrez-page,
.legal-public-body .page-content.legal-public-page,
.dashboard-seosrez-body .page-content.dashboard-seosrez-page,
.project-onboarding-body .page-content.project-onboarding-page,
.report-generation-v70-body .page-content.report-generation-v70-page,
.report-editor-v71-body .page-content.report-editor-v71-page {
    width: 100% !important;
    max-width: none !important;
}

.srz-landing,
.legal-site,
.auth-register-page .page-content.auth-register-content,
.project-exp-page.container {
    width: min(1360px, calc(100% - 40px)) !important;
}

.srz-landing,
.legal-site {
    padding-top: 18px;
}

.srz-topbar,
.auth-register-page .signup-topbar,
.topbar__inner {
    min-height: 64px;
    border: 1px solid var(--seosrez-line);
    border-radius: var(--seosrez-radius-panel);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--seosrez-shadow-soft);
    backdrop-filter: blur(14px);
}

.topbar {
    background: transparent;
    border-bottom: 0;
}

.brand,
.srz-brand,
.lk-brand,
.po-brand,
.rg-brand,
.re-brand,
.auth-register-page .signup-brand {
    color: var(--seosrez-ink);
    letter-spacing: 0;
}

.brand__mark,
.srz-brand__mark,
.lk-brand__mark,
.po-brand__mark,
.rg-brand__mark,
.re-brand__mark,
.auth-register-page .signup-brand__mark,
.rp-mark,
.srz-mini-logo span {
    border-radius: 10px;
    background: linear-gradient(135deg, var(--seosrez-primary), #18a88f) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 24px rgba(8, 123, 104, 0.18) !important;
}

.brand__text small,
.srz-brand small,
.lk-brand small,
.po-brand small,
.rg-brand small,
.re-brand small {
    color: var(--seosrez-ink-soft);
    letter-spacing: 0;
}

.srz-menu,
.topnav,
.legal-tabs,
.lk-nav,
.po-nav,
.rg-nav,
.re-nav {
    letter-spacing: 0;
}

.srz-menu a:hover,
.topnav__link:hover,
.legal-tabs a:hover,
.lk-nav__item:hover,
.po-nav a:hover,
.rg-nav__item:hover,
.re-nav__item:hover {
    color: var(--seosrez-primary);
}

.topnav__link,
.legal-tabs a,
.lk-nav__item,
.po-nav a,
.rg-nav__item,
.re-nav__item {
    border-radius: var(--seosrez-radius-control);
}

.lk-nav__item.is-active,
.po-nav a.is-active,
.rg-nav__item.is-active,
.re-nav__item.is-active,
.legal-tabs a.is-active {
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
}

.srz-hero h1,
.srz-section h2,
.srz-final-cta h2,
.legal-hero h1,
.lk-hero h1,
.po-hero h1,
.rg-hero h1,
.re-hero h1,
.px-hero h1,
.auth-register-page .signup-panel--story h1,
.auth-register-page .signup-form__head h2,
.rp-title-wrap h1,
.rp-hero-title,
.rp-group-head h2,
.rp-section-title,
.page-header h1 {
    color: var(--seosrez-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
}

.srz-hero h1 {
    max-width: 12.5ch;
    font-size: 4.25rem;
    line-height: 1.04;
}

.srz-section h2,
.legal-hero h1 {
    font-size: 2.75rem;
    line-height: 1.08;
}

.lk-hero h1,
.po-hero h1,
.rg-hero h1,
.re-hero h1,
.page-header h1 {
    font-size: 2rem;
    line-height: 1.15;
}

.rp-title-wrap h1,
.rp-hero-title {
    font-size: 2.25rem;
    line-height: 1.1;
}

.body--report-redesign h1,
.body--report-redesign h2,
.body--report-redesign h3,
.body--report-redesign .rp-title-wrap h1,
.body--report-redesign .rp-hero-title,
.body--report-redesign .rp-group-head h2,
.body--report-redesign .rp-section-title {
    letter-spacing: 0 !important;
}

.srz-lead,
.srz-section__intro p,
.legal-hero p,
.lk-hero p,
.po-card__head p,
.rg-card__head p,
.re-hero p,
.rp-hero-copy,
.muted,
.compact-text {
    color: var(--seosrez-ink-soft);
}

.srz-pill,
.srz-kicker,
.legal-eyebrow,
.eyebrow,
.lk-kicker,
.po-card__eyebrow,
.rg-kicker,
.re-kicker,
.rp-eyebrow,
.auth-register-page .signup-kicker {
    color: var(--seosrez-primary-strong);
    background: var(--seosrez-primary-soft);
    border: 1px solid rgba(8, 123, 104, 0.16);
    letter-spacing: 0.08em;
}

.srz-btn,
.btn,
.lk-btn,
.lk-chip,
.po-btn,
.rg-btn,
.re-btn,
.px-btn,
.rp-nav-link,
.rp-toggle,
.rp-editor-toolbar__btn,
.auth-register-page .signup-btn,
.auth-register-page .signup-topbar__link,
.auth-register-page .signup-topbar__button {
    min-height: 42px;
    border-radius: var(--seosrez-radius-control) !important;
    border: 1px solid var(--seosrez-line);
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: none;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.srz-btn:hover,
.btn:hover,
.lk-btn:hover,
.lk-chip:hover,
.po-btn:hover:not(:disabled),
.rg-btn:hover,
.re-btn:hover,
.px-btn:hover,
.rp-nav-link:hover,
.auth-register-page .signup-btn:hover,
.auth-register-page .signup-topbar__button:hover {
    transform: translateY(-1px);
    box-shadow: var(--seosrez-shadow-soft);
    text-decoration: none;
}

.srz-btn--accent,
.btn--primary,
.lk-btn--primary,
.po-btn--primary,
.rg-btn--primary,
.re-btn--primary,
.px-btn--primary,
.auth-register-page .signup-btn--primary,
.auth-register-page .signup-topbar__button,
.rp-nav-link.is-active {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--seosrez-primary), #0a9a83) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(8, 123, 104, 0.2) !important;
}

.srz-btn--ghost,
.btn--ghost,
.lk-btn--ghost,
.po-btn--ghost,
.rg-btn--ghost,
.re-btn--ghost,
.lk-chip,
.rp-nav-link,
.rp-toggle {
    background: rgba(255, 255, 255, 0.94);
    color: var(--seosrez-ink);
}

.lk-btn--soft,
.lk-chip.is-active,
.rg-chip.is-active,
.po-chip.is-active,
.re-pill--manual {
    background: var(--seosrez-primary-soft);
    border-color: rgba(8, 123, 104, 0.18);
    color: var(--seosrez-primary-strong);
}

.card,
.auth-card,
.stats-grid .stat-card,
.section-card,
.source-card,
.resource-card,
.site-import-card,
.import-filter-panel,
.lk-metric-card,
.lk-project-card,
.lk-side-card,
.lk-help,
.lk-section,
.lk-report-table,
.po-help,
.po-card,
.po-step,
.rg-card,
.rg-section-card,
.rg-plan-card,
.rg-help,
.re-panel,
.re-section,
.re-summary-strip article,
.re-insight-grid article,
.re-kpi-grid article,
.re-section-kpis article,
.srz-dashboard,
.srz-trust,
.srz-feature-grid article,
.srz-quote-card,
.srz-step-row article,
.srz-price-card,
.srz-contact-card,
.legal-hero,
.legal-card,
.legal-tabs,
.legal-side-card,
.legal-footer-note,
.auth-register-page .signup-shell,
.auth-register-page .signup-panel,
.auth-register-page .signup-story-card,
.auth-register-page .signup-list__item,
.auth-register-page .signup-side-card,
.auth-register-page .signup-trust-strip,
.rp-card,
.rp-header,
.rp-toolbar,
.rp-section-card,
.rp-kpi,
.rp-insight,
.rp-summary-card,
.rp-overview-card,
.rp-client-stat,
.rp-fact,
.rp-guide-card,
.rp-comment-callout,
.rp-comment-editor,
.rp-chart-shell,
.rp-table-shell,
.rp-legend-card,
.rp-export-card,
.rp-pay-card {
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-card) !important;
    background-color: rgba(255, 255, 255, 0.94);
    box-shadow: var(--seosrez-shadow-soft);
}

.lk-sidebar,
.po-sidebar,
.rg-sidebar,
.re-sidebar {
    background: rgba(255, 255, 255, 0.94);
    border-right: 1px solid var(--seosrez-line);
    box-shadow: 8px 0 26px rgba(23, 34, 51, 0.04);
}

.lk-topbar,
.po-topbar,
.rg-topbar,
.re-topbar {
    background: rgba(248, 250, 252, 0.88);
    border-bottom: 1px solid var(--seosrez-line);
    backdrop-filter: blur(14px);
}

.lk-search,
.po-search input,
.rg-search,
.re-search,
.input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea,
.auth-register-page .signup-field__control,
.auth-register-page .signup-field input[type="text"],
.auth-register-page .signup-field input[type="email"],
.auth-register-page .signup-field input[type="password"],
.auth-register-page .signup-field input[type="url"],
.auth-register-page .signup-field input[type="number"],
.rp-rich-editor,
.re-editor {
    border-radius: var(--seosrez-radius-control) !important;
    border-color: var(--seosrez-line) !important;
    background: #ffffff !important;
    color: var(--seosrez-ink);
}

.lk-search:focus-within,
.po-search input:focus,
.rg-search:focus-within,
.re-search:focus-within,
.input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
.auth-register-page .signup-field__control:focus-within,
.rp-rich-editor:focus,
.re-editor:focus {
    border-color: rgba(8, 123, 104, 0.42) !important;
    box-shadow: var(--seosrez-focus) !important;
    outline: none;
}

.badge,
.pill,
.lk-status,
.px-pill,
.px-chip,
.rg-section-card__meta b,
.rp-chip,
.rp-inline-note,
.rp-comment-badge,
.rp-delta,
.re-pill,
.re-delta,
.po-source-pill,
.site-import-card .badge,
.legal-doc-grid a {
    border-radius: 999px !important;
    border-color: var(--seosrez-line);
    letter-spacing: 0;
}

.badge,
.pill,
.rp-chip,
.rp-inline-note,
.re-pill,
.lk-status {
    background: var(--seosrez-surface-soft);
    color: var(--seosrez-primary-strong);
}

.message,
.re-message {
    border-radius: var(--seosrez-radius-control);
    border-color: var(--seosrez-line);
}

.message--success,
.re-message--success,
.rp-delta--positive,
.re-delta.is-positive {
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
}

.message--warning,
.re-message--warning,
.rp-delta--neutral {
    background: var(--seosrez-amber-soft);
    color: #865d12;
}

.message--error,
.message--danger,
.re-message--error,
.re-message--danger,
.rp-delta--negative,
.re-delta.is-negative {
    background: var(--seosrez-red-soft);
    color: #a33030;
}

.table-wrap,
.re-table-card,
.rp-table-shell,
.lk-report-table {
    border: 1px solid var(--seosrez-line);
    border-radius: var(--seosrez-radius-card);
    overflow: auto;
    background: #ffffff;
}

.table th,
.rp-table thead th,
.re-table-card th {
    background: var(--seosrez-surface-soft) !important;
    color: var(--seosrez-ink-soft) !important;
    letter-spacing: 0.04em;
}

.table td,
.table th,
.rp-table td,
.rp-table th,
.re-table-card td,
.re-table-card th {
    border-color: rgba(30, 42, 58, 0.08) !important;
}

.srz-dashboard,
.srz-dashboard__main,
.srz-dashboard__sidebar,
.srz-chart-card,
.srz-table-card,
.srz-bars-card,
.srz-metric-row article,
.srz-report-list article > span,
.srz-feature-grid span,
.srz-step-row span,
.lk-metric-card__icon,
.lk-user span,
.po-bell,
.rg-user span,
.re-user > span,
.auth-register-page .signup-story-card__icon,
.auth-register-page .signup-side-card__icon,
.auth-register-page .signup-trust-item__icon,
.auth-register-page .signup-list__icon {
    border-radius: var(--seosrez-radius-control);
}

.srz-dashboard__sidebar,
.srz-dashboard__main,
.srz-chart-card,
.srz-table-card,
.srz-bars-card,
.srz-metric-row article,
.rp-fact,
.rp-kpi,
.rp-insight,
.rp-summary-card,
.rp-overview-card {
    background: #ffffff;
}

.srz-final-cta,
.rp-summary-note {
    border-radius: var(--seosrez-radius-panel);
    background: linear-gradient(135deg, var(--seosrez-primary-strong), #123446) !important;
}

.srz-final-cta h2,
.srz-final-cta p,
.srz-final-cta .srz-btn,
.rp-summary-note,
.rp-summary-note h3,
.rp-summary-note p,
.rp-summary-note li {
    color: #ffffff;
}

.srz-quote-card p,
.srz-quote-mark {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.srz-quote-card p {
    color: var(--seosrez-ink);
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: 0 !important;
}

.rp-public-report-brand__mark,
.rp-client-logo {
    background: linear-gradient(135deg, var(--seosrez-primary), #18a88f) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 24px rgba(8, 123, 104, 0.18) !important;
}

button.rp-public-action--primary,
.rp-public-action--primary {
    background: linear-gradient(135deg, var(--seosrez-primary), #0a9a83) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(8, 123, 104, 0.2) !important;
}

.rp-client-kicker,
.rp-client-quicklinks__label,
.rp-public-mini-insight small,
.rp-public-recommendation__tag {
    color: var(--seosrez-primary-strong) !important;
}

.legal-content-grid {
    align-items: start;
}

.legal-doc-grid a {
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
}

.auth-register-page .signup-panel--story h1 {
    font-size: 2.5rem;
}

.auth-register-page .signup-form__head h2 {
    font-size: 2rem;
}

.auth-register-page .signup-side-card--mint,
.auth-register-page .signup-side-card--blue,
.auth-register-page .signup-side-card--amber {
    background: #ffffff !important;
}

.project-exp-body .topbar {
    background: transparent;
}

.px-card,
.px-stat-card,
.px-quick-strip,
.px-section-nav,
.px-savebar {
    background: rgba(255, 255, 255, 0.94);
    border-color: var(--seosrez-line);
    box-shadow: var(--seosrez-shadow-soft);
}

.px-btn--primary {
    background: linear-gradient(135deg, var(--seosrez-primary), #0a9a83) !important;
}

.report-editor-v73-design-width .re-app {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 52%) !important;
}

.report-editor-v73-design-width .re-main {
    border-color: var(--seosrez-line);
    box-shadow: var(--seosrez-shadow-soft);
}

.rp-header {
    top: 18px;
}

.rp-toolbar {
    top: 96px;
}

.report-public-page {
    width: min(1480px, calc(100% - 36px));
    margin: 0 auto;
    padding: 18px 0 42px;
}

@media (max-width: 1180px) {
    .srz-hero h1 {
        max-width: 100%;
        font-size: 3.5rem;
    }

    .srz-section h2,
    .legal-hero h1 {
        font-size: 2.35rem;
    }

    .lk-dashboard,
    .po-app,
    .rg-app {
        grid-template-columns: 220px minmax(0, 1fr);
    }
}

@media (max-width: 860px) {
    .srz-landing,
    .legal-site,
    .auth-register-page .page-content.auth-register-content,
    .project-exp-page.container,
    .report-public-page {
        width: min(100% - 24px, 720px) !important;
    }

    .srz-topbar,
    .auth-register-page .signup-topbar,
    .topbar__inner {
        border-radius: var(--seosrez-radius-card);
    }

    .srz-hero h1 {
        font-size: 2.75rem;
    }

    .srz-section h2,
    .legal-hero h1 {
        font-size: 2rem;
    }

    .lk-hero h1,
    .po-hero h1,
    .rg-hero h1,
    .re-hero h1,
    .page-header h1,
    .rp-title-wrap h1,
    .rp-hero-title {
        font-size: 1.75rem;
    }

    .lk-dashboard,
    .po-app,
    .rg-app,
    .re-app {
        display: block;
    }

    .lk-sidebar,
    .po-sidebar,
    .rg-sidebar,
    .re-sidebar {
        position: static;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--seosrez-line);
    }

    .rp-header,
    .rp-toolbar {
        position: static;
    }
}

@media (max-width: 640px) {
    .srz-hero h1 {
        font-size: 2.35rem;
        line-height: 1.08;
    }

    .srz-actions,
    .srz-topbar__actions,
    .lk-topbar__actions,
    .rg-topbar__actions,
    .re-topbar__actions,
    .auth-register-page .signup-topbar__actions {
        width: 100%;
        justify-content: stretch;
    }

    .srz-actions .srz-btn,
    .srz-topbar__actions .srz-btn,
    .lk-topbar__actions .lk-btn,
    .rg-topbar__actions .rg-btn,
    .re-topbar__actions .re-btn,
    .auth-register-page .signup-topbar__actions a,
    .auth-register-page .signup-btn {
        width: 100%;
    }
}

body.project-exp-body {
    background: linear-gradient(180deg, #f8fafc 0%, #f4f8f7 48%, #ffffff 100%) !important;
}

body.auth-v77-body,
body.public-content-body {
    background: linear-gradient(180deg, #f8fafc 0%, #f4f8f7 48%, #ffffff 100%) !important;
}

body.auth-v77-body .topbar,
body.public-content-body .topbar {
    padding: 12px 16px 0;
    background: transparent !important;
}

body.auth-v77-body .topbar__inner,
body.public-content-body .topbar__inner {
    width: min(1360px, 100%);
}

body.auth-v77-body .page-content.auth-v77-content,
body.public-content-body .page-content.public-content-wrap {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: none !important;
}

.auth-v77-hero,
.auth-v77-preview,
.auth-v77-form-card,
.auth-v77-side article,
.pc-hero,
.pc-detail-hero,
.pc-hero-panel,
.pc-template-board,
.pc-side-block,
.pc-card,
.pc-empty,
.pc-section-row,
.pc-category-copy {
    border-color: var(--seosrez-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--seosrez-shadow-soft) !important;
}

.auth-v77-kicker,
.pc-kicker,
.pc-category-nav a.is-active,
.pc-chip-list span,
.pc-section-row > span {
    background: var(--seosrez-primary-soft) !important;
    color: var(--seosrez-primary-strong) !important;
    border-color: rgba(8, 123, 104, 0.18) !important;
}

.auth-v77-btn--primary,
.pc-btn--primary {
    background: var(--seosrez-primary) !important;
    border-color: var(--seosrez-primary) !important;
    color: #ffffff !important;
}

.auth-v77 h1,
.auth-v77 h2,
.pc-hero h1,
.pc-detail-hero h1,
.pc-card h2,
.pc-card h3,
.pc-section-row h2 {
    letter-spacing: 0 !important;
}

@media (max-width: 860px) {
    body.auth-v77-body .page-content.auth-v77-content,
    body.public-content-body .page-content.public-content-wrap {
        width: min(100% - 24px, 720px) !important;
    }
}

body.project-exp-body .app-shell {
    min-height: 100vh;
    background: transparent !important;
}

body.project-exp-body .topbar {
    padding: 12px 16px 0;
    background: transparent !important;
}

body.project-exp-body .topbar__inner {
    width: min(1360px, 100%);
}

.project-exp-page.container {
    width: min(1360px, calc(100% - 40px)) !important;
    padding: 24px 0 72px !important;
}

.project-exp-body .px-shell {
    gap: 16px;
}

.project-exp-body .px-hero,
.project-exp-body .px-card,
.project-exp-body .px-stat-card,
.project-exp-body .px-quick-strip,
.project-exp-body .px-section-nav {
    border: 1px solid var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-card) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--seosrez-shadow-soft) !important;
    backdrop-filter: none !important;
}

.project-exp-body .px-hero {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 22px;
}

.project-exp-body .px-hero h1 {
    max-width: 780px;
    margin: 4px 0 8px;
    color: var(--seosrez-ink);
    font-size: 2.25rem;
    line-height: 1.08;
}

.project-exp-body .px-hero__lead {
    max-width: 680px;
    color: var(--seosrez-ink-soft);
    font-size: 0.98rem;
    line-height: 1.55;
}

.project-exp-body .px-hero__actions {
    align-items: center;
}

.project-exp-body .px-eyebrow {
    min-height: 28px;
    padding: 0 10px;
    border-color: rgba(8, 123, 104, 0.16);
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

.project-exp-body .px-btn {
    min-height: 42px;
    border-radius: var(--seosrez-radius-control) !important;
}

.project-exp-body .px-btn--secondary {
    border: 1px solid rgba(59, 120, 216, 0.16) !important;
    background: var(--seosrez-blue-soft) !important;
    color: #2459a8 !important;
    box-shadow: none !important;
}

.project-exp-body .px-stat-grid {
    gap: 12px;
}

.project-exp-body .px-stat-card {
    min-height: 128px;
    padding: 18px;
}

.project-exp-body .px-stat-card__label {
    color: var(--seosrez-ink-soft);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
}

.project-exp-body .px-stat-card__value {
    color: var(--seosrez-ink);
    font-size: 2rem;
    line-height: 1;
}

.project-exp-body .px-stat-card__foot {
    align-items: flex-end;
    font-size: 0.86rem;
}

.project-exp-body .px-card {
    padding: 22px;
}

.project-exp-body .px-card__title {
    gap: 7px;
}

.project-exp-body .px-card__title h2 {
    color: var(--seosrez-ink);
    font-size: 1.45rem;
    line-height: 1.16;
}

.project-exp-body .px-card__title p,
.project-exp-body .px-card__text,
.project-exp-body .px-muted {
    color: var(--seosrez-ink-soft);
    font-size: 0.92rem;
    line-height: 1.55;
}

.project-exp-body .px-source-card,
.project-exp-body .px-map-row,
.project-exp-body .px-report-row,
.project-exp-body .px-action-card,
.project-exp-body .px-api-item,
.project-exp-body .px-job-card,
.project-exp-body .px-empty-card,
.project-exp-body .px-meta-box,
.project-exp-body .px-presentation-item {
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-control) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.project-exp-body .px-section-nav {
    top: 12px;
    z-index: 20;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding: 10px;
}

.project-exp-body .px-section-link {
    flex: 0 0 auto;
    min-height: 36px;
    border-radius: var(--seosrez-radius-control);
    background: #ffffff;
    white-space: nowrap;
}

.project-exp-body .px-section-link.is-active {
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
}

.project-exp-body .px-pill,
.project-exp-body .px-chip {
    min-height: 30px;
    border-color: var(--seosrez-line);
    background: var(--seosrez-surface-soft);
    font-size: 0.78rem;
}

.project-exp-body .px-note,
.project-exp-body .px-note-line {
    border-radius: var(--seosrez-radius-control);
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
}

.project-exp-body .px-report-row {
    grid-template-columns: minmax(0, 1.7fr) minmax(140px, 0.65fr) minmax(140px, 0.65fr) minmax(120px, 0.55fr) auto;
}

@media (max-width: 1220px) {
    .project-exp-body .px-hero {
        grid-template-columns: 1fr;
    }

    .project-exp-body .px-hero__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 860px) {
    .project-exp-page.container {
        width: min(100% - 24px, 720px) !important;
        padding-top: 18px !important;
    }

    .project-exp-body .topbar {
        padding: 10px 12px 0;
    }

    .project-exp-body .px-hero,
    .project-exp-body .px-card,
    .project-exp-body .px-stat-card {
        padding: 18px;
    }

    .project-exp-body .px-hero h1 {
        font-size: 1.9rem;
    }

    .project-exp-body .px-section-nav {
        position: sticky;
        top: 8px;
    }
}

.report-editor-v73-design-width .re-topbar {
    position: relative;
    overflow: visible;
}

.report-editor-v73-design-width .re-scroll-progress {
    position: absolute;
    right: 18px;
    bottom: -1px;
    left: 18px;
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
}

.report-editor-v73-design-width .re-scroll-progress span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--seosrez-primary), #18a88f);
    transition: width 120ms ease;
}

.report-editor-v73-design-width .re-search {
    gap: 10px;
}

.report-editor-v73-design-width .re-search-count {
    flex: 0 0 auto;
    min-width: 76px;
    padding: 5px 9px;
    border: 1px solid rgba(8, 123, 104, 0.14);
    border-radius: 999px;
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.report-editor-v73-design-width .re-search-count.is-muted {
    border-color: rgba(100, 116, 139, 0.16);
    background: #f8fafc;
    color: var(--seosrez-muted);
}

.report-editor-v73-design-width .re-search-empty-state {
    margin-bottom: 18px;
    padding: 22px;
    border: 1px dashed rgba(8, 123, 104, 0.28);
    border-radius: var(--seosrez-radius-panel);
    background: rgba(232, 247, 244, 0.7);
    color: var(--seosrez-primary-strong);
    font-weight: 800;
    text-align: center;
}

.report-editor-v73-design-width .re-section,
.report-editor-v73-design-width .re-group,
.report-editor-v73-design-width .re-overview {
    scroll-margin-top: 122px;
}

.report-editor-v73-design-width .re-section {
    position: relative;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.report-editor-v73-design-width .re-section.is-active-section {
    border-color: rgba(8, 123, 104, 0.34) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1) !important;
}

.report-editor-v73-design-width .re-section.is-active-section::before {
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 4px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, var(--seosrez-primary), #18a88f);
    content: "";
}

.report-editor-v73-design-width .re-section-nav a {
    position: relative;
    transition: background 140ms ease, color 140ms ease, transform 140ms ease;
}

.report-editor-v73-design-width .re-section-nav a.is-active {
    background: var(--seosrez-primary-soft) !important;
    color: var(--seosrez-primary-strong) !important;
    font-weight: 800;
    transform: translateX(2px);
}

.report-editor-v73-design-width .re-section-nav a.is-active::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: var(--seosrez-primary);
    content: "";
}

.report-editor-v73-design-width .re-section-nav a[hidden],
.report-editor-v73-design-width .re-group[hidden] {
    display: none !important;
}

.report-editor-v73-design-width .re-editor-toolbar button {
    min-height: 34px;
    border-color: rgba(100, 116, 139, 0.18);
    background: #ffffff;
    color: var(--seosrez-ink);
    font-weight: 800;
}

.report-editor-v73-design-width .re-editor-toolbar button:hover {
    border-color: rgba(8, 123, 104, 0.28);
    background: var(--seosrez-primary-soft);
    color: var(--seosrez-primary-strong);
}

.report-editor-v73-design-width .re-editor {
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.report-editor-v73-design-width .re-editor:focus {
    border-color: rgba(8, 123, 104, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(8, 123, 104, 0.1) !important;
    outline: 0;
}

.report-editor-v73-design-width .re-comment-form.is-dirty .re-editor {
    border-color: rgba(202, 138, 4, 0.38) !important;
    background: #fffdf7;
    box-shadow: 0 0 0 4px rgba(202, 138, 4, 0.1) !important;
}

.report-editor-v73-design-width .re-dirty-badge {
    margin-left: auto;
    padding: 5px 9px;
    border: 1px solid rgba(202, 138, 4, 0.24);
    border-radius: 999px;
    background: #fffbeb;
    color: #8a4b00;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.report-editor-v73-design-width .re-comment-form__foot {
    gap: 10px;
}

.report-editor-v73-design-width .re-floating-top {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 80;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--seosrez-primary), #18a88f);
    box-shadow: 0 18px 34px rgba(8, 123, 104, 0.26);
    color: #ffffff;
    cursor: pointer;
    font-size: 1.35rem;
    font-weight: 900;
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.report-editor-v73-design-width .re-floating-top.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.report-editor-v73-design-width .re-floating-top:hover {
    box-shadow: 0 22px 40px rgba(8, 123, 104, 0.32);
}

@media (max-width: 860px) {
    .report-editor-v73-design-width .re-scroll-progress {
        right: 12px;
        left: 12px;
    }

    .report-editor-v73-design-width .re-section,
    .report-editor-v73-design-width .re-group,
    .report-editor-v73-design-width .re-overview {
        scroll-margin-top: 92px;
    }
}

@media (max-width: 640px) {
    .report-editor-v73-design-width .re-search {
        position: relative;
    }

    .report-editor-v73-design-width .re-search input {
        padding-right: 96px !important;
    }

    .report-editor-v73-design-width .re-search-count {
        position: absolute;
        top: 50%;
        right: 12px;
        min-width: 70px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .report-editor-v73-design-width .re-comment-form__foot {
        align-items: stretch;
        flex-direction: column;
    }

    .report-editor-v73-design-width .re-dirty-badge {
        align-self: flex-start;
        margin-left: 0;
    }

    .report-editor-v73-design-width .re-floating-top {
        right: 16px;
        bottom: 16px;
        width: 42px;
        height: 42px;
    }
}

/* v78: final user-facing design normalization across auth, reports, builder and public pages. */
body.auth-v78-body,
body.report-generation-v70-body,
body.body--report-builder-workspace,
body.body--report-redesign,
body.public-content-body,
body.project-exp-body {
    background: linear-gradient(180deg, #f8fafc 0%, #f4f8f7 48%, #ffffff 100%) !important;
    color: var(--seosrez-ink);
}

body.body--report-builder-workspace {
    --rbw-bg: var(--seosrez-bg);
    --rbw-bg-soft: var(--seosrez-bg-soft);
    --rbw-surface: rgba(255, 255, 255, 0.94);
    --rbw-surface-strong: #ffffff;
    --rbw-line: var(--seosrez-line);
    --rbw-line-strong: var(--seosrez-line-strong);
    --rbw-ink: var(--seosrez-ink);
    --rbw-ink-soft: var(--seosrez-ink-soft);
    --rbw-ink-faint: var(--seosrez-ink-faint);
    --rbw-accent: var(--seosrez-primary);
    --rbw-accent-strong: var(--seosrez-primary-strong);
    --rbw-accent-soft: var(--seosrez-primary-soft);
    --rbw-coral: var(--seosrez-coral);
    --rbw-coral-soft: var(--seosrez-coral-soft);
    --rbw-blue: var(--seosrez-blue);
    --rbw-blue-soft: var(--seosrez-blue-soft);
    --rbw-mint: #18a88f;
    --rbw-mint-soft: var(--seosrez-primary-soft);
    --rbw-amber: var(--seosrez-amber);
    --rbw-amber-soft: var(--seosrez-amber-soft);
    --rbw-shadow: var(--seosrez-shadow);
    --rbw-shadow-soft: var(--seosrez-shadow-soft);
    --rbw-radius-2xl: var(--seosrez-radius-card);
    --rbw-radius-xl: var(--seosrez-radius-card);
    --rbw-radius-lg: var(--seosrez-radius-card);
    --rbw-radius-md: var(--seosrez-radius-card);
    --rbw-radius-sm: var(--seosrez-radius-control);
}

body.auth-v78-body .app-shell,
body.report-generation-v70-body .app-shell,
body.body--report-builder-workspace .app-shell,
body.body--report-redesign .app-shell,
body.public-content-body .app-shell,
body.project-exp-body .app-shell {
    min-height: 100vh;
    background: transparent !important;
}

body.auth-v78-body .topbar,
body.report-generation-v70-body .topbar,
body.body--report-builder-workspace .topbar,
body.body--report-redesign .topbar,
body.public-content-body .topbar,
body.project-exp-body .topbar {
    padding: 12px 16px 0;
    background: transparent !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
}

body.auth-v78-body .topbar__inner,
body.report-generation-v70-body .topbar__inner,
body.body--report-builder-workspace .topbar__inner,
body.body--report-redesign .topbar__inner,
body.public-content-body .topbar__inner,
body.project-exp-body .topbar__inner {
    width: min(1360px, 100%);
    gap: 16px;
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-panel) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: var(--seosrez-shadow-soft) !important;
    backdrop-filter: blur(14px);
}

.topnav {
    gap: 8px;
    flex-wrap: wrap;
}

.logout-form {
    margin: 0;
}

.topnav__link,
.logout-form .btn,
.btn,
.srz-btn,
.lk-btn,
.po-btn,
.rg-btn,
.re-btn,
.px-btn,
.pc-btn,
.rp-nav-link,
.rp-toggle,
.rp-editor-toolbar__btn,
.rbw-tab,
.rbw-filter,
.rbw-chip,
.rbw-mini-chip,
.rbw-section-card__toggle,
.rbw-drawer__close,
.auth-v77-btn,
.auth-v78-btn {
    border-radius: var(--seosrez-radius-control) !important;
    letter-spacing: 0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 0 !important;
    box-shadow: var(--seosrez-focus) !important;
}

.page-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
.page-content select,
.page-content textarea {
    border-radius: var(--seosrez-radius-control);
}

.page-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus,
.page-content select:focus,
.page-content textarea:focus {
    border-color: rgba(8, 123, 104, 0.42) !important;
    box-shadow: var(--seosrez-focus) !important;
    outline: 0 !important;
}

.page-content table {
    overflow: hidden;
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-card);
}

.page-content th {
    background: var(--seosrez-surface-soft);
    color: var(--seosrez-ink);
    letter-spacing: 0 !important;
}

.card,
.auth-card,
.project-card,
.report-card,
.template-card,
.article-card,
.pc-card,
.pc-empty,
.pc-hero,
.pc-detail-hero,
.pc-hero-panel,
.pc-template-board,
.pc-side-block,
.pc-section-row,
.auth-v77-hero,
.auth-v77-preview,
.auth-v77-form-card,
.auth-v77-side article,
.auth-v78-panel,
.auth-v78-snapshot,
.auth-v78-metrics div,
.report-generation-v70-body .rg-sidebar,
.report-generation-v70-body .rg-topbar,
.report-generation-v70-body .rg-hero,
.report-generation-v70-body .rg-card,
.report-generation-v70-body .rg-summary-strip article,
.report-generation-v70-body .rg-plan-card,
.report-generation-v70-body .rg-help,
.report-generation-v70-body .rg-group,
.report-generation-v70-body .rg-section-card,
.report-generation-v70-body .rg-summary-card,
.report-generation-v70-body .rg-summary-item,
.report-generation-v70-body .rg-drawer,
.report-generation-v70-body .rg-search,
.report-generation-v70-body .rg-period-row,
.report-generation-v70-body .rg-tabs,
.project-exp-body .px-hero,
.project-exp-body .px-card,
.project-exp-body .px-stat-card,
.project-exp-body .px-quick-strip,
.project-exp-body .px-section-nav {
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-card) !important;
    box-shadow: var(--seosrez-shadow-soft) !important;
}

.page-header,
.staff-hero,
.dashboard-hero,
.lk-hero,
.po-hero,
.rg-hero,
.re-hero {
    border-radius: var(--seosrez-radius-card) !important;
}

body.body--report-redesign .rp-card,
body.body--report-redesign .rp-header,
body.body--report-redesign .rp-toolbar,
body.body--report-redesign .rp-fact,
body.body--report-redesign .rp-chip,
body.body--report-redesign .rp-client-access__linkbox,
body.body--report-redesign .rp-client-access__locked,
body.body--report-redesign .rp-client-stat,
body.body--report-redesign .rp-insight,
body.body--report-redesign .rp-kpi,
body.body--report-redesign .rp-overview-card,
body.body--report-redesign .rp-sidebar__nav a,
body.body--report-redesign .rp-summary-note,
body.body--report-redesign .rp-summary-card,
body.body--report-redesign .rp-section-card,
body.body--report-redesign .rp-section-group,
body.body--report-redesign .rp-priority-card,
body.body--report-redesign .rp-guide-card,
body.body--report-redesign .rp-export-card,
body.body--report-redesign .rp-pay-card,
body.body--report-redesign .rp-table-shell,
body.body--report-redesign .rp-comment-callout,
body.body--report-redesign .rp-client-composite-group,
body.body--report-redesign .rp-client-module,
body.body--report-redesign .rp-data-details,
body.body--report-redesign .rp-public-report-bar,
body.body--report-redesign .rp-public-overview,
body.body--report-redesign .rp-public-reading-flow__item,
body.body--report-redesign .rp-public-mini-insight {
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-card) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--seosrez-shadow-soft) !important;
    backdrop-filter: none !important;
}

body.body--report-redesign .rp-header {
    top: 78px;
}

body.body--report-redesign .rp-toolbar {
    top: 154px;
}

body.body--report-redesign .rp-summary-note {
    color: var(--seosrez-ink) !important;
}

body.body--report-redesign .rp-summary-note p,
body.body--report-redesign .rp-summary-note li {
    color: var(--seosrez-ink-soft) !important;
}

body.body--report-redesign .rp-nav-link:hover,
body.body--report-redesign .rp-nav-link.is-active,
body.body--report-redesign .rp-public-action--primary,
body.body--report-redesign .rp-toggle[aria-pressed="true"] {
    border-color: var(--seosrez-primary) !important;
    background: var(--seosrez-primary) !important;
    color: #ffffff !important;
}

body.body--report-redesign .rp-title-wrap h1,
body.body--report-redesign .rp-hero-title,
body.body--report-redesign .rp-group-head h2,
body.body--report-redesign .rp-section-title,
body.body--report-redesign .rp-client-brand h1 {
    color: var(--seosrez-ink) !important;
    letter-spacing: 0 !important;
}

body.body--report-redesign .rp-eyebrow,
body.body--report-redesign .rp-client-kicker,
body.body--report-redesign .rp-client-group-summary__kicker,
body.body--report-redesign .rp-comment-label,
body.body--report-redesign .rp-summary-card__label {
    border-color: rgba(8, 123, 104, 0.16) !important;
    background: var(--seosrez-primary-soft) !important;
    color: var(--seosrez-primary-strong) !important;
    letter-spacing: 0 !important;
}

body.body--report-redesign .rp-table th {
    background: var(--seosrez-surface-soft) !important;
}

body.body--report-builder-workspace .rbw-head,
body.body--report-builder-workspace .rbw-panel,
body.body--report-builder-workspace .rbw-guide-card,
body.body--report-builder-workspace .rbw-info-card,
body.body--report-builder-workspace .rbw-section-card,
body.body--report-builder-workspace .rbw-stat,
body.body--report-builder-workspace .rbw-summary-card,
body.body--report-builder-workspace .rbw-summary-item,
body.body--report-builder-workspace .rbw-drawer,
body.body--report-builder-workspace .rbw-segmented,
body.body--report-builder-workspace .rbw-search,
body.body--report-builder-workspace .rbw-toolbar,
body.body--report-builder-workspace .rbw-group {
    border-color: var(--seosrez-line) !important;
    border-radius: var(--seosrez-radius-card) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--seosrez-shadow-soft) !important;
    backdrop-filter: none !important;
}

body.body--report-builder-workspace .rbw-head {
    top: 78px;
}

body.body--report-builder-workspace .rbw-head h1,
body.body--report-builder-workspace .rbw-panel__head h2,
body.body--report-builder-workspace .rbw-section-card__title,
body.body--report-builder-workspace .rbw-summary-metric strong {
    color: var(--seosrez-ink) !important;
    letter-spacing: 0 !important;
}

body.body--report-builder-workspace .rbw-eyebrow,
body.body--report-builder-workspace .rbw-panel__label,
body.body--report-builder-workspace .rbw-mini-badge,
body.body--report-builder-workspace .rbw-group__count {
    border-color: rgba(8, 123, 104, 0.16) !important;
    background: var(--seosrez-primary-soft) !important;
    color: var(--seosrez-primary-strong) !important;
    letter-spacing: 0 !important;
}

body.body--report-builder-workspace .rbw-tab.is-active,
body.body--report-builder-workspace .rbw-filter.is-active,
body.body--report-builder-workspace .rbw-section-card.is-selected,
body.body--report-builder-workspace .rbw-section-card__checkbox:checked {
    border-color: rgba(8, 123, 104, 0.34) !important;
    background: var(--seosrez-primary-soft) !important;
    color: var(--seosrez-primary-strong) !important;
}

body.body--report-builder-workspace .rbw-chip--coral,
body.body--report-builder-workspace .rbw-mini-badge--coral {
    border-color: rgba(239, 125, 86, 0.2) !important;
    background: var(--seosrez-coral-soft) !important;
    color: var(--seosrez-coral-strong) !important;
}

body.report-generation-v70-body .rg-main {
    min-width: 0;
}

body.report-generation-v70-body .rg-hero h1,
body.report-generation-v70-body .rg-card__head h2,
body.report-generation-v70-body .rg-section-card strong,
body.report-generation-v70-body .rg-summary-card strong {
    color: var(--seosrez-ink) !important;
    letter-spacing: 0 !important;
}

body.report-generation-v70-body .rg-kicker,
body.report-generation-v70-body .rg-step,
body.report-generation-v70-body .rg-status-dot,
body.report-generation-v70-body .rg-mini-chip.is-active,
body.report-generation-v70-body .rg-filter.is-active,
body.report-generation-v70-body .rg-section-card__meta span {
    border-color: rgba(8, 123, 104, 0.16) !important;
    background: var(--seosrez-primary-soft) !important;
    color: var(--seosrez-primary-strong) !important;
    letter-spacing: 0 !important;
}

body.report-generation-v70-body .rg-btn--primary,
body.report-generation-v70-body .rg-section-card__toggle:checked {
    border-color: var(--seosrez-primary) !important;
    background: var(--seosrez-primary) !important;
    color: #ffffff !important;
}

body.report-generation-v70-body .rg-mini-chip,
body.report-generation-v70-body .rg-filter,
body.report-generation-v70-body .rg-tab,
body.report-generation-v70-body .rg-section-card__toggle,
body.report-generation-v70-body .rg-drawer__close {
    border-radius: var(--seosrez-radius-control) !important;
    letter-spacing: 0 !important;
}

body.report-public-pdf-body {
    background: #ffffff !important;
}

body.report-public-pdf-body .rp-card,
body.report-public-pdf-body .rp-header,
body.report-public-pdf-body .rp-toolbar,
body.report-public-pdf-body .rp-fact,
body.report-public-pdf-body .rp-chip,
body.report-public-pdf-body .rp-client-stat,
body.report-public-pdf-body .rp-insight,
body.report-public-pdf-body .rp-kpi,
body.report-public-pdf-body .rp-overview-card,
body.report-public-pdf-body .rp-summary-note,
body.report-public-pdf-body .rp-summary-card,
body.report-public-pdf-body .rp-section-card,
body.report-public-pdf-body .rp-section-group,
body.report-public-pdf-body .rp-table-shell {
    box-shadow: none !important;
    backdrop-filter: none !important;
}

@media (max-width: 860px) {
    body.auth-v78-body .topbar,
    body.report-generation-v70-body .topbar,
    body.body--report-builder-workspace .topbar,
    body.body--report-redesign .topbar,
    body.public-content-body .topbar,
    body.project-exp-body .topbar {
        padding: 8px 10px 0;
    }

    body.auth-v78-body .topbar__inner,
    body.report-generation-v70-body .topbar__inner,
    body.body--report-builder-workspace .topbar__inner,
    body.body--report-redesign .topbar__inner,
    body.public-content-body .topbar__inner,
    body.project-exp-body .topbar__inner {
        align-items: stretch;
    }

    .topnav {
        width: 100%;
        justify-content: stretch;
    }

    .topnav__link,
    .topnav .btn,
    .logout-form,
    .logout-form .btn {
        width: 100%;
    }

    body.body--report-redesign .rp-header,
    body.body--report-redesign .rp-toolbar,
    body.body--report-builder-workspace .rbw-head {
        position: relative;
        top: auto;
    }
}


/* ---- source: landing-seosrez-v67.css ---- */
:root{--srz-bg:#fbf7f0;--srz-ink:#213142;--srz-muted:#647183;--srz-soft:#f5efe6;--srz-card:#fffdf9;--srz-line:rgba(42,55,72,.13);--srz-teal:#167d74;--srz-teal-2:#42b8a6;--srz-orange:#ff6d3d;--srz-orange-2:#ff8a54;--srz-shadow:0 22px 70px rgba(45,55,72,.10);--srz-radius:24px;--srz-max:1360px}
.landing-seosrez-body{background:radial-gradient(circle at 8% 0,rgba(22,125,116,.09),transparent 30rem),radial-gradient(circle at 98% 12%,rgba(255,109,61,.10),transparent 28rem),linear-gradient(180deg,#fffaf2 0%,#fbf7f0 55%,#fffdf9 100%);color:var(--srz-ink)}
.landing-seosrez-page{max-width:none!important;width:100%!important;padding:0!important}
.srz-landing{width:min(var(--srz-max),calc(100% - 56px));margin:0 auto;padding:28px 0 44px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--srz-ink)}
.srz-landing *{box-sizing:border-box}.srz-landing a{color:inherit}.srz-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:44px}.srz-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.srz-brand__mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#b8eee4,#fff);border:1px solid rgba(22,125,116,.18);color:var(--srz-teal);font-weight:900}.srz-brand strong{display:block;font-size:20px;letter-spacing:.04em}.srz-brand small{display:block;color:var(--srz-muted);font-size:12px;font-weight:700}.srz-menu{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:800;color:#3b4859}.srz-menu a{text-decoration:none}.srz-menu a:hover{color:var(--srz-teal)}.srz-topbar__actions,.srz-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.srz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border-radius:12px;border:1px solid var(--srz-line);background:#fff;color:#213142;text-decoration:none;font-weight:900;font-size:14px;box-shadow:0 8px 24px rgba(45,55,72,.04)}.srz-btn--accent{border-color:transparent;background:linear-gradient(135deg,var(--srz-orange),var(--srz-orange-2));color:#fff;box-shadow:0 18px 30px rgba(255,109,61,.22)}.srz-btn--lg{min-height:56px;padding:0 28px;border-radius:14px}.srz-btn--full{width:100%;margin-top:18px}.srz-hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(560px,1.04fr);gap:58px;align-items:center;margin-bottom:60px}.srz-pill,.srz-kicker{display:inline-flex;align-items:center;min-height:36px;padding:0 18px;border-radius:999px;background:#fff8ef;border:1px solid rgba(42,55,72,.12);font-size:13px;font-weight:900;color:#5a6170}.srz-kicker{background:transparent;border:0;padding:0;text-transform:uppercase;letter-spacing:.16em;color:var(--srz-teal);min-height:auto}.srz-hero h1{margin:28px 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5.5vw,5.8rem);line-height:.98;letter-spacing:-.055em;font-weight:700;max-width:10ch}.srz-hero h1::first-line{color:#213142}.srz-lead{max-width:620px;margin:0 0 30px;color:#5f6d7d;font-size:18px;line-height:1.75}.srz-proofline{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px;color:#6c7888;font-size:13px;font-weight:800}.srz-proofline span{display:inline-flex;align-items:center;gap:7px}.srz-proofline span::before{content:"вњ“";width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--srz-teal);background:rgba(22,125,116,.10)}.srz-dashboard{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:590px;border-radius:24px;background:#fff;box-shadow:var(--srz-shadow);border:1px solid rgba(42,55,72,.10);overflow:hidden}.srz-dashboard__sidebar{padding:22px 16px;background:#fafdfb;border-right:1px solid var(--srz-line);display:grid;align-content:start;gap:10px;color:#8a94a3;font-weight:800;font-size:13px}.srz-dashboard__sidebar>span{padding:12px;border-radius:12px}.srz-dashboard__sidebar .is-active{background:#edf7f4;color:var(--srz-teal)}.srz-mini-logo{display:flex;gap:8px;align-items:center;margin-bottom:12px;color:#223042}.srz-mini-logo span{width:25px;height:25px;border-radius:9px;background:#dff7f1;display:grid;place-items:center;color:var(--srz-teal)}.srz-dashboard__main{padding:22px;display:grid;gap:16px}.srz-dashboard__head{display:flex;justify-content:space-between;gap:16px;color:#6a7484}.srz-dashboard__head strong{display:block;color:#223042;font-size:18px}.srz-metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.srz-metric-row article{background:#fff;border:1px solid var(--srz-line);border-radius:14px;padding:16px;display:grid;gap:5px}.srz-metric-row small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a8494;font-weight:900}.srz-metric-row strong{font-size:26px}.srz-metric-row em{font-style:normal;color:var(--srz-teal);font-weight:900}.srz-chart-card,.srz-table-card,.srz-bars-card{border:1px solid var(--srz-line);background:#fff;border-radius:18px;padding:18px}.srz-card-head{display:flex;justify-content:space-between;color:#6b7585;margin-bottom:12px}.srz-card-head strong{color:#223042}.srz-chart-card svg{width:100%;height:220px;display:block}.srz-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.srz-table-card{display:grid;gap:12px}.srz-table-card div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(42,55,72,.08);padding-bottom:7px;color:#697384}.srz-table-card b{color:var(--srz-teal)}.srz-bars-card div{height:118px;display:flex;align-items:end;gap:10px;margin-top:12px}.srz-bars-card i{display:block;flex:1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#6bcdbd,#d7f3ed)}.srz-trust{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:18px;align-items:center;margin:0 0 70px;padding:22px 28px;border:1px solid rgba(42,55,72,.10);border-radius:20px;background:rgba(255,253,249,.78);box-shadow:0 18px 60px rgba(45,55,72,.06)}.srz-trust article{display:grid;gap:3px}.srz-trust small{color:#6b7585;font-weight:800}.srz-trust strong{color:var(--srz-teal);font-size:26px}.srz-section{margin:0 0 76px}.srz-section__intro{max-width:480px}.srz-section__intro--wide{max-width:880px}.srz-section h2{margin:12px 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.06;letter-spacing:-.04em}.srz-section__intro p{color:#637080;font-size:17px;line-height:1.75}.srz-why{display:grid;grid-template-columns:minmax(320px,.55fr) 1fr;gap:54px;align-items:start}.srz-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.srz-feature-grid article{padding:24px;border-radius:18px;background:#fffdf9;border:1px solid rgba(42,55,72,.10)}.srz-feature-grid span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#e6f7f2;color:var(--srz-teal);font-size:26px;margin-bottom:18px}.srz-feature-grid h3{font-size:18px;margin:0 0 10px}.srz-feature-grid p,.srz-report-list p{margin:0;color:#667384;line-height:1.65}.srz-report-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr);gap:54px;align-items:center}.srz-report-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.srz-report-list article{display:flex;gap:18px}.srz-report-list article>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#edf7f4;color:var(--srz-teal);font-weight:900;flex:0 0 44px}.srz-report-list h3{margin:0 0 7px;font-size:18px}.srz-quote-card{min-height:340px;padding:44px;border-radius:24px;background:linear-gradient(135deg,#e7f6f3,#fffdf9);border:1px solid rgba(42,55,72,.10);box-shadow:0 18px 60px rgba(45,55,72,.06)}.srz-quote-mark{font-family:Georgia,serif;color:#b5dcd4;font-size:82px;line-height:.8}.srz-quote-card p{font-family:Georgia,serif;font-size:34px;line-height:1.2;margin:0 0 30px;color:#2b4051}.srz-quote-card span{display:block;color:#6a7484;margin-top:4px}.srz-step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;position:relative}.srz-step-row article,.srz-price-card,.srz-contact-card{border:1px solid rgba(42,55,72,.10);background:#fffdf9;border-radius:20px;padding:28px;box-shadow:0 12px 40px rgba(45,55,72,.04)}.srz-step-row span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--srz-teal);color:#fff;font-size:22px;font-weight:900;margin-bottom:16px}.srz-step-row h3{font-size:21px;margin:0 0 10px}.srz-step-row p{color:#667384;line-height:1.6}.srz-pricing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,.5fr) minmax(280px,.38fr);gap:28px;align-items:stretch}.srz-pricing__copy{padding:10px 0}.srz-pricing ul{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none;color:#526174;font-weight:700}.srz-pricing li::before{content:"вњ“";color:var(--srz-teal);margin-right:8px}.srz-price-card small{font-weight:900;color:#667384;text-transform:uppercase;letter-spacing:.08em}.srz-price-card strong{display:block;font-size:54px;margin:14px 0 4px}.srz-price-card span{color:#657384}.srz-contact-card h3{font-size:24px;margin:0 0 10px}.srz-contact-card p{color:#667384;line-height:1.65}.srz-contact-card a{font-weight:900;color:var(--srz-teal);text-decoration:none}.srz-faq-list{display:grid;gap:12px}.srz-faq-list details{border:1px solid rgba(42,55,72,.10);background:#fffdf9;border-radius:18px;padding:20px}.srz-faq-list summary{cursor:pointer;font-weight:900;font-size:18px}.srz-faq-list p{color:#667384;line-height:1.7}.srz-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 48px;margin-bottom:48px;border-radius:22px;background:linear-gradient(135deg,#0f7168,#063f3d);color:#fff}.srz-final-cta h2{font-family:Georgia,serif;font-size:34px;margin:0 0 8px}.srz-final-cta p{margin:0;color:rgba(255,255,255,.78)}.srz-footer{display:grid;grid-template-columns:1.2fr .65fr .9fr;gap:42px;padding:34px 0 10px;color:#637080}.srz-footer nav{display:grid;gap:10px;align-content:start}.srz-footer nav a{text-decoration:none}.srz-footer strong{color:#233144}.srz-footer__copy{grid-column:1/-1;color:#87909c;font-size:13px}@media(max-width:1280px){.srz-hero{grid-template-columns:1fr}.srz-dashboard{max-width:900px}.srz-feature-grid{grid-template-columns:repeat(2,1fr)}.srz-trust{grid-template-columns:repeat(3,1fr)}.srz-pricing{grid-template-columns:1fr 1fr}.srz-contact-card{grid-column:1/-1}}@media(max-width:820px){.srz-landing{width:min(100% - 28px,720px);padding-top:16px}.srz-menu{display:none}.srz-topbar{height:auto;align-items:flex-start}.srz-hero h1{font-size:3rem}.srz-dashboard{grid-template-columns:1fr}.srz-dashboard__sidebar{display:none}.srz-metric-row,.srz-bottom-grid,.srz-feature-grid,.srz-report-list,.srz-step-row,.srz-pricing,.srz-footer,.srz-trust{grid-template-columns:1fr}.srz-why,.srz-report-layout{grid-template-columns:1fr}.srz-final-cta{display:grid;padding:28px}.srz-quote-card p{font-size:26px}}


/* v61 fixes */
.landing-seosrez-body .topbar,.legal-public-body .topbar{display:none!important}
.landing-seosrez-body .app-shell,.legal-public-body .app-shell{padding-top:0}
.landing-seosrez-body .page-content.landing-seosrez-page,.legal-public-body .page-content.legal-public-page{max-width:none!important;width:100%!important;padding:0!important}
.legal-public-body{background:radial-gradient(circle at 8% 0,rgba(22,125,116,.09),transparent 30rem),radial-gradient(circle at 98% 12%,rgba(255,109,61,.10),transparent 28rem),linear-gradient(180deg,#fffaf2 0%,#fbf7f0 55%,#fffdf9 100%);color:var(--srz-ink)}
.legal-site{width:min(var(--srz-max),calc(100% - 56px));margin:0 auto;padding:28px 0 44px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--srz-ink)}
.srz-topbar--legal{margin-bottom:32px}
.srz-footer--legal{padding-top:36px;margin-top:36px;border-top:1px solid rgba(42,55,72,.10)}
.srz-footer__brand p{margin:12px 0 0;color:#637080;line-height:1.7}
@media(max-width:820px){.legal-site{width:min(100% - 28px,720px);padding-top:16px}}

/* v62 — final UX/UI polish, tighter typography, desktop/mobile refinement */
:root {
  --srz-max: 1320px;
  --srz-radius-lg: 28px;
  --srz-radius-md: 18px;
  --srz-shadow-soft: 0 16px 54px rgba(45,55,72,.075);
  --srz-shadow-card: 0 10px 30px rgba(45,55,72,.045);
}

.landing-seosrez-body,
.legal-public-body {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

.srz-landing,
.legal-site {
  padding-top: 22px;
}

.srz-topbar {
  height: 64px;
  margin-bottom: 34px;
  padding: 0 18px;
  border: 1px solid rgba(42,55,72,.09);
  border-radius: 22px;
  background: rgba(255,253,249,.74);
  box-shadow: 0 16px 42px rgba(45,55,72,.055);
  backdrop-filter: blur(18px);
}

.srz-brand__mark {
  width: 32px;
  height: 32px;
}

.srz-brand strong {
  font-size: 16px;
  line-height: 1.05;
}

.srz-brand small {
  margin-top: 2px;
  font-size: 11px;
  letter-spacing: .01em;
}

.srz-menu {
  gap: 24px;
  font-size: 13px;
}

.srz-btn {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 11px;
  font-size: 13px;
}

.srz-btn--lg {
  min-height: 50px;
  padding: 0 24px;
}

.srz-hero {
  grid-template-columns: minmax(0,.98fr) minmax(520px,1.02fr);
  gap: clamp(34px, 5vw, 62px);
  margin-bottom: 46px;
}

.srz-pill {
  min-height: 32px;
  padding: 0 14px;
  font-size: 12px;
  letter-spacing: .015em;
}

.srz-hero h1 {
  margin: 22px 0 18px;
  max-width: 11.2ch;
  font-size: clamp(3rem, 4.85vw, 5.2rem);
  line-height: 1.01;
  letter-spacing: -.05em;
}

.srz-lead {
  max-width: 650px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.72;
}

.srz-actions {
  gap: 10px;
}

.srz-proofline {
  margin-top: 24px;
  gap: 10px 18px;
  font-size: 12px;
}

.srz-dashboard {
  min-height: auto;
  grid-template-columns: 150px minmax(0,1fr);
  border-radius: var(--srz-radius-lg);
  box-shadow: var(--srz-shadow-soft);
}

.srz-dashboard__sidebar {
  padding: 20px 13px;
  gap: 7px;
  font-size: 12px;
}

.srz-dashboard__sidebar > span {
  padding: 10px;
}

.srz-dashboard__main {
  padding: 20px;
  gap: 13px;
}

.srz-dashboard__head strong {
  font-size: 16px;
}

.srz-dashboard__head span,
.srz-dashboard__head small {
  font-size: 12px;
}

.srz-metric-row {
  gap: 10px;
}

.srz-metric-row article {
  padding: 13px;
  border-radius: 13px;
}

.srz-metric-row small {
  font-size: 10px;
}

.srz-metric-row strong {
  font-size: 22px;
  line-height: 1.05;
}

.srz-metric-row em {
  font-size: 11px;
}

.srz-chart-card,
.srz-table-card,
.srz-bars-card {
  border-radius: 16px;
  padding: 15px;
}

.srz-chart-card svg {
  height: 190px;
}

.srz-card-head {
  gap: 12px;
  margin-bottom: 8px;
  font-size: 12px;
}

.srz-card-head strong,
.srz-table-card strong,
.srz-bars-card strong {
  font-size: 14px;
}

.srz-bars-card div {
  height: 92px;
}

.srz-trust {
  margin-bottom: 56px;
  padding: 18px 24px;
  border-radius: 18px;
  box-shadow: var(--srz-shadow-card);
}

.srz-trust small {
  font-size: 12px;
}

.srz-trust strong {
  font-size: 22px;
}

.srz-section {
  margin-bottom: 66px;
}

.srz-section h2 {
  margin: 10px 0 12px;
  font-size: clamp(1.9rem, 3.1vw, 3.05rem);
  line-height: 1.08;
  letter-spacing: -.038em;
}

.srz-section__intro p {
  font-size: 15px;
  line-height: 1.72;
}

.srz-kicker {
  font-size: 11px;
  letter-spacing: .15em;
}

.srz-why {
  grid-template-columns: minmax(280px,.52fr) 1fr;
  gap: clamp(32px, 4vw, 54px);
}

.srz-feature-grid {
  gap: 16px;
}

.srz-feature-grid article,
.srz-step-row article,
.srz-price-card,
.srz-contact-card,
.srz-faq-list details {
  border-radius: 18px;
  box-shadow: var(--srz-shadow-card);
}

.srz-feature-grid article {
  min-height: 214px;
  padding: 21px;
}

.srz-feature-grid span {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  margin-bottom: 16px;
  font-size: 22px;
}

.srz-feature-grid h3,
.srz-report-list h3 {
  font-size: 16px;
  line-height: 1.22;
}

.srz-feature-grid p,
.srz-report-list p,
.srz-step-row p,
.srz-contact-card p {
  font-size: 14px;
  line-height: 1.66;
}

.srz-report-layout {
  grid-template-columns: minmax(0,1fr) minmax(320px,.78fr);
  gap: clamp(32px, 4vw, 54px);
}

.srz-report-list {
  gap: 18px 20px;
}

.srz-report-list article {
  gap: 14px;
}

.srz-report-list article > span {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex-basis: 38px;
  font-size: 12px;
}

.srz-quote-card {
  min-height: 300px;
  padding: 34px;
  border-radius: 24px;
}

.srz-quote-mark {
  font-size: 66px;
}

.srz-quote-card p {
  font-size: clamp(1.45rem, 2.2vw, 2.25rem);
  line-height: 1.25;
}

.srz-step-row {
  gap: 24px;
}

.srz-step-row article {
  padding: 24px;
}

.srz-step-row span {
  width: 44px;
  height: 44px;
  font-size: 18px;
}

.srz-step-row h3,
.srz-contact-card h3 {
  font-size: 18px;
}

.srz-pricing {
  grid-template-columns: minmax(0,.78fr) minmax(300px,.48fr) minmax(260px,.36fr);
  gap: 22px;
}

.srz-pricing ul {
  gap: 10px;
  font-size: 14px;
}

.srz-price-card strong {
  font-size: 44px;
}

.srz-faq-list details {
  padding: 18px 20px;
}

.srz-faq-list summary {
  font-size: 16px;
}

.srz-faq-list p {
  font-size: 14px;
}

.srz-final-cta {
  padding: 30px 36px;
  margin-bottom: 42px;
  border-radius: 22px;
}

.srz-final-cta h2 {
  font-size: clamp(1.55rem,2.2vw,2.25rem);
}

.srz-footer {
  gap: 32px;
  padding-top: 30px;
}

.srz-footer nav,
.srz-footer__brand p {
  font-size: 14px;
}

/* Mobile polish */
@media (max-width: 980px) {
  .srz-hero {
    gap: 28px;
  }
  .srz-dashboard {
    transform: none;
  }
  .srz-feature-grid,
  .srz-report-list {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .srz-pricing {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .srz-landing,
  .legal-site {
    width: min(100% - 24px, 720px);
    padding-top: 12px;
  }
  .srz-topbar {
    height: auto;
    min-height: 58px;
    margin-bottom: 24px;
    padding: 12px;
    gap: 12px;
  }
  .srz-brand small {
    display: none;
  }
  .srz-topbar__actions {
    margin-left: auto;
  }
  .srz-topbar__actions .srz-btn--accent:not(.srz-btn--full) {
    display: none;
  }
  .srz-hero h1 {
    max-width: 12ch;
    margin-top: 18px;
    font-size: clamp(2.35rem, 12vw, 3.55rem);
    line-height: 1.02;
  }
  .srz-lead {
    font-size: 15px;
    line-height: 1.68;
  }
  .srz-actions .srz-btn {
    width: 100%;
  }
  .srz-proofline span {
    width: 100%;
  }
  .srz-dashboard__main {
    padding: 16px;
  }
  .srz-dashboard__head {
    display: grid;
  }
  .srz-chart-card svg {
    height: 160px;
  }
  .srz-feature-grid,
  .srz-report-list,
  .srz-step-row,
  .srz-trust,
  .srz-footer,
  .srz-metric-row,
  .srz-bottom-grid {
    grid-template-columns: 1fr;
  }
  .srz-section {
    margin-bottom: 46px;
  }
  .srz-section h2 {
    font-size: clamp(1.85rem, 10vw, 2.65rem);
  }
  .srz-quote-card {
    padding: 26px;
    min-height: auto;
  }
  .srz-quote-card p {
    font-size: 24px;
  }
  .srz-final-cta {
    padding: 24px;
  }
}

@media (max-width: 520px) {
  .srz-btn {
    min-height: 42px;
    padding: 0 14px;
  }
  .srz-topbar__actions .srz-btn--ghost {
    padding-inline: 13px;
  }
  .srz-pill {
    max-width: 100%;
    white-space: normal;
    min-height: auto;
    padding: 9px 12px;
  }
  .srz-dashboard,
  .srz-trust,
  .srz-feature-grid article,
  .srz-step-row article,
  .srz-price-card,
  .srz-contact-card,
  .srz-faq-list details {
    border-radius: 16px;
  }
}

/* v62 — public UX/UI polish, tighter typography, better desktop/mobile rhythm */
:root {
  --srz-max: 1320px;
  --srz-radius: 22px;
  --srz-shadow: 0 18px 54px rgba(45, 55, 72, .085);
}

html { scroll-behavior: smooth; }

.landing-seosrez-body .topbar,
.legal-public-body .topbar {
  display: none !important;
}

.landing-seosrez-body,
.legal-public-body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.srz-landing,
.legal-site {
  padding-top: 22px;
  padding-bottom: 38px;
}

.srz-topbar {
  position: sticky;
  top: 14px;
  z-index: 50;
  height: 66px;
  padding: 0 16px;
  margin-bottom: 38px;
  border: 1px solid rgba(42,55,72,.10);
  border-radius: 22px;
  background: rgba(255, 253, 249, .88);
  box-shadow: 0 18px 50px rgba(45,55,72,.07);
  backdrop-filter: blur(18px);
}

.srz-brand__mark {
  width: 32px;
  height: 32px;
  border-radius: 11px;
}

.srz-brand strong {
  font-size: 17px;
  line-height: 1.05;
}

.srz-brand small {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.15;
}

.srz-menu {
  gap: 22px;
  font-size: 13px;
}

.srz-btn {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 11px;
  font-size: 13px;
}

.srz-btn--lg {
  min-height: 50px;
  padding: 0 24px;
  border-radius: 13px;
}

.srz-hero {
  grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr);
  gap: clamp(34px, 5vw, 58px);
  align-items: center;
  margin-bottom: 48px;
}

.srz-pill,
.srz-kicker {
  font-size: 11px;
  letter-spacing: .08em;
}

.srz-hero h1 {
  margin: 22px 0 18px;
  max-width: 11.5ch;
  font-size: clamp(2.85rem, 4.85vw, 4.95rem);
  line-height: 1.02;
  letter-spacing: -.05em;
}

.srz-lead {
  max-width: 620px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.68;
}

.srz-proofline {
  margin-top: 22px;
  gap: 10px 16px;
  font-size: 12px;
}

.srz-dashboard {
  grid-template-columns: 150px minmax(0,1fr);
  min-height: 520px;
  border-radius: 24px;
}

.srz-dashboard__sidebar {
  padding: 18px 14px;
  gap: 8px;
  font-size: 12px;
}

.srz-dashboard__sidebar > span {
  padding: 10px;
}

.srz-dashboard__main {
  padding: 18px;
  gap: 13px;
}

.srz-dashboard__head strong {
  font-size: 16px;
}

.srz-dashboard__head small,
.srz-dashboard__head span {
  font-size: 11px;
}

.srz-metric-row {
  gap: 10px;
}

.srz-metric-row article {
  padding: 13px;
  border-radius: 13px;
}

.srz-metric-row strong {
  font-size: 23px;
  line-height: 1.05;
}

.srz-chart-card,
.srz-table-card,
.srz-bars-card {
  padding: 15px;
  border-radius: 16px;
}

.srz-chart-card svg {
  height: 190px;
}

.srz-bottom-grid {
  gap: 12px;
}

.srz-trust {
  gap: 14px;
  margin-bottom: 58px;
  padding: 18px 22px;
  border-radius: 18px;
}

.srz-trust small {
  font-size: 12px;
}

.srz-trust strong {
  font-size: 23px;
  line-height: 1.08;
}

.srz-section {
  margin-bottom: 64px;
}

.srz-section h2 {
  margin: 10px 0 12px;
  font-size: clamp(1.8rem, 3.05vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.srz-section__intro p {
  font-size: 15px;
  line-height: 1.68;
}

.srz-why {
  grid-template-columns: minmax(300px,.48fr) minmax(0,1fr);
  gap: 40px;
}

.srz-feature-grid {
  gap: 16px;
}

.srz-feature-grid article,
.srz-step-row article,
.srz-price-card,
.srz-contact-card {
  padding: 22px;
  border-radius: 18px;
}

.srz-feature-grid span {
  width: 46px;
  height: 46px;
  margin-bottom: 14px;
  border-radius: 15px;
  font-size: 22px;
}

.srz-feature-grid h3,
.srz-report-list h3 {
  font-size: 16px;
  line-height: 1.22;
}

.srz-feature-grid p,
.srz-report-list p,
.srz-step-row p,
.srz-contact-card p {
  font-size: 14px;
  line-height: 1.62;
}

.srz-report-layout {
  gap: 44px;
}

.srz-report-list {
  gap: 18px;
}

.srz-report-list article {
  gap: 14px;
}

.srz-report-list article > span {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border-radius: 13px;
  font-size: 12px;
}

.srz-quote-card {
  min-height: 280px;
  padding: 34px;
  border-radius: 22px;
}

.srz-quote-mark {
  font-size: 68px;
}

.srz-quote-card p {
  font-size: clamp(1.45rem, 2.1vw, 2.35rem);
  line-height: 1.22;
}

.srz-step-row {
  gap: 22px;
}

.srz-step-row span {
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  font-size: 18px;
}

.srz-step-row h3 {
  font-size: 18px;
}

.srz-pricing {
  gap: 22px;
}

.srz-price-card strong {
  margin: 10px 0 3px;
  font-size: 46px;
}

.srz-contact-card h3 {
  font-size: 20px;
}

.srz-faq-list details {
  padding: 17px 18px;
  border-radius: 16px;
}

.srz-faq-list summary {
  font-size: 16px;
}

.srz-faq-list p {
  font-size: 14px;
  line-height: 1.65;
}

.srz-final-cta {
  padding: 30px 36px;
  margin-bottom: 40px;
  border-radius: 20px;
}

.srz-final-cta h2 {
  font-size: clamp(1.55rem, 2.4vw, 2.25rem);
}

.srz-footer {
  gap: 32px;
  padding-top: 28px;
}

.srz-footer nav a,
.srz-footer__brand p {
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 1360px) {
  :root { --srz-max: 1240px; }
  .srz-hero { grid-template-columns: minmax(0,.95fr) minmax(500px,1fr); }
  .srz-hero h1 { font-size: clamp(2.8rem, 4.65vw, 4.5rem); }
}

@media (max-width: 1180px) {
  .srz-topbar { position: static; }
  .srz-hero { grid-template-columns: 1fr; }
  .srz-dashboard { max-width: 880px; }
  .srz-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .srz-report-layout { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .srz-landing,
  .legal-site {
    width: min(100% - 26px, 760px);
    padding-top: 14px;
    padding-bottom: 30px;
  }
  .srz-topbar {
    display: grid;
    grid-template-columns: 1fr auto;
    height: auto;
    gap: 12px;
    padding: 12px;
    margin-bottom: 26px;
  }
  .srz-menu { display: none; }
  .srz-topbar__actions { justify-content: flex-end; }
  .srz-topbar__actions .srz-btn--accent { display: none; }
  .srz-hero { gap: 26px; margin-bottom: 36px; }
  .srz-hero h1 {
    max-width: 12ch;
    margin-top: 18px;
    font-size: clamp(2.35rem, 10vw, 3.25rem);
    line-height: 1.03;
  }
  .srz-lead { font-size: 15px; line-height: 1.62; }
  .srz-actions { gap: 10px; }
  .srz-btn--lg { width: 100%; }
  .srz-proofline { display: grid; gap: 8px; }
  .srz-dashboard { grid-template-columns: 1fr; min-height: auto; }
  .srz-dashboard__sidebar { display: none; }
  .srz-metric-row,
  .srz-bottom-grid,
  .srz-trust,
  .srz-why,
  .srz-feature-grid,
  .srz-report-list,
  .srz-step-row,
  .srz-pricing,
  .srz-footer {
    grid-template-columns: 1fr;
  }
  .srz-section { margin-bottom: 48px; }
  .srz-section h2 { font-size: clamp(1.8rem, 9vw, 2.55rem); }
  .srz-quote-card { padding: 26px; min-height: 0; }
  .srz-quote-card p { font-size: 1.55rem; }
  .srz-final-cta { display: grid; padding: 26px; }
}

@media (max-width: 520px) {
  .srz-landing,
  .legal-site { width: calc(100% - 18px); }
  .srz-brand small { display: none; }
  .srz-topbar { border-radius: 18px; }
  .srz-btn { min-height: 36px; padding-inline: 13px; }
  .srz-hero h1 { font-size: 2.25rem; }
  .srz-pill { min-height: 30px; padding-inline: 12px; }
  .srz-dashboard__main { padding: 14px; }
  .srz-chart-card svg { height: 160px; }
  .srz-feature-grid article,
  .srz-step-row article,
  .srz-price-card,
  .srz-contact-card { padding: 18px; }
}


/* v63 readability polish */
:root{--srz-max:1480px;--srz-max-readable:1560px}
.srz-landing{width:min(var(--srz-max),calc(100% - 68px));padding:22px 0 58px}
.srz-topbar{position:sticky;top:14px;z-index:25;min-height:74px;padding:0 22px;margin-bottom:40px;border-radius:22px;background:rgba(255,253,249,.88);backdrop-filter:blur(12px);border:1px solid rgba(42,55,72,.10);box-shadow:0 18px 50px rgba(45,55,72,.08)}
.srz-menu{gap:24px;font-size:13px}
.srz-btn{min-height:44px;padding:0 18px;font-size:14px}
.srz-btn--lg{min-height:54px;padding:0 24px}
.srz-hero{grid-template-columns:minmax(0,.94fr) minmax(620px,1.06fr);gap:64px;align-items:start;margin-bottom:52px}
.srz-hero__content{padding-top:42px;max-width:640px}
.srz-pill{min-height:34px;padding:0 16px;font-size:12px;letter-spacing:.03em}
.srz-hero h1{margin:22px 0 18px;font-size:clamp(3.1rem,4.75vw,5.1rem);line-height:.93;letter-spacing:-.05em;max-width:10.4ch}
.srz-lead{max-width:38rem;margin:0 0 28px;font-size:19px;line-height:1.72;color:#5a6878}
.srz-proofline{margin-top:22px;gap:10px 18px}
.srz-proofline span{font-size:13px}
.srz-dashboard{grid-template-columns:160px minmax(0,1fr);min-height:644px;border-radius:28px;box-shadow:0 26px 80px rgba(45,55,72,.12)}
.srz-dashboard__sidebar{padding:22px 14px;font-size:14px}
.srz-dashboard__main{padding:24px;gap:18px}
.srz-dashboard__head{align-items:start}
.srz-dashboard__head small{font-size:12px;font-weight:800;text-transform:none}
.srz-dashboard__head strong{font-size:16px;line-height:1.3}
.srz-metric-row{gap:14px}
.srz-metric-row article{padding:16px 16px 18px;border-radius:16px;box-shadow:0 6px 20px rgba(45,55,72,.04)}
.srz-metric-row strong{font-size:22px;line-height:1.1}
.srz-chart-card,.srz-table-card,.srz-bars-card{padding:18px 18px 20px;border-radius:20px}
.srz-card-head{margin-bottom:14px;font-size:13px;line-height:1.45}
.srz-card-head strong{font-size:18px;line-height:1.25}
.srz-chart-card svg{height:246px}
.srz-table-card strong,.srz-bars-card strong{font-size:18px;line-height:1.3}
.srz-table-card div{padding-bottom:9px;font-size:15px}
.srz-trust{grid-template-columns:1.15fr repeat(4,1fr);gap:20px;padding:22px 24px;margin:0 0 64px}
.srz-trust strong{font-size:24px}
.srz-section{margin:0 0 68px}
.srz-section h2{margin:10px 0 12px;font-size:clamp(2.15rem,3.2vw,3.25rem);line-height:1.04}
.srz-section__intro p{font-size:17px;line-height:1.72}
.srz-why{grid-template-columns:minmax(300px,.53fr) 1fr;gap:44px}
.srz-feature-grid{gap:18px}
.srz-feature-grid article{padding:22px;border-radius:20px;box-shadow:0 10px 30px rgba(45,55,72,.04)}
.srz-feature-grid h3{font-size:18px;line-height:1.3}
.srz-feature-grid p,.srz-report-list p{font-size:15px;line-height:1.65}
.srz-report-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:36px;align-items:start}
.srz-report-list{gap:18px 24px}
.srz-report-list article{align-items:flex-start}
.srz-report-list h3{font-size:17px;line-height:1.3}
.srz-quote-card{min-height:100%;padding:34px 36px;border-radius:24px}
.srz-quote-card p{font-size:31px;line-height:1.18;margin:0 0 24px}
.srz-step-row{gap:24px}
.srz-step-row article,.srz-price-card,.srz-contact-card{padding:24px}
.srz-step-row h3{font-size:20px;line-height:1.28}
.srz-step-row p,.srz-contact-card p,.srz-faq-list p{font-size:15px;line-height:1.65}
.srz-pricing{grid-template-columns:minmax(0,.82fr) minmax(320px,.46fr) minmax(280px,.34fr);gap:24px}
.srz-price-card strong{font-size:48px;line-height:1.05}
.srz-faq-list details{padding:18px 20px}
.srz-faq-list summary{font-size:17px;line-height:1.35}
.srz-final-cta{padding:34px 40px;border-radius:24px}
.srz-final-cta h2{font-size:32px;line-height:1.12}
.srz-footer{padding:26px 0 6px;gap:32px}

@media (max-width: 1380px){
  .srz-landing{width:min(var(--srz-max-readable),calc(100% - 44px))}
  .srz-hero{grid-template-columns:1fr;gap:34px}
  .srz-hero__content{max-width:760px;padding-top:12px}
  .srz-dashboard{min-height:auto}
}
@media (max-width: 1120px){
  .srz-menu{display:none}
  .srz-why,.srz-report-layout,.srz-pricing{grid-template-columns:1fr}
  .srz-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .srz-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .srz-dashboard{grid-template-columns:140px minmax(0,1fr)}
}
@media (max-width: 860px){
  .srz-landing{width:min(var(--srz-max-readable),calc(100% - 28px));padding-top:16px}
  .srz-topbar{position:static;padding:14px 16px;min-height:auto;gap:14px;flex-wrap:wrap;margin-bottom:26px}
  .srz-topbar__actions{margin-left:auto}
  .srz-hero h1{font-size:clamp(2.45rem,11vw,4rem);max-width:11ch}
  .srz-lead{font-size:17px}
  .srz-dashboard{grid-template-columns:1fr}
  .srz-dashboard__sidebar{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;border-right:0;border-bottom:1px solid var(--srz-line)}
  .srz-mini-logo{grid-column:1/-1}
  .srz-metric-row,.srz-feature-grid,.srz-report-list,.srz-step-row,.srz-pricing,.srz-footer,.srz-trust,.srz-bottom-grid{grid-template-columns:1fr}
  .srz-quote-card p{font-size:26px}
  .srz-final-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width: 560px){
  .srz-landing{width:calc(100% - 20px)}
  .srz-brand strong{font-size:18px}
  .srz-brand small{font-size:11px}
  .srz-topbar__actions,.srz-actions{width:100%}
  .srz-actions .srz-btn,.srz-topbar__actions .srz-btn{flex:1}
  .srz-hero h1{font-size:clamp(2.25rem,12vw,3.2rem);line-height:.97}
  .srz-pill{font-size:11px}
  .srz-metric-row{grid-template-columns:1fr 1fr}
  .srz-metric-row article{padding:14px}
  .srz-metric-row strong{font-size:20px}
  .srz-chart-card svg{height:200px}
  .srz-section h2{font-size:clamp(1.85rem,8vw,2.5rem)}
  .srz-final-cta{padding:26px 20px}
  .srz-final-cta h2{font-size:28px}
}

/* v64 — premium hero, stronger readability and selling blocks */
:root {
  --srz-premium-cream: #fffaf1;
  --srz-premium-card: rgba(255, 253, 249, .92);
  --srz-premium-border: rgba(33, 49, 66, .10);
  --srz-premium-shadow: 0 34px 110px rgba(45, 55, 72, .12);
}

.srz-landing {
  padding-top: 18px;
}

.srz-topbar {
  margin-bottom: 30px;
}

.srz-hero--premium {
  position: relative;
  grid-template-columns: minmax(420px, .9fr) minmax(640px, 1.1fr);
  gap: 54px;
  align-items: center;
  margin-bottom: 34px;
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid var(--srz-premium-border);
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 16%, rgba(22,125,116,.10), transparent 26rem),
    radial-gradient(circle at 92% 24%, rgba(255,109,61,.11), transparent 28rem),
    linear-gradient(135deg, rgba(255,253,249,.96), rgba(255,248,239,.86));
  box-shadow: var(--srz-premium-shadow);
  overflow: hidden;
}

.srz-hero--premium::before {
  content: "";
  position: absolute;
  inset: 18px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 26px;
}

.srz-hero--premium > * {
  position: relative;
  z-index: 1;
}

.srz-hero--premium .srz-hero__copy {
  max-width: 620px;
  padding-top: 0;
}

.srz-hero--premium .srz-pill {
  background: rgba(255,255,255,.72);
  border-color: rgba(22,125,116,.18);
  color: #0d6f66;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 10px 28px rgba(45,55,72,.04);
}

.srz-hero--premium h1 {
  margin: 24px 0 18px;
  max-width: 10.8ch;
  font-size: clamp(2.9rem, 4.6vw, 5.05rem);
  line-height: .96;
  letter-spacing: -.047em;
}

.srz-hero--premium h1 span {
  display: block;
}

.srz-hero--premium .srz-lead {
  max-width: 610px;
  font-size: clamp(16px, 1.16vw, 19px);
  line-height: 1.68;
  color: #526476;
}

.srz-hero__insight {
  display: grid;
  gap: 8px;
  margin: 22px 0 24px;
  padding: 18px 20px;
  max-width: 590px;
  border-radius: 18px;
  border: 1px solid rgba(22,125,116,.16);
  background: linear-gradient(135deg, rgba(231,246,243,.82), rgba(255,253,249,.84));
  box-shadow: 0 14px 38px rgba(45,55,72,.06);
}

.srz-hero__insight strong {
  color: #0b6f66;
  font-size: 15px;
  line-height: 1.25;
}

.srz-hero__insight span {
  color: #4f6172;
  font-size: 14px;
  line-height: 1.58;
}

.srz-hero--premium .srz-actions {
  gap: 14px;
}

.srz-hero--premium .srz-proofline {
  margin-top: 20px;
}

.srz-hero--premium .srz-dashboard {
  min-height: 590px;
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 22px 70px rgba(45,55,72,.13);
  transform: translateY(0);
}

.srz-hero--premium .srz-dashboard__sidebar {
  background: linear-gradient(180deg, #f6fbf9, #ffffff);
}

.srz-hero--premium .srz-dashboard__main {
  padding: 22px;
}

.srz-hero--premium .srz-dashboard__head strong {
  font-size: 20px;
  letter-spacing: -.02em;
}

.srz-hero--premium .srz-metric-row article {
  background: linear-gradient(180deg, #fff, #fffdf9);
}

.srz-hero--premium .srz-chart-card {
  background: linear-gradient(180deg, #fff, #fbfffd);
}

.srz-hero--premium .srz-chart-card svg {
  height: 228px;
}

.srz-trust {
  margin-top: 0;
  margin-bottom: 24px;
  background: rgba(255,253,249,.92);
  border-radius: 24px;
}

.srz-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 74px;
}

.srz-outcomes article {
  min-height: 172px;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(33,49,66,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,253,249,.86));
  box-shadow: 0 18px 52px rgba(45,55,72,.07);
}

.srz-outcomes span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 32px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(22,125,116,.10);
  color: #0b6f66;
  font-weight: 900;
  font-size: 13px;
}

.srz-outcomes strong {
  display: block;
  margin-bottom: 10px;
  color: #213142;
  font-size: 20px;
  line-height: 1.2;
}

.srz-outcomes p {
  margin: 0;
  color: #5d6c7b;
  font-size: 15px;
  line-height: 1.65;
}

.srz-why,
.srz-report-layout,
.srz-pricing {
  scroll-margin-top: 110px;
}

.srz-feature-grid article,
.srz-report-list article,
.srz-step-row article,
.srz-price-card,
.srz-contact-card,
.srz-faq-list details {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.srz-feature-grid article:hover,
.srz-step-row article:hover,
.srz-price-card:hover,
.srz-contact-card:hover,
.srz-faq-list details:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 58px rgba(45,55,72,.075);
  border-color: rgba(22,125,116,.18);
}

.srz-report-list article {
  padding: 18px;
  border: 1px solid rgba(33,49,66,.08);
  border-radius: 18px;
  background: rgba(255,253,249,.72);
}

.srz-report-list article:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 42px rgba(45,55,72,.055);
}

.srz-final-cta {
  background:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,.16), transparent 18rem),
    linear-gradient(135deg,#0d6f66,#063d3a);
}

@media (max-width: 1500px) {
  .srz-hero--premium {
    grid-template-columns: minmax(360px, .9fr) minmax(560px, 1.1fr);
    gap: 42px;
  }
}

@media (max-width: 1320px) {
  .srz-hero--premium {
    grid-template-columns: 1fr;
  }
  .srz-hero--premium .srz-hero__copy {
    max-width: 820px;
  }
  .srz-hero--premium h1 {
    max-width: 14ch;
  }
  .srz-hero--premium .srz-dashboard {
    max-width: 980px;
    width: 100%;
  }
}

@media (max-width: 1020px) {
  .srz-outcomes {
    grid-template-columns: 1fr;
    margin-bottom: 58px;
  }
  .srz-hero--premium {
    padding: 28px;
  }
}

@media (max-width: 860px) {
  .srz-hero--premium {
    padding: 22px;
    border-radius: 26px;
  }
  .srz-hero--premium::before {
    display: none;
  }
  .srz-hero--premium h1 {
    max-width: 11ch;
    font-size: clamp(2.25rem, 10vw, 3.6rem);
    line-height: .98;
  }
  .srz-hero__insight {
    padding: 16px;
  }
  .srz-hero--premium .srz-dashboard {
    border-radius: 22px;
  }
  .srz-hero--premium .srz-dashboard__main {
    padding: 16px;
  }
}

@media (max-width: 560px) {
  .srz-hero--premium {
    margin-left: -2px;
    margin-right: -2px;
    padding: 18px;
  }
  .srz-hero--premium h1 {
    font-size: clamp(2.05rem, 11.5vw, 3rem);
  }
  .srz-hero--premium .srz-lead {
    font-size: 16px;
    line-height: 1.64;
  }
  .srz-hero__insight strong,
  .srz-hero__insight span {
    font-size: 13px;
  }
  .srz-outcomes article {
    min-height: auto;
    padding: 20px;
  }
  .srz-trust {
    padding: 18px;
  }
}


/* v65 — smaller headings, SEO copy readability, unified premium public pages */
:root {
  --srz-max: 1480px;
  --srz-readable: 760px;
}

.srz-landing {
  width: min(var(--srz-max), calc(100% - 64px));
}

.srz-hero--premium {
  grid-template-columns: minmax(420px, .86fr) minmax(640px, 1.14fr);
  gap: clamp(34px, 4vw, 58px);
  align-items: center;
  padding: clamp(30px, 4.2vw, 58px);
}

.srz-hero--premium .srz-hero__copy {
  max-width: 680px;
}

.srz-hero--premium h1 {
  max-width: 12.2ch;
  margin: 20px 0 18px;
  font-size: clamp(2.85rem, 3.55vw, 4.45rem);
  line-height: .98;
  letter-spacing: -.038em;
}

.srz-hero--premium .srz-lead {
  max-width: var(--srz-readable);
  font-size: clamp(16px, 1.02vw, 18px);
  line-height: 1.74;
}

.srz-hero__insight {
  max-width: 650px;
  padding: 17px 20px;
  background: linear-gradient(135deg, rgba(235, 250, 246, .92), rgba(255, 253, 249, .82));
}

.srz-hero__insight strong {
  font-size: 15px;
}

.srz-hero__insight span {
  font-size: 14px;
  line-height: 1.62;
}

.srz-hero--premium .srz-dashboard {
  border-radius: 26px;
  box-shadow: 0 26px 74px rgba(45,55,72,.105);
}

.srz-hero--premium .srz-dashboard__main {
  padding: clamp(20px, 2.2vw, 30px);
}

.srz-dashboard__head strong {
  font-size: clamp(18px, 1.35vw, 23px);
  line-height: 1.25;
}

.srz-metric-row small {
  font-size: 10px;
  letter-spacing: .1em;
}

.srz-metric-row strong {
  font-size: clamp(22px, 1.7vw, 30px);
}

.srz-card-head strong,
.srz-table-card strong,
.srz-bars-card strong {
  font-size: clamp(17px, 1.2vw, 21px);
}

.srz-chart-card svg {
  height: clamp(190px, 15vw, 248px);
}

.srz-section h2 {
  font-size: clamp(2.05rem, 2.85vw, 3.05rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.srz-section__intro--wide {
  max-width: 980px;
}

.srz-section__intro p {
  max-width: 860px;
}

.srz-outcomes article,
.srz-feature-grid article,
.srz-report-list article,
.srz-step-row article,
.srz-price-card,
.srz-contact-card {
  box-shadow: 0 12px 34px rgba(45,55,72,.045);
}

.srz-outcomes article h3,
.srz-feature-grid h3,
.srz-report-list h3,
.srz-step-row h3,
.srz-contact-card h3 {
  line-height: 1.24;
}

.srz-quote-card p {
  font-size: clamp(1.65rem, 2.2vw, 2.65rem);
  line-height: 1.18;
}

.srz-final-cta h2 {
  font-size: clamp(1.75rem, 2.2vw, 2.45rem);
}

/* public/legal pages inherit the same visual language */
.legal-public-body {
  background:
    radial-gradient(circle at 9% 0, rgba(22,125,116,.095), transparent 32rem),
    radial-gradient(circle at 96% 8%, rgba(255,109,61,.105), transparent 30rem),
    linear-gradient(180deg,#fffaf2 0%,#fbf7f0 58%,#fffdf9 100%);
}

.legal-site {
  width: min(var(--srz-max), calc(100% - 64px));
}

.srz-topbar--legal {
  position: sticky;
  top: 14px;
  z-index: 25;
  min-height: 72px;
  padding: 0 22px;
  border-radius: 22px;
  background: rgba(255,253,249,.9);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(42,55,72,.10);
  box-shadow: 0 18px 54px rgba(45,55,72,.08);
}

@media (max-width: 1380px) {
  .srz-hero--premium {
    grid-template-columns: 1fr;
  }

  .srz-hero--premium .srz-hero__copy {
    max-width: 820px;
  }

  .srz-hero--premium h1 {
    max-width: 13.2ch;
  }

  .srz-hero--premium .srz-dashboard {
    width: 100%;
    max-width: 1040px;
  }
}

@media (max-width: 860px) {
  .srz-landing,
  .legal-site {
    width: min(100% - 28px, 760px);
  }

  .srz-hero--premium {
    padding: 22px;
  }

  .srz-hero--premium h1 {
    max-width: 11.5ch;
    font-size: clamp(2.15rem, 9.4vw, 3.45rem);
    line-height: 1;
  }

  .srz-hero--premium .srz-lead {
    font-size: 16px;
    line-height: 1.66;
  }

  .srz-topbar--legal {
    position: static;
    padding: 14px 16px;
    min-height: auto;
  }
}

@media (max-width: 560px) {
  .srz-landing,
  .legal-site {
    width: calc(100% - 20px);
  }

  .srz-hero--premium h1 {
    font-size: clamp(2rem, 10.2vw, 2.85rem);
    letter-spacing: -.032em;
  }

  .srz-hero__insight {
    padding: 15px;
  }

  .srz-actions .srz-btn {
    width: 100%;
  }

  .srz-metric-row {
    grid-template-columns: 1fr 1fr;
  }
}


/* v66 — hero readability and H1 normalization */

.srz-hero--premium {
  grid-template-columns: minmax(0, .92fr) minmax(540px, 1.08fr);
  gap: clamp(28px, 4vw, 48px);
  padding: clamp(26px, 3.4vw, 42px);
}
.srz-hero--premium .srz-hero__copy {max-width: 640px;}
.srz-hero--premium h1,
.srz-landing h1,
.landing-seosrez-body h1 {
  font-size: clamp(2.15rem, 2.7vw, 2.95rem) !important;
  line-height: 1.03;
  letter-spacing: -.04em;
  max-width: 12ch;
}
.srz-lead {
  font-size: 15px;
  line-height: 1.78;
  max-width: 58ch;
}
.srz-hero__analysis {
  display: grid;
  gap: 14px;
  margin: 20px 0 22px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(22,125,116,.14);
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(236,248,245,.82));
  box-shadow: 0 16px 40px rgba(45,55,72,.05);
}
.srz-hero__analysis-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.srz-hero__analysis-head strong {
  color: #0e6e66;
  font-size: 16px;
  line-height: 1.2;
}
.srz-hero__analysis-head span {
  font-size: 13px;
  color: #607082;
}
.srz-hero__analysis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.srz-hero__analysis-grid article {
  min-height: 100%;
  padding: 14px 14px 13px;
  border-radius: 16px;
  border: 1px solid rgba(33,49,66,.08);
  background: rgba(255,255,255,.82);
}
.srz-hero__analysis-grid b {
  display: block;
  margin-bottom: 6px;
  color: #213142;
  font-size: 14px;
  line-height: 1.3;
}
.srz-hero__analysis-grid p {
  margin: 0;
  color: #607082;
  font-size: 13px;
  line-height: 1.6;
}
.srz-actions {margin-top: 4px;}
.srz-proofline {margin-top: 18px; gap: 10px 16px;}
.srz-proofline span {font-size: 12px;}
.srz-dashboard {
  min-height: 520px;
  border-radius: 24px;
}
.srz-dashboard__main {padding: 18px;}
.srz-dashboard__head strong {font-size: 18px;}
.srz-metric-row strong {font-size: 20px;}
.srz-chart-card svg {height: 210px;}
.srz-section h2 {font-size: clamp(1.7rem, 2.2vw, 2.35rem);}
.srz-outcomes article {min-height: auto;}
@media (max-width: 1180px) {
  .srz-hero--premium {grid-template-columns: 1fr;}
}
@media (max-width: 820px) {
  .srz-hero--premium h1,
  .srz-landing h1,
  .landing-seosrez-body h1 {
    font-size: clamp(1.7rem, 8.4vw, 2.3rem) !important;
    max-width: 12ch;
  }
  .srz-hero__analysis-grid {grid-template-columns: 1fr;}
  .srz-hero__analysis {padding: 16px;}
}

/* v67 — premium simplified hero and mobile polish */
:root {
  --srz-premium-ink: #1f2f3f;
  --srz-premium-muted: #5e6f80;
  --srz-premium-glass: rgba(255,255,255,.78);
}
.srz-landing {width: min(1420px, calc(100% - 56px));}
.srz-hero--premium {
  grid-template-columns: minmax(360px, .84fr) minmax(500px, 1.16fr);
  gap: clamp(28px, 4vw, 54px);
  align-items: center;
  padding: clamp(28px, 4vw, 50px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 8% 12%, rgba(22,125,116,.11), transparent 24rem),
    radial-gradient(circle at 94% 18%, rgba(255,109,61,.10), transparent 26rem),
    linear-gradient(135deg, rgba(255,253,249,.98), rgba(255,248,239,.90));
}
.srz-hero--premium .srz-hero__copy {max-width: 520px;}
.srz-hero--premium h1,
.srz-landing h1,
.landing-seosrez-body h1 {
  font-size: clamp(1.7rem, 2.15vw, 2.55rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
  max-width: 11.5ch !important;
  color: var(--srz-premium-ink);
}
.srz-hero--premium h1 span {display:block;}
.srz-hero--premium .srz-lead {
  max-width: 54ch;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.78;
  color: var(--srz-premium-muted);
}
.srz-decision-card {
  display: grid;
  gap: 14px;
  margin: 20px 0 22px;
  padding: 18px;
  border: 1px solid rgba(22,125,116,.14);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(233,248,245,.78));
  box-shadow: 0 18px 44px rgba(45,55,72,.055);
}
.srz-decision-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.srz-decision-card__head strong {font-size: 16px; color: #0b6f66;}
.srz-decision-card__head span {font-size: 12px; color: #607182;}
.srz-decision-card__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.srz-decision-card__grid span {
  padding: 12px;
  border-radius: 15px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(33,49,66,.07);
}
.srz-decision-card__grid b,
.srz-decision-card__grid small {display:block;}
.srz-decision-card__grid b {font-size: 13px; color: #203242; line-height:1.2;}
.srz-decision-card__grid small {margin-top:5px; font-size: 11px; color: #617182; line-height:1.35;}
.srz-dashboard--preview {
  grid-template-columns: 1fr !important;
  max-width: 640px;
  min-height: auto !important;
  margin-left: auto;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 76px rgba(45,55,72,.12);
}
.srz-dashboard--preview .srz-dashboard__sidebar {display:none !important;}
.srz-dashboard--preview .srz-dashboard__main {padding: clamp(18px, 2.2vw, 26px);}
.srz-dashboard--preview .srz-dashboard__head {align-items:flex-start;}
.srz-dashboard--preview .srz-dashboard__head strong {font-size: clamp(17px, 1.4vw, 22px);}
.srz-dashboard--preview .srz-dashboard__head span {font-size: 12px; color:#6a7b8b;}
.srz-dashboard--preview .srz-metric-row {grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px;}
.srz-dashboard--preview .srz-metric-row article {padding: 14px; border-radius: 16px;}
.srz-dashboard--preview .srz-metric-row small {font-size: 10px; letter-spacing:.08em;}
.srz-dashboard--preview .srz-metric-row strong {font-size: clamp(18px, 1.6vw, 25px);}
.srz-dashboard--preview .srz-chart-card {border-radius: 22px; background: linear-gradient(180deg,#fff,#fbfffd);}
.srz-dashboard--preview .srz-chart-card svg {height: 190px;}
.srz-dashboard--preview .srz-bottom-grid {grid-template-columns: 1fr 1fr; gap: 14px;}
.srz-result-card strong,
.srz-bars-card strong {font-size: 17px; line-height:1.25;}
.srz-actions .srz-btn {box-shadow: 0 10px 24px rgba(45,55,72,.06);}
.srz-proofline {gap: 10px 15px; margin-top: 16px;}
.srz-proofline span {font-size: 12px;}
.legal-hero h1,
.legal-public-body h1 {font-size: clamp(1.7rem, 2.15vw, 2.45rem) !important;}
@media (max-width: 1180px) {
  .srz-landing {width: min(100% - 36px, 920px);}
  .srz-hero--premium {grid-template-columns: 1fr;}
  .srz-dashboard--preview {max-width: 100%; margin-left: 0;}
}
@media (max-width: 820px) {
  .srz-landing {width: calc(100% - 22px); padding-top: 12px;}
  .srz-hero--premium {padding: 18px; border-radius: 24px;}
  .srz-hero--premium::before {inset: 10px; border-radius: 18px;}
  .srz-hero--premium h1,
  .srz-landing h1,
  .landing-seosrez-body h1 {
    font-size: clamp(1.45rem, 7.2vw, 2rem) !important;
    max-width: 12ch !important;
  }
  .srz-hero--premium .srz-lead {font-size: 14px; line-height: 1.68;}
  .srz-decision-card {padding: 14px; border-radius: 18px;}
  .srz-decision-card__grid {grid-template-columns: 1fr 1fr;}
  .srz-dashboard--preview .srz-metric-row {grid-template-columns: 1fr 1fr;}
  .srz-dashboard--preview .srz-bottom-grid {grid-template-columns: 1fr;}
  .srz-dashboard--preview .srz-chart-card svg {height: 170px;}
  .legal-hero h1,
  .legal-public-body h1 {font-size: clamp(1.4rem, 6.8vw, 1.9rem) !important;}
}
@media (max-width: 520px) {
  .srz-decision-card__grid {grid-template-columns: 1fr;}
  .srz-dashboard--preview .srz-metric-row {grid-template-columns: 1fr;}
  .srz-actions .srz-btn {width: 100%;}
}

/* v80 — commercial packaging, segments and subscription grid */
.srz-segments,
.srz-savings,
.srz-pricing--plans {
  display: grid;
  gap: 24px;
}

.srz-segment-grid,
.srz-plan-grid,
.srz-savings-board {
  display: grid;
  gap: 18px;
}

.srz-segment-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.srz-segment-grid article,
.srz-plan-card,
.srz-savings-board article {
  border: 1px solid rgba(42,55,72,.10);
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 12px 40px rgba(45,55,72,.04);
}

.srz-segment-grid article {
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 260px;
  padding: 24px;
}

.srz-segment-grid span,
.srz-plan-card small,
.srz-savings-board small {
  color: var(--srz-teal);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.srz-segment-grid h3 {
  margin: 0;
  color: #213142;
  font-size: 22px;
  line-height: 1.18;
}

.srz-segment-grid p,
.srz-plan-card p {
  margin: 0;
  color: #667384;
  line-height: 1.65;
}

.srz-segment-grid a {
  align-self: end;
  color: var(--srz-teal);
  font-weight: 900;
  text-decoration: none;
}

.srz-savings {
  grid-template-columns: minmax(280px,.52fr) 1fr;
  align-items: center;
}

.srz-savings-board {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.srz-savings-board article {
  display: grid;
  gap: 8px;
  min-height: 170px;
  padding: 24px;
}

.srz-savings-board strong {
  color: #213142;
  font-size: 34px;
  line-height: 1;
}

.srz-savings-board span {
  color: #667384;
  line-height: 1.5;
}

.srz-pricing--plans {
  grid-template-columns: 1fr !important;
}

.srz-plan-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.srz-plan-card {
  display: grid;
  gap: 10px;
  min-height: 250px;
  padding: 24px;
}

.srz-plan-card strong {
  color: #213142;
  font-size: 34px;
  line-height: 1.05;
}

.srz-plan-card > span {
  color: #526174;
  font-weight: 900;
}

.srz-plan-card.is-featured {
  border-color: rgba(255,109,61,.32);
  box-shadow: 0 18px 44px rgba(255,109,61,.12);
}

.srz-pricing-note {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(42,55,72,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.82);
}

.srz-pricing-note span {
  flex: 1 1 360px;
  color: #667384;
  line-height: 1.55;
}

.srz-footer {
  grid-template-columns: 1.15fr .7fr .82fr .92fr;
}

@media(max-width:1180px){
  .srz-segment-grid,
  .srz-plan-grid,
  .srz-savings-board {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .srz-savings {
    grid-template-columns: 1fr;
  }
  .srz-footer {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media(max-width:720px){
  .srz-segment-grid,
  .srz-plan-grid,
  .srz-savings-board {
    grid-template-columns: 1fr;
  }
  .srz-segment-grid article,
  .srz-plan-card,
  .srz-savings-board article {
    min-height: auto;
  }
  .srz-footer {
    grid-template-columns: 1fr;
  }
}


/* ---- source: legal-pages-v67.css ---- */

/* Public legal pages and landing-only legal footer */
.legal-public-body {
    background:
        radial-gradient(circle at 0 0, rgba(17, 163, 127, .08), transparent 32rem),
        radial-gradient(circle at 100% 0, rgba(255, 112, 77, .08), transparent 30rem),
        #f7faf9;
    color: #102033;
}

.legal-public-page {
    max-width: 1180px;
}

.legal-shell {
    display: grid;
    gap: 18px;
    padding: 22px 0 42px;
}

.legal-hero,
.legal-card,
.legal-tabs,
.legal-footer-note,
.ls-legal-footer {
    border: 1px solid rgba(16, 36, 59, .08);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .06);
}

.legal-hero {
    border-radius: 28px;
    padding: clamp(24px, 4vw, 46px);
}

.legal-back {
    display: inline-flex;
    margin-bottom: 18px;
    color: #0d7f68;
    font-weight: 800;
    text-decoration: none;
}

.legal-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid rgba(17, 163, 127, .18);
    border-radius: 999px;
    background: rgba(17, 163, 127, .08);
    color: #0d7f68;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-hero h1 {
    margin: 14px 0 12px;
    font-size: clamp(2.2rem, 5vw, 4.2rem);
    line-height: .96;
    letter-spacing: -.06em;
}

.legal-hero p {
    margin: 0;
    max-width: 780px;
    color: #647084;
    font-size: 17px;
    line-height: 1.7;
}

.legal-tabs {
    position: sticky;
    top: 12px;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    border-radius: 18px;
    backdrop-filter: blur(16px);
}

.legal-tabs a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    color: #526174;
    background: #f7faf9;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.legal-tabs a.is-active,
.legal-tabs a:hover {
    background: #e6f7f2;
    color: #0d7f68;
}

.legal-card {
    display: grid;
    gap: 22px;
    border-radius: 24px;
    padding: clamp(22px, 4vw, 42px);
}

.legal-section {
    display: grid;
    gap: 12px;
}

.legal-section + .legal-section {
    padding-top: 22px;
    border-top: 1px solid rgba(16, 36, 59, .08);
}

.legal-section h2 {
    margin: 0;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    letter-spacing: -.035em;
}

.legal-section p {
    margin: 0;
    color: #405064;
    font-size: 16px;
    line-height: 1.72;
}

.legal-list {
    margin: 0;
    padding-left: 20px;
    color: #405064;
    line-height: 1.72;
}

.legal-list li + li {
    margin-top: 8px;
}

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

.legal-requisites div {
    display: grid;
    gap: 6px;
    min-height: 82px;
    padding: 14px 16px;
    border: 1px solid rgba(16, 36, 59, .08);
    border-radius: 16px;
    background: #fbfdfd;
}

.legal-requisites span {
    color: #7a8494;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-requisites strong {
    color: #102033;
    font-size: 16px;
    line-height: 1.35;
    word-break: break-word;
}

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

.legal-doc-grid a {
    padding: 16px 18px;
    border: 1px solid rgba(17, 163, 127, .16);
    border-radius: 16px;
    background: rgba(17, 163, 127, .07);
    color: #0d7f68;
    font-weight: 900;
    text-decoration: none;
}

.legal-doc-grid a:hover {
    background: rgba(17, 163, 127, .12);
}

.legal-footer-note {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    justify-content: space-between;
    align-items: center;
    border-radius: 18px;
    padding: 16px 18px;
    color: #526174;
}

.legal-footer-note strong {
    color: #102033;
}

/* Main landing footer only */
.ls-legal-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin-top: 18px;
    padding: 22px;
    border-radius: 24px;
}

.ls-legal-footer__brand {
    display: grid;
    gap: 6px;
}

.ls-legal-footer__brand strong {
    font-size: 18px;
    color: #102033;
}

.ls-legal-footer__brand span {
    color: #647084;
    font-size: 14px;
    line-height: 1.5;
}

.ls-legal-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.ls-legal-footer__links a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(16, 36, 59, .08);
    background: #fff;
    color: #526174;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.ls-legal-footer__links a:hover {
    color: #0d7f68;
    border-color: rgba(17, 163, 127, .24);
    background: #f1fbf7;
}

@media (max-width: 900px) {
    .legal-tabs {
        position: static;
    }

    .legal-requisites,
    .legal-doc-grid,
    .ls-legal-footer {
        grid-template-columns: 1fr;
    }

    .ls-legal-footer__links {
        justify-content: flex-start;
    }
}

@media print {
    .topbar,
    .legal-tabs,
    .legal-back {
        display: none !important;
    }

    .legal-public-body {
        background: #fff;
    }

    .legal-card,
    .legal-hero,
    .legal-footer-note {
        box-shadow: none;
    }
}


/* v61 unified public pages */
.legal-public-page{max-width:none!important;width:100%!important;padding:0!important}
.legal-shell{gap:22px;padding:0}
.legal-hero,.legal-card,.legal-tabs,.legal-footer-note{border-radius:24px;background:rgba(255,253,249,.92);border:1px solid rgba(42,55,72,.10);box-shadow:0 18px 60px rgba(45,55,72,.06)}
.legal-hero h1{font-family:Georgia,"Times New Roman",serif;color:#213142;letter-spacing:-.05em}
.legal-card{padding:clamp(24px,4vw,40px)}
.legal-section h2{font-family:Georgia,"Times New Roman",serif;color:#213142}
.legal-tabs{top:10px;background:rgba(255,253,249,.75)}
.legal-tabs a{background:#fffdf9;border:1px solid rgba(42,55,72,.08)}
.legal-tabs a.is-active,.legal-tabs a:hover{border-color:rgba(22,125,116,.18)}
.legal-requisites div{background:#fffdf9;border:1px solid rgba(42,55,72,.08)}
.legal-doc-grid a{background:#fff8ef;border-color:rgba(255,109,61,.18);color:#213142}
.legal-doc-grid a:hover{background:#fff2e8}
@media (max-width: 900px){.legal-shell{gap:16px}}

/* v62 — premium legal/info pages and mobile readability */
.legal-shell {
  gap: 20px;
}

.legal-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 4vw, 48px);
}

.legal-hero::after {
  content: "";
  position: absolute;
  right: -9rem;
  top: -9rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(22,125,116,.13), transparent 68%);
  pointer-events: none;
}

.legal-back {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(22,125,116,.16);
  border-radius: 999px;
  background: rgba(22,125,116,.07);
  font-size: 13px;
}

.legal-eyebrow {
  font-size: 11px;
}

.legal-hero h1 {
  max-width: 980px;
  font-size: clamp(2.15rem, 4.2vw, 4rem);
  line-height: 1.02;
}

.legal-hero p {
  max-width: 820px;
  font-size: 16px;
  line-height: 1.7;
}

.legal-tabs {
  padding: 8px;
  border-radius: 18px;
}

.legal-tabs a {
  min-height: 36px;
  padding: 0 13px;
  font-size: 13px;
}

.legal-card {
  grid-template-columns: minmax(0,1fr);
  gap: 18px;
  padding: clamp(24px, 4vw, 44px);
}

.legal-section {
  gap: 10px;
}

.legal-section + .legal-section {
  padding-top: 20px;
}

.legal-section h2 {
  font-size: clamp(1.45rem, 2vw, 2.05rem);
  line-height: 1.12;
}

.legal-section p,
.legal-list {
  font-size: 15px;
  line-height: 1.74;
}

.legal-requisites {
  gap: 10px;
}

.legal-requisites div {
  min-height: 76px;
  padding: 14px 15px;
  border-radius: 15px;
}

.legal-requisites span {
  font-size: 10px;
}

.legal-requisites strong {
  font-size: 15px;
}

.legal-doc-grid {
  gap: 10px;
}

.legal-doc-grid a {
  padding: 15px 16px;
  border-radius: 15px;
}

.legal-footer-note {
  padding: 15px 17px;
  border-radius: 17px;
  font-size: 14px;
}

.srz-footer--legal {
  margin-top: 30px;
}

@media (min-width: 1100px) {
  .legal-card:has(.legal-requisites) .legal-requisites {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .legal-card {
    max-width: 100%;
  }
}

@media (max-width: 820px) {
  .legal-hero {
    padding: 24px;
    border-radius: 20px;
  }
  .legal-hero h1 {
    font-size: clamp(2rem, 11vw, 3rem);
    letter-spacing: -.045em;
  }
  .legal-tabs {
    position: static;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }
  .legal-tabs::-webkit-scrollbar {
    display: none;
  }
  .legal-tabs a {
    flex: 0 0 auto;
  }
  .legal-card {
    padding: 22px;
    border-radius: 20px;
  }
  .legal-requisites,
  .legal-doc-grid {
    grid-template-columns: 1fr;
  }
  .legal-footer-note {
    display: grid;
    align-items: start;
  }
}

@media (max-width: 520px) {
  .legal-back {
    margin-bottom: 12px;
  }
  .legal-section p,
  .legal-list {
    font-size: 14px;
  }
  .legal-requisites strong {
    font-size: 14px;
  }
}

/* v62 — premium info/legal pages */
.legal-public-body .topbar { display: none !important; }
.legal-public-page { max-width: none !important; width: 100% !important; padding: 0 !important; }

.legal-site {
  width: min(1320px, calc(100% - 56px));
}

.legal-shell {
  gap: 20px;
  padding: 0;
}

.legal-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 5vw, 56px);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 0, rgba(255,109,61,.12), transparent 23rem),
    radial-gradient(circle at 0 0, rgba(22,125,116,.12), transparent 22rem),
    rgba(255,253,249,.94);
}

.legal-hero:after {
  content: "";
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -48px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(22,125,116,.10), rgba(255,109,61,.08));
  border: 1px solid rgba(42,55,72,.08);
}

.legal-back {
  margin-bottom: 14px;
  font-size: 13px;
}

.legal-eyebrow {
  min-height: 30px;
  padding: 0 13px;
  font-size: 11px;
  letter-spacing: .10em;
}

.legal-hero h1 {
  max-width: 920px;
  margin: 16px 0 12px;
  font-size: clamp(2.2rem, 4.1vw, 4rem);
  line-height: 1.02;
}

.legal-hero p {
  max-width: 760px;
  font-size: 16px;
  line-height: 1.66;
}

.legal-tabs {
  top: 90px;
  padding: 9px;
  border-radius: 18px;
  background: rgba(255,253,249,.86);
  box-shadow: 0 16px 48px rgba(45,55,72,.06);
}

.legal-tabs a {
  min-height: 36px;
  padding: 0 13px;
  font-size: 13px;
}

.legal-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 20px;
  align-items: start;
}

.legal-card,
.legal-side-card,
.legal-footer-note {
  border-radius: 22px;
  background: rgba(255,253,249,.94);
  border: 1px solid rgba(42,55,72,.10);
  box-shadow: 0 18px 56px rgba(45,55,72,.06);
}

.legal-card {
  padding: clamp(26px, 4vw, 44px);
}

.legal-side-card {
  position: sticky;
  top: 160px;
  display: grid;
  gap: 18px;
  padding: 22px;
}

.legal-side-card__title {
  display: grid;
  gap: 6px;
}

.legal-side-card__title small {
  color: var(--srz-teal, #167d74);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.legal-side-card__title strong {
  color: #213142;
  font-size: 20px;
  line-height: 1.15;
}

.legal-side-card__nav {
  display: grid;
  gap: 8px;
}

.legal-side-card__nav a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(42,55,72,.08);
  color: #506174;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
}

.legal-side-card__nav a:hover,
.legal-side-card__nav a.is-active {
  color: var(--srz-teal, #167d74);
  background: #edf7f4;
  border-color: rgba(22,125,116,.18);
}

.legal-side-card__req {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(42,55,72,.10);
  color: #637080;
  font-size: 13px;
  line-height: 1.55;
}

.legal-side-card__req strong {
  color: #213142;
}

.legal-section {
  gap: 10px;
}

.legal-section + .legal-section {
  padding-top: 24px;
}

.legal-section h2 {
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.15;
}

.legal-section p,
.legal-list {
  font-size: 15px;
  line-height: 1.72;
}

.legal-requisites {
  gap: 10px;
}

.legal-requisites div {
  min-height: 76px;
  padding: 13px 15px;
  border-radius: 15px;
}

.legal-requisites strong {
  font-size: 15px;
}

.legal-doc-grid {
  gap: 10px;
}

.legal-doc-grid a {
  padding: 15px 16px;
  border-radius: 15px;
}

.legal-footer-note {
  padding: 16px 18px;
  font-size: 13px;
}

@media (max-width: 1120px) {
  .legal-content-grid { grid-template-columns: 1fr; }
  .legal-side-card { position: static; }
  .legal-side-card__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .legal-site { width: min(100% - 26px, 760px); }
  .legal-hero { padding: 26px; border-radius: 22px; }
  .legal-hero h1 { font-size: clamp(2rem, 9vw, 3rem); }
  .legal-hero p { font-size: 15px; }
  .legal-tabs { position: static; }
  .legal-side-card__nav { grid-template-columns: 1fr; }
  .legal-card { padding: 24px 20px; }
}

@media (max-width: 520px) {
  .legal-site { width: calc(100% - 18px); }
  .legal-hero { padding: 22px 18px; }
  .legal-card,
  .legal-side-card { padding: 18px; }
  .legal-requisites,
  .legal-doc-grid { grid-template-columns: 1fr; }
}

/* v64 — keep legal/info pages aligned with premium landing */
.legal-hero,
.legal-card,
.legal-tabs,
.legal-footer-note {
  box-shadow: 0 24px 78px rgba(45,55,72,.075);
}
.legal-hero h1 {
  letter-spacing: -.045em;
}
.legal-card {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,253,249,.9));
}
@media (max-width: 720px) {
  .legal-hero h1 {
    font-size: clamp(2.2rem, 10vw, 3.2rem);
  }
}


/* v65 — premium unified legal/info pages */
.legal-shell {
  display: grid;
  gap: 22px;
}

.legal-hero {
  padding: clamp(30px, 4vw, 58px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 10% 10%, rgba(22,125,116,.10), transparent 26rem),
    radial-gradient(circle at 92% 18%, rgba(255,109,61,.10), transparent 28rem),
    linear-gradient(135deg, rgba(255,253,249,.96), rgba(255,248,239,.86));
  border: 1px solid rgba(33,49,66,.10);
  box-shadow: 0 30px 100px rgba(45,55,72,.10);
}

.legal-hero h1 {
  max-width: 900px;
  margin: 16px 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.35rem, 3.4vw, 4.1rem);
  line-height: 1.02;
  letter-spacing: -.042em;
  color: #213142;
}

.legal-hero p {
  max-width: 820px;
  color: #526476;
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.72;
}

.legal-back,
.legal-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.legal-back {
  margin-right: 10px;
  color: #0d6f66;
  background: rgba(22,125,116,.08);
  text-decoration: none;
}

.legal-eyebrow {
  color: #0d6f66;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(22,125,116,.16);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.legal-tabs {
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,253,249,.82);
  border: 1px solid rgba(33,49,66,.09);
  box-shadow: 0 14px 44px rgba(45,55,72,.055);
}

.legal-tabs a {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
}

.legal-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 24px;
  align-items: start;
}

.legal-card,
.legal-side-card,
.legal-footer-note {
  border-radius: 26px;
  background: rgba(255,253,249,.92);
  border: 1px solid rgba(33,49,66,.09);
  box-shadow: 0 18px 64px rgba(45,55,72,.065);
}

.legal-card {
  padding: clamp(24px, 3vw, 42px);
}

.legal-side-card {
  position: sticky;
  top: 104px;
  padding: 22px;
}

.legal-side-card h3 {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.3;
  color: #213142;
}

.legal-side-card p {
  margin: 0 0 16px;
  color: #637080;
  font-size: 14px;
  line-height: 1.64;
}

.legal-section {
  padding: 0 0 26px;
  margin: 0 0 26px;
  border-bottom: 1px solid rgba(33,49,66,.08);
}

.legal-section:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.legal-section h2 {
  margin: 0 0 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 2vw, 2.35rem);
  line-height: 1.12;
  letter-spacing: -.032em;
  color: #213142;
}

.legal-section p,
.legal-list li {
  color: #526476;
  font-size: 16px;
  line-height: 1.74;
}

.legal-requisites {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.legal-requisites div {
  min-height: 82px;
  padding: 16px 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,252,250,.8));
  border: 1px solid rgba(33,49,66,.09);
}

.legal-requisites span {
  display: block;
  margin-bottom: 8px;
  color: #7a8494;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.legal-requisites strong {
  display: block;
  color: #213142;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

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

.legal-doc-grid a {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(235,250,246,.75);
  border: 1px solid rgba(22,125,116,.14);
  color: #0d6f66;
  font-weight: 900;
  text-decoration: none;
}

.legal-footer-note {
  padding: 20px 24px;
  display: grid;
  gap: 6px;
  color: #637080;
}

.legal-footer-note strong {
  color: #213142;
}

@media (max-width: 1040px) {
  .legal-content-grid {
    grid-template-columns: 1fr;
  }

  .legal-side-card {
    position: static;
  }
}

@media (max-width: 680px) {
  .legal-hero {
    padding: 22px;
    border-radius: 26px;
  }

  .legal-hero h1 {
    font-size: clamp(2rem, 9vw, 3rem);
  }

  .legal-tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
  }

  .legal-card {
    padding: 22px;
  }

  .legal-requisites,
  .legal-doc-grid {
    grid-template-columns: 1fr;
  }

  .legal-section p,
  .legal-list li {
    font-size: 15px;
  }
}


/* v66 — hero readability and H1 normalization */

.legal-hero h1,
.legal-public-body h1 {
  font-size: clamp(1.9rem, 2.6vw, 2.8rem) !important;
  line-height: 1.06;
  letter-spacing: -.03em;
}
@media (max-width: 820px) {
  .legal-hero h1,
  .legal-public-body h1 {
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
  }
}

/* v67 — legal/info premium typography */
.legal-content-grid {align-items:start;}
.legal-card, .legal-side-card, .legal-hero {box-shadow: 0 20px 60px rgba(45,55,72,.07);}
.legal-hero h1,
.legal-public-body h1 {
  font-size: clamp(1.7rem, 2.15vw, 2.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
}
.legal-hero p {max-width: 64ch; font-size: 15px; line-height: 1.72;}
@media (max-width: 820px) {
  .legal-hero h1,
  .legal-public-body h1 {font-size: clamp(1.4rem, 6.8vw, 1.9rem) !important;}
  .legal-hero p {font-size: 14px;}
}


/* ---- source: legal-documents-v130.css ---- */
.legal-docs-center,
.legal-docs-center * {
  box-sizing: border-box;
}

.legal-docs-center {
  display: grid;
  gap: 18px;
  color: #111827;
}

.legal-docs-nav {
  position: sticky;
  top: 82px;
  z-index: 4;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(14px);
  scrollbar-width: none;
}

.legal-docs-nav::-webkit-scrollbar {
  display: none;
}

.legal-docs-nav a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  color: #374151;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.legal-docs-nav a:hover,
.legal-docs-nav a:focus-visible {
  border-color: #2563eb;
  color: #2563eb;
  outline: 0;
}

.legal-docs-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.legal-docs-summary article,
.legal-docs-section,
.legal-docs-requisites article,
.legal-docs-flow article,
.legal-docs-b2b aside,
.legal-docs-b2b article,
.legal-docs-status,
.legal-docs-links a {
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
}

.legal-docs-summary article {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 16px;
}

.legal-docs-summary small,
.legal-docs-section__head small,
.legal-docs-requisites span {
  color: #6b7280;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.legal-docs-summary strong {
  color: #111827;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 950;
}

.legal-docs-summary p,
.legal-docs-section__head p,
.legal-docs-status span,
.legal-docs-links span,
.legal-docs-b2b span,
.legal-docs-b2b li {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.55;
}

.legal-docs-section {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.legal-docs-section__head {
  display: grid;
  gap: 8px;
}

.legal-docs-section__head h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.16;
  font-weight: 950;
  letter-spacing: 0;
}

.legal-docs-section__head p {
  max-width: 780px;
  margin: 0;
}

.legal-docs-requisites {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.legal-docs-requisites article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 10px;
  align-items: center;
  padding: 14px;
  background: #f9fafb;
}

.legal-docs-requisites span {
  grid-column: 1 / -1;
}

.legal-docs-requisites strong {
  color: #111827;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.legal-docs-requisites button,
.legal-docs-btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid #2563eb;
  border-radius: 8px;
  background: #2563eb;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.legal-docs-requisites button:hover,
.legal-docs-btn:hover,
.legal-docs-requisites button:focus-visible,
.legal-docs-btn:focus-visible {
  border-color: #1d4ed8;
  background: #1d4ed8;
  outline: 0;
}

.legal-docs-flow,
.legal-docs-statuses,
.legal-docs-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.legal-docs-flow article,
.legal-docs-b2b article {
  display: grid;
  gap: 8px;
  padding: 14px;
  background: #f9fafb;
}

.legal-docs-flow strong,
.legal-docs-b2b article strong {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 15px;
  font-weight: 950;
}

.legal-docs-b2b {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  align-items: start;
}

.legal-docs-b2b > div {
  display: grid;
  gap: 10px;
}

.legal-docs-b2b aside {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #ecfdf5;
  border-color: rgba(22, 163, 74, .24);
}

.legal-docs-b2b aside > strong {
  color: #111827;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 950;
}

.legal-docs-b2b ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.legal-docs-status {
  display: grid;
  gap: 7px;
  padding: 14px;
  background: #f9fafb;
}

.legal-docs-status strong,
.legal-docs-links strong {
  color: #111827;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 950;
}

.legal-docs-status--success {
  background: #ecfdf5;
  border-color: rgba(22, 163, 74, .24);
}

.legal-docs-status--warning {
  background: #fffbeb;
  border-color: rgba(217, 119, 6, .26);
}

.legal-docs-status--info {
  background: #eff6ff;
  border-color: rgba(37, 99, 235, .2);
}

.legal-docs-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.legal-docs-links a {
  display: grid;
  gap: 6px;
  padding: 16px;
  background: #f9fafb;
  text-decoration: none;
}

.legal-docs-links a:hover,
.legal-docs-links a:focus-visible {
  border-color: #2563eb;
  outline: 0;
}

@media (max-width: 980px) {
  .legal-docs-nav {
    top: 0;
  }

  .legal-docs-summary,
  .legal-docs-flow,
  .legal-docs-statuses {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .legal-docs-b2b {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .legal-docs-center {
    gap: 14px;
  }

  .legal-docs-summary,
  .legal-docs-requisites,
  .legal-docs-flow,
  .legal-docs-statuses,
  .legal-docs-links {
    grid-template-columns: 1fr;
  }

  .legal-docs-section {
    padding: 14px;
  }

  .legal-docs-requisites article {
    grid-template-columns: 1fr;
  }

  .legal-docs-requisites button,
  .legal-docs-btn {
    width: 100%;
  }
}

@media print {
  .legal-docs-nav,
  .legal-docs-requisites button,
  .legal-docs-btn {
    display: none !important;
  }
}


/* ---- source: public-content-v76.css ---- */
body.public-content-body {
    background:
        linear-gradient(180deg, #eef7fb 0%, #f7fbfd 42%, #ffffff 100%);
    color: #12304a;
}

body.public-content-body .page-content.public-content-wrap {
    max-width: 1180px;
    padding-top: 28px;
    padding-bottom: 56px;
}

.pc-page {
    display: grid;
    gap: 24px;
}

.pc-hero,
.pc-detail-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 22px;
    align-items: stretch;
    padding: 28px;
    border: 1px solid rgba(61, 126, 169, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 18px 48px rgba(21, 66, 100, 0.08);
}

.pc-detail-hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pc-hero__copy,
.pc-hero-panel,
.pc-template-board,
.pc-side-block,
.pc-card,
.pc-empty,
.pc-section-row,
.pc-category-copy {
    border: 1px solid rgba(61, 126, 169, 0.18);
    border-radius: 8px;
    background: #ffffff;
}

.pc-hero__copy {
    padding: 4px 0;
    border: 0;
    background: transparent;
}

.pc-backlink,
.pc-breadcrumbs a,
.pc-inline-link,
.pc-side-block a {
    color: #087f8c;
    font-weight: 800;
    text-decoration: none;
}

.pc-backlink {
    display: inline-flex;
    margin-bottom: 18px;
}

.pc-backlink:hover,
.pc-breadcrumbs a:hover,
.pc-inline-link:hover,
.pc-side-block a:hover {
    color: #c55f4f;
}

.pc-kicker {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 10px;
    border: 1px solid rgba(8, 127, 140, 0.2);
    border-radius: 8px;
    background: #e9f6f6;
    color: #087f8c;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.pc-hero h1,
.pc-detail-hero h1 {
    max-width: 820px;
    margin: 0;
    color: #12304a;
    font-size: 48px;
    line-height: 1.02;
    letter-spacing: 0;
}

.pc-hero p,
.pc-detail-hero p {
    max-width: 760px;
    margin: 16px 0 0;
    color: #4c6780;
    font-size: 18px;
    line-height: 1.65;
}

.pc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.pc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 900;
    text-decoration: none;
}

.pc-btn--primary {
    background: #087f8c;
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(8, 127, 140, 0.2);
}

.pc-btn--ghost {
    border-color: rgba(61, 126, 169, 0.24);
    background: #ffffff;
    color: #12304a;
}

.pc-note {
    display: block;
    margin-top: 12px;
    color: #647c91;
    font-size: 14px;
}

.pc-hero-panel,
.pc-template-board {
    padding: 20px;
}

.pc-panel-metric {
    display: grid;
    gap: 4px;
}

.pc-panel-metric small,
.pc-panel-metric span,
.pc-card__meta,
.pc-section-row span,
.pc-template-board small,
.pc-detail-hero__meta,
.pc-breadcrumbs,
.pc-side-block span {
    color: #647c91;
    font-size: 13px;
    font-weight: 800;
}

.pc-panel-metric strong {
    color: #12304a;
    font-size: 48px;
    line-height: 1;
}

.pc-panel-chart {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: end;
    gap: 10px;
    min-height: 150px;
    margin: 22px 0;
    padding: 18px;
    border-radius: 8px;
    background: #f2f7fa;
}

.pc-panel-chart i {
    display: block;
    min-height: 34px;
    border-radius: 8px 8px 0 0;
    background: #2db6a3;
}

.pc-panel-chart i:nth-child(1) { height: 42%; background: #6f9eed; }
.pc-panel-chart i:nth-child(2) { height: 58%; background: #2db6a3; }
.pc-panel-chart i:nth-child(3) { height: 76%; background: #e3b64f; }
.pc-panel-chart i:nth-child(4) { height: 62%; background: #c55f4f; }
.pc-panel-chart i:nth-child(5) { height: 92%; background: #087f8c; }

.pc-hero-panel p {
    margin: 0;
    color: #4c6780;
    line-height: 1.55;
}

.pc-template-board {
    display: grid;
    gap: 12px;
}

.pc-template-board div {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 4px 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(61, 126, 169, 0.16);
    border-radius: 8px;
    background: #f7fbfd;
}

.pc-template-board span {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #e9f6f6;
    color: #087f8c;
    font-weight: 900;
}

.pc-template-board strong {
    color: #12304a;
    font-size: 16px;
}

.pc-category-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pc-category-nav a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(61, 126, 169, 0.22);
    border-radius: 8px;
    background: #ffffff;
    color: #12304a;
    font-weight: 850;
    text-decoration: none;
}

.pc-category-nav a.is-active,
.pc-category-nav a:hover {
    border-color: rgba(8, 127, 140, 0.35);
    background: #e9f6f6;
    color: #087f8c;
}

.pc-category-nav span {
    color: #647c91;
    font-size: 12px;
}

.pc-filter-panel {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(61, 126, 169, 0.18);
    border-radius: 8px;
    background: #ffffff;
}

.pc-search {
    display: grid;
    gap: 8px;
}

.pc-search span,
.pc-filter-group > span {
    color: #647c91;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pc-search input {
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(61, 126, 169, 0.22);
    border-radius: 8px;
    background: #f7fbfd;
    color: #12304a;
    font: inherit;
    outline: 0;
}

.pc-search input:focus {
    border-color: rgba(8, 127, 140, 0.38);
    box-shadow: 0 0 0 4px rgba(8, 127, 140, 0.1);
}

.pc-filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.pc-filter-group button {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(61, 126, 169, 0.22);
    border-radius: 8px;
    background: #ffffff;
    color: #12304a;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

.pc-filter-group button:hover,
.pc-filter-group button.is-active {
    border-color: rgba(8, 127, 140, 0.35);
    background: #e9f6f6;
    color: #087f8c;
}

.pc-category-copy {
    padding: 20px;
    color: #4c6780;
    line-height: 1.7;
}

.pc-layout,
.pc-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
    gap: 22px;
    align-items: start;
}

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

.pc-card-grid--templates {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pc-card-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pc-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 250px;
    padding: 20px;
}

.pc-card--short {
    min-height: 150px;
}

.pc-card--cta {
    grid-column: 1 / -1;
    min-height: auto;
    border-color: rgba(8, 127, 140, 0.25);
    background: #e9f6f6;
}

.pc-card--cta > span {
    color: #087f8c;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pc-card[hidden],
.pc-card--cta[hidden],
.pc-empty[hidden] {
    display: none !important;
}

.pc-card__meta,
.pc-detail-hero__meta,
.pc-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.pc-card__meta a {
    color: #087f8c;
    text-decoration: none;
}

.pc-card h2,
.pc-card h3,
.pc-section-head h2,
.pc-section-row h2,
.pc-empty h2 {
    margin: 0;
    color: #12304a;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 0;
}

.pc-card h3 {
    font-size: 18px;
}

.pc-card h2 a,
.pc-card h3 a {
    color: inherit;
    text-decoration: none;
}

.pc-card h2 a:hover,
.pc-card h3 a:hover {
    color: #087f8c;
}

.pc-template-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}

.pc-card p,
.pc-empty p,
.pc-side-block p,
.pc-section-row p {
    margin: 0;
    color: #4c6780;
    line-height: 1.6;
}

.pc-inline-link {
    margin-top: auto;
}

.pc-side {
    display: grid;
    gap: 14px;
}

.pc-side--sticky {
    position: sticky;
    top: 18px;
}

.pc-side-block {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.pc-side-block strong {
    color: #12304a;
    font-size: 16px;
}

.pc-side-block a {
    display: block;
}

.pc-side-block--accent {
    border-color: rgba(8, 127, 140, 0.25);
    background: #e9f6f6;
}

.pc-demo-table {
    display: grid;
    gap: 0;
    overflow: auto;
    border: 1px solid rgba(61, 126, 169, 0.18);
    border-radius: 8px;
    background: #ffffff;
}

.pc-demo-table [role="row"] {
    display: grid;
    grid-template-columns: 1fr 1.1fr .9fr .9fr 1.4fr;
    min-width: 920px;
    border-bottom: 1px solid rgba(61, 126, 169, 0.12);
}

.pc-demo-table--questions [role="row"] {
    grid-template-columns: minmax(220px, .8fr) minmax(360px, 1.2fr);
    min-width: 620px;
}

.pc-demo-table [role="row"]:last-child {
    border-bottom: 0;
}

.pc-demo-table span,
.pc-demo-table strong {
    padding: 13px 14px;
    color: #243f57;
    font-size: 14px;
    line-height: 1.45;
}

.pc-demo-table__head span {
    background: #f2f7fa;
    color: #647c91;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pc-demo-table strong {
    color: #9a4b3f;
}

.pc-role-board,
.pc-before-after {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pc-before-after {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pc-role-board article,
.pc-before-after article {
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(61, 126, 169, 0.18);
    border-radius: 8px;
    background: #ffffff;
}

.pc-role-board small,
.pc-before-after span {
    color: #087f8c;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pc-role-board strong {
    color: #12304a;
    font-size: 20px;
    line-height: 1.2;
}

.pc-role-board p,
.pc-before-after p {
    margin: 0;
    color: #4c6780;
    line-height: 1.6;
}

.pc-empty {
    grid-column: 1 / -1;
    padding: 24px;
}

.pc-empty--small {
    min-height: auto;
}

.pc-empty span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #087f8c;
    font-weight: 900;
}

.pc-detail-hero__meta span,
.pc-detail-hero__meta time {
    padding: 7px 10px;
    border-radius: 8px;
    background: #eef5fb;
}

.pc-prose {
    padding: 26px;
    border: 1px solid rgba(61, 126, 169, 0.18);
    border-radius: 8px;
    background: #ffffff;
    color: #243f57;
    font-size: 17px;
    line-height: 1.75;
}

.pc-prose h2,
.pc-prose h3,
.pc-prose h4 {
    margin: 28px 0 12px;
    color: #12304a;
    line-height: 1.2;
    letter-spacing: 0;
}

.pc-prose h2:first-child,
.pc-prose h3:first-child,
.pc-prose h4:first-child,
.pc-prose p:first-child {
    margin-top: 0;
}

.pc-prose p,
.pc-prose ul,
.pc-prose ol,
.pc-prose blockquote,
.pc-prose table {
    margin: 0 0 18px;
}

.pc-prose a {
    color: #087f8c;
    font-weight: 800;
}

.pc-prose img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.pc-prose table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 8px;
    font-size: 15px;
}

.pc-prose th,
.pc-prose td {
    padding: 11px;
    border: 1px solid rgba(61, 126, 169, 0.18);
    text-align: left;
    vertical-align: top;
}

.pc-prose th {
    background: #eef5fb;
    color: #12304a;
}

.pc-related {
    display: grid;
    gap: 16px;
}

.pc-segment-band {
    display: grid;
    gap: 16px;
}

.pc-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 24px;
    border: 1px solid rgba(8, 127, 140, 0.22);
    border-radius: 8px;
    background: #e9f6f6;
}

.pc-final-cta h2 {
    max-width: 760px;
    margin: 8px 0 10px;
    color: #12304a;
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: 0;
}

.pc-final-cta p {
    max-width: 780px;
    margin: 0;
    color: #4c6780;
    line-height: 1.65;
}

.pc-section-head {
    display: grid;
    gap: 4px;
}

.pc-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pc-chip-list span {
    padding: 7px 10px;
    border-radius: 8px;
    background: #f2f7fa;
    color: #3f6079;
    font-size: 12px;
    font-weight: 850;
}

.pc-section-list {
    display: grid;
    gap: 12px;
}

.pc-section-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    padding: 18px;
}

.pc-section-row > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #eef5fb;
    color: #087f8c;
    font-size: 14px;
}

.pc-section-row div {
    display: grid;
    gap: 8px;
}

@media (max-width: 980px) {
    .pc-hero,
    .pc-layout,
    .pc-detail-layout,
    .pc-card-grid--templates,
    .pc-card-grid--compact,
    .pc-role-board,
    .pc-before-after {
        grid-template-columns: 1fr;
    }

    .pc-final-cta {
        display: grid;
    }

    .pc-side--sticky {
        position: static;
    }
}

@media (max-width: 720px) {
    body.public-content-body .page-content.public-content-wrap {
        padding: 16px 12px 40px;
    }

    .pc-hero,
    .pc-detail-hero,
    .pc-prose {
        padding: 18px;
    }

    .pc-hero h1,
    .pc-detail-hero h1 {
        font-size: 34px;
    }

    .pc-hero p,
    .pc-detail-hero p {
        font-size: 16px;
    }

    .pc-card-grid {
        grid-template-columns: 1fr;
    }

    .pc-actions,
    .pc-btn {
        width: 100%;
    }

    .pc-section-row {
        grid-template-columns: 1fr;
    }
}


/* ---- source: seosrez-template-v142.css ---- */
/* SEOSREZ v142 FastPanel unified design. */
:root {
  --font-geist-sans: "Segoe UI", Inter, Arial, sans-serif;
  --font-geist-mono: "Cascadia Mono", Consolas, monospace;
  --navy: #071a33;
  --navy-2: #0d2847;
  --muted: #667b91;
  --muted-2: #8a9bae;
  --canvas: #f7fafd;
  --surface: #ffffff;
  --line: #dde7f0;
  --line-soft: #eaf0f5;
  --blue: #176bff;
  --blue-dark: #0b56d9;
  --blue-soft: #eaf2ff;
  --cyan: #16bdae;
  --cyan-soft: #e6faf7;
  --green: #15a66d;
  --green-soft: #e8f8f1;
  --orange: #d78219;
  --orange-soft: #fff4e4;
  --red: #e45757;
  --red-soft: #fff0f0;
  --violet: #7257d9;
  --violet-soft: #f1edff;
  --shadow: 0 12px 36px rgba(18, 48, 79, 0.075);
  --shadow-lg: 0 24px 64px rgba(10, 35, 63, 0.16);
  --radius: 14px;
  --radius-sm: 10px;
}

/* SEOSREZ v142: full-project template layer. */
body[data-design-release="v144-all-pages-code-sync"],
body.seosrez-internal-body,
body.dashboard-seosrez-body {
  --v142-bg: #f4f7fb;
  --v142-surface: #ffffff;
  --v142-surface-soft: #f8fbff;
  --v142-ink: #061b37;
  --v142-text: #344961;
  --v142-muted: #6e8197;
  --v142-line: #dce6f2;
  --v142-line-soft: #edf2f8;
  --v142-blue: #246bfe;
  --v142-blue-hover: #1557dc;
  --v142-blue-soft: #eaf2ff;
  --v142-cyan: #19bdb0;
  --v142-cyan-soft: #e8fbf8;
  --v142-green: #18a66d;
  --v142-green-soft: #e8f8f1;
  --v142-red: #e45757;
  --v142-red-soft: #fff0f0;
  --v142-amber: #d78219;
  --v142-amber-soft: #fff5e7;
  --v142-radius: 14px;
  --v142-radius-sm: 10px;
  --v142-shadow: 0 14px 38px rgba(15, 45, 80, 0.06);
  --v142-shadow-strong: 0 20px 58px rgba(15, 45, 80, 0.12);
  background: var(--v142-bg) !important;
  color: var(--v142-ink) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body.seosrez-internal-body *,
body.seosrez-internal-body *::before,
body.seosrez-internal-body *::after {
  box-sizing: border-box;
}

body.seosrez-internal-body :is(h1, h2, h3, h4, p, a, span, strong, small, label, button, input, select, textarea, th, td, li) {
  letter-spacing: 0 !important;
  text-rendering: optimizeLegibility;
}

body.seosrez-internal-body :is(.app-shell, .app-frame, .lk-frame, .workspace-shell) {
  min-height: 100vh;
  background: var(--v142-bg) !important;
}

body.seosrez-internal-body :is(.sidebar, .lk-sidebar, .workspace-sidebar) {
  width: 264px !important;
  min-width: 264px !important;
  border-right: 1px solid var(--v142-line) !important;
  background: var(--v142-surface) !important;
  box-shadow: 8px 0 28px rgba(15, 45, 80, 0.035);
}

body.seosrez-internal-body :is(.sidebar a, .lk-nav__item, .workspace-nav__item) {
  min-height: 44px !important;
  border-radius: 10px !important;
  color: var(--v142-text) !important;
  font-weight: 800 !important;
}

body.seosrez-internal-body :is(.sidebar a.is-active, .sidebar a.active, .lk-nav__item.is-active, .workspace-nav__item.is-active) {
  background: var(--v142-blue-soft) !important;
  color: var(--v142-blue) !important;
}

body.seosrez-internal-body :is(.main, .main-content, .lk-main, .workspace-main, .content, #content) {
  background: var(--v142-bg) !important;
}

body.seosrez-internal-body :is(.container, .page-content, .lk-content, .workspace-content, .dashboard-content) {
  width: 100% !important;
  max-width: none !important;
}

body.seosrez-internal-body :is(
  .lk-main,
  .workspace-main,
  .dashboard-main,
  .page-main,
  .seosrez-content,
  .content-area
) {
  padding: 36px 42px !important;
}

body.seosrez-internal-body :is(.topbar, .lk-topbar, .workspace-topbar, .headerbar) {
  min-height: 70px !important;
  border-bottom: 1px solid var(--v142-line) !important;
  background: rgba(244, 247, 251, 0.92) !important;
  backdrop-filter: blur(14px);
}

body.seosrez-internal-body :is(.search-field, .lk-search, .workspace-search, .dashboard-search) {
  width: min(560px, 100%) !important;
  min-height: 44px !important;
  border: 1px solid var(--v142-line) !important;
  border-radius: 10px !important;
  background: var(--v142-surface) !important;
  box-shadow: 0 10px 28px rgba(15, 45, 80, 0.05);
}

body.seosrez-internal-body :is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .po-head,
  .rg-hero
) {
  margin: 36px 0 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 24px !important;
  align-items: end !important;
}

body.seosrez-internal-body :is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .po-head,
  .rg-hero
) h1 {
  max-width: 980px !important;
  margin: 12px 0 12px !important;
  color: var(--v142-ink) !important;
  font-size: clamp(34px, 2.35vw, 48px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}

body.seosrez-internal-body :is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .po-head,
  .rg-hero
) p {
  max-width: 760px !important;
  color: var(--v142-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

body.seosrez-internal-body :is(.lk-kicker, .rw-kicker, .sw-kicker, .cw-kicker, .kw-kicker, .tw-kicker, .bw-kicker, .stw-kicker, .cl-kicker, .ew-kicker, .stf-kicker, .workspace-kicker, .ws-kicker, .am-kicker, .po-kicker, .rg-kicker) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 4px 12px !important;
  border: 1px solid #bdd7ff !important;
  border-radius: 999px !important;
  background: var(--v142-blue-soft) !important;
  color: var(--v142-blue) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
}

body.seosrez-internal-body :is(
  .lk-actions,
  .rw-actions,
  .sw-actions,
  .cw-actions,
  .kw-actions,
  .tw-actions,
  .bw-actions,
  .stw-actions,
  .cl-actions,
  .ew-actions,
  .workspace-actions,
  .ws-actions,
  .am-actions,
  .po-actions,
  .rg-actions
) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

body.seosrez-internal-body :is(
  .lk-btn,
  .rw-btn,
  .sw-btn,
  .cw-btn,
  .kw-btn,
  .tw-btn,
  .bw-btn,
  .stw-btn,
  .cl-btn,
  .ew-btn,
  .stf-btn,
  .workspace-btn,
  .ws-btn,
  .am-btn,
  .po-btn,
  .rg-btn,
  .button,
  button
) {
  min-height: 42px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

body.seosrez-internal-body :is(.lk-btn--primary, .rw-btn--primary, .sw-btn--primary, .cw-btn--primary, .kw-btn--primary, .tw-btn--primary, .bw-btn--primary, .stw-btn--primary, .cl-btn--primary, .ew-btn--primary, .stf-btn--primary, .workspace-btn--primary, .ws-btn--primary, .am-btn--primary, .po-btn--primary, .rg-btn--primary, .button.default, button.default) {
  border-color: var(--v142-blue) !important;
  background: var(--v142-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(36, 107, 254, 0.22);
}

body.seosrez-internal-body :is(.lk-btn--primary, .rw-btn--primary, .sw-btn--primary, .cw-btn--primary, .kw-btn--primary, .tw-btn--primary, .bw-btn--primary, .stw-btn--primary, .cl-btn--primary, .ew-btn--primary, .stf-btn--primary, .workspace-btn--primary, .ws-btn--primary, .am-btn--primary, .po-btn--primary, .rg-btn--primary, .button.default, button.default):hover {
  border-color: var(--v142-blue-hover) !important;
  background: var(--v142-blue-hover) !important;
}

body.seosrez-internal-body :is(.lk-btn:not(.lk-btn--primary), .rw-btn:not(.rw-btn--primary), .sw-btn:not(.sw-btn--primary), .cw-btn:not(.cw-btn--primary), .kw-btn:not(.kw-btn--primary), .tw-btn:not(.tw-btn--primary), .bw-btn:not(.bw-btn--primary), .stw-btn:not(.stw-btn--primary), .cl-btn:not(.cl-btn--primary), .ew-btn:not(.ew-btn--primary), .stf-btn:not(.stf-btn--primary), .workspace-btn:not(.workspace-btn--primary), .ws-btn:not(.ws-btn--primary), .am-btn:not(.am-btn--primary), .po-btn:not(.po-btn--primary), .rg-btn:not(.rg-btn--primary)) {
  border: 1px solid var(--v142-line) !important;
  background: var(--v142-surface) !important;
  color: var(--v142-ink) !important;
}

body.seosrez-internal-body :is(
  .lk-card,
  .metric-card,
  .summary-card,
  .workspace-card,
  .lk-section,
  .lk-ops-panel,
  .lk-side-card,
  .lk-project-card,
  .lk-signal-card,
  .rw-section,
  .sw-section,
  .cw-section,
  .kw-section,
  .tw-section,
  .bw-section,
  .stw-section,
  .cl-section,
  .ew-section,
  .stf-section,
  .workspace-section,
  .ws-section,
  .am-section,
  .po-card,
  .rg-card,
  .auth-v77-card,
  .panel,
  .module,
  .seosrez-admin-card,
  .seosrez-admin-panel
) {
  border: 1px solid var(--v142-line) !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface) !important;
  box-shadow: var(--v142-shadow) !important;
  color: var(--v142-ink) !important;
}

body.seosrez-internal-body :is(.lk-metrics, .rw-metrics, .sw-metrics, .cw-metrics, .kw-metrics, .tw-metrics, .bw-metrics, .stw-metrics, .cl-metrics, .ew-metrics, .stf-metrics, .workspace-metrics, .ws-metrics, .am-metrics, .rg-summary-strip, .po-summary-grid) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  margin: 18px 0 24px !important;
}

body.seosrez-internal-body :is(.lk-metric, .rw-metric, .sw-metric, .cw-metric, .kw-metric, .tw-metric, .bw-metric, .stw-metric, .cl-metric, .ew-metric, .stf-metric, .workspace-metric, .ws-metric, .am-metric, .rg-summary-card, .po-summary-card) {
  min-height: 118px !important;
  padding: 22px 24px !important;
  border: 1px solid var(--v142-line) !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface) !important;
  box-shadow: var(--v142-shadow) !important;
}

body.seosrez-internal-body :is(.lk-metric strong, .rw-metric strong, .sw-metric strong, .cw-metric strong, .kw-metric strong, .tw-metric strong, .bw-metric strong, .stw-metric strong, .cl-metric strong, .ew-metric strong, .stf-metric strong, .workspace-metric strong, .ws-metric strong, .am-metric strong, .rg-summary-card strong, .po-summary-card strong) {
  display: block !important;
  color: var(--v142-ink) !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

body.seosrez-internal-body :is(.lk-metric span, .rw-metric span, .sw-metric span, .cw-metric span, .kw-metric span, .tw-metric span, .bw-metric span, .stw-metric span, .cl-metric span, .ew-metric span, .stf-metric span, .workspace-metric span, .ws-metric span, .am-metric span, .rg-summary-card span, .po-summary-card span) {
  color: var(--v142-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.seosrez-internal-body :is(.table-wrap, .lk-table-wrap, .rw-table-wrap, .kw-table-wrap, .cw-table-wrap, .sw-table-wrap, .workspace-table-wrap) {
  overflow-x: auto !important;
  border: 1px solid var(--v142-line) !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface) !important;
}

body.seosrez-internal-body :is(table, .lk-risk-table, .lk-report-table, .rw-table, .kw-table, .cw-task-table, .bw-order-table) {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.seosrez-internal-body :is(th, .lk-risk-row--head, .lk-report-row--head, .rw-table__head, .kw-table__head, .cw-task-table__head, .bw-order-table__head) {
  background: var(--v142-surface-soft) !important;
  color: var(--v142-muted) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
}

body.seosrez-internal-body :is(td, th) {
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--v142-line-soft) !important;
  vertical-align: top !important;
}

body.seosrez-internal-body :is(input, select, textarea, .po-field, .ws-field, .rg-field, .auth-v77-field) {
  max-width: 100% !important;
}

body.seosrez-internal-body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
  min-height: 42px !important;
  border: 1px solid #cad8e8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: var(--v142-ink) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.seosrez-internal-body textarea {
  min-height: 120px !important;
  resize: vertical;
}

body.seosrez-internal-body :is(.stw-field-grid, .bw-field-grid, .rw-field-grid, .kw-field-grid, .cw-field-grid, .tw-field-grid, .sw-field-grid, .workspace-field-grid, .ws-form-grid, .po-form-grid, .rg-form-grid, .form-grid, .field-grid) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  align-items: end !important;
}

body.seosrez-internal-body :is(.kw-filterbar, .rw-filterbar, .sw-filterbar, .cw-filterbar, .tw-filterbar, .bw-filterbar, .stw-filterbar, .cl-filterbar, .ew-filterbar, .workspace-filterbar) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 14px !important;
  padding: 20px !important;
  border: 1px solid var(--v142-line) !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface) !important;
  box-shadow: var(--v142-shadow);
}

body.seosrez-internal-body :is(.badge, .lk-chip, .rw-chip, .sw-chip, .cw-chip, .kw-chip, .tw-chip, .bw-chip, .stw-chip, .cl-chip, .ew-chip, .stf-chip, .workspace-chip, .ws-chip, .am-chip, .po-chip, .rg-chip) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  max-width: 100% !important;
  min-height: 26px !important;
  padding: 5px 10px !important;
  border: 1px solid #bdd7ff !important;
  border-radius: 999px !important;
  background: var(--v142-blue-soft) !important;
  color: var(--v142-blue) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere;
}

body.seosrez-internal-body :is(.empty-state, .ws-empty, .tw-empty, .rw-empty, .bw-empty, .stw-empty, .rg-empty, .po-empty) {
  padding: 24px !important;
  border: 1px dashed #c5d5e8 !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface-soft) !important;
  color: var(--v142-text) !important;
}

body.seosrez-internal-body :is(.lk-onboarding, .dashboard-v139-onboarding, .onboarding-panel, .setup-stepper) {
  padding: 22px !important;
  border: 1px solid var(--v142-line) !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface) !important;
  box-shadow: var(--v142-shadow) !important;
}

body.seosrez-internal-body :is(.lk-onboarding-steps, .dashboard-v139-onboarding .step-list, .setup-steps, .wizard-steps) {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding-bottom: 2px;
}

body.seosrez-internal-body :is(.lk-onboarding-step, .dashboard-v139-onboarding .step, .setup-step, .wizard-step) {
  min-width: 150px !important;
  min-height: 86px !important;
  padding: 14px !important;
  border: 1px solid #bfe3d9 !important;
  border-radius: 10px !important;
  background: var(--v142-green-soft) !important;
}

body.seosrez-internal-body :is(.progress, .progress-bar, .usage-meter, .stw-brand-meter) {
  overflow: hidden !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--v142-line-soft) !important;
}

body.seosrez-internal-body :is(.progress span, .progress-bar span, .usage-meter span, .usage-meter__bar, .stw-brand-meter span) {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--v142-blue), var(--v142-cyan)) !important;
}

body.seosrez-internal-body #header,
body.seosrez-internal-body #content,
body.seosrez-internal-body #content-main,
body.seosrez-internal-body .module,
body.seosrez-internal-body .grp-module {
  background: var(--v142-bg) !important;
  color: var(--v142-ink) !important;
}

body.seosrez-internal-body #header {
  border-bottom: 1px solid var(--v142-line) !important;
  box-shadow: none !important;
}

body.seosrez-internal-body .seosrez-admin-nav a {
  min-height: 40px !important;
  border: 1px solid var(--v142-line) !important;
  border-radius: 10px !important;
  background: var(--v142-surface) !important;
  color: var(--v142-ink) !important;
  font-weight: 900 !important;
}

body.seosrez-internal-body :is(.errornote, .messagelist .error, .alert-danger) {
  border-color: #ffd0d0 !important;
  background: var(--v142-red-soft) !important;
  color: #9d2323 !important;
}

body.seosrez-internal-body :is(.messagelist .success, .alert-success) {
  border-color: #bee8d4 !important;
  background: var(--v142-green-soft) !important;
  color: #117448 !important;
}

@media (max-width: 1180px) {
  body.seosrez-internal-body :is(
    .lk-main,
    .workspace-main,
    .dashboard-main,
    .page-main,
    .seosrez-content,
    .content-area
  ) {
    padding: 28px 24px !important;
  }

  body.seosrez-internal-body :is(
    .lk-hero,
    .rw-hero,
    .sw-hero,
    .cw-hero,
    .kw-hero,
    .tw-hero,
    .bw-hero,
    .stw-hero,
    .cl-hero,
    .ew-hero,
    .stf-hero,
    .workspace-hero,
    .ws-hero,
    .am-hero,
    .po-head,
    .rg-hero
  ) {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body.seosrez-internal-body :is(.lk-actions, .rw-actions, .sw-actions, .cw-actions, .kw-actions, .tw-actions, .bw-actions, .stw-actions, .cl-actions, .ew-actions, .workspace-actions, .ws-actions, .am-actions, .po-actions, .rg-actions) {
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  body.seosrez-internal-body :is(.sidebar, .lk-sidebar, .workspace-sidebar) {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.seosrez-internal-body :is(
    .lk-main,
    .workspace-main,
    .dashboard-main,
    .page-main,
    .seosrez-content,
    .content-area
  ) {
    padding: 18px 16px 92px !important;
  }

  body.seosrez-internal-body :is(
    .lk-hero,
    .rw-hero,
    .sw-hero,
    .cw-hero,
    .kw-hero,
    .tw-hero,
    .bw-hero,
    .stw-hero,
    .cl-hero,
    .ew-hero,
    .stf-hero,
    .workspace-hero,
    .ws-hero,
    .am-hero,
    .po-head,
    .rg-hero
  ) h1 {
    font-size: 32px !important;
  }

  body.seosrez-internal-body :is(.lk-onboarding-steps, .dashboard-v139-onboarding .step-list, .setup-steps, .wizard-steps) {
    grid-template-columns: 1fr !important;
  }
}

@theme inline {
  --color-background: var(--canvas);
  --color-foreground: var(--navy);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

* {
  box-sizing: border-box;
}

html {
  background: var(--canvas);
  color: var(--navy);
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  margin: 0;
  background: var(--canvas);
  color: var(--navy);
  font-family: var(--font-geist-sans), Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
select {
  cursor: pointer;
}

button {
  border: 0;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(23, 107, 255, 0.2);
  outline-offset: 2px;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

.app-frame {
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  height: 100vh;
  flex-direction: column;
  overflow-y: auto;
  border-right: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.98);
}

.sidebar__top {
  position: relative;
  padding: 26px 20px 18px;
}

.brand-button {
  display: block;
  width: 100%;
  padding: 0 4px;
  background: transparent;
  text-align: left;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand-mark {
  position: relative;
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--blue);
  box-shadow: 0 8px 20px rgba(23, 107, 255, 0.25);
}

.brand-mark i {
  display: block;
  width: 4px;
  margin-bottom: 9px;
  border-radius: 2px;
  background: #fff;
}

.brand-mark i:nth-child(1) { height: 7px; opacity: 0.62; }
.brand-mark i:nth-child(2) { height: 12px; opacity: 0.78; }
.brand-mark i:nth-child(3) { height: 18px; }
.brand-mark b {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 7px;
  height: 7px;
  border: 2px solid #56e2d2;
  border-radius: 50%;
}

.brand-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  line-height: 1.05;
}

.brand-copy strong {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.11em;
}

.brand-copy small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.025em;
}

.workspace-switcher {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
  text-align: left;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.workspace-switcher:hover {
  border-color: #becde0;
  box-shadow: 0 7px 18px rgba(25, 56, 88, 0.07);
}

.workspace-switcher > span {
  display: grid;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  place-items: center;
  border-radius: 8px;
  background: var(--blue-soft);
  color: var(--blue);
  font-size: 14px;
  font-weight: 800;
}

.workspace-switcher div {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}

.workspace-switcher strong { font-size: 14px; }
.workspace-switcher small { margin-top: 3px; color: var(--muted); font-size: 13px; }

.sidebar-nav {
  flex: 1;
  padding: 2px 14px 20px;
}

.nav-group + .nav-group {
  margin-top: 24px;
}

.nav-group > span {
  display: block;
  padding: 0 12px 8px;
  color: #92a2b4;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.nav-group button {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  gap: 11px;
  margin: 2px 0;
  padding: 9px 11px;
  border-radius: 9px;
  background: transparent;
  color: #4d6278;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  transition: background 0.18s, color 0.18s, transform 0.18s;
}

.nav-group button:hover {
  background: #f2f6fa;
  color: var(--navy);
  transform: translateX(1px);
}

.nav-group button.active {
  background: var(--blue-soft);
  color: var(--blue);
  font-weight: 700;
}

.nav-group button svg { flex: 0 0 auto; }
.nav-group button > span:not(.nav-badge) { flex: 1; }

.nav-group button b {
  display: grid;
  min-width: 22px;
  height: 21px;
  place-items: center;
  border-radius: 7px;
  background: #eff3f7;
  color: #6d8093;
  font-size: 12px;
}

.nav-group button.active b {
  background: #fff;
  color: var(--blue);
}

.sidebar__bottom {
  padding: 14px;
  border-top: 1px solid var(--line-soft);
}

.plan-mini {
  padding: 13px;
  border: 1px solid #d7e5f4;
  border-radius: 12px;
  background: linear-gradient(145deg, #f6faff, #eef7ff);
}

.plan-mini > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plan-mini strong { font-size: 14px; }
.plan-mini a { color: var(--blue); font-size: 13px; font-weight: 700; }
.plan-mini p { margin: 9px 0 7px; color: var(--muted); font-size: 13px; }
.plan-mini .progress-track { height: 5px; }

.help-button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 10px 11px;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
}

.help-button:hover { background: #f2f6fa; color: var(--navy); }
.mobile-close, .mobile-menu, .sidebar-scrim { display: none; }

.app-body {
  min-width: 0;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 34px;
  border-bottom: 1px solid rgba(221, 231, 240, 0.92);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
}

.topbar__left, .topbar__actions {
  display: flex;
  align-items: center;
}

.topbar__actions { gap: 8px; }

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 14px;
}

.breadcrumbs button {
  background: transparent;
  color: var(--muted);
}

.breadcrumbs button:hover { color: var(--blue); }
.breadcrumbs strong { color: var(--navy); font-weight: 650; }

.dropdown-wrap { position: relative; }

.date-button,
.profile-button,
.top-icon-button {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: #445a70;
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}

.date-button {
  gap: 8px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
}

.date-button.active,
.date-button:hover,
.profile-button:hover,
.top-icon-button:hover {
  border-color: #b9cce1;
  background: #fbfdff;
  box-shadow: 0 6px 16px rgba(23, 56, 89, 0.07);
}

.top-icon-button {
  position: relative;
  width: 38px;
  padding: 0;
}

.top-icon-button::after {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--red);
  content: "";
}

.profile-button {
  gap: 9px;
  padding: 3px 7px 3px 4px;
  text-align: left;
}

.profile-button > span:first-child {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 8px;
  background: var(--navy);
  color: #fff;
  font-size: 13px;
  font-weight: 750;
}

.profile-button div { display: flex; flex-direction: column; padding-right: 5px; }
.profile-button strong { font-size: 13px; }
.profile-button small { margin-top: 1px; color: var(--muted); font-size: 11px; }

.date-dropdown,
.profile-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 50;
  min-width: 238px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow-lg);
  animation: pop 0.16s ease-out;
}

.date-dropdown button,
.profile-dropdown button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border-radius: 8px;
  background: transparent;
  color: #40566c;
  font-size: 14px;
  text-align: left;
}

.date-dropdown button:hover,
.profile-dropdown button:hover { background: #f3f7fb; color: var(--navy); }
.date-dropdown button.active { background: var(--blue-soft); color: var(--blue); font-weight: 700; }

.page-content {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 34px 34px 72px;
}

.page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}

.eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.page-heading h1,
.project-hero h1 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(27px, 2.3vw, 36px);
  font-weight: 770;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.page-heading p {
  max-width: 700px;
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.58;
}

.page-heading__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 9px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: transform 0.16s, border-color 0.16s, background 0.16s, box-shadow 0.16s;
}

.button:hover { transform: translateY(-1px); }
.button--normal { min-height: 43px; padding: 0 16px; }
.button--small { min-height: 34px; padding: 0 11px; font-size: 13px; }
.button--primary { background: var(--blue); color: #fff; box-shadow: 0 8px 20px rgba(23, 107, 255, 0.2); }
.button--primary:hover { background: var(--blue-dark); box-shadow: 0 10px 24px rgba(23, 107, 255, 0.26); }
.button--secondary { border-color: var(--line); background: #fff; color: #2a435e; }
.button--secondary:hover { border-color: #b8cadd; background: #fbfdff; }
.button--ghost { background: transparent; color: var(--blue); }
.button--ghost:hover { background: var(--blue-soft); }
.button--danger { background: var(--red-soft); color: #c74343; }

.panel,
.kpi-card,
.project-card,
.integration-card,
.template-card,
.role-cards > article,
.goal-grid > article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 4px 18px rgba(17, 48, 80, 0.035);
}

.panel { min-width: 0; padding: 22px; }

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

.panel__head h2,
.section-title h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 730;
  letter-spacing: -0.018em;
}

.panel__head p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.panel__action { flex: 0 0 auto; }

.badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f1f4f7;
  color: #607286;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.badge i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

.badge--success { background: var(--green-soft); color: var(--green); }
.badge--warning { background: var(--orange-soft); color: var(--orange); }
.badge--danger { background: var(--red-soft); color: var(--red); }
.badge--blue { background: var(--blue-soft); color: var(--blue); }
.badge--cyan { background: var(--cyan-soft); color: #0f9589; }

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.kpi-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.kpi-card {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 138px;
  grid-template-columns: 39px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  overflow: hidden;
  padding: 18px;
}

.kpi-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, rgba(23, 107, 255, 0.7), transparent 70%);
  content: "";
  opacity: 0;
  transition: opacity 0.2s;
}

.kpi-card:hover::before { opacity: 1; }

.kpi-card__icon,
.goal-icon,
.role-icon,
.admin-kpi-icon {
  display: grid;
  width: 39px;
  height: 39px;
  place-items: center;
  border-radius: 10px;
}

.kpi-card__icon--blue { background: var(--blue-soft); color: var(--blue); }
.kpi-card__icon--green { background: var(--green-soft); color: var(--green); }
.kpi-card__icon--cyan { background: var(--cyan-soft); color: #0b9a8d; }
.kpi-card__icon--red { background: var(--red-soft); color: var(--red); }
.kpi-card__icon--violet { background: var(--violet-soft); color: var(--violet); }

.kpi-card__copy { display: flex; min-width: 0; flex-direction: column; }
.kpi-card__copy > span { color: var(--muted); font-size: 13px; font-weight: 600; }
.kpi-card__copy > strong { margin-top: 7px; font-size: 25px; font-weight: 770; letter-spacing: -0.035em; }
.kpi-card__copy small { margin-top: 5px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.kpi-card__copy small b { margin-right: 3px; }
.up { color: var(--green) !important; }
.down { color: var(--red) !important; }

.spark {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 74px;
  height: 31px;
  overflow: visible;
  fill: none;
  stroke-width: 2.2;
}

.spark--blue { stroke: var(--blue); }
.spark--green { stroke: var(--green); }
.spark--cyan { stroke: var(--cyan); }
.spark--red { stroke: var(--red); }
.spark--violet { stroke: var(--violet); }

.overview-grid,
.project-detail-grid,
.visibility-grid,
.conversion-grid,
.billing-grid,
.admin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(310px, 0.82fr);
  gap: 18px;
  margin-bottom: 18px;
}

.overview-grid__chart { min-height: 342px; }

.trend-chart {
  position: relative;
  min-height: 236px;
  padding-top: 24px;
}

.trend-chart--compact { min-height: 190px; }
.trend-chart svg { display: block; width: 100%; overflow: visible; }

.chart-legend {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 15px;
  color: var(--muted);
  font-size: 11px;
}

.chart-legend span { display: flex; align-items: center; gap: 5px; }
.chart-legend i { width: 14px; height: 2px; border-radius: 3px; }
.legend-main { background: var(--blue); }
.legend-prev { background: #a9b7c6; }
.grid-lines { fill: none; stroke: #e8eef4; stroke-width: 1; }
.chart-area { fill: rgba(23, 107, 255, 0.075); }
.chart-main { fill: none; stroke: var(--blue); stroke-linecap: round; stroke-width: 3; }
.chart-previous { fill: none; stroke: #a8b8c8; stroke-dasharray: 5 5; stroke-width: 1.5; }
.axis-labels { fill: #92a2b3; font-size: 11px; }

.health-score {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 4px 0 17px;
  border-bottom: 1px solid var(--line-soft);
}

.health-ring {
  display: flex;
  width: 92px;
  height: 92px;
  flex: 0 0 92px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at center, #fff 61%, transparent 62%), conic-gradient(var(--green) 0 82%, #eaf0f4 82%);
}

.health-ring strong { font-size: 25px; line-height: 1; }
.health-ring span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.health-score p { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.health-list { display: grid; gap: 14px; margin-top: 18px; }

.progress-row > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 12px;
}

.progress-row strong { color: var(--navy); font-size: 12px; }
.progress-track { height: 7px; overflow: hidden; border-radius: 999px; background: #eaf0f5; }
.progress-fill { display: block; height: 100%; border-radius: inherit; }
.progress-fill--blue { background: var(--blue); }
.progress-fill--green { background: var(--green); }
.progress-fill--orange { background: var(--orange); }
.progress-fill--red { background: var(--red); }
.progress-fill--cyan { background: var(--cyan); }

.insight-section { margin: 30px 0 18px; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 15px; }
.section-title .eyebrow { margin-bottom: 5px; }
.updated-note { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.updated-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }

.insight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.insight-card {
  position: relative;
  min-height: 200px;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

.insight-card::after {
  position: absolute;
  right: -30px;
  bottom: -45px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: currentColor;
  content: "";
  opacity: 0.045;
}

.insight-card--success { color: var(--green); }
.insight-card--danger { color: var(--red); }
.insight-card--blue { color: var(--blue); }
.insight-card--cyan { color: #119e91; }
.insight-icon { display: grid; width: 32px; height: 32px; place-items: center; margin-bottom: 17px; border-radius: 9px; background: currentColor; color: #fff; font-size: 16px; font-weight: 800; }
.insight-card small { display: block; margin-bottom: 6px; color: currentColor; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.insight-card h3 { margin: 0; color: var(--navy); font-size: 15px; line-height: 1.35; }
.insight-card p { margin: 8px 0 15px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.insight-card button { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; color: currentColor; font-size: 12px; font-weight: 750; }

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  color: var(--blue);
  font-size: 13px;
  font-weight: 700;
}

.text-link:hover { color: var(--blue-dark); }

.table-wrap {
  width: calc(100% + 2px);
  margin: 0 -1px -1px;
  overflow-x: auto;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  white-space: nowrap;
}

.data-table th {
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  color: #8293a5;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.045em;
  text-align: left;
  text-transform: uppercase;
}

.data-table td {
  padding: 13px 12px;
  border-bottom: 1px solid var(--line-soft);
  vertical-align: middle;
}

.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr { transition: background 0.16s; }
.data-table tbody tr:hover { background: #f8fbfe; }
.clickable-row, .click-target { cursor: pointer; }

.entity-cell,
.report-name,
.member-cell,
.person-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.entity-cell > div,
.report-name > div,
.member-cell > div,
.person-cell > div { display: flex; min-width: 0; flex-direction: column; }

.entity-cell strong,
.report-name strong,
.member-cell strong { font-size: 13px; }
.entity-cell small,
.report-name small,
.member-cell small { margin-top: 3px; color: var(--muted); font-size: 11px; }

.entity-logo,
.person-cell > span,
.member-cell > span {
  display: grid;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  place-items: center;
  border-radius: 8px;
  background: var(--navy);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.entity-logo--large { width: 41px; height: 41px; flex-basis: 41px; border-radius: 10px; font-size: 15px; }
.entity-logo--xl { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; font-size: 18px; }
.delta { margin-left: 5px; font-size: 11px; font-weight: 750; }
.issue-count { display: inline-grid; min-width: 25px; height: 23px; place-items: center; border-radius: 7px; background: var(--orange-soft); color: var(--orange); font-size: 12px; font-weight: 750; }
.issue-count--high { background: var(--red-soft); color: var(--red); }
.muted { color: var(--muted) !important; }
.table-subtitle { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.url-cell { display: block; max-width: 260px; overflow: hidden; color: var(--blue); text-overflow: ellipsis; }

.icon-button,
.back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
}

.icon-button { width: 33px; height: 33px; }
.icon-button:hover { background: #eef3f7; color: var(--navy); }
.back-button { gap: 7px; padding: 7px 0; font-size: 13px; font-weight: 650; }
.back-button:hover { color: var(--blue); }

.toolbar,
.admin-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.search-field {
  display: flex;
  min-width: 250px;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fbfdff;
  color: var(--muted);
}

.search-field input {
  width: 100%;
  height: 36px;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
}

.search-field--small { max-width: 260px; }
.toolbar__filters { display: flex; align-items: center; gap: 6px; }
.filter-chip { display: inline-flex; min-height: 35px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid transparent; border-radius: 8px; background: #f2f5f8; color: #607489; font-size: 12px; font-weight: 650; white-space: nowrap; }
.filter-chip b { font-size: 11px; }
.filter-chip:hover { background: #eaf0f5; }
.filter-chip--active { border-color: #cfe0fa; background: var(--blue-soft); color: var(--blue); }

.project-card-grid,
.template-card-grid,
.integration-grid,
.goal-grid,
.role-cards,
.scheduled-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.project-card {
  padding: 18px;
  cursor: pointer;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.project-card:hover,
.template-card:hover,
.integration-card:hover { transform: translateY(-2px); border-color: #bfd2e6; box-shadow: var(--shadow); }

.project-card header { display: flex; align-items: center; gap: 11px; }
.project-card header > div { min-width: 0; flex: 1; }
.project-card h2 { margin: 0; font-size: 15px; }
.project-card header p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.project-card__status { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 18px 0 14px; }
.project-card__status > span:last-child { color: var(--muted); font-size: 11px; }
.project-card__metrics { display: grid; grid-template-columns: repeat(3, 1fr); padding: 15px 0; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.project-card__metrics > div { display: flex; min-width: 0; flex-direction: column; }
.project-card__metrics > div + div { padding-left: 12px; border-left: 1px solid var(--line-soft); }
.project-card__metrics small { color: var(--muted); font-size: 11px; }
.project-card__metrics strong { margin-top: 6px; font-size: 18px; letter-spacing: -0.03em; }
.project-card__metrics span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.project-card footer { display: flex; align-items: center; gap: 6px; padding-top: 14px; color: var(--muted); font-size: 11px; }
.project-card footer > span:nth-of-type(3) { flex: 1; }

.source-chip,
.mini-source {
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
}

.source-chip--metrika, .mini-source--m { background: #f0c20b; color: #352c02; }
.source-chip--webmaster, .mini-source--w { background: #f05b4e; }
.source-chip--api { background: var(--navy); }

.project-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.project-hero__identity > div:last-child { display: flex; align-items: center; gap: 13px; margin-top: 7px; }
.project-hero__identity h1 { font-size: 28px; }
.project-hero__identity p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.project-hero__actions { display: flex; gap: 9px; }

.tab-list {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

.tab-list button {
  min-height: 34px;
  padding: 0 13px;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.tab-list button:hover { color: var(--navy); }
.tab-list button.active { background: var(--blue); color: #fff; box-shadow: 0 5px 13px rgba(23, 107, 255, 0.18); }

.task-list { display: grid; gap: 3px; }
.task-item { display: grid; width: 100%; grid-template-columns: 8px minmax(0, 1fr) 18px; align-items: center; gap: 11px; padding: 12px 5px; border-bottom: 1px solid var(--line-soft); background: transparent; text-align: left; }
.task-item:last-child { border-bottom: 0; }
.task-item:hover { background: #f9fbfd; }
.task-item div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px 10px; }
.task-item small { grid-column: 1 / -1; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.task-item strong { font-size: 12px; }
.task-item div span { color: var(--muted); font-size: 11px; }
.priority-dot { width: 7px; height: 7px; border-radius: 50%; }
.priority-dot--danger { background: var(--red); }
.priority-dot--warning { background: var(--orange); }
.priority-dot--neutral { background: #9aabba; }

.usage-banner {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) minmax(230px, 0.55fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 1px solid #cfe0fa;
  border-radius: 13px;
  background: #f4f9ff;
}

.usage-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 10px; background: var(--blue); color: #fff; }
.usage-banner h3 { margin: 0; font-size: 14px; }
.usage-banner p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.usage-meter { display: grid; grid-template-columns: minmax(100px, 1fr) auto; align-items: center; gap: 10px; color: var(--muted); font-size: 11px; }
.usage-meter .progress-track { height: 6px; }

.report-table td:first-child { min-width: 245px; }
.report-name > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; background: var(--blue-soft); color: var(--blue); }
.person-cell > span { width: 27px; height: 27px; flex-basis: 27px; background: #dce8f5; color: #415b75; font-size: 11px; }

.scheduled-grid { margin-top: 18px; }
.schedule-card,
.publication-card { padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.schedule-card header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.schedule-card h3, .publication-card h3 { margin: 0; font-size: 14px; }
.schedule-card p, .publication-card p { margin: 7px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.schedule-date { display: flex; align-items: center; gap: 8px; color: var(--blue); font-size: 12px; font-weight: 700; }
.publication-card { border-color: #c9eee8; background: #f4fffd; }

.stepper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-bottom: 18px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.step { position: relative; display: flex; align-items: center; gap: 8px; color: #93a3b4; font-size: 12px; font-weight: 650; }
.step::after { position: absolute; top: 50%; right: 12px; left: 82px; height: 1px; background: var(--line); content: ""; }
.step:last-child::after { display: none; }
.step span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; font-size: 11px; }
.step.active { color: var(--blue); }
.step.active span { border-color: var(--blue); background: var(--blue); color: #fff; }

.builder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 318px;
  align-items: start;
  gap: 18px;
}

.builder-main { display: grid; gap: 16px; }
.builder-main .panel { padding: 22px; }
.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.form-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: #496076; font-size: 12px; font-weight: 650; }
.field--wide { grid-column: 1 / -1; }
.field input,
.field select,
.field textarea {
  width: 100%;
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  outline: 0;
  background: #fff;
  color: var(--navy);
  font-size: 13px;
  font-weight: 500;
  transition: border-color 0.16s, box-shadow 0.16s;
}

.field textarea { min-height: 88px; padding-top: 10px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 107, 255, 0.1); }
.source-selector, .template-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.check-card { display: flex; min-height: 56px; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; text-align: left; }
.check-card > div { display: flex; flex: 1; flex-direction: column; }
.check-card strong { font-size: 12px; }
.check-card small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.check-card--checked { border-color: #b7d2fb; background: #f6f9ff; }
.check-card--checked::after { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: var(--blue); color: #fff; content: "вњ“"; font-size: 12px; }
.date-form { display: grid; grid-template-columns: 1fr 1fr 0.8fr; gap: 12px; }

.template-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.template-option { position: relative; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; text-align: left; }
.template-option.active { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(23, 107, 255, 0.08); }
.template-preview { height: 70px; margin-bottom: 9px; overflow: hidden; border-radius: 7px; background: #eef3f8; }
.template-preview::before { display: block; width: 45%; height: 7px; margin: 12px 10px 6px; border-radius: 4px; background: currentColor; content: ""; opacity: 0.9; }
.template-preview::after { display: block; width: calc(100% - 20px); height: 29px; margin: 0 10px; border-radius: 4px; background: repeating-linear-gradient(0deg, rgba(255,255,255,.9) 0 5px, transparent 5px 8px); content: ""; }
.template-preview--blue { background: #e8f1ff; color: var(--blue); }
.template-preview--green { background: #e8f8f1; color: var(--green); }
.template-preview--violet { background: #f1edff; color: var(--violet); }
.template-option strong { display: block; padding-right: 18px; font-size: 12px; line-height: 1.35; }
.template-option small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }
.radio-dot { position: absolute; top: 89px; right: 10px; width: 14px; height: 14px; border: 1px solid var(--line); border-radius: 50%; }
.template-option.active .radio-dot { border: 4px solid var(--blue); }

.toggle-list { display: grid; gap: 1px; }
.toggle-list label, .check-line { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); color: #40576e; font-size: 12px; font-weight: 600; }
.toggle-list label:last-child, .check-line:last-child { border-bottom: 0; }
.toggle-list input, .check-line input { width: 16px; height: 16px; accent-color: var(--blue); }
.builder-summary__sticky { position: sticky; top: 88px; }
.builder-summary h3 { margin: 0 0 13px; font-size: 15px; }
.builder-summary dl { display: grid; gap: 12px; margin: 0; }
.builder-summary dl div { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--line-soft); }
.builder-summary dt { color: var(--muted); font-size: 11px; }
.builder-summary dd { margin: 0; font-size: 12px; font-weight: 700; text-align: right; }
.generation-note { display: flex; gap: 9px; margin: 15px 0; padding: 11px; border-radius: 9px; background: var(--blue-soft); color: #3f5c7b; font-size: 11px; line-height: 1.5; }
.generation-note svg { flex: 0 0 auto; color: var(--blue); }
.builder-cost { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.builder-cost strong { color: var(--navy); }
.builder-summary .button { width: 100%; }

.report-toolbar,
.editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.report-toolbar > div,
.editor-head > div { display: flex; align-items: center; gap: 8px; }
.report-document { max-width: 1050px; margin: 0 auto; overflow: hidden; border: 1px solid #d4dfeb; border-radius: 15px; background: #fff; box-shadow: var(--shadow); }
.report-cover { display: grid; min-height: 325px; grid-template-columns: 1.5fr 0.7fr; padding: 54px; background: var(--navy); color: #fff; }
.report-cover__main { display: flex; flex-direction: column; justify-content: space-between; }
.report-cover .brand-mark { box-shadow: none; }
.report-cover .brand-copy strong, .report-cover .brand-copy small { color: #fff; }
.report-cover h1 { max-width: 520px; margin: 52px 0 12px; color: #fff; font-size: 36px; letter-spacing: -0.04em; line-height: 1.1; }
.report-cover p { color: #b9c9da; font-size: 14px; }
.report-cover__meta { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: 10px; text-align: right; }
.report-cover__meta span { color: #9db1c5; font-size: 11px; text-transform: uppercase; }
.report-cover__meta strong { font-size: 14px; }
.report-section { padding: 42px 54px; border-bottom: 1px solid var(--line); }
.section-number { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.report-section__title { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 7px 0 24px; }
.report-section__title h2 { margin: 0; font-size: 24px; letter-spacing: -0.03em; }
.report-section__title p { max-width: 440px; margin: 1px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; text-align: right; }
.report-kpis { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 11px; }
.report-kpis > div { padding: 15px; }
.report-kpis > div + div { border-left: 1px solid var(--line); }
.report-kpis span { display: block; color: var(--muted); font-size: 11px; }
.report-kpis strong { display: block; margin: 6px 0 3px; font-size: 19px; }
.report-kpis small { font-size: 10px; }
.report-insights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 16px; }
.report-insight { padding: 14px; border-radius: 9px; background: #f5f8fb; }
.report-insight small { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.report-insight strong { display: block; font-size: 12px; line-height: 1.45; }
.report-insight--green { background: var(--green-soft); color: #11764f; }
.report-insight--red { background: var(--red-soft); color: #b54040; }
.report-insight--blue { background: var(--blue-soft); color: #1459cc; }
.report-insight--cyan { background: var(--cyan-soft); color: #087d73; }
.report-comment { display: flex; gap: 12px; margin-top: 16px; padding: 14px; border-left: 3px solid var(--blue); border-radius: 0 8px 8px 0; background: #f6f9fc; }
.report-comment > span { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 8px; background: var(--navy); color: #fff; font-size: 11px; }
.report-comment strong { display: block; font-size: 11px; }
.report-comment p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.plan-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.plan-table th, .plan-table td { padding: 11px; border-bottom: 1px solid var(--line); text-align: left; }
.plan-table th { color: var(--muted); font-size: 10px; text-transform: uppercase; }

.template-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.template-card { overflow: hidden; transition: .2s; }
.template-card__visual { position: relative; height: 152px; overflow: hidden; padding: 19px; }
.template-card__visual::before, .template-card__visual::after { position: absolute; right: 18px; left: 18px; border-radius: 6px; background: rgba(255,255,255,.88); content: ""; }
.template-card__visual::before { top: 55px; height: 25px; }
.template-card__visual::after { top: 88px; height: 45px; opacity: .68; }
.template-card__visual--blue { background: #dfeaff; color: var(--blue); }
.template-card__visual--green { background: #dff5eb; color: var(--green); }
.template-card__visual--violet { background: #ebe4ff; color: var(--violet); }
.template-card__visual--orange { background: #ffedd7; color: var(--orange); }
.template-card__visual--cyan { background: #dff8f4; color: #0b9a8d; }
.template-card__visual--gray { background: #e9eef3; color: #667b91; }
.mini-logo { position: relative; z-index: 1; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: currentColor; color: #fff; font-size: 12px; font-weight: 800; }
.template-card__body { padding: 17px; }
.template-card__body header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.template-card__body h3 { margin: 0; font-size: 14px; }
.template-card__body p { min-height: 46px; margin: 8px 0 14px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.template-card__body footer { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 11px; }

.template-editor { display: grid; grid-template-columns: 250px 285px minmax(370px, 1fr); min-height: 680px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.editor-sections, .editor-controls { padding: 18px; border-right: 1px solid var(--line); }
.editor-sections header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.editor-sections h3 { margin: 0; font-size: 14px; }
.editor-sections > button { display: grid; width: 100%; grid-template-columns: 18px minmax(0,1fr) 16px; align-items: center; gap: 8px; margin-bottom: 4px; padding: 10px 8px; border-radius: 8px; background: transparent; color: #52687e; font-size: 12px; text-align: left; }
.editor-sections > button:hover { background: #f3f7fa; }
.editor-sections > button.active { background: var(--blue-soft); color: var(--blue); font-weight: 700; }
.drag-handle { color: #a8b5c3; letter-spacing: -2px; }
.editor-controls .eyebrow { margin-bottom: 13px; }
.form-stack { display: grid; gap: 12px; }
.setting-group { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line-soft); }
.setting-group > span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.color-options { display: flex; gap: 8px; }
.color-options button { width: 27px; height: 27px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px var(--line); }
.color-options button:nth-child(1) { background: var(--blue); }
.color-options button:nth-child(2) { background: var(--cyan); }
.color-options button:nth-child(3) { background: var(--violet); }
.color-options button:nth-child(4) { background: var(--navy); }
.color-options button.active { box-shadow: 0 0 0 2px var(--blue); }
.editor-preview { padding: 18px; background: #eef3f8; }
.preview-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; color: var(--muted); font-size: 11px; }
.paper-preview { max-width: 610px; min-height: 600px; margin: 0 auto; padding: 35px; background: #fff; box-shadow: 0 10px 30px rgba(24,49,74,.12); }
.paper-preview h2 { margin: 36px 0 7px; font-size: 23px; }
.paper-preview > p { color: var(--muted); font-size: 12px; }
.paper-label { color: var(--blue); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.paper-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 22px 0; }
.paper-metrics div { padding: 11px; border: 1px solid var(--line); border-radius: 7px; }
.paper-metrics span { display: block; color: var(--muted); font-size: 9px; }
.paper-metrics strong { display: block; margin-top: 5px; font-size: 15px; }
.paper-bars { display: flex; height: 120px; align-items: flex-end; gap: 7px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
.paper-bars i { flex: 1; min-height: 20%; border-radius: 3px 3px 0 0; background: var(--blue); opacity: .82; }
.paper-bars i:nth-child(2n) { background: var(--cyan); }
.paper-note { margin-top: 15px; padding: 12px; border-left: 3px solid var(--blue); background: #f5f8fb; color: var(--muted); font-size: 11px; line-height: 1.5; }

.position-distribution { display: flex; height: 180px; align-items: flex-end; gap: 11px; padding: 12px 2px 0; }
.position-distribution div { display: flex; flex: 1; height: 100%; flex-direction: column; align-items: center; justify-content: flex-end; gap: 7px; }
.position-distribution i { width: min(44px, 70%); min-height: 7px; border-radius: 6px 6px 2px 2px; background: var(--blue); }
.position-distribution span { color: var(--muted); font-size: 10px; }
.position-distribution strong { font-size: 11px; }
.position-distribution .bar--green { background: var(--green); }
.position-distribution .bar--cyan { background: var(--cyan); }
.position-distribution .bar--blue { background: var(--blue); }
.position-distribution .bar--violet { background: var(--violet); }
.position-distribution .bar--orange { background: var(--orange); }
.position-distribution .bar--gray { background: #b9c6d3; }
.potential-card { margin-top: 15px; padding: 13px; border-radius: 9px; background: var(--blue-soft); }
.potential-card span { display: block; color: var(--blue); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.potential-card strong { display: block; margin-top: 6px; font-size: 14px; }
.potential-card p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.position-pill { display: inline-grid; min-width: 34px; height: 25px; place-items: center; border-radius: 7px; background: var(--blue-soft); color: var(--blue); font-size: 12px; font-weight: 750; }

.conversion-grid { grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); }
.funnel { display: grid; gap: 8px; padding: 8px 0; }
.funnel > div { display: grid; min-height: 46px; grid-template-columns: 110px minmax(80px, 1fr) 90px; align-items: center; gap: 12px; color: var(--muted); font-size: 11px; }
.funnel i { display: block; height: 32px; border-radius: 6px; background: linear-gradient(90deg, var(--blue), #4d91ff); }
.funnel > div:nth-child(2) i { background: linear-gradient(90deg, #3f8aff, var(--cyan)); }
.funnel > div:nth-child(3) i { background: linear-gradient(90deg, var(--cyan), var(--green)); }
.funnel strong { color: var(--navy); text-align: right; }
.donut-layout { display: flex; align-items: center; justify-content: center; gap: 25px; min-height: 215px; }
.donut { display: grid; width: 130px; height: 130px; flex: 0 0 130px; place-items: center; border-radius: 50%; background: radial-gradient(circle, #fff 0 48%, transparent 49%), conic-gradient(var(--blue) 0 42%, var(--cyan) 42% 69%, var(--green) 69% 88%, #a8b7c6 88%); }
.donut::after { color: var(--navy); content: "108"; font-size: 21px; font-weight: 750; }
.donut-legend { display: grid; gap: 11px; }
.donut-legend span { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }
.donut-legend i { width: 8px; height: 8px; border-radius: 3px; }
.donut-legend .c1 { background: var(--blue); }
.donut-legend .c2 { background: var(--cyan); }
.donut-legend .c3 { background: var(--green); }
.donut-legend .c4 { background: #a8b7c6; }
.goal-grid { margin-top: 18px; }
.goal-grid > article { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; padding: 16px; }
.goal-grid > article > div { display: flex; flex-direction: column; }
.goal-grid h3 { margin: 0; font-size: 13px; }
.goal-grid strong { margin-top: 7px; font-size: 20px; }
.goal-grid span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.goal-icon--blue, .role-icon--blue { background: var(--blue-soft); color: var(--blue); }
.goal-icon--cyan, .role-icon--cyan { background: var(--cyan-soft); color: #0b9a8d; }
.goal-icon--green { background: var(--green-soft); color: var(--green); }
.goal-icon--orange { background: var(--orange-soft); color: var(--orange); }
.goal-icon--violet { background: var(--violet-soft); color: var(--violet); }

.integration-grid { margin-bottom: 18px; }
.integration-card--connected { border-color: #cfe2da; }
.integration-card { display: flex; min-height: 255px; flex-direction: column; padding: 20px; transition: .2s; }
.integration-card--available { border-style: dashed; }
.integration-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.integration-logo { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 12px; color: #fff; font-size: 17px; font-weight: 850; }
.integration-logo--metrika { background: #f2c30c; color: #302905; }
.integration-logo--webmaster { background: #ef5b50; }
.integration-logo--api { background: var(--navy); }
.integration-meta { margin: 15px 0; }
.integration-meta h3 { margin: 0; font-size: 15px; }
.integration-meta p { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.integration-feature-list { display: grid; gap: 7px; margin: 0 0 15px; padding: 0; list-style: none; color: #4f667d; font-size: 11px; }
.integration-feature-list li::before { margin-right: 7px; color: var(--green); content: "вњ“"; font-weight: 800; }
.integration-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }
.integration-bottom span { color: var(--muted); font-size: 11px; }
.sync-log { display: grid; gap: 1px; }
.sync-log > div { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line-soft); font-size: 12px; }
.sync-log strong { font-size: 12px; }
.sync-log span { color: var(--muted); font-size: 11px; }
.security-callout { display: flex; gap: 12px; margin-top: 18px; padding: 15px; border: 1px solid #cceee9; border-radius: 11px; background: #f3fffd; color: #39706a; }
.security-callout svg { flex: 0 0 auto; color: var(--green); }
.security-callout h3 { margin: 0; font-size: 13px; }
.security-callout p { margin: 5px 0 0; font-size: 11px; line-height: 1.5; }

.billing-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(310px,.75fr); gap: 18px; margin-bottom: 18px; }
.plan-card { position: relative; overflow: hidden; padding: 25px; border-radius: 15px; background: var(--navy); color: #fff; box-shadow: 0 16px 40px rgba(7,26,51,.16); }
.plan-card::after { position: absolute; right: -55px; top: -55px; width: 190px; height: 190px; border: 28px solid rgba(22,199,183,.13); border-radius: 50%; content: ""; }
.plan-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.plan-card h2 { margin: 0; color: #fff; font-size: 22px; }
.plan-card p { margin: 7px 0 0; color: #aebfd0; font-size: 12px; }
.plan-price { margin-top: 27px; font-size: 31px; font-weight: 760; letter-spacing: -.035em; }
.plan-price small { color: #aebfd0; font-size: 13px; font-weight: 500; }
.plan-renew { margin-top: 9px; color: #aebfd0; font-size: 11px; }
.limit-list { display: grid; gap: 13px; }
.billing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.payment-method { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; }
.card-logo { display: grid; width: 42px; height: 29px; place-items: center; border-radius: 6px; background: #1d4d92; color: #fff; font-size: 10px; font-weight: 800; }
.payment-method div { display: flex; flex: 1; flex-direction: column; }
.payment-method strong { font-size: 12px; }
.payment-method small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.legal-entity { margin-top: 14px; padding: 13px; border-radius: 10px; background: #f4f7fa; }
.legal-entity span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.legal-entity strong { display: block; margin-top: 5px; font-size: 12px; }

.role-cards { margin-bottom: 18px; }
.role-cards > article { display: grid; grid-template-columns: 39px minmax(0,1fr); gap: 12px; padding: 16px; }
.role-cards h3 { margin: 0; font-size: 13px; }
.role-cards p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.role-icon--gray { background: #eef2f5; color: #6a7f93; }
.team-note { display: flex; align-items: center; gap: 9px; margin-top: 14px; padding: 12px; border-radius: 9px; background: var(--blue-soft); color: #496786; font-size: 11px; }

.settings-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 18px; }
.settings-nav { position: sticky; top: 89px; display: grid; padding: 7px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.settings-nav button { padding: 10px 11px; border-radius: 8px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 650; text-align: left; }
.settings-nav button:hover { background: #f3f7fa; color: var(--navy); }
.settings-nav button.active { background: var(--blue-soft); color: var(--blue); }
.settings-content { min-width: 0; }
.profile-form, .branding-form { display: grid; gap: 18px; }
.avatar-setting { display: flex; align-items: center; gap: 13px; padding-bottom: 17px; border-bottom: 1px solid var(--line-soft); }
.avatar-setting > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 14px; background: var(--navy); color: #fff; font-size: 15px; font-weight: 800; }
.avatar-setting div { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.avatar-setting small { color: var(--muted); font-size: 11px; }
.brand-upload { display: grid; min-height: 125px; place-items: center; border: 1px dashed #b8c9da; border-radius: 10px; background: #f9fbfd; text-align: center; }
.brand-upload > div { display: flex; flex-direction: column; align-items: center; }
.brand-upload strong { margin-top: 7px; font-size: 12px; }
.brand-upload span { margin-top: 4px; color: var(--muted); font-size: 10px; }
.color-field { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 5px 10px; border: 1px solid var(--line); border-radius: 9px; }
.color-field i { width: 22px; height: 22px; border-radius: 6px; background: var(--blue); }
.color-field code { color: var(--muted); font-size: 12px; }
.toggle-list--settings label { justify-content: space-between; }
.form-actions { display: flex; justify-content: flex-end; gap: 9px; padding-top: 15px; border-top: 1px solid var(--line-soft); }

.admin-hero { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding: 19px 21px; border: 1px solid #d5e1ee; border-radius: 14px; background: linear-gradient(110deg, #0b203a, #12395b); color: #fff; box-shadow: 0 12px 30px rgba(7,26,51,.13); }
.admin-mark { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 12px; background: rgba(255,255,255,.1); color: #56e2d2; }
.admin-hero h1 { margin: 0; color: #fff; font-size: 20px; }
.admin-hero p { margin: 5px 0 0; color: #aec2d6; font-size: 11px; }
.admin-hero > span:last-child { margin-left: auto; }
.admin-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px; }
.admin-kpis > article { display: grid; grid-template-columns: 38px 1fr; gap: 11px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.admin-kpis small { display: block; color: var(--muted); font-size: 10px; }
.admin-kpis strong { display: block; margin-top: 4px; font-size: 18px; }
.admin-kpi-icon--blue { background: var(--blue-soft); color: var(--blue); }
.admin-kpi-icon--green { background: var(--green-soft); color: var(--green); }
.admin-kpi-icon--orange { background: var(--orange-soft); color: var(--orange); }
.admin-kpi-icon--red { background: var(--red-soft); color: var(--red); }
.admin-kpi-icon--cyan { background: var(--cyan-soft); color: #0b9488; }
.admin-kpi-icon--violet { background: var(--violet-soft); color: var(--violet); }
.queue-chart { display: flex; height: 130px; align-items: flex-end; gap: 6px; padding-top: 10px; }
.queue-chart i { flex: 1; min-height: 10%; border-radius: 4px 4px 1px 1px; background: var(--blue); opacity: .78; }
.queue-chart i:nth-child(3n) { background: var(--cyan); }
.queue-stats { display: flex; gap: 15px; margin-top: 12px; }
.queue-stats span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; }
.queue-stats i { width: 7px; height: 7px; border-radius: 2px; }
.queue-stats .s1 { background: var(--blue); }
.queue-stats .s2 { background: var(--cyan); }
.queue-stats .s3 { background: var(--orange); }
.admin-alerts { display: grid; gap: 4px; }
.admin-alerts > div { display: grid; grid-template-columns: 31px 1fr; gap: 9px; padding: 9px; border-radius: 8px; }
.admin-alerts > div:hover { background: #f6f9fb; }
.admin-alerts strong { display: block; font-size: 11px; }
.admin-alerts p { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.alert-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; }
.alert-icon--red { background: var(--red-soft); color: var(--red); }
.alert-icon--orange { background: var(--orange-soft); color: var(--orange); }
.alert-icon--blue { background: var(--blue-soft); color: var(--blue); }
.mono { font-family: var(--font-geist-mono), monospace; font-size: 11px; }

.empty-state { display: flex; min-height: 260px; flex-direction: column; align-items: center; justify-content: center; padding: 35px; text-align: center; }
.empty-state > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; background: var(--blue-soft); color: var(--blue); }
.empty-state h3 { margin: 15px 0 6px; font-size: 15px; }
.empty-state p { max-width: 360px; margin: 0 0 16px; color: var(--muted); font-size: 12px; line-height: 1.5; }

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5, 18, 35, 0.55);
  backdrop-filter: blur(4px);
  animation: fade .18s ease-out;
}

.modal {
  width: min(100%, 510px);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--shadow-lg);
  animation: modalIn .22s ease-out;
}

.modal > header { display: grid; grid-template-columns: 38px minmax(0,1fr) 34px; align-items: start; gap: 11px; padding: 20px 20px 15px; border-bottom: 1px solid var(--line-soft); }
.modal-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: var(--blue-soft); color: var(--blue); }
.modal h2 { margin: 0; font-size: 16px; }
.modal header p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.modal-body { display: grid; gap: 13px; padding: 18px 20px 20px; }
.modal-source-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.modal footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--line-soft); background: #fbfdff; }

.toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 120;
  display: flex;
  max-width: 390px;
  align-items: center;
  gap: 9px;
  padding: 13px 15px;
  border: 1px solid #bfe5d7;
  border-radius: 11px;
  background: #f1fff9;
  color: #1e684e;
  box-shadow: var(--shadow-lg);
  font-size: 12px;
  font-weight: 650;
  animation: toastIn .22s ease-out;
}

.toast::before { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: var(--green); color: #fff; content: "вњ“"; font-size: 12px; }

/* Expanded inner pages */
.project-hero--compact { align-items: center; }
.project-hero--compact .project-hero__identity > div:last-child { margin-top: 5px; }
.toolbar--embedded { margin: 0 0 14px; padding: 0; border: 0; }
.report-tabs, .admin-tabs { width: fit-content; max-width: 100%; }

.report-context-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.report-context-head h1 {
  margin: 4px 0 0;
  font-size: 29px;
  letter-spacing: -.035em;
}

.report-context-head p { margin: 7px 0 0; color: var(--muted); font-size: 14px; }
.report-context-head .eyebrow { margin: 10px 0 4px; }
.report-context-head--editor { align-items: center; }
.autosave-state { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13px; }
.autosave-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }

.report-status-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(290px, .75fr);
  gap: 18px;
  margin-bottom: 18px;
}
.report-status-main { min-height: 265px; }

.workflow-timeline { display: grid; grid-template-columns: repeat(4, 1fr); margin: 8px 0 22px; }
.workflow-step { position: relative; display: flex; align-items: center; gap: 10px; }
.workflow-step::after { position: absolute; top: 16px; right: 8px; left: 42px; height: 2px; background: var(--line); content: ""; }
.workflow-step:last-child::after { display: none; }
.workflow-step > span { position: relative; z-index: 1; display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--muted); }
.workflow-step--done > span { border-color: var(--green); background: var(--green); color: #fff; }
.workflow-step--done::after { background: #a8e0cb; }
.workflow-step--active > span { border-color: var(--blue); background: var(--blue); color: #fff; box-shadow: 0 0 0 5px var(--blue-soft); }
.workflow-step > div { display: flex; min-width: 0; flex-direction: column; padding-right: 10px; }
.workflow-step strong { font-size: 13px; line-height: 1.3; }
.workflow-step small { margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.35; }

.report-health-row { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 10px; background: #fbfdff; }
.report-health-row > div { display: flex; flex-direction: column; padding: 13px; }
.report-health-row > div + div { border-left: 1px solid var(--line); }
.report-health-row span { color: var(--muted); font-size: 11px; }
.report-health-row strong { margin-top: 5px; font-size: 16px; }

.action-stack { display: grid; }
.action-stack > button { display: grid; grid-template-columns: 36px minmax(0,1fr) 18px; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); background: transparent; text-align: left; }
.action-stack > button:last-child { border-bottom: 0; }
.action-stack > button:hover strong { color: var(--blue); }
.action-stack__icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; background: var(--blue-soft); color: var(--blue); }
.action-stack > button div { display: flex; flex-direction: column; }
.action-stack strong { font-size: 13px; }
.action-stack small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.35; }

.detail-list { display: grid; margin: 0; }
.detail-list > div { display: grid; grid-template-columns: minmax(120px,.7fr) 1.3fr; align-items: center; min-height: 45px; border-bottom: 1px solid var(--line-soft); }
.detail-list > div:last-child { border-bottom: 0; }
.detail-list dt { color: var(--muted); font-size: 12px; }
.detail-list dd { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 13px; font-weight: 650; }

.delivery-summary { display: grid; gap: 15px; }
.delivery-link { display: grid; grid-template-columns: 35px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #ccebe2; border-radius: 10px; background: #f4fffb; }
.delivery-link > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 9px; background: var(--green-soft); color: var(--green); }
.delivery-link > div, .recipient-list > div > div { display: flex; flex-direction: column; }
.delivery-link strong, .recipient-list strong { font-size: 12px; }
.delivery-link small, .recipient-list small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.recipient-list { display: grid; gap: 4px; }
.recipient-list > span { margin-bottom: 3px; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.recipient-list > div { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 8px 0; }
.recipient-list > div > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: #e7eef6; color: #4c637a; font-size: 11px; font-style: normal; font-weight: 800; }

.report-editor-shell { display: grid; grid-template-columns: 245px minmax(500px,1fr) 265px; min-height: 760px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.report-outline, .report-inspector { padding: 17px; background: #fff; }
.report-outline { border-right: 1px solid var(--line); }
.report-inspector { border-left: 1px solid var(--line); }
.report-outline header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.report-outline header > div { display: flex; flex-direction: column; }
.report-outline header strong { font-size: 14px; }
.report-outline header small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.report-outline > div { display: grid; gap: 3px; margin-bottom: 12px; }
.report-outline > div > button { display: grid; grid-template-columns: 15px 21px minmax(0,1fr) 15px; align-items: center; gap: 7px; padding: 9px 8px; border-radius: 8px; background: transparent; color: #607489; text-align: left; }
.report-outline > div > button:hover { background: #f3f7fa; color: var(--navy); }
.report-outline > div > button.active { background: var(--blue-soft); color: var(--blue); }
.report-outline > div > button i { font-size: 10px; font-style: normal; font-weight: 800; }
.report-outline > div > button strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.report-edit-canvas { min-width: 0; padding: 18px; background: #eef3f8; }
.edit-mode-switch { display: flex; width: fit-content; gap: 3px; margin: 0 auto 13px; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.edit-mode-switch button { display: flex; min-height: 31px; align-items: center; gap: 6px; padding: 0 10px; border-radius: 7px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 700; }
.edit-mode-switch button.active { background: var(--navy); color: #fff; }
.editable-report-block { max-width: 760px; min-height: 680px; margin: 0 auto; padding: 35px; background: #fff; box-shadow: 0 12px 30px rgba(24,49,74,.11); }
.inline-title-field { display: flex; flex-direction: column; gap: 6px; margin: 15px 0; color: var(--muted); font-size: 11px; font-weight: 650; }
.inline-title-field input, .inline-title-field textarea { width: 100%; border: 1px solid transparent; border-radius: 8px; outline: 0; background: #f7f9fc; color: var(--navy); }
.inline-title-field input { padding: 9px 10px; font-size: 22px; font-weight: 760; letter-spacing: -.03em; }
.inline-title-field textarea { min-height: 65px; padding: 10px; font-size: 13px; line-height: 1.55; resize: vertical; }
.inline-title-field input:focus, .inline-title-field textarea:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 3px rgba(23,107,255,.09); }
.editable-insight-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 18px 0; }
.editable-insight { display: flex; min-height: 84px; flex-direction: column; padding: 12px; border: 1px solid transparent; border-radius: 9px; text-align: left; }
.editable-insight:hover { border-color: currentColor; }
.editable-insight small { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.editable-insight strong { margin-top: 5px; color: var(--navy); font-size: 12px; line-height: 1.4; }
.editable-insight span { margin-top: auto; padding-top: 7px; color: var(--muted); font-size: 10px; }
.editable-insight--green { background: var(--green-soft); color: var(--green); }
.editable-insight--red { background: var(--red-soft); color: var(--red); }
.editable-insight--blue { background: var(--blue-soft); color: var(--blue); }
.editable-insight--cyan { background: var(--cyan-soft); color: #0b9488; }
.specialist-comment { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px; margin-top: 15px; padding: 12px; border-left: 3px solid var(--blue); background: #f5f8fb; }
.specialist-comment > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; background: var(--navy); color: #fff; font-size: 11px; font-weight: 800; }
.specialist-comment label { display: block; margin-bottom: 5px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.specialist-comment textarea { width: 100%; min-height: 60px; border: 0; outline: 0; background: transparent; color: #40566c; font-size: 11px; line-height: 1.5; resize: vertical; }
.client-preview-card h2 { margin: 10px 0 8px; font-size: 25px; }
.client-preview-card > p { color: var(--muted); font-size: 13px; }
.client-preview-card .report-kpis { margin: 24px 0 8px; }
.report-inspector .eyebrow { margin-bottom: 5px; }
.report-inspector h3 { margin: 0 0 6px; font-size: 15px; }
.report-inspector .form-stack { margin-top: 16px; }
.danger-link { margin-top: 20px; padding: 0; background: transparent; color: var(--red); font-size: 11px; font-weight: 700; }

.report-settings-layout { grid-template-columns: 250px minmax(0,1fr); }
.settings-nav--described button { display: grid; grid-template-columns: minmax(0,1fr) 16px; align-items: center; gap: 8px; }
.settings-nav--described button > span { display: flex; min-width: 0; flex-direction: column; }
.settings-nav--described button strong { font-size: 12px; }
.settings-nav--described button small { margin-top: 3px; color: #8a9bad; font-size: 10px; font-weight: 500; }
.settings-nav--described button.active small { color: #5887d2; }
.settings-section-stack { display: grid; gap: 14px; }
.setting-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.setting-card--accent { border-color: #cfe0fa; background: #f5f9ff; }
.setting-card > div { display: flex; flex-direction: column; }
.setting-card strong { font-size: 13px; }
.setting-card p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.switch { position: relative; display: inline-flex; flex: 0 0 auto; }
.switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.switch i { position: relative; display: block; width: 38px; height: 22px; border-radius: 999px; background: #cbd6e1; transition: .2s; }
.switch i::after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(20,42,64,.2); content: ""; transition: .2s; }
.switch input:checked + i { background: var(--blue); }
.switch input:checked + i::after { transform: translateX(16px); }
.sticky-save-bar { position: sticky; bottom: 15px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.95); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.sticky-save-bar > span { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }
.sticky-save-bar > span i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.sticky-save-bar > div { display: flex; gap: 7px; }
.settings-callout { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid #cae0fb; border-radius: 10px; background: #f5f9ff; color: var(--blue); }
.settings-callout > svg { justify-self: center; }
.settings-callout > div { color: var(--navy); }
.settings-callout strong { font-size: 12px; }
.settings-callout p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.source-priority-list, .section-config-list, .api-key-list { display: grid; gap: 7px; }
.source-priority-list article { display: grid; grid-template-columns: 34px minmax(0,1fr) 108px 40px; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.source-priority-list article > div, .section-config-list article > div { display: flex; flex-direction: column; }
.source-priority-list strong, .section-config-list strong { font-size: 12px; }
.source-priority-list small, .section-config-list small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.field--inline { gap: 3px; }
.field--inline select { min-height: 34px; }
.section-config-list article { display: grid; grid-template-columns: 16px 25px minmax(0,1fr) auto 40px 32px; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 9px; background: #fff; }
.section-config-list article > i { color: var(--blue); font-size: 11px; font-style: normal; font-weight: 800; }
.branding-settings-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(270px,.65fr); gap: 18px; }
.brand-upload--large { min-height: 112px; grid-template-columns: 1fr auto; padding: 18px; }
.brand-upload--large > div { display: flex; align-items: flex-end; flex-direction: column; gap: 6px; }
.brand-upload--large small { color: var(--muted); font-size: 10px; }
.brand-live-preview { padding: 13px; border-radius: 12px; background: #eef3f8; }
.brand-live-preview > span { display: block; margin-bottom: 9px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.brand-live-preview > div { display: flex; min-height: 390px; flex-direction: column; padding: 27px; border-radius: 6px; background: var(--navy); color: #fff; box-shadow: 0 10px 25px rgba(7,26,51,.15); }
.brand-live-preview > div > small { margin-top: 80px; color: #73a1e9; font-size: 10px; font-weight: 800; }
.brand-live-preview h2 { margin: 9px 0 8px; color: #fff; font-size: 25px; line-height: 1.15; }
.brand-live-preview p { color: #adbed0; font-size: 12px; line-height: 1.5; }
.brand-live-preview footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: auto; color: #9fb2c5; font-size: 10px; }
.brand-live-preview--workspace > div { min-height: 290px; background: #fff; color: var(--navy); }
.brand-live-preview--workspace h2 { margin-top: 65px; color: var(--navy); }
.brand-live-preview--workspace p { color: var(--muted); }
.brand-live-preview--workspace .button { align-self: flex-start; margin-top: 16px; }
.copy-field { display: flex; gap: 7px; }
.copy-field input { flex: 1; }
.access-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.access-options article { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; }
.access-options article > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; background: var(--blue-soft); color: var(--blue); }
.access-options article > div { display: flex; flex-direction: column; }
.access-options article strong { font-size: 12px; }
.access-options article p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.4; }
.schedule-builder { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 17px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; }
.next-run { display: flex; align-items: center; gap: 12px; padding: 13px; border-radius: 10px; background: #f4f8fc; }
.next-run > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.next-run > div span { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.next-run > div strong { margin-top: 5px; font-size: 12px; }
.next-run > div small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.recipient-editor { display: grid; gap: 4px; }
.recipient-editor .section-title { align-items: center; margin-bottom: 3px; }
.recipient-editor .section-title p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.recipient-editor > div:not(.section-title) { display: grid; grid-template-columns: 34px minmax(0,1fr) 155px 32px; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 9px; }
.recipient-editor > div > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #e6eef6; color: #526b84; font-size: 11px; font-weight: 800; }
.recipient-editor > div > div { display: flex; flex-direction: column; }
.recipient-editor strong { font-size: 12px; }
.recipient-editor small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.recipient-editor select { min-height: 34px; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 11px; }
.notification-matrix { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.notification-matrix > header, .notification-matrix > div { display: grid; grid-template-columns: minmax(240px,1fr) 80px 80px 80px; align-items: center; }
.notification-matrix > header { min-height: 38px; background: #f3f6f9; color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.notification-matrix > header span { padding: 0 12px; text-align: center; }
.notification-matrix > header span:first-child { text-align: left; }
.notification-matrix > div { min-height: 57px; border-top: 1px solid var(--line-soft); }
.notification-matrix > div > div { display: flex; flex-direction: column; padding: 9px 12px; }
.notification-matrix strong { font-size: 12px; }
.notification-matrix small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.matrix-check { position: relative; display: grid; height: 100%; place-items: center; border-left: 1px solid var(--line-soft); }
.matrix-check input { position: absolute; opacity: 0; }
.matrix-check span { display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid var(--line); border-radius: 6px; color: transparent; }
.matrix-check input:checked + span { border-color: var(--blue); background: var(--blue); color: #fff; }
.version-list { display: grid; gap: 5px; }
.version-list article { display: grid; grid-template-columns: 38px minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--line-soft); border-radius: 9px; }
.version-number { display: grid; width: 38px; height: 34px; place-items: center; border-radius: 8px; background: var(--blue-soft); color: var(--blue); font-size: 12px; font-weight: 800; }
.version-list article > div { display: flex; flex-direction: column; }
.version-list strong { font-size: 12px; }
.version-list small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.activity-feed { display: grid; }
.activity-feed > div { display: grid; grid-template-columns: 31px minmax(0,1fr); gap: 9px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.activity-feed > div:last-child { border-bottom: 0; }
.feed-avatar { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; font-size: 10px; font-weight: 800; }
.feed-avatar--green { background: var(--green-soft); color: var(--green); }
.feed-avatar--blue { background: var(--blue-soft); color: var(--blue); }
.feed-avatar--cyan { background: var(--cyan-soft); color: #0b9488; }
.feed-avatar--gray { background: #eef2f6; color: #6d8195; }
.activity-feed > div > div { display: flex; flex-direction: column; }
.activity-feed strong { font-size: 11px; }
.activity-feed small { margin-top: 4px; color: var(--muted); font-size: 10px; }

.security-score { display: flex; align-items: center; gap: 18px; padding: 15px; border: 1px solid #cbe9dc; border-radius: 11px; background: #f5fffa; }
.security-score .health-ring { width: 78px; height: 78px; flex-basis: 78px; }
.security-score h3 { margin: 9px 0 4px; font-size: 14px; }
.security-score p { margin: 0; color: var(--muted); font-size: 11px; }
.danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid #f0caca; border-radius: 10px; background: #fff8f8; }
.danger-zone strong { color: #ba3c3c; font-size: 12px; }
.danger-zone p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.api-key-list article { display: grid; grid-template-columns: 39px minmax(180px,1fr) minmax(150px,.7fr) auto 32px; align-items: center; gap: 11px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; }
.api-key-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 9px; background: var(--navy); color: #fff; font-size: 10px; font-weight: 800; }
.api-key-list article > div { display: flex; flex-direction: column; }
.api-key-list strong { font-size: 11px; }
.api-key-list code { margin-top: 4px; color: var(--muted); font-size: 10px; }
.api-key-list small { color: var(--muted); font-size: 10px; }
.webhook-card { display: grid; grid-template-columns: 39px minmax(0,1fr) auto auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.webhook-card > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 9px; background: var(--cyan-soft); color: #0b9488; }
.webhook-card > div { display: flex; min-width: 0; flex-direction: column; }
.webhook-card strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.webhook-card small { margin-top: 4px; color: var(--muted); font-size: 10px; }

.admin-hero--compact { margin-bottom: 12px; }
.table-progress { position: relative; display: flex; width: 100px; height: 23px; align-items: center; overflow: hidden; border-radius: 7px; background: #edf2f6; }
.table-progress i { position: absolute; inset: 0 auto 0 0; background: #cfe0fa; }
.table-progress span { position: relative; z-index: 1; width: 100%; color: #315578; font-size: 10px; font-weight: 750; text-align: center; }
.event-code { padding: 4px 6px; border-radius: 6px; background: #eef3f7; color: #4b6177; font-size: 10px; }

@keyframes pop { from { opacity: 0; transform: translateY(-5px) scale(.98); } }
@keyframes fade { from { opacity: 0; } }
@keyframes modalIn { from { opacity: 0; transform: translateY(10px) scale(.98); } }
@keyframes toastIn { from { opacity: 0; transform: translateY(8px); } }

@media (max-width: 1240px) {
  .app-frame { grid-template-columns: 232px minmax(0, 1fr); }
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-card-grid, .template-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .template-editor { grid-template-columns: 220px 260px minmax(340px, 1fr); }
  .topbar, .page-content { padding-right: 24px; padding-left: 24px; }
  .profile-button div { display: none; }
  .report-editor-shell { grid-template-columns: 215px minmax(440px,1fr); }
  .report-inspector { grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 980px) {
  .app-frame { display: block; }
  .sidebar { position: fixed; left: 0; top: 0; z-index: 80; width: 276px; transform: translateX(-104%); box-shadow: var(--shadow-lg); transition: transform .25s ease; }
  .sidebar--open { transform: translateX(0); }
  .sidebar-scrim { position: fixed; inset: 0; z-index: 70; display: block; background: rgba(7,26,51,.38); }
  .mobile-close { position: absolute; right: 12px; top: 12px; display: grid; width: 33px; height: 33px; place-items: center; border-radius: 8px; background: #f1f5f8; }
  .mobile-menu { display: grid; width: 36px; height: 36px; place-items: center; margin-right: 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
  .overview-grid, .project-detail-grid, .visibility-grid, .conversion-grid, .admin-grid { grid-template-columns: 1fr; }
  .integration-grid, .goal-grid, .role-cards, .scheduled-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .builder-layout { grid-template-columns: 1fr; }
  .builder-summary__sticky { position: static; }
  .template-editor { grid-template-columns: 210px minmax(280px, 1fr); }
  .editor-preview { grid-column: 1 / -1; }
  .billing-hero { grid-template-columns: 1fr; }
  .admin-kpis { grid-template-columns: repeat(2, 1fr); }
  .report-status-grid { grid-template-columns: 1fr; }
  .workflow-timeline { grid-template-columns: repeat(2, 1fr); gap: 15px 0; }
  .workflow-step:nth-child(2)::after { display: none; }
  .branding-settings-grid, .schedule-builder { grid-template-columns: 1fr; }
  .report-settings-layout { grid-template-columns: 215px minmax(0,1fr); }
}

@media (max-width: 720px) {
  .topbar { min-height: 62px; padding: 0 14px; }
  .page-content { padding: 24px 14px 58px; }
  .breadcrumbs span, .breadcrumbs button { display: none; }
  .date-button span { display: none; }
  .profile-button { display: none; }
  .page-heading, .project-hero, .report-toolbar, .editor-head, .report-context-head { align-items: flex-start; flex-direction: column; }
  .page-heading__actions, .project-hero__actions { width: 100%; }
  .page-heading__actions .button, .project-hero__actions .button { flex: 1; }
  .kpi-grid, .kpi-grid--three { grid-template-columns: 1fr; }
  .insight-grid, .project-card-grid, .template-card-grid, .integration-grid, .goal-grid, .role-cards, .scheduled-grid { grid-template-columns: 1fr; }
  .panel { padding: 17px; }
  .toolbar, .admin-toolbar { align-items: stretch; flex-direction: column; }
  .search-field { min-width: 0; }
  .toolbar__filters { overflow-x: auto; }
  .usage-banner { grid-template-columns: auto 1fr; }
  .usage-meter, .usage-banner .button { grid-column: 1 / -1; }
  .stepper { display: flex; overflow-x: auto; }
  .step { min-width: 118px; }
  .step::after { display: none; }
  .form-grid, .form-grid--two, .date-form, .source-selector, .template-picker { grid-template-columns: 1fr; }
  .field--wide { grid-column: auto; }
  .report-cover { min-height: 360px; grid-template-columns: 1fr; padding: 30px 24px; }
  .report-cover h1 { margin-top: 44px; font-size: 28px; }
  .report-cover__meta { align-items: flex-start; margin-top: 30px; text-align: left; }
  .report-section { padding: 30px 20px; }
  .report-section__title { flex-direction: column; }
  .report-section__title p { text-align: left; }
  .report-kpis, .report-insights { grid-template-columns: repeat(2, 1fr); }
  .report-kpis > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .report-kpis > div:nth-child(4) { border-top: 1px solid var(--line); }
  .template-editor { display: block; }
  .editor-sections, .editor-controls { border-right: 0; border-bottom: 1px solid var(--line); }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { position: static; display: flex; overflow-x: auto; }
  .settings-nav button { white-space: nowrap; }
  .billing-grid { grid-template-columns: 1fr; }
  .admin-kpis { grid-template-columns: 1fr; }
  .funnel > div { grid-template-columns: 84px minmax(60px, 1fr) 64px; }
  .donut-layout { flex-direction: column; }
  .modal-source-options { grid-template-columns: 1fr; }
  .toast { right: 14px; bottom: 14px; left: 14px; }
  .workflow-timeline { grid-template-columns: 1fr; }
  .workflow-step::after { display: none; }
  .report-health-row { grid-template-columns: repeat(2,1fr); }
  .report-health-row > div:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .report-health-row > div:nth-child(4) { border-top: 1px solid var(--line); }
  .report-editor-shell { display: block; }
  .report-outline, .report-inspector { border: 0; border-bottom: 1px solid var(--line); }
  .editable-report-block { min-height: 0; padding: 22px 16px; }
  .editable-insight-grid, .access-options { grid-template-columns: 1fr; }
  .report-settings-layout { grid-template-columns: 1fr; }
  .settings-callout { grid-template-columns: 34px minmax(0,1fr); }
  .settings-callout > :last-child { grid-column: 1 / -1; }
  .source-priority-list article { grid-template-columns: 34px minmax(0,1fr) 82px; }
  .source-priority-list article .switch { grid-column: 1 / -1; justify-self: end; }
  .section-config-list article { grid-template-columns: 15px 22px minmax(0,1fr) 35px 32px; }
  .section-config-list article .badge { display: none; }
  .notification-matrix { overflow-x: auto; }
  .notification-matrix > header, .notification-matrix > div { min-width: 610px; }
  .recipient-editor > div:not(.section-title) { grid-template-columns: 34px minmax(0,1fr) 32px; }
  .recipient-editor select { grid-column: 2 / -1; }
  .version-list article { grid-template-columns: 38px minmax(0,1fr) auto; }
  .version-list article .button { grid-column: 2 / -1; }
  .api-key-list article { grid-template-columns: 39px minmax(0,1fr) 32px; }
  .api-key-list article > div:nth-of-type(2), .api-key-list article .badge { grid-column: 2 / -1; }
  .webhook-card { grid-template-columns: 39px minmax(0,1fr) auto; }
  .webhook-card .button { grid-column: 2 / -1; }
  .sticky-save-bar { align-items: stretch; flex-direction: column; }
  .sticky-save-bar > div { justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* v138 bridge: map the working Django pages to the imported all-pages prototype tokens. */

body[data-design-release="v138-all-pages-design"] {
  --v138-navy: var(--navy);
  --v138-navy-2: var(--navy-2);
  --v138-muted: var(--muted);
  --v138-muted-2: var(--muted-2);
  --v138-canvas: var(--canvas);
  --v138-surface: var(--surface);
  --v138-line: var(--line);
  --v138-line-soft: var(--line-soft);
  --v138-blue: var(--blue);
  --v138-blue-dark: var(--blue-dark);
  --v138-blue-soft: var(--blue-soft);
  --v138-cyan: var(--cyan);
  --v138-cyan-soft: var(--cyan-soft);
  --v138-green: var(--green);
  --v138-green-soft: var(--green-soft);
  --v138-orange: var(--orange);
  --v138-orange-soft: var(--orange-soft);
  --v138-red: var(--red);
  --v138-red-soft: var(--red-soft);
  --v138-violet: var(--violet);
  --v138-violet-soft: var(--violet-soft);
  --v138-shadow: var(--shadow);
  --v138-shadow-lg: var(--shadow-lg);
  --v138-radius: var(--radius);
  --v138-radius-sm: var(--radius-sm);
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-brand__mark {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
  background: var(--blue) !important;
  box-shadow: 0 8px 20px rgba(23, 107, 255, 0.25) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-brand__mark::before {
  content: "" !important;
  position: absolute !important;
  inset: 11px 10px 9px 10px !important;
  background:
    linear-gradient(#fff, #fff) 0 100% / 4px 7px no-repeat,
    linear-gradient(#fff, #fff) 7px 100% / 4px 12px no-repeat,
    linear-gradient(#fff, #fff) 14px 100% / 4px 18px no-repeat !important;
  border-radius: 2px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-brand__mark::after {
  content: "" !important;
  position: absolute !important;
  right: 7px !important;
  top: 7px !important;
  width: 7px !important;
  height: 7px !important;
  border: 2px solid #56e2d2 !important;
  border-radius: 50% !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-brand__mark {
  font-size: 0 !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-brand strong {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.11em !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-brand small,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-help small,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-sidebar__footer small {
  font-size: 12px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-nav__item {
  min-height: 42px !important;
  gap: 11px !important;
  margin: 2px 0 !important;
  padding: 9px 11px !important;
  border-radius: 9px !important;
  color: #4d6278 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: background 0.18s, color 0.18s, transform 0.18s !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-nav__item span {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
  border-radius: 8px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-nav__item:hover {
  transform: translateX(2px) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-nav__item.is-active {
  background: var(--blue-soft) !important;
  color: var(--blue) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-kicker,
body.seosrez-internal-body :is(.rw-kicker, .sw-kicker, .cw-kicker, .kw-kicker, .tw-kicker, .bw-kicker, .stw-kicker, .cl-kicker, .ew-kicker, .stf-kicker, .workspace-kicker, .ws-kicker, .am-kicker) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 4px 10px !important;
  border: 1px solid #c9ddff !important;
  border-radius: 999px !important;
  background: var(--blue-soft) !important;
  color: var(--blue) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.seosrez-internal-body :is(.lk-btn, .rw-btn, .sw-btn, .cw-btn, .kw-btn, .tw-btn, .bw-btn, .stw-btn, .cl-btn, .ew-btn, .stf-btn, .workspace-btn, .ws-btn, .am-btn),
body.seosrez-internal-body :is(.lk-chip, .rw-chip, .sw-chip, .cw-chip, .kw-chip, .tw-chip, .bw-chip, .stw-chip, .cl-chip, .ew-chip, .stf-chip, .workspace-chip, .ws-chip, .am-chip) {
  min-height: 40px !important;
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--navy) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  box-shadow: 0 7px 18px rgba(25, 56, 88, 0.035) !important;
}

body.seosrez-internal-body :is(.lk-btn--primary, .rw-btn--primary, .sw-btn--primary, .cw-btn--primary, .kw-btn--primary, .tw-btn--primary, .bw-btn--primary, .stw-btn--primary, .cl-btn--primary, .ew-btn--primary, .stf-btn--primary, .workspace-btn--primary, .ws-btn--primary, .am-btn--primary) {
  border-color: var(--blue) !important;
  background: var(--blue) !important;
  color: #fff !important;
  box-shadow: 0 13px 24px rgba(23, 107, 255, 0.2) !important;
}

body.seosrez-internal-body :is(.lk-btn--primary, .rw-btn--primary, .sw-btn--primary, .cw-btn--primary, .kw-btn--primary, .tw-btn--primary, .bw-btn--primary, .stw-btn--primary, .cl-btn--primary, .ew-btn--primary, .stf-btn--primary, .workspace-btn--primary, .ws-btn--primary, .am-btn--primary):hover {
  background: var(--blue-dark) !important;
}

body.seosrez-internal-body :is(.lk-section, .lk-ops-panel, .lk-side-card, .lk-project-card, .lk-signal-card, .rw-section, .sw-section, .cw-section, .kw-section, .tw-section, .bw-section, .stw-section, .cl-section, .ew-section, .stf-section, .workspace-section, .ws-section, .am-section) {
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--shadow) !important;
}

body.seosrez-internal-body :is(.lk-section__head, .rw-section__head, .sw-section__head, .cw-section__head, .kw-section__head, .tw-section__head, .bw-section__head, .stw-section__head, .cl-section__head, .ew-section__head, .stf-section__head, .workspace-section__head, .ws-section__head, .am-section__head) h2 {
  color: var(--navy) !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.seosrez-internal-body :is(.lk-section__head, .rw-section__head, .sw-section__head, .cw-section__head, .kw-section__head, .tw-section__head, .bw-section__head, .stw-section__head, .cl-section__head, .ew-section__head, .stf-section__head, .workspace-section__head, .ws-section__head, .am-section__head) p {
  color: var(--muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.seosrez-internal-body :is(.lk-risk-table, .lk-report-table, .rw-table, .kw-table, .cw-task-table, .bw-order-table, .table-wrap) {
  overflow-x: auto !important;
  border-radius: 12px !important;
}

body.seosrez-internal-body :is(.lk-risk-row--head, .lk-report-row--head, .rw-table__head, .kw-table__head, .cw-task-table__head, .bw-order-table__head) {
  background: #f8fbfd !important;
  color: #73869a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.seosrez-internal-body :is(.lk-risk-row, .lk-report-row, .rw-table__row, .kw-table__row, .cw-task-row, .bw-order-row) {
  border-bottom: 1px solid var(--line-soft) !important;
  color: var(--navy) !important;
  font-size: 14px !important;
}
/*
  SEOSREZ v138 dashboard full prototype polish styles.
  The layer mirrors the internal-pages prototype while staying additive:
  it normalizes visual rhythm for the cabinet and admin without changing data.
*/
:root {
  --v138-navy: #071a33;
  --v138-navy-2: #0d2847;
  --v138-muted: #667b91;
  --v138-muted-2: #8a9bae;
  --v138-canvas: #f7fafd;
  --v138-surface: #ffffff;
  --v138-line: #dde7f0;
  --v138-line-soft: #eaf0f5;
  --v138-blue: #176bff;
  --v138-blue-dark: #0b56d9;
  --v138-blue-soft: #eaf2ff;
  --v138-cyan: #16bdae;
  --v138-cyan-soft: #e6faf7;
  --v138-green: #15a66d;
  --v138-green-soft: #e8f8f1;
  --v138-orange: #d78219;
  --v138-orange-soft: #fff4e4;
  --v138-red: #e45757;
  --v138-red-soft: #fff0f0;
  --v138-violet: #7257d9;
  --v138-violet-soft: #f1edff;
  --v138-shadow: 0 12px 36px rgba(18, 48, 79, 0.075);
  --v138-shadow-lg: 0 24px 64px rgba(10, 35, 63, 0.16);
  --v138-radius: 14px;
  --v138-radius-sm: 10px;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] {
  background: var(--v138-canvas);
  color: var(--v138-navy);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :focus-visible {
  outline: 3px solid rgba(23, 107, 255, 0.2);
  outline-offset: 2px;
}

body.seosrez-internal-body .topbar {
  display: none !important;
}

body.seosrez-internal-body .app-shell {
  padding-top: 0 !important;
  background: var(--v138-canvas) !important;
}

body.seosrez-internal-body .container.page-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

:is(
  .lk-dashboard,
  .rw-app,
  .sw-app,
  .cw-app,
  .kw-app,
  .tw-app,
  .bw-app,
  .stw-app,
  .cl-app,
  .ew-app,
  .stf-app,
  .workspace-app,
  .ws-app,
  .am-app
) {
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  background: var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

:is(
  .lk-dashboard,
  .rw-app,
  .sw-app,
  .cw-app,
  .kw-app,
  .tw-app,
  .bw-app,
  .stw-app,
  .cl-app,
  .ew-app,
  .stf-app,
  .workspace-app,
  .ws-app,
  .am-app
) * {
  box-sizing: border-box;
}

:is(
  .lk-dashboard,
  .rw-app,
  .sw-app,
  .cw-app,
  .kw-app,
  .tw-app,
  .bw-app,
  .stw-app,
  .cl-app,
  .ew-app,
  .stf-app,
  .workspace-app,
  .ws-app,
  .am-app
) a {
  color: inherit;
  text-decoration: none;
}

:is(
  .lk-sidebar,
  .rw-sidebar,
  .sw-sidebar,
  .cw-sidebar,
  .kw-sidebar,
  .tw-sidebar,
  .bw-sidebar,
  .stw-sidebar,
  .cl-sidebar,
  .ew-sidebar,
  .stf-sidebar,
  .workspace-sidebar,
  .ws-sidebar,
  .am-sidebar
) {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  overflow-y: auto !important;
  padding: 26px 16px 18px !important;
  border-right: 1px solid var(--v138-line) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: none !important;
}

:is(
  .lk-brand,
  .rw-brand,
  .sw-brand,
  .cw-brand,
  .kw-brand,
  .tw-brand,
  .bw-brand,
  .stw-brand,
  .cl-brand,
  .ew-brand,
  .stf-brand,
  .workspace-brand,
  .ws-brand,
  .am-brand
) {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 8px 18px !important;
  border-bottom: 1px solid var(--v138-line) !important;
}

:is(
  .lk-brand__mark,
  .rw-brand__mark,
  .sw-brand__mark,
  .cw-brand__mark,
  .kw-brand__mark,
  .tw-brand__mark,
  .bw-brand__mark,
  .stw-brand__mark,
  .cl-brand__mark,
  .ew-brand__mark,
  .stf-brand__mark,
  .workspace-brand__mark,
  .ws-brand__mark,
  .am-brand__mark,
  .seosrez-admin-brand__mark
) {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(23, 107, 255, 0.25) !important;
}

:is(
  .lk-brand,
  .rw-brand,
  .sw-brand,
  .cw-brand,
  .kw-brand,
  .tw-brand,
  .bw-brand,
  .stw-brand,
  .cl-brand,
  .ew-brand,
  .stf-brand,
  .workspace-brand,
  .ws-brand,
  .am-brand
) strong {
  color: var(--v138-navy) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.08 !important;
}

:is(
  .lk-brand,
  .rw-brand,
  .sw-brand,
  .cw-brand,
  .kw-brand,
  .tw-brand,
  .bw-brand,
  .stw-brand,
  .cl-brand,
  .ew-brand,
  .stf-brand,
  .workspace-brand,
  .ws-brand,
  .am-brand
) small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--v138-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

:is(
  .lk-nav,
  .rw-nav,
  .sw-nav,
  .cw-nav,
  .kw-nav,
  .tw-nav,
  .bw-nav,
  .stw-nav,
  .cl-nav,
  .ew-nav,
  .stf-nav,
  .workspace-nav,
  .ws-nav,
  .am-nav
) {
  display: grid !important;
  gap: 6px !important;
}

:is(
  .lk-nav__item,
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item
) {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #4d6278 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  transition: background 0.18s, color 0.18s, transform 0.18s !important;
}

:is(
  .lk-nav__item,
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item
) span {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

:is(
  .lk-nav__item,
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item
):hover,
:is(
  .lk-nav__item,
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item
).is-active {
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  transform: translateX(2px);
}

:is(
  .lk-main,
  .rw-main,
  .sw-main,
  .cw-main,
  .kw-main,
  .tw-main,
  .bw-main,
  .stw-main,
  .cl-main,
  .ew-main,
  .stf-main,
  .workspace-main,
  .ws-main,
  .am-main
) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 22px !important;
  padding: 22px 28px 42px !important;
  background: var(--v138-canvas) !important;
}

:is(
  .lk-topbar,
  .rw-topbar,
  .sw-topbar,
  .cw-topbar,
  .kw-topbar,
  .tw-topbar,
  .bw-topbar,
  .stw-topbar,
  .cl-topbar,
  .ew-topbar,
  .stf-topbar,
  .workspace-topbar,
  .ws-topbar,
  .am-topbar
) {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 560px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 68px !important;
  padding: 14px 0 !important;
  background: rgba(247, 250, 253, 0.92) !important;
  border-bottom: 1px solid rgba(221, 231, 240, 0.75) !important;
  backdrop-filter: blur(14px) !important;
}

:is(
  .lk-search,
  .rw-search,
  .sw-search,
  .cw-search,
  .kw-search,
  .tw-search,
  .bw-search,
  .stw-search,
  .cl-search,
  .ew-search,
  .stf-search,
  .workspace-search,
  .ws-search,
  .am-search
) {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: var(--v138-surface) !important;
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04) !important;
}

:is(
  .lk-search,
  .rw-search,
  .sw-search,
  .cw-search,
  .kw-search,
  .tw-search,
  .bw-search,
  .stw-search,
  .cl-search,
  .ew-search,
  .stf-search,
  .workspace-search,
  .ws-search,
  .am-search
) input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--v138-navy) !important;
}

:is(
  .lk-topbar__actions,
  .rw-topbar__actions,
  .sw-topbar__actions,
  .cw-topbar__actions,
  .kw-topbar__actions,
  .tw-topbar__actions,
  .bw-topbar__actions,
  .stw-topbar__actions,
  .cl-topbar__actions,
  .ew-topbar__actions,
  .stf-topbar__actions,
  .workspace-topbar__actions,
  .ws-topbar__actions,
  .am-topbar__actions
) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

:is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 22px !important;
  align-items: end !important;
  padding: 18px 0 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero
) h1 {
  max-width: 880px !important;
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

:is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero
) p {
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: var(--v138-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

:is(.lk-kicker, .rw-kicker, .sw-kicker, .cw-kicker, .kw-kicker, .tw-kicker, .bw-kicker, .stw-kicker, .cl-kicker, .ew-kicker, .stf-kicker, .workspace-kicker, .ws-kicker, .am-kicker) {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 9px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

:is(
  .lk-btn,
  .rw-btn,
  .sw-btn,
  .cw-btn,
  .kw-btn,
  .tw-btn,
  .bw-btn,
  .stw-btn,
  .cl-btn,
  .ew-btn,
  .stf-btn,
  .workspace-btn,
  .ws-btn,
  .am-btn,
  .button,
  .button.default,
  input[type="submit"],
  input[type="button"],
  .submit-row input
) {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 15px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: var(--v138-surface) !important;
  color: var(--v138-navy) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: transform 0.18s, border-color 0.18s, background 0.18s, box-shadow 0.18s !important;
}

:is(.lk-btn, .rw-btn, .sw-btn, .cw-btn, .kw-btn, .tw-btn, .bw-btn, .stw-btn, .cl-btn, .ew-btn, .stf-btn, .workspace-btn, .ws-btn, .am-btn, .button, input[type="submit"], input[type="button"]):hover {
  transform: translateY(-1px);
  border-color: #becde0 !important;
  box-shadow: 0 8px 20px rgba(25, 56, 88, 0.07) !important;
}

:is(
  .lk-btn--primary,
  .rw-btn--primary,
  .sw-btn--primary,
  .cw-btn--primary,
  .kw-btn--primary,
  .tw-btn--primary,
  .bw-btn--primary,
  .stw-btn--primary,
  .cl-btn--primary,
  .ew-btn--primary,
  .stf-btn--primary,
  .workspace-btn--primary,
  .ws-btn--primary,
  .am-btn--primary,
  .button.default,
  input[type="submit"].default,
  .submit-row input.default
) {
  border-color: var(--v138-blue) !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(23, 107, 255, 0.22) !important;
}

:is(
  .lk-btn--primary,
  .rw-btn--primary,
  .sw-btn--primary,
  .cw-btn--primary,
  .kw-btn--primary,
  .tw-btn--primary,
  .bw-btn--primary,
  .stw-btn--primary,
  .cl-btn--primary,
  .ew-btn--primary,
  .stf-btn--primary,
  .workspace-btn--primary,
  .ws-btn--primary,
  .am-btn--primary,
  .button.default,
  input[type="submit"].default
):hover {
  border-color: var(--v138-blue-dark) !important;
  background: var(--v138-blue-dark) !important;
}

:is(
  .lk-btn--soft,
  .rw-btn--soft,
  .sw-btn--soft,
  .cw-btn--soft,
  .kw-btn--soft,
  .tw-btn--soft,
  .bw-btn--soft,
  .stw-btn--soft,
  .cl-btn--soft,
  .ew-btn--soft,
  .stf-btn--soft,
  .workspace-btn--soft,
  .ws-btn--soft,
  .am-btn--soft
) {
  border-color: rgba(23, 107, 255, 0.12) !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
}

:is(
  .lk-metrics,
  .rw-metrics,
  .sw-metrics,
  .cw-metrics,
  .kw-metrics,
  .tw-metrics,
  .bw-metrics,
  .stw-metrics,
  .cl-metrics,
  .ew-metrics,
  .stf-metrics,
  .workspace-metrics,
  .ws-metrics,
  .am-metrics,
  .kpi-grid,
  .stats-grid
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 16px !important;
}

:is(
  .lk-metric-card,
  .rw-metric-card,
  .sw-metric-card,
  .cw-metric-card,
  .kw-metric-card,
  .tw-metric-card,
  .bw-metric-card,
  .stw-metric-card,
  .cl-metric-card,
  .ew-metric-card,
  .stf-metric-card,
  .workspace-metric-card,
  .ws-metric-card,
  .am-metric-card,
  .kpi-card,
  .stat-card,
  .metric-card
) {
  min-height: 118px !important;
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 20px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: var(--v138-surface) !important;
  box-shadow: var(--v138-shadow) !important;
  color: var(--v138-navy) !important;
}

:is(
  .lk-metric-card,
  .rw-metric-card,
  .sw-metric-card,
  .cw-metric-card,
  .kw-metric-card,
  .tw-metric-card,
  .bw-metric-card,
  .stw-metric-card,
  .cl-metric-card,
  .ew-metric-card,
  .stf-metric-card,
  .workspace-metric-card,
  .ws-metric-card,
  .am-metric-card,
  .kpi-card,
  .stat-card,
  .metric-card
) small {
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

:is(
  .lk-metric-card,
  .rw-metric-card,
  .sw-metric-card,
  .cw-metric-card,
  .kw-metric-card,
  .tw-metric-card,
  .bw-metric-card,
  .stw-metric-card,
  .cl-metric-card,
  .ew-metric-card,
  .stf-metric-card,
  .workspace-metric-card,
  .ws-metric-card,
  .am-metric-card,
  .kpi-card,
  .stat-card,
  .metric-card
) strong {
  color: var(--v138-navy) !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
}

:is(
  .lk-panel,
  .lk-ops-panel,
  .lk-onboarding,
  .lk-action-board,
  .rw-panel,
  .sw-panel,
  .cw-panel,
  .kw-panel,
  .tw-panel,
  .bw-panel,
  .stw-panel,
  .cl-panel,
  .ew-panel,
  .stf-panel,
  .workspace-panel,
  .ws-panel,
  .am-panel,
  .panel,
  .card,
  .module
) {
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: var(--v138-surface) !important;
  box-shadow: var(--v138-shadow) !important;
  color: var(--v138-navy) !important;
}

:is(
  .lk-panel,
  .lk-ops-panel,
  .lk-onboarding,
  .lk-action-board,
  .rw-panel,
  .sw-panel,
  .cw-panel,
  .kw-panel,
  .tw-panel,
  .bw-panel,
  .stw-panel,
  .cl-panel,
  .ew-panel,
  .stf-panel,
  .workspace-panel,
  .ws-panel,
  .am-panel,
  .panel,
  .card
) {
  overflow: hidden;
}

:is(
  .lk-section__head,
  .rw-section__head,
  .sw-section__head,
  .cw-section__head,
  .kw-section__head,
  .tw-section__head,
  .bw-section__head,
  .stw-section__head,
  .cl-section__head,
  .ew-section__head,
  .stf-section__head,
  .workspace-section__head,
  .ws-section__head,
  .am-section__head,
  .section-head,
  .panel-head,
  .module h2
) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--v138-line-soft) !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
  color: var(--v138-navy) !important;
}

:is(
  .lk-section__head,
  .rw-section__head,
  .sw-section__head,
  .cw-section__head,
  .kw-section__head,
  .tw-section__head,
  .bw-section__head,
  .stw-section__head,
  .cl-section__head,
  .ew-section__head,
  .stf-section__head,
  .workspace-section__head,
  .ws-section__head,
  .am-section__head,
  .section-head,
  .panel-head
) h2,
.module h2 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

:is(
  .lk-chip,
  .rw-chip,
  .sw-chip,
  .cw-chip,
  .kw-chip,
  .tw-chip,
  .bw-chip,
  .stw-chip,
  .cl-chip,
  .ew-chip,
  .stf-chip,
  .workspace-chip,
  .ws-chip,
  .am-chip,
  .filter-chip,
  .badge
) {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

:is(.is-success, .badge--success, .lk-risk-badge--good, .lk-source-badge--good, .status-success) {
  border-color: rgba(21, 166, 109, 0.18) !important;
  background: var(--v138-green-soft) !important;
  color: #0f7a50 !important;
}

:is(.is-warning, .badge--warning, .lk-risk-badge--warn, .lk-source-badge--warn, .status-warning) {
  border-color: rgba(215, 130, 25, 0.22) !important;
  background: var(--v138-orange-soft) !important;
  color: #9a5a0c !important;
}

:is(.is-danger, .badge--danger, .lk-risk-badge--danger, .lk-source-badge--danger, .status-danger, .errornote) {
  border-color: rgba(228, 87, 87, 0.22) !important;
  background: var(--v138-red-soft) !important;
  color: #b33939 !important;
}

:is(
  .lk-table,
  .lk-risk-table,
  .rw-table,
  .sw-table,
  .cw-table,
  .kw-table,
  .tw-table,
  .bw-table,
  .stw-table,
  .cl-table,
  .ew-table,
  .stf-table,
  .workspace-table,
  .ws-table,
  .am-table,
  .data-table,
  .results
) {
  width: 100% !important;
  overflow: auto !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: var(--v138-surface) !important;
  box-shadow: var(--v138-shadow) !important;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

thead th,
.results thead th,
.data-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f9fbfd !important;
  color: var(--v138-muted) !important;
  border-bottom: 1px solid var(--v138-line) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

td,
th,
.results td,
.results th,
.data-table td,
.data-table th {
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--v138-line-soft) !important;
  color: var(--v138-navy) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  vertical-align: top !important;
}

tbody tr:hover td,
.results tbody tr:hover td,
.data-table tbody tr:hover td {
  background: #fbfdff !important;
}

:is(input, select, textarea) {
  border-color: var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: #fff !important;
  color: var(--v138-navy) !important;
  box-shadow: none !important;
}

:is(input, select) {
  min-height: 40px !important;
}

textarea {
  min-height: 112px !important;
}

:is(input, select, textarea):focus {
  border-color: rgba(23, 107, 255, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(23, 107, 255, 0.12) !important;
  outline: 0 !important;
}

:is(.message-stack, .messagelist) {
  display: grid !important;
  gap: 10px !important;
  margin: 18px 28px 0 !important;
}

:is(.message, .messagelist li) {
  padding: 12px 14px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 750 !important;
}

/* Django admin */
body.change-list,
body.change-form,
body.dashboard,
body.login {
  background: var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

#header {
  min-height: 70px !important;
  padding: 14px 24px !important;
  border-bottom: 1px solid var(--v138-line) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: var(--v138-navy) !important;
  box-shadow: 0 8px 24px rgba(18, 48, 79, 0.06) !important;
}

#branding,
.seosrez-admin-brand a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--v138-navy) !important;
}

.seosrez-admin-brand strong {
  color: var(--v138-navy) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

.seosrez-admin-brand small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--v138-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.seosrez-admin-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.seosrez-admin-nav a,
#user-tools a {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 11px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--v138-navy) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#content {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 28px 24px 48px !important;
}

#content h1 {
  margin: 0 0 18px !important;
  color: var(--v138-navy) !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.breadcrumbs {
  padding: 10px 24px !important;
  border-bottom: 1px solid var(--v138-line) !important;
  background: #fbfdff !important;
  color: var(--v138-muted) !important;
}

.breadcrumbs a {
  color: var(--v138-blue-dark) !important;
  font-weight: 750 !important;
}

.module,
.inline-group,
#changelist,
#changelist-filter,
.submit-row {
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
  overflow: hidden !important;
}

#changelist-filter {
  padding: 0 !important;
}

#changelist-filter h2,
.module caption,
.inline-group h2 {
  padding: 14px 16px !important;
  background: #f9fbfd !important;
  color: var(--v138-navy) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.object-tools a,
.historylink,
.viewsitelink,
.addlink,
.changelink {
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 800 !important;
}

@media (max-width: 1180px) {
  :is(
    .lk-dashboard,
    .rw-app,
    .sw-app,
    .cw-app,
    .kw-app,
    .tw-app,
    .bw-app,
    .stw-app,
    .cl-app,
    .ew-app,
    .stf-app,
    .workspace-app,
    .ws-app,
    .am-app
  ) {
    grid-template-columns: 88px minmax(0, 1fr) !important;
  }

  :is(
    .lk-sidebar,
    .rw-sidebar,
    .sw-sidebar,
    .cw-sidebar,
    .kw-sidebar,
    .tw-sidebar,
    .bw-sidebar,
    .stw-sidebar,
    .cl-sidebar,
    .ew-sidebar,
    .stf-sidebar,
    .workspace-sidebar,
    .ws-sidebar,
    .am-sidebar
  ) {
    padding: 18px 10px !important;
  }

  :is(
    .lk-brand,
    .rw-brand,
    .sw-brand,
    .cw-brand,
    .kw-brand,
    .tw-brand,
    .bw-brand,
    .stw-brand,
    .cl-brand,
    .ew-brand,
    .stf-brand,
    .workspace-brand,
    .ws-brand,
    .am-brand
  ) span:not(:first-child),
  :is(
    .lk-nav__item,
    .rw-nav__item,
    .sw-nav__item,
    .cw-nav__item,
    .kw-nav__item,
    .tw-nav__item,
    .bw-nav__item,
    .stw-nav__item,
    .cl-nav__item,
    .ew-nav__item,
    .stf-nav__item,
    .workspace-nav__item,
    .ws-nav__item,
    .am-nav__item
  ) {
    justify-content: center !important;
    padding: 9px !important;
    font-size: 0 !important;
  }

  :is(
    .lk-nav__item,
    .rw-nav__item,
    .sw-nav__item,
    .cw-nav__item,
    .kw-nav__item,
    .tw-nav__item,
    .bw-nav__item,
    .stw-nav__item,
    .cl-nav__item,
    .ew-nav__item,
    .stf-nav__item,
    .workspace-nav__item,
    .ws-nav__item,
    .am-nav__item
  ) span {
    margin: 0 !important;
    font-size: 12px !important;
  }
}

@media (max-width: 820px) {
  :is(
    .lk-dashboard,
    .rw-app,
    .sw-app,
    .cw-app,
    .kw-app,
    .tw-app,
    .bw-app,
    .stw-app,
    .cl-app,
    .ew-app,
    .stf-app,
    .workspace-app,
    .ws-app,
    .am-app
  ) {
    display: block !important;
    padding-bottom: 76px !important;
  }

  :is(
    .lk-sidebar,
    .rw-sidebar,
    .sw-sidebar,
    .cw-sidebar,
    .kw-sidebar,
    .tw-sidebar,
    .bw-sidebar,
    .stw-sidebar,
    .cl-sidebar,
    .ew-sidebar,
    .stf-sidebar,
    .workspace-sidebar,
    .ws-sidebar,
    .am-sidebar
  ) {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 60 !important;
    width: 100% !important;
    height: 66px !important;
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 10px !important;
    border-top: 1px solid var(--v138-line) !important;
    border-right: 0 !important;
    box-shadow: 0 -14px 30px rgba(18, 48, 79, 0.09) !important;
  }

  :is(.lk-brand, .rw-brand, .sw-brand, .cw-brand, .kw-brand, .tw-brand, .bw-brand, .stw-brand, .cl-brand, .ew-brand, .stf-brand, .workspace-brand, .ws-brand, .am-brand),
  :is(.lk-help, .rw-help, .sw-help, .cw-help, .kw-help, .tw-help, .bw-help, .stw-help, .cl-help, .ew-help, .stf-help, .workspace-help, .ws-help, .am-help),
  :is(.lk-sidebar__footer, .rw-sidebar__footer, .sw-sidebar__footer, .cw-sidebar__footer, .kw-sidebar__footer, .tw-sidebar__footer, .bw-sidebar__footer, .stw-sidebar__footer, .cl-sidebar__footer, .ew-sidebar__footer, .stf-sidebar__footer, .workspace-sidebar__footer, .ws-sidebar__footer, .am-sidebar__footer),
  :is(.lk-sidebar__spacer, .rw-sidebar__spacer, .sw-sidebar__spacer, .cw-sidebar__spacer, .kw-sidebar__spacer, .tw-sidebar__spacer, .bw-sidebar__spacer, .stw-sidebar__spacer, .cl-sidebar__spacer, .ew-sidebar__spacer, .stf-sidebar__spacer, .workspace-sidebar__spacer, .ws-sidebar__spacer, .am-sidebar__spacer) {
    display: none !important;
  }

  :is(.lk-nav, .rw-nav, .sw-nav, .cw-nav, .kw-nav, .tw-nav, .bw-nav, .stw-nav, .cl-nav, .ew-nav, .stf-nav, .workspace-nav, .ws-nav, .am-nav) {
    display: flex !important;
    gap: 8px !important;
    min-width: max-content !important;
  }

  :is(.lk-main, .rw-main, .sw-main, .cw-main, .kw-main, .tw-main, .bw-main, .stw-main, .cl-main, .ew-main, .stf-main, .workspace-main, .ws-main, .am-main) {
    padding: 16px 14px 86px !important;
  }

  :is(.lk-topbar, .rw-topbar, .sw-topbar, .cw-topbar, .kw-topbar, .tw-topbar, .bw-topbar, .stw-topbar, .cl-topbar, .ew-topbar, .stf-topbar, .workspace-topbar, .ws-topbar, .am-topbar),
  :is(.lk-hero, .rw-hero, .sw-hero, .cw-hero, .kw-hero, .tw-hero, .bw-hero, .stw-hero, .cl-hero, .ew-hero, .stf-hero, .workspace-hero, .ws-hero, .am-hero) {
    grid-template-columns: 1fr !important;
  }

  :is(.lk-topbar__actions, .rw-topbar__actions, .sw-topbar__actions, .cw-topbar__actions, .kw-topbar__actions, .tw-topbar__actions, .bw-topbar__actions, .stw-topbar__actions, .cl-topbar__actions, .ew-topbar__actions, .stf-topbar__actions, .workspace-topbar__actions, .ws-topbar__actions, .am-topbar__actions) {
    justify-content: flex-start !important;
  }
}

/* Additional internal prefixes used by client, event, project and report flows. */
body.seosrez-internal-body .topbar {
  display: none !important;
}

body.seosrez-internal-body .app-shell {
  padding-top: 0 !important;
  background: var(--v138-canvas) !important;
}

body.seosrez-internal-body .container.page-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

:is(.clw-app, .evw-app, .po-app, .rg-app) {
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  background: var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

.re-app {
  min-height: 100vh !important;
  display: block !important;
  background: var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

:is(.clw-app, .evw-app, .po-app, .rg-app, .re-app) * {
  box-sizing: border-box;
}

:is(.clw-app, .evw-app, .po-app, .rg-app, .re-app) a {
  color: inherit;
  text-decoration: none;
}

:is(.clw-sidebar, .evw-sidebar, .po-sidebar, .rg-sidebar) {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  overflow-y: auto !important;
  padding: 26px 16px 18px !important;
  border-right: 1px solid var(--v138-line) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: none !important;
}

:is(.clw-brand, .evw-brand, .po-brand, .rg-brand) {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 8px 18px !important;
  border-bottom: 1px solid var(--v138-line) !important;
}

:is(.clw-brand__mark, .evw-brand__mark, .po-brand__mark, .rg-brand__mark) {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(23, 107, 255, 0.25) !important;
}

:is(.clw-brand, .evw-brand, .po-brand, .rg-brand) strong {
  color: var(--v138-navy) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.08 !important;
}

:is(.clw-brand, .evw-brand, .po-brand, .rg-brand) small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--v138-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

:is(.clw-nav, .evw-nav, .po-nav, .rg-nav) {
  display: grid !important;
  gap: 6px !important;
}

:is(.clw-nav__item, .evw-nav__item, .rg-nav__item, .po-nav a) {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #4d6278 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  transition: background 0.18s, color 0.18s, transform 0.18s !important;
}

:is(.clw-nav__item, .evw-nav__item, .rg-nav__item, .po-nav a) span {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

:is(.clw-nav__item, .evw-nav__item, .rg-nav__item, .po-nav a):hover,
:is(.clw-nav__item, .evw-nav__item, .rg-nav__item, .po-nav a).is-active {
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  transform: translateX(2px);
}

:is(.clw-main, .evw-main, .po-main, .rg-main, .re-main) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 22px !important;
  padding: 22px 28px 42px !important;
  background: var(--v138-canvas) !important;
}

.re-main--full {
  max-width: 1360px !important;
  margin: 0 auto !important;
}

:is(.clw-topbar, .evw-topbar, .po-topbar, .rg-topbar, .re-topbar) {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 560px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  background: rgba(247, 250, 253, 0.92) !important;
  border-bottom: 1px solid rgba(221, 231, 240, 0.75) !important;
  backdrop-filter: blur(14px) !important;
}

:is(.clw-topbar__actions, .evw-topbar__actions, .po-user, .rg-topbar__actions, .re-topbar__actions, .ws-actions, .ws-row-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

:is(.clw-search__control, .evw-search__control, .po-search, .rg-search, .re-search) {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: var(--v138-surface) !important;
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04) !important;
}

:is(.clw-search__control, .evw-search__control, .po-search, .rg-search, .re-search) input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--v138-navy) !important;
}

:is(.clw-hero, .evw-hero, .po-head, .rg-hero, .re-hero) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 22px !important;
  align-items: end !important;
  margin: 0 !important;
  padding: 18px 0 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(.clw-hero, .evw-hero, .po-head, .rg-hero, .re-hero) h1 {
  max-width: 880px !important;
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

:is(.clw-hero, .evw-hero, .po-head, .rg-hero, .re-hero) p {
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: var(--v138-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

:is(.clw-kicker, .evw-kicker, .po-kicker, .po-card__eyebrow, .rg-kicker, .re-kicker, .px-eyebrow) {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 9px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

:is(.clw-btn, .evw-btn, .po-btn, .rg-btn, .re-btn, .px-btn, .kw-mini, .rg-mini-chip, .rg-filter, .rg-tab) {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 15px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: var(--v138-surface) !important;
  color: var(--v138-navy) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

:is(.clw-btn--primary, .evw-btn--primary, .po-btn--primary, .rg-btn--primary, .re-btn--primary, .px-btn--primary, .kw-mini--primary) {
  border-color: var(--v138-blue) !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(23, 107, 255, 0.22) !important;
}

:is(.clw-btn--soft, .evw-btn--soft, .po-btn--soft, .rg-btn--soft, .re-btn--soft, .px-btn--secondary, .px-btn--ghost, .rg-mini-chip, .rg-filter, .rg-tab) {
  border-color: rgba(23, 107, 255, 0.12) !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
}

:is(.clw-metrics, .evw-metrics, .bw-metrics, .cw-metrics, .sw-metrics, .kw-metrics, .tw-metrics, .stw-metrics, .stf-metrics, .ws-metrics, .rg-summary-strip, .re-summary-strip, .px-stat-grid) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 16px !important;
}

:is(.clw-metric, .evw-metric, .bw-metric, .cw-metric, .sw-metric, .kw-metric, .tw-metric, .stw-metric, .stf-metric, .ws-metric, .rg-summary-strip article, .re-summary-strip article, .px-stat-card) {
  min-height: 118px !important;
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 20px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: var(--v138-surface) !important;
  box-shadow: var(--v138-shadow) !important;
  color: var(--v138-navy) !important;
}

:is(.clw-metric, .evw-metric, .bw-metric, .cw-metric, .sw-metric, .kw-metric, .tw-metric, .stw-metric, .stf-metric, .ws-metric, .rg-summary-strip article, .re-summary-strip article, .px-stat-card) small,
:is(.clw-metric, .evw-metric, .bw-metric, .cw-metric, .sw-metric, .kw-metric, .tw-metric, .stw-metric, .stf-metric, .ws-metric, .rg-summary-strip article, .re-summary-strip article, .px-stat-card) span {
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

:is(.clw-metric, .evw-metric, .bw-metric, .cw-metric, .sw-metric, .kw-metric, .tw-metric, .stw-metric, .stf-metric, .ws-metric, .rg-summary-strip article, .re-summary-strip article, .px-stat-card) strong {
  color: var(--v138-navy) !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
}

:is(
  .clw-client-card,
  .clw-hero__card,
  .clw-empty,
  .evw-event,
  .evw-panel,
  .evw-empty,
  .bw-section,
  .cw-section,
  .sw-section,
  .kw-section,
  .kw-project,
  .kw-task-block,
  .kw-table-panel,
  .tw-section,
  .stw-section,
  .stf-section,
  .ws-section,
  .ws-card,
  .ws-form,
  .ws-empty,
  .po-card,
  .po-side-card,
  .po-empty,
  .rg-card,
  .rg-source-card,
  .rg-summary-card,
  .rg-launch-card,
  .re-panel,
  .re-generation-panel,
  .px-card,
  .px-quick-strip,
  .px-section-nav,
  .px-source-card,
  .px-action-card,
  .px-job-card,
  .px-empty-card
) {
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: var(--v138-surface) !important;
  box-shadow: var(--v138-shadow) !important;
  color: var(--v138-navy) !important;
}

:is(
  .clw-client-card__head,
  .evw-event__head,
  .bw-section__head,
  .cw-section__head,
  .sw-section__head,
  .kw-section__head,
  .kw-block-title,
  .tw-section__head,
  .stw-section__head,
  .stf-section__head,
  .ws-section-head,
  .ws-card__head,
  .po-card__head,
  .rg-card__head,
  .re-panel__head,
  .re-generation-panel__head,
  .px-card__header
) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--v138-line-soft) !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
  color: var(--v138-navy) !important;
}

:is(.clw-badge, .evw-badge, .bw-badge, .cw-badge, .sw-badge, .kw-badge, .tw-badge, .stw-badge, .stf-badge, .ws-badge, .po-status, .rg-status-dot, .px-pill, .px-chip) {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

:is(
  .bw-order-table,
  .cw-task-table,
  .kw-table,
  .rw-table,
  .sw-table,
  .lk-report-table,
  .px-report-list
) {
  width: 100% !important;
  overflow: auto !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: var(--v138-surface) !important;
  box-shadow: var(--v138-shadow) !important;
}

.px-shell {
  width: min(1180px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 48px !important;
  background: transparent !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

.px-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
  gap: 22px !important;
  align-items: start !important;
  padding: 24px 0 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.px-hero h1 {
  color: var(--v138-navy) !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.px-hero__lead,
.px-card__title p,
.px-card__text,
.px-muted {
  color: var(--v138-muted) !important;
}

.px-section-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(14px) !important;
}

.px-section-link:hover,
.px-section-link.is-active {
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
}

.rg-wizard {
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
  padding: 16px !important;
}

.rg-wizard__steps {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.rg-wizard__step {
  min-height: 58px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: #fff !important;
  color: var(--v138-muted) !important;
}

.rg-wizard__step.is-active,
.rg-wizard__step.is-complete {
  border-color: rgba(23, 107, 255, 0.28) !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
}

.rg-wizard__bar {
  height: 8px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: var(--v138-line-soft) !important;
}

.rg-wizard__bar span,
.re-generation-progress span,
.px-job-card__progress span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--v138-blue), var(--v138-cyan)) !important;
}

@media (max-width: 1180px) {
  :is(.clw-app, .evw-app, .po-app, .rg-app) {
    grid-template-columns: 88px minmax(0, 1fr) !important;
  }

  :is(.clw-sidebar, .evw-sidebar, .po-sidebar, .rg-sidebar) {
    padding: 18px 10px !important;
  }

  :is(.clw-brand, .evw-brand, .po-brand, .rg-brand) span:not(:first-child),
  :is(.clw-nav__item, .evw-nav__item, .rg-nav__item, .po-nav a) {
    justify-content: center !important;
    padding: 9px !important;
    font-size: 0 !important;
  }

  :is(.clw-nav__item, .evw-nav__item, .rg-nav__item, .po-nav a) span {
    margin: 0 !important;
    font-size: 12px !important;
  }
}

@media (max-width: 820px) {
  :is(.clw-app, .evw-app, .po-app, .rg-app) {
    display: block !important;
    padding-bottom: 76px !important;
  }

  :is(.clw-sidebar, .evw-sidebar, .po-sidebar, .rg-sidebar) {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 60 !important;
    width: 100% !important;
    height: 66px !important;
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 10px !important;
    border-top: 1px solid var(--v138-line) !important;
    border-right: 0 !important;
    box-shadow: 0 -14px 30px rgba(18, 48, 79, 0.09) !important;
  }

  :is(.clw-brand, .evw-brand, .po-brand, .rg-brand),
  :is(.clw-help, .evw-help, .po-help, .rg-help, .rg-plan-card),
  :is(.clw-sidebar__spacer, .evw-sidebar__spacer, .po-sidebar__spacer, .rg-sidebar__spacer) {
    display: none !important;
  }

  :is(.clw-nav, .evw-nav, .po-nav, .rg-nav) {
    display: flex !important;
    gap: 8px !important;
    min-width: max-content !important;
  }

  :is(.clw-main, .evw-main, .po-main, .rg-main, .re-main) {
    padding: 16px 14px 86px !important;
  }

  :is(.clw-topbar, .evw-topbar, .po-topbar, .rg-topbar, .re-topbar),
  :is(.clw-hero, .evw-hero, .po-head, .rg-hero, .re-hero, .px-hero) {
    grid-template-columns: 1fr !important;
  }

  .px-shell {
    width: min(100% - 28px, 1180px) !important;
    padding: 16px 0 86px !important;
  }

  .rg-wizard__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v138 prototype-only completion: auth, onboarding and resource selection pages. */
body.seosrez-internal-body .topbar {
  display: none !important;
}

body.seosrez-internal-body .app-shell {
  padding-top: 0 !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(23, 107, 255, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, var(--v138-canvas) 100%) !important;
}

body.seosrez-internal-body .container.page-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.auth-v77,
.auth-v78,
.ob103 {
  width: min(1180px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 42px 0 56px !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

.auth-v77,
.auth-v78 {
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 480px) !important;
  gap: 24px !important;
  align-items: center !important;
}

.auth-v78--single,
.auth-v78--compact {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 460px) !important;
}

.auth-v78--single {
  max-width: 720px !important;
  grid-template-columns: 1fr !important;
}

:is(
  .auth-v77-hero,
  .auth-v77-main,
  .auth-v77-preview,
  .auth-v77-form-card,
  .auth-v77-side,
  .auth-v78-panel,
  .auth-v78-snapshot,
  .ob103__hero,
  .ob103__roadmap,
  .ob103-card,
  .ob103__path article,
  .ob103__next,
  .ob103__status
) {
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--v138-shadow) !important;
  color: var(--v138-navy) !important;
}

.auth-v77-hero,
.auth-v78-panel--intro,
.ob103__hero {
  min-height: 420px !important;
  display: grid !important;
  align-content: center !important;
  gap: 18px !important;
  padding: 32px !important;
}

.auth-v77-main,
.auth-v78-panel--form,
.auth-v77-form-card {
  padding: 28px !important;
}

.auth-v77-kicker,
.auth-v78-kicker,
.ob103-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

:is(.auth-v77, .auth-v78, .ob103) h1 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(32px, 4.5vw, 52px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

:is(.auth-v77, .auth-v78, .ob103) h2 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  font-weight: 850 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

:is(.auth-v77, .auth-v78, .ob103) p,
:is(.auth-v77-preview__list, .auth-v78-list) {
  color: var(--v138-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

:is(.auth-v77-form, .auth-v78-form, .ob103__actions, .auth-v77-actions, .auth-v78-options, .auth-v77-submit) {
  display: grid !important;
  gap: 14px !important;
}

.auth-v78-options,
.auth-v77-actions,
.ob103__actions,
.auth-v77-submit {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

:is(.auth-v77-grid, .auth-v77-preview__metrics, .auth-v78-metrics, .ob103__progress, .ob103__grid, .ob103__path) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
}

:is(.auth-v77-field, .auth-v78-field) {
  display: grid !important;
  gap: 7px !important;
}

:is(.auth-v77-field, .auth-v78-field) label,
:is(.form-field) label {
  color: var(--v138-navy) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

:is(.auth-v77-control, .auth-v78-control) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: #fff !important;
}

:is(.auth-v77-control, .auth-v78-control) input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

:is(.auth-v77-btn, .auth-v78-btn, .ob103-btn, .btn) {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: #fff !important;
  color: var(--v138-navy) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

:is(.auth-v77-btn--primary, .auth-v78-btn--primary, .ob103-btn--primary, .btn--primary) {
  border-color: var(--v138-blue) !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(23, 107, 255, 0.22) !important;
}

:is(.auth-v77-alert, .auth-v78-alert, .auth-v77-error, .auth-v78-error, .form-error) {
  color: #b33939 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.auth-v77-checkbox,
.auth-v78-checkbox,
.ws-checkbox,
.rg-public-toggle {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: var(--v138-navy) !important;
  font-weight: 750 !important;
}

.ob103 {
  display: grid !important;
  gap: 22px !important;
}

.ob103__hero,
.ob103__next {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 400px) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.ob103__trust,
.badge-cloud,
.form-actions,
.page-header__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.ob103__trust span,
.pill,
.badge {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.ob103__roadmap,
.ob103__next {
  padding: 24px !important;
}

.ob103__roadmap-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
}

.ob103__progressbar {
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: var(--v138-line-soft) !important;
}

.ob103__progressbar span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--v138-blue), var(--v138-cyan)) !important;
}

.ob103-step {
  min-height: 132px !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 16px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: #fff !important;
  color: var(--v138-navy) !important;
}

.ob103-step span,
.ob103-card__number {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 900 !important;
}

.ob103-card {
  min-height: 220px !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 20px !important;
}

.ob103-card__top {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: center !important;
}

.project-resource-page {
  display: grid !important;
  align-content: start !important;
  gap: 18px !important;
  min-height: 100vh !important;
  padding: 28px max(24px, calc((100vw - 1180px) / 2)) 48px !important;
  background: var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

.page-header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  align-items: flex-start !important;
  padding: 22px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
}

.page-header--sticky {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
}

.page-header h1 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 8px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.muted,
.compact-text,
.form-help,
.site-import-card__meta,
.resource-card__meta,
.empty-state span {
  color: var(--v138-muted) !important;
}

.card,
.site-import-card,
.resource-card {
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
}

.card--padded {
  padding: 22px !important;
}

.resource-summary-grid,
.form-grid,
.import-filter-grid,
.site-import-card__selectors {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 16px !important;
}

.resource-summary-grid {
  align-items: start !important;
}

.form-field--full,
.form-actions--full {
  grid-column: 1 / -1 !important;
}

.site-import-list,
.resource-list {
  display: grid !important;
  gap: 14px !important;
}

.site-import-card,
.resource-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 16px !important;
  cursor: pointer !important;
}

.site-import-card:hover,
.resource-card:hover,
.site-import-card.is-selected,
.resource-card:has(input:checked) {
  border-color: rgba(23, 107, 255, 0.38) !important;
  box-shadow: 0 18px 42px rgba(23, 107, 255, 0.12) !important;
}

.site-import-card__head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.site-import-card__title,
.resource-card__title {
  display: block !important;
  color: var(--v138-navy) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

.inline-selected-value,
.empty-state {
  padding: 12px 14px !important;
  border: 1px solid var(--v138-line-soft) !important;
  border-radius: var(--v138-radius-sm) !important;
  background: #fbfdff !important;
  color: var(--v138-navy) !important;
}

.inline-selected-value--muted {
  color: var(--v138-muted) !important;
}

.site-import-card.is-hidden {
  display: none !important;
}

@media (max-width: 860px) {
  .auth-v77,
  .auth-v78,
  .ob103,
  .ob103__hero,
  .ob103__next,
  .page-header {
    width: min(100% - 28px, 1180px) !important;
    grid-template-columns: 1fr !important;
  }

  .auth-v77,
  .auth-v78,
  .ob103 {
    padding: 18px 0 32px !important;
  }

  .auth-v77-hero,
  .auth-v78-panel--intro,
  .ob103__hero,
  .auth-v77-main,
  .auth-v78-panel--form {
    padding: 22px !important;
  }

  .project-resource-page {
    padding: 16px 14px 36px !important;
  }

  .page-header {
    position: static !important;
  }

  .resource-summary-grid,
  .form-grid,
  .import-filter-grid,
  .site-import-card__selectors {
    grid-template-columns: 1fr !important;
  }
}

/* v138 hardening: one internal prototype layout without legacy CSS fallbacks. */
body[data-design-release="v138-dashboard-full-prototype-polish"],
body[data-design-release="v138-dashboard-full-prototype-polish"] .app-shell,
body[data-design-release="v138-dashboard-full-prototype-polish"] .container.page-content {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-dashboard,
  .rw-app,
  .sw-app,
  .cw-app,
  .kw-app,
  .tw-app,
  .bw-app,
  .stw-app,
  .cl-app,
  .clw-app,
  .ew-app,
  .evw-app,
  .stf-app,
  .workspace-app,
  .ws-app,
  .am-app,
  .po-app,
  .rg-app,
  .re-app
) {
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-main,
  .rw-main,
  .sw-main,
  .cw-main,
  .kw-main,
  .tw-main,
  .bw-main,
  .stw-main,
  .cl-main,
  .clw-main,
  .ew-main,
  .evw-main,
  .stf-main,
  .workspace-main,
  .ws-main,
  .am-main,
  .po-main,
  .rg-main,
  .re-main
) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-sidebar,
  .rw-sidebar,
  .sw-sidebar,
  .cw-sidebar,
  .kw-sidebar,
  .tw-sidebar,
  .bw-sidebar,
  .stw-sidebar,
  .cl-sidebar,
  .clw-sidebar,
  .ew-sidebar,
  .evw-sidebar,
  .stf-sidebar,
  .workspace-sidebar,
  .ws-sidebar,
  .am-sidebar,
  .po-sidebar,
  .rg-sidebar
) {
  width: 268px !important;
  min-width: 0 !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-topbar,
  .rw-topbar,
  .sw-topbar,
  .cw-topbar,
  .kw-topbar,
  .tw-topbar,
  .bw-topbar,
  .stw-topbar,
  .cl-topbar,
  .clw-topbar,
  .ew-topbar,
  .evw-topbar,
  .stf-topbar,
  .workspace-topbar,
  .ws-topbar,
  .am-topbar,
  .po-topbar,
  .rg-topbar,
  .re-topbar
) {
  max-width: 100% !important;
  min-width: 0 !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-search,
  .rw-search,
  .sw-search,
  .cw-search,
  .kw-search,
  .tw-search,
  .bw-search,
  .stw-search,
  .cl-search,
  .clw-search,
  .ew-search,
  .evw-search,
  .workspace-search,
  .ws-search,
  .am-search,
  .po-search,
  .rg-search,
  .re-search,
  .clw-search__control,
  .evw-search__control
) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-topbar__actions,
  .rw-topbar__actions,
  .sw-topbar__actions,
  .cw-topbar__actions,
  .kw-topbar__actions,
  .tw-topbar__actions,
  .bw-topbar__actions,
  .stw-topbar__actions,
  .cl-topbar__actions,
  .clw-topbar__actions,
  .ew-topbar__actions,
  .evw-topbar__actions,
  .stf-topbar__actions,
  .workspace-topbar__actions,
  .ws-actions,
  .am-actions,
  .po-user,
  .rg-topbar__actions,
  .re-topbar__actions,
  .page-header__actions,
  .form-actions
) {
  max-width: 100% !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-btn,
  .rw-btn,
  .sw-btn,
  .cw-btn,
  .kw-btn,
  .tw-btn,
  .bw-btn,
  .stw-btn,
  .cl-btn,
  .clw-btn,
  .ew-btn,
  .evw-btn,
  .stf-btn,
  .workspace-btn,
  .ws-btn,
  .am-btn,
  .po-btn,
  .rg-btn,
  .re-btn,
  .auth-v77-btn,
  .auth-v78-btn,
  .ob103-btn,
  .btn,
  .button,
  input[type="submit"],
  input[type="button"]
) {
  max-width: 100% !important;
  text-align: center !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-hero,
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .clw-hero,
  .ew-hero,
  .evw-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .po-head,
  .rg-hero,
  .re-hero,
  .page-header
) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-hero__copy,
  .rw-hero__copy,
  .sw-hero__copy,
  .cw-hero__copy,
  .kw-hero__copy,
  .tw-hero__copy,
  .bw-hero__copy,
  .stw-hero__copy,
  .clw-hero__copy,
  .evw-hero__copy,
  .workspace-hero__copy,
  .ws-hero__copy,
  .rg-hero > div,
  .re-hero > div,
  .page-header > div
) {
  min-width: 0 !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-project-grid,
  .lk-metrics,
  .lk-dashboard-grid,
  .rw-grid,
  .rw-reports,
  .sw-source-grid,
  .cw-detail-grid,
  .cw-kpi-row,
  .kw-kpi-row,
  .tw-template-grid,
  .bw-grid,
  .stw-grid,
  .clw-client-list,
  .clw-metrics,
  .evw-metrics,
  .ws-card-grid,
  .ws-form-grid,
  .rg-source-grid,
  .rg-summary-strip,
  .rg-template-grid,
  .rg-public-grid,
  .rg-generation-grid,
  .resource-summary-grid,
  .form-grid,
  .import-filter-grid
) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-risk-layout,
  .lk-content-layout,
  .evw-layout,
  .ws-layout,
  .rg-wizard-layout,
  .re-layout,
  .px-hero,
  .auth-v77,
  .auth-v78,
  .ob103__hero,
  .ob103__next
) {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) !important;
  min-width: 0 !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-panel,
  .lk-ops-panel,
  .lk-project-card,
  .lk-side-card,
  .lk-action-board,
  .rw-section,
  .sw-section,
  .cw-section,
  .kw-section,
  .tw-section,
  .bw-section,
  .stw-section,
  .stf-section,
  .workspace-panel,
  .ws-panel,
  .ws-card,
  .clw-client-card,
  .evw-panel,
  .evw-event,
  .po-card,
  .rg-card,
  .re-panel,
  .card,
  .site-import-card,
  .resource-card,
  .auth-v77-main,
  .auth-v77-hero,
  .auth-v78-panel,
  .ob103-card
) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-report-table,
  .lk-risk-table,
  .rw-table,
  .sw-list,
  .cw-list,
  .cw-task-table,
  .kw-table,
  .kw-list,
  .bw-order-table,
  .bw-report-list,
  .tw-list,
  .stw-list,
  .workspace-table,
  .ws-list,
  .rg-section-list,
  .rg-review-table,
  .re-table,
  .px-report-list,
  #changelist .results,
  .results
) {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-report-row,
  .lk-risk-row,
  .cw-task-table__head,
  .cw-task-row,
  .kw-table__head,
  .kw-table__row,
  .bw-order-table__head,
  .bw-order-row,
  .rw-table__head,
  .rw-table__row
) {
  min-width: 760px !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  table,
  thead,
  tbody,
  tr,
  td,
  th,
  .lk-project-card,
  .clw-client-card,
  .evw-event,
  .rg-card,
  .re-panel
) {
  overflow-wrap: anywhere !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  input,
  select,
  textarea
) {
  max-width: 100% !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
  .lk-section__head,
  .rw-section__head,
  .sw-section__head,
  .cw-section__head,
  .kw-section__head,
  .tw-section__head,
  .bw-section__head,
  .stw-section__head,
  .stf-section__head,
  .workspace-section__head,
  .ws-section-head,
  .rg-card__head,
  .re-panel__head,
  .site-import-card__head,
  .ob103__roadmap-head
) {
  flex-wrap: wrap !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] .rg-wizard__steps {
  overflow-x: auto !important;
  padding-bottom: 2px !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] .rg-wizard__step {
  min-width: 128px !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] #container {
  min-width: 0 !important;
  background: var(--v138-canvas) !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] #header {
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] #content {
  width: min(100% - 48px, 1280px) !important;
  box-sizing: border-box !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] :is(#content-main, #changelist, .module, .inline-group, .submit-row) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] #changelist {
  display: grid !important;
  gap: 16px !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] #changelist-form {
  min-width: 0 !important;
  overflow-x: auto !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] #changelist table {
  min-width: 860px !important;
}

body[data-design-release="v138-dashboard-full-prototype-polish"] .form-row {
  overflow: visible !important;
}

@media (max-width: 1180px) {
  body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
    .lk-sidebar,
    .rw-sidebar,
    .sw-sidebar,
    .cw-sidebar,
    .kw-sidebar,
    .tw-sidebar,
    .bw-sidebar,
    .stw-sidebar,
    .cl-sidebar,
    .clw-sidebar,
    .ew-sidebar,
    .evw-sidebar,
    .stf-sidebar,
    .workspace-sidebar,
    .ws-sidebar,
    .am-sidebar,
    .po-sidebar,
    .rg-sidebar
  ) {
    width: 88px !important;
  }
}

@media (max-width: 980px) {
  body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
    .lk-risk-layout,
    .lk-content-layout,
    .evw-layout,
    .ws-layout,
    .rg-wizard-layout,
    .re-layout,
    .px-hero,
    .auth-v77,
    .auth-v78,
    .ob103__hero,
    .ob103__next
  ) {
    grid-template-columns: 1fr !important;
  }

  body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
    .lk-topbar,
    .rw-topbar,
    .sw-topbar,
    .cw-topbar,
    .kw-topbar,
    .tw-topbar,
    .bw-topbar,
    .stw-topbar,
    .cl-topbar,
    .clw-topbar,
    .ew-topbar,
    .evw-topbar,
    .stf-topbar,
    .workspace-topbar,
    .ws-topbar,
    .am-topbar,
    .po-topbar,
    .rg-topbar,
    .re-topbar,
    .page-header
  ) {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
}

@media (max-width: 820px) {
  body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
    .lk-sidebar,
    .rw-sidebar,
    .sw-sidebar,
    .cw-sidebar,
    .kw-sidebar,
    .tw-sidebar,
    .bw-sidebar,
    .stw-sidebar,
    .cl-sidebar,
    .clw-sidebar,
    .ew-sidebar,
    .evw-sidebar,
    .stf-sidebar,
    .workspace-sidebar,
    .ws-sidebar,
    .am-sidebar,
    .po-sidebar,
    .rg-sidebar
  ) {
    width: 100% !important;
  }

  body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
    .lk-btn,
    .rw-btn,
    .sw-btn,
    .cw-btn,
    .kw-btn,
    .tw-btn,
    .bw-btn,
    .stw-btn,
    .clw-btn,
    .evw-btn,
    .workspace-btn,
    .ws-btn,
    .po-btn,
    .rg-btn,
    .re-btn,
    .auth-v77-btn,
    .auth-v78-btn,
    .ob103-btn,
    .btn,
    .button
  ) {
    min-height: 44px !important;
  }

  body[data-design-release="v138-dashboard-full-prototype-polish"] :is(
    .lk-report-row,
    .lk-risk-row,
    .cw-task-table__head,
    .cw-task-row,
    .kw-table__head,
    .kw-table__row,
    .bw-order-table__head,
    .bw-order-row,
    .rw-table__head,
    .rw-table__row
  ) {
    min-width: 680px !important;
  }

  body[data-design-release="v138-dashboard-full-prototype-polish"] #content {
    width: min(100% - 28px, 1280px) !important;
    padding: 18px 0 84px !important;
  }

  body[data-design-release="v138-dashboard-full-prototype-polish"] #header {
    padding: 12px 14px !important;
  }
}

/* v138 dashboard repair: apply the prototype composition to the real cabinet DOM. */
body.seosrez-internal-body {
  min-width: 320px !important;
  overflow-x: hidden !important;
  background: var(--v138-canvas) !important;
}

body.seosrez-internal-body .app-shell,
body.seosrez-internal-body .container.page-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: var(--v138-canvas) !important;
}

body.seosrez-internal-body .topbar {
  display: none !important;
}

.lk-dashboard {
  width: 100% !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: 272px minmax(0, 1fr) !important;
  background:
    linear-gradient(90deg, #fff 0 272px, transparent 272px),
    var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

.lk-dashboard *,
.lk-dashboard *::before,
.lk-dashboard *::after {
  box-sizing: border-box !important;
}

.lk-dashboard a {
  color: inherit !important;
  text-decoration: none !important;
}

.lk-sidebar {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  width: 272px !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  overflow-y: auto !important;
  padding: 28px 24px 22px !important;
  border-right: 1px solid var(--v138-line) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 10px 0 30px rgba(18, 48, 79, 0.04) !important;
}

.lk-brand {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--v138-line) !important;
}

.lk-brand__mark {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgba(23, 107, 255, 0.25) !important;
}

.lk-brand strong {
  display: block !important;
  color: var(--v138-navy) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.lk-brand small,
.lk-sidebar__footer small,
.lk-help small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--v138-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.lk-nav {
  display: grid !important;
  gap: 7px !important;
}

.lk-nav__item {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #435a72 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
}

.lk-nav__item span {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.lk-nav__item:hover,
.lk-nav__item.is-active {
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
}

.lk-sidebar__spacer {
  flex: 1 1 auto !important;
}

.lk-help {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fbfdff !important;
}

.lk-help span {
  grid-row: span 2 !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 900 !important;
}

.lk-help strong {
  color: var(--v138-navy) !important;
  font-size: 13px !important;
}

.lk-sidebar__footer {
  display: grid !important;
  gap: 2px !important;
  color: var(--v138-muted) !important;
  font-size: 11px !important;
}

.lk-main {
  width: 100% !important;
  max-width: calc(100vw - 272px) !important;
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 22px !important;
  padding: 28px clamp(22px, 2.6vw, 42px) 48px !important;
  overflow-x: hidden !important;
  background: var(--v138-canvas) !important;
}

.lk-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 560px) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 70px !important;
  margin: -28px calc(-1 * clamp(22px, 2.6vw, 42px)) 10px !important;
  padding: 16px clamp(22px, 2.6vw, 42px) !important;
  border-bottom: 1px solid rgba(221, 231, 240, 0.9) !important;
  background: rgba(247, 250, 253, 0.94) !important;
  backdrop-filter: blur(14px) !important;
}

.lk-search {
  min-width: 0 !important;
  max-width: 560px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04) !important;
}

.lk-search span {
  color: var(--v138-muted) !important;
  font-size: 14px !important;
}

.lk-search input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--v138-navy) !important;
  font-size: 14px !important;
}

.lk-topbar__actions,
.lk-hero__cta,
.lk-section__tools,
.lk-row-actions {
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.lk-topbar__actions,
.lk-hero__cta {
  justify-content: flex-end !important;
}

.lk-btn,
.lk-chip,
.lk-row-actions a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 15px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--v138-navy) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.lk-btn--primary,
.lk-chip.is-active {
  border-color: var(--v138-blue) !important;
  background: var(--v138-blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(23, 107, 255, 0.22) !important;
}

.lk-btn--soft,
.lk-row-actions a {
  border-color: rgba(23, 107, 255, 0.14) !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
}

.lk-btn--full {
  width: 100% !important;
}

.lk-user {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 10px 4px 5px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
}

.lk-user span {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 900 !important;
}

.lk-user small {
  color: var(--v138-navy) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.lk-hero {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 540px) !important;
  gap: 24px !important;
  align-items: end !important;
  padding: 16px 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lk-hero__copy {
  min-width: 0 !important;
}

.lk-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(23, 107, 255, 0.18) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.lk-hero h1 {
  max-width: 860px !important;
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.lk-hero p {
  max-width: 780px !important;
  margin: 12px 0 0 !important;
  color: var(--v138-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.lk-onboarding {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.65fr) !important;
  gap: 18px !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
}

.lk-onboarding__summary,
.lk-onboarding__next {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}

.lk-onboarding__summary h2 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

.lk-onboarding__summary p,
.lk-onboarding__next p {
  margin: 0 !important;
  color: var(--v138-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.lk-onboarding__summary > strong,
.lk-onboarding__next > strong {
  color: var(--v138-navy) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.lk-onboarding__next {
  padding: 18px !important;
  border: 1px solid var(--v138-line-soft) !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
}

.lk-onboarding__next small {
  color: var(--v138-blue-dark) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.lk-onboarding__progress,
.lk-progress {
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: var(--v138-line-soft) !important;
}

.lk-onboarding__progress span,
.lk-progress span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--v138-blue), var(--v138-cyan)) !important;
}

.lk-onboarding__steps {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
}

.lk-onboarding-step {
  min-width: 0 !important;
  min-height: 112px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 6px 10px !important;
  align-content: start !important;
  padding: 14px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.lk-onboarding-step > span {
  grid-row: span 2 !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 900 !important;
}

.lk-onboarding-step strong {
  min-width: 0 !important;
  color: var(--v138-navy) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.lk-onboarding-step small {
  min-width: 0 !important;
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.lk-onboarding-step--done {
  border-color: rgba(21, 166, 109, 0.24) !important;
  background: var(--v138-green-soft) !important;
}

.lk-onboarding-step--current {
  border-color: rgba(23, 107, 255, 0.32) !important;
  background: var(--v138-blue-soft) !important;
}

.lk-metrics {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.lk-metric-card {
  min-width: 0 !important;
  min-height: 132px !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 20px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
}

.lk-metric-card__icon {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-weight: 900 !important;
}

.lk-metric-card small {
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.lk-metric-card strong {
  color: var(--v138-navy) !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.lk-metric-card em {
  color: var(--v138-navy) !important;
  font-size: 14px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

.lk-ops-panel,
.lk-section,
.lk-side-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: var(--v138-radius) !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
}

.lk-section__head,
.lk-side-card > header {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--v138-line-soft) !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
}

.lk-section__head > div {
  min-width: 0 !important;
}

.lk-section__head h2,
.lk-side-card h3,
.lk-action-board h3 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

.lk-section__head p {
  max-width: 780px !important;
  margin: 6px 0 0 !important;
  color: var(--v138-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.lk-risk-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  gap: 16px !important;
  padding: 18px 20px 20px !important;
}

.lk-risk-table,
.lk-report-table {
  min-width: 0 !important;
  overflow-x: auto !important;
  border: 1px solid var(--v138-line-soft) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.lk-risk-row,
.lk-report-row {
  min-width: 760px !important;
  display: grid !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--v138-line-soft) !important;
}

.lk-risk-row {
  grid-template-columns: minmax(160px, 1.15fr) minmax(150px, 1fr) minmax(150px, 0.8fr) minmax(160px, 1fr) minmax(170px, 1fr) !important;
}

.lk-report-row {
  grid-template-columns: minmax(220px, 1.35fr) minmax(130px, 0.8fr) minmax(130px, 0.8fr) minmax(130px, 0.8fr) minmax(110px, 0.7fr) minmax(170px, 1fr) !important;
}

.lk-risk-row--head,
.lk-report-row--head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #fbfdff !important;
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.lk-risk-row strong,
.lk-report-row strong {
  display: block !important;
  color: var(--v138-navy) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.lk-risk-row small,
.lk-report-row small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.lk-source-badges,
.lk-source-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}

.lk-source-badge,
.lk-source-list span,
.lk-status,
.lk-risk-badge,
.lk-bubble {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(23, 107, 255, 0.14) !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

.lk-status--ready,
.lk-status--success,
.lk-risk-badge--success,
.lk-source-badge--success {
  border-color: rgba(21, 166, 109, 0.22) !important;
  background: var(--v138-green-soft) !important;
  color: var(--v138-green) !important;
}

.lk-status--error,
.lk-status--danger,
.lk-risk-badge--danger,
.lk-source-badge--danger {
  border-color: rgba(228, 87, 87, 0.22) !important;
  background: var(--v138-red-soft) !important;
  color: var(--v138-red) !important;
}

.lk-status--warning,
.lk-risk-badge--warning,
.lk-source-badge--warning {
  border-color: rgba(215, 130, 25, 0.24) !important;
  background: var(--v138-orange-soft) !important;
  color: var(--v138-orange) !important;
}

.lk-action-board {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid var(--v138-line-soft) !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
}

.lk-signal-card {
  display: grid !important;
  gap: 8px !important;
  padding: 14px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.lk-signal-card strong {
  color: var(--v138-navy) !important;
  font-size: 14px !important;
}

.lk-signal-card p {
  margin: 0 !important;
  color: var(--v138-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.lk-signal-card a {
  color: var(--v138-blue-dark) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.lk-workspace {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: 18px !important;
  align-items: start !important;
}

.lk-primary,
.lk-side {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 18px !important;
}

.lk-side {
  position: sticky !important;
  top: 92px !important;
}

.lk-project-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)) !important;
  gap: 16px !important;
  padding: 18px 20px 20px !important;
}

.lk-project-card {
  min-width: 0 !important;
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
  border: 1px solid var(--v138-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(18, 48, 79, 0.04) !important;
}

.lk-project-card header,
.lk-project-card footer {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

.lk-project-card h3 {
  margin: 0 !important;
  color: var(--v138-navy) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.lk-project-card p {
  margin: 6px 0 0 !important;
  color: var(--v138-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.lk-project-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--v138-line-soft) !important;
}

.lk-project-stats small,
.lk-access-list dt {
  display: block !important;
  color: var(--v138-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.lk-project-stats strong,
.lk-access-list dd {
  margin: 4px 0 0 !important;
  color: var(--v138-navy) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.lk-report-table {
  margin: 18px 20px 20px !important;
}

.lk-side-card {
  display: grid !important;
}

.lk-side-card > header {
  align-items: center !important;
  padding: 16px !important;
}

.lk-side-card > header span:not(.lk-bubble) {
  color: var(--v138-muted) !important;
}

.lk-access-list,
.lk-queue-list,
.lk-attention-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 16px !important;
}

.lk-access-list div {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: baseline !important;
}

.lk-side-card form,
.lk-side-card > .lk-btn,
.lk-side-card > .lk-progress {
  margin: 0 16px 16px !important;
}

.lk-queue-list article,
.lk-attention-list a,
.lk-empty {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  padding: 13px !important;
  border: 1px solid var(--v138-line-soft) !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
}

.lk-queue-list article strong,
.lk-attention-list a strong,
.lk-empty strong {
  color: var(--v138-navy) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.lk-queue-list article p,
.lk-attention-list a small,
.lk-empty p,
.lk-empty--small {
  margin: 0 !important;
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.lk-queue-meta {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: var(--v138-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.lk-attention-list a {
  grid-template-columns: 8px minmax(0, 1fr) !important;
}

.lk-attention-list a span {
  grid-row: span 2 !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 4px !important;
  border-radius: 50% !important;
  background: var(--v138-blue) !important;
}

@media (max-width: 1440px) {
  .lk-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lk-workspace {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
}

@media (max-width: 1180px) {
  .lk-dashboard {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    background:
      linear-gradient(90deg, #fff 0 88px, transparent 88px),
      var(--v138-canvas) !important;
  }

  .lk-sidebar {
    width: 88px !important;
    padding: 18px 10px !important;
  }

  .lk-brand span:not(.lk-brand__mark),
  .lk-help,
  .lk-sidebar__footer,
  .lk-sidebar__spacer {
    display: none !important;
  }

  .lk-nav__item {
    justify-content: center !important;
    padding: 9px !important;
    font-size: 0 !important;
  }

  .lk-nav__item span {
    margin: 0 !important;
    font-size: 12px !important;
  }

  .lk-main {
    max-width: calc(100vw - 88px) !important;
  }

  .lk-hero,
  .lk-onboarding,
  .lk-risk-layout,
  .lk-workspace {
    grid-template-columns: 1fr !important;
  }

  .lk-hero__cta,
  .lk-topbar__actions {
    justify-content: flex-start !important;
  }

  .lk-side {
    position: static !important;
  }
}

@media (max-width: 820px) {
  .lk-dashboard {
    display: block !important;
    padding-bottom: 76px !important;
    background: var(--v138-canvas) !important;
  }

  .lk-sidebar {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 60 !important;
    width: 100% !important;
    height: 66px !important;
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 10px !important;
    border-top: 1px solid var(--v138-line) !important;
    border-right: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -14px 30px rgba(18, 48, 79, 0.09) !important;
  }

  .lk-nav {
    display: flex !important;
    gap: 8px !important;
    min-width: max-content !important;
  }

  .lk-main {
    max-width: 100vw !important;
    padding: 16px 14px 86px !important;
  }

  .lk-topbar {
    position: static !important;
    grid-template-columns: 1fr !important;
    margin: -16px -14px 8px !important;
    padding: 14px !important;
  }

  .lk-search {
    max-width: none !important;
  }

  .lk-hero h1 {
    font-size: 30px !important;
  }

  .lk-onboarding,
  .lk-ops-panel,
  .lk-section,
  .lk-side-card {
    border-radius: 12px !important;
  }

  .lk-onboarding,
  .lk-risk-layout,
  .lk-project-grid {
    padding: 14px !important;
  }

  .lk-metrics {
    grid-template-columns: 1fr !important;
  }

  .lk-onboarding__steps {
    grid-template-columns: 1fr !important;
  }

  .lk-btn,
  .lk-chip,
  .lk-row-actions a {
    min-height: 44px !important;
    white-space: normal !important;
  }
}

/* v138 dashboard polish: make the applied prototype feel intentional on wide screens. */
@media (min-width: 1181px) {
  .lk-main {
    gap: 24px !important;
  }

  .lk-topbar {
    grid-template-columns: minmax(260px, 520px) minmax(0, 1fr) !important;
  }

  .lk-topbar__actions .lk-btn {
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  .lk-hero {
    grid-template-columns: minmax(0, 820px) minmax(360px, 560px) !important;
    align-items: center !important;
  }

  .lk-hero__cta {
    justify-self: end !important;
    max-width: 560px !important;
  }

  .lk-hero__cta .lk-btn {
    min-width: 118px !important;
  }

  .lk-hero h1 {
    max-width: 820px !important;
    font-size: clamp(36px, 2.45vw, 46px) !important;
  }

  .lk-hero p {
    max-width: 720px !important;
  }

  .lk-onboarding {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr) !important;
    padding: 22px !important;
  }

  .lk-onboarding__summary h2 {
    max-width: 760px !important;
  }

  .lk-onboarding__summary p {
    max-width: 900px !important;
  }

  .lk-onboarding__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lk-onboarding-step {
    min-height: 106px !important;
  }

  .lk-metrics {
    grid-template-columns: repeat(5, minmax(180px, 1fr)) !important;
  }

  .lk-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
  }
}

@media (min-width: 1560px) {
  .lk-main {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .lk-topbar {
    margin-right: -48px !important;
    margin-left: -48px !important;
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .lk-project-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.lk-onboarding__next .lk-btn {
  width: 100% !important;
}

.lk-onboarding__summary > strong {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 28px !important;
  align-items: center !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: var(--v138-blue-soft) !important;
  color: var(--v138-blue-dark) !important;
  font-size: 12px !important;
}

.lk-onboarding-step--done > span,
.lk-onboarding-step--complete > span {
  background: var(--v138-green) !important;
  color: #fff !important;
}

.lk-onboarding-step--current > span {
  background: var(--v138-blue) !important;
  color: #fff !important;
}

.lk-metric-card {
  position: relative !important;
}

.lk-metric-card::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(23, 107, 255, 0.1), transparent 68%) !important;
  pointer-events: none !important;
}

.lk-section__tools {
  max-width: 520px !important;
}

.lk-project-card:hover,
.lk-signal-card:hover,
.lk-attention-list a:hover {
  border-color: rgba(23, 107, 255, 0.32) !important;
  box-shadow: 0 18px 42px rgba(23, 107, 255, 0.1) !important;
}

.lk-report-row:last-child,
.lk-risk-row:last-child {
  border-bottom: 0 !important;
}

.lk-risk-table,
.lk-report-table {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(23, 107, 255, 0.35) transparent !important;
}

.lk-risk-table::-webkit-scrollbar,
.lk-report-table::-webkit-scrollbar {
  height: 10px !important;
}

.lk-risk-table::-webkit-scrollbar-thumb,
.lk-report-table::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(23, 107, 255, 0.26) !important;
}

.lk-side-card {
  align-self: start !important;
}

.lk-side-card + .lk-side-card {
  margin-top: 0 !important;
}

.lk-empty--small {
  min-height: auto !important;
  padding: 12px !important;
}

@media (max-width: 1180px) {
  .lk-onboarding__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lk-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .lk-hero__cta,
  .lk-topbar__actions,
  .lk-section__tools {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .lk-hero__cta .lk-btn,
  .lk-topbar__actions .lk-btn,
  .lk-section__tools .lk-chip {
    width: 100% !important;
  }

  .lk-onboarding__steps,
  .lk-metrics,
  .lk-project-stats {
    grid-template-columns: 1fr !important;
  }
}

/* v138 full prototype fit: one internal shell, no clipped actions, no page-wide overflow. */
body.seosrez-internal-body {
  min-width: 320px !important;
  overflow-x: hidden !important;
}

body.seosrez-internal-body :is(
  .lk-dashboard,
  .rw-app,
  .sw-app,
  .cw-app,
  .kw-app,
  .tw-app,
  .bw-app,
  .stw-app,
  .cl-app,
  .ew-app,
  .stf-app,
  .workspace-app,
  .ws-app,
  .am-app,
  .clw-app,
  .evw-app,
  .po-app,
  .rg-app
) {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

body.seosrez-internal-body :is(
  .lk-main,
  .rw-main,
  .sw-main,
  .cw-main,
  .kw-main,
  .tw-main,
  .bw-main,
  .stw-main,
  .cl-main,
  .ew-main,
  .stf-main,
  .workspace-main,
  .ws-main,
  .am-main,
  .clw-main,
  .evw-main,
  .po-main,
  .rg-main
) {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body.seosrez-internal-body :is(
  .lk-topbar__actions,
  .rw-topbar__actions,
  .sw-topbar__actions,
  .cw-topbar__actions,
  .kw-topbar__actions,
  .tw-topbar__actions,
  .bw-topbar__actions,
  .stw-topbar__actions,
  .cl-topbar__actions,
  .ew-topbar__actions,
  .stf-topbar__actions,
  .workspace-topbar__actions,
  .ws-topbar__actions,
  .am-topbar__actions
) {
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 2px !important;
  scrollbar-width: thin !important;
}

body.seosrez-internal-body :is(
  .lk-topbar__actions,
  .rw-topbar__actions,
  .sw-topbar__actions,
  .cw-topbar__actions,
  .kw-topbar__actions,
  .tw-topbar__actions,
  .bw-topbar__actions,
  .stw-topbar__actions,
  .cl-topbar__actions,
  .ew-topbar__actions,
  .stf-topbar__actions,
  .workspace-topbar__actions,
  .ws-topbar__actions,
  .am-topbar__actions
) > * {
  flex: 0 0 auto !important;
}

body.seosrez-internal-body .lk-hero__cta {
  align-content: start !important;
  align-items: stretch !important;
}

@media (min-width: 1181px) {
  body.seosrez-internal-body .lk-hero__cta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(118px, 1fr)) !important;
    gap: 8px !important;
  }

  body.seosrez-internal-body .lk-hero__cta .lk-btn {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.seosrez-internal-body .lk-onboarding__steps {
    gap: 10px !important;
  }
}

body.seosrez-internal-body :is(.lk-risk-table, .lk-report-table, .rw-table, .kw-table, .cw-task-table, .bw-order-table) {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body.seosrez-internal-body :is(.lk-risk-row, .lk-report-row, .rw-table__row, .kw-table__row, .cw-task-row, .bw-order-row) {
  min-width: 760px !important;
}

/* v138 force shell: apply the prototype even when an old body marker is still cached. */
body:is(
  .seosrez-internal-body,
  .dashboard-seosrez-body,
  .report-workspace-v84-body,
  .source-workspace-v85-body,
  .conversion-workspace-v86-body,
  .keyword-workspace-v87-body,
  .template-workspace-v88-body,
  .billing-workspace-v89-body,
  .settings-workspace-v90-body,
  .clients-workspace-v92-body,
  .events-workspace-v93-body,
  .staff-workspace-v94-body,
  .workspace-v113-body,
  .project-onboarding-body,
  .project-exp-body,
  .report-generation-v70-body,
  .report-editor-v71-body,
  .auth-v77-body,
  .auth-v78-body,
  .onboarding-v103-body
) {
  min-width: 320px !important;
  overflow-x: hidden !important;
  background: var(--v138-canvas) !important;
  color: var(--v138-navy) !important;
}

body:is(
  .seosrez-internal-body,
  .dashboard-seosrez-body,
  .report-workspace-v84-body,
  .source-workspace-v85-body,
  .conversion-workspace-v86-body,
  .keyword-workspace-v87-body,
  .template-workspace-v88-body,
  .billing-workspace-v89-body,
  .settings-workspace-v90-body,
  .clients-workspace-v92-body,
  .events-workspace-v93-body,
  .staff-workspace-v94-body,
  .workspace-v113-body,
  .project-onboarding-body,
  .project-exp-body,
  .report-generation-v70-body,
  .report-editor-v71-body,
  .auth-v77-body,
  .auth-v78-body,
  .onboarding-v103-body
) > .app-shell > .topbar,
body:is(
  .seosrez-internal-body,
  .dashboard-seosrez-body,
  .report-workspace-v84-body,
  .source-workspace-v85-body,
  .conversion-workspace-v86-body,
  .keyword-workspace-v87-body,
  .template-workspace-v88-body,
  .billing-workspace-v89-body,
  .settings-workspace-v90-body,
  .clients-workspace-v92-body,
  .events-workspace-v93-body,
  .staff-workspace-v94-body,
  .workspace-v113-body,
  .project-onboarding-body,
  .project-exp-body,
  .report-generation-v70-body,
  .report-editor-v71-body,
  .auth-v77-body,
  .auth-v78-body,
  .onboarding-v103-body
) .app-shell > .topbar {
  display: none !important;
}

body:is(
  .seosrez-internal-body,
  .dashboard-seosrez-body,
  .report-workspace-v84-body,
  .source-workspace-v85-body,
  .conversion-workspace-v86-body,
  .keyword-workspace-v87-body,
  .template-workspace-v88-body,
  .billing-workspace-v89-body,
  .settings-workspace-v90-body,
  .clients-workspace-v92-body,
  .events-workspace-v93-body,
  .staff-workspace-v94-body,
  .workspace-v113-body,
  .project-onboarding-body,
  .project-exp-body,
  .report-generation-v70-body,
  .report-editor-v71-body,
  .auth-v77-body,
  .auth-v78-body,
  .onboarding-v103-body
) .app-shell,
body:is(
  .seosrez-internal-body,
  .dashboard-seosrez-body,
  .report-workspace-v84-body,
  .source-workspace-v85-body,
  .conversion-workspace-v86-body,
  .keyword-workspace-v87-body,
  .template-workspace-v88-body,
  .billing-workspace-v89-body,
  .settings-workspace-v90-body,
  .clients-workspace-v92-body,
  .events-workspace-v93-body,
  .staff-workspace-v94-body,
  .workspace-v113-body,
  .project-onboarding-body,
  .project-exp-body,
  .report-generation-v70-body,
  .report-editor-v71-body,
  .auth-v77-body,
  .auth-v78-body,
  .onboarding-v103-body
) .container.page-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: var(--v138-canvas) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-dashboard {
  grid-template-columns: 268px minmax(0, 1fr) !important;
  background:
    linear-gradient(90deg, #fff 0 268px, transparent 268px),
    var(--v138-canvas) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-sidebar {
  width: 268px !important;
  padding: 26px 20px 18px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-main {
  max-width: calc(100vw - 268px) !important;
  gap: 18px !important;
  padding: 28px clamp(22px, 2.4vw, 40px) 46px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-topbar {
  min-height: 64px !important;
  margin: -28px calc(-1 * clamp(22px, 2.4vw, 40px)) 16px !important;
  padding: 14px clamp(22px, 2.4vw, 40px) !important;
  border-bottom: 1px solid var(--v138-line) !important;
  background: rgba(247, 250, 253, 0.92) !important;
  backdrop-filter: blur(14px) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-search {
  max-width: 560px !important;
  min-height: 46px !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px rgba(18, 48, 79, 0.05) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-topbar__actions {
  gap: 8px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-topbar__actions .lk-btn,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-user {
  min-height: 38px !important;
  border-radius: 9px !important;
  white-space: nowrap !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px) !important;
  gap: 22px !important;
  align-items: end !important;
  margin-bottom: 0 !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero h1 {
  max-width: 850px !important;
  margin-bottom: 10px !important;
  color: var(--v138-navy) !important;
  font-size: clamp(38px, 2.55vw, 50px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero p {
  max-width: 760px !important;
  color: var(--v138-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero__cta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(116px, 1fr)) !important;
  gap: 8px !important;
  justify-self: end !important;
  width: min(100%, 520px) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero__cta .lk-btn {
  min-width: 0 !important;
  justify-content: center !important;
  padding: 0 12px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-onboarding,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-ops-panel,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-section,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-side-card,
body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-metric-card {
  border: 1px solid var(--v138-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--v138-shadow) !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-onboarding {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr) !important;
  gap: 18px !important;
  padding: 22px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-onboarding__steps {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-onboarding-step {
  min-height: 96px !important;
  border-radius: 10px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-metrics {
  grid-template-columns: repeat(5, minmax(170px, 1fr)) !important;
  gap: 14px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-metric-card {
  min-height: 132px !important;
  padding: 18px !important;
}

body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
  gap: 18px !important;
}

@media (max-width: 1240px) {
  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-dashboard {
    grid-template-columns: 232px minmax(0, 1fr) !important;
    background:
      linear-gradient(90deg, #fff 0 232px, transparent 232px),
      var(--v138-canvas) !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-sidebar {
    width: 232px !important;
    padding: 22px 14px 16px !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-main {
    max-width: calc(100vw - 232px) !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero,
  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-onboarding,
  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-workspace {
    grid-template-columns: 1fr !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero__cta {
    justify-self: start !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-dashboard {
    display: block !important;
    background: var(--v138-canvas) !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-main {
    max-width: 100vw !important;
    padding: 16px 14px 86px !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-topbar {
    margin: -16px -14px 10px !important;
    padding: 14px !important;
  }

  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-hero__cta,
  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-onboarding__steps,
  body:is(.seosrez-internal-body, .dashboard-seosrez-body) .lk-metrics {
    grid-template-columns: 1fr !important;
  }
}




/* SEOSREZ v139 dashboard exact prototype implementation.
   This layer keeps the all-pages prototype visual system and maps the live
   Django dashboard markup to it without loading the standalone React demo. */
body.seosrez-dashboard-body {
  min-width: 320px !important;
  overflow-x: hidden !important;
  background: var(--canvas, #f4f7fb) !important;
  color: var(--navy, #071a33) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.seosrez-dashboard-body > .app-shell > .topbar {
  display: none !important;
}

body.seosrez-dashboard-body > .app-shell,
body.seosrez-dashboard-body > .app-shell > .container.page-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: var(--canvas, #f4f7fb) !important;
}

body.seosrez-dashboard-body .app-frame {
  width: 100% !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  background: var(--canvas, #f4f7fb) !important;
  color: var(--navy, #071a33) !important;
  font-family: var(--font-geist-sans), Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}

body.seosrez-dashboard-body .app-frame .topbar {
  display: flex !important;
}

body.seosrez-dashboard-body .app-frame .brand-button {
  color: inherit;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .mobile-close {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
}

body.seosrez-dashboard-body .app-frame .nav-group a {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  gap: 11px;
  margin: 2px 0;
  padding: 9px 11px;
  border-radius: 9px;
  background: transparent;
  color: #4d6278;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  transition: background 0.18s, color 0.18s, transform 0.18s;
}

body.seosrez-dashboard-body .app-frame .nav-group a:hover {
  background: #f2f6fa;
  color: var(--navy);
  transform: translateX(1px);
}

body.seosrez-dashboard-body .app-frame .nav-group a.active {
  background: var(--blue-soft);
  color: var(--blue);
  font-weight: 700;
}

body.seosrez-dashboard-body .app-frame .nav-group a strong {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.seosrez-dashboard-body .app-frame .nav-group a b,
body.seosrez-dashboard-body .app-frame .nav-badge {
  display: grid;
  min-width: 22px;
  height: 21px;
  place-items: center;
  border-radius: 7px;
  background: #eff3f7;
  color: #6d8093;
  font-size: 12px;
}

body.seosrez-dashboard-body .app-frame .nav-group a.active b {
  background: #fff;
  color: var(--blue);
}

body.seosrez-dashboard-body .app-frame .nav-ico {
  display: grid;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  place-items: center;
  color: currentColor;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

body.seosrez-dashboard-body .app-frame .workspace-switcher {
  color: inherit;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .plan-mini i {
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #dbe8f5;
}

body.seosrez-dashboard-body .app-frame .plan-mini i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--blue);
}

body.seosrez-dashboard-body .app-frame .plan-mini a,
body.seosrez-dashboard-body .app-frame .help-button {
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .breadcrumbs a {
  background: transparent;
  color: var(--muted);
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .breadcrumbs a:hover {
  color: var(--blue);
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-search {
  width: min(100%, 560px);
  min-width: min(100%, 320px);
  margin-left: 18px;
}

body.seosrez-dashboard-body .app-frame .topbar .search-field {
  min-height: 40px;
  background: #fff;
}

body.seosrez-dashboard-body .app-frame .topbar .search-field input {
  height: 38px;
}

body.seosrez-dashboard-body .app-frame .top-icon-button--quiet::after {
  display: none;
}

body.seosrez-dashboard-body .app-frame .topbar__left {
  min-width: 0;
  flex: 1;
}

body.seosrez-dashboard-body .app-frame .topbar__actions {
  flex: 0 0 auto;
}

body.seosrez-dashboard-body .app-frame .profile-dropdown {
  min-width: 265px;
}

body.seosrez-dashboard-body .app-frame .profile-dropdown > div:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 11px 12px;
  border-bottom: 1px solid var(--line-soft);
}

body.seosrez-dashboard-body .app-frame .profile-dropdown > div:first-child > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 8px;
  background: var(--navy);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

body.seosrez-dashboard-body .app-frame .profile-dropdown a,
body.seosrez-dashboard-body .app-frame .profile-dropdown form button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border-radius: 8px;
  background: transparent;
  color: #40566c;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .profile-dropdown a:hover,
body.seosrez-dashboard-body .app-frame .profile-dropdown form button:hover {
  background: #f3f7fb;
  color: var(--navy);
}

body.seosrez-dashboard-body .app-frame .profile-dropdown form {
  margin: 0;
}

body.seosrez-dashboard-body .app-frame .button {
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .button[hidden],
body.seosrez-dashboard-body .app-frame [hidden] {
  display: none !important;
}

body.seosrez-dashboard-body .app-frame .badge--ok,
body.seosrez-dashboard-body .app-frame .badge--ready {
  background: var(--green-soft);
  color: var(--green);
}

body.seosrez-dashboard-body .app-frame .badge--warn,
body.seosrez-dashboard-body .app-frame .badge--warning {
  background: var(--orange-soft);
  color: var(--orange);
}

body.seosrez-dashboard-body .app-frame .badge--danger,
body.seosrez-dashboard-body .app-frame .badge--error {
  background: var(--red-soft);
  color: var(--red);
}

body.seosrez-dashboard-body .app-frame .badge--info,
body.seosrez-dashboard-body .app-frame .badge--queue {
  background: var(--blue-soft);
  color: var(--blue);
}

body.seosrez-dashboard-body .app-frame .badge--neutral {
  background: #f1f4f7;
  color: #607286;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-report-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-report-actions .button {
  min-height: 30px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-source-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.seosrez-dashboard-body .app-frame .source-chip--manual {
  background: var(--cyan);
}

body.seosrez-dashboard-body .app-frame .source-chip--ai {
  background: var(--violet);
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding {
  min-height: 0;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-timeline {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0 0 18px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step {
  align-items: flex-start;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step::after {
  top: 16px;
  left: 44px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-actions {
  display: grid;
  gap: 8px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-actions .task-item {
  color: inherit;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .workflow-step {
  color: inherit;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .insight-card a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  color: currentColor;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .insight-card a:hover {
  color: currentColor;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-actions .task-item > span:last-child {
  color: var(--muted);
  font-weight: 800;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-projects-panel {
  margin-bottom: 18px;
}

body.seosrez-dashboard-body .app-frame .project-card {
  cursor: default;
}

body.seosrez-dashboard-body .app-frame .project-card h2 a {
  color: inherit;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .project-card h2 a:hover {
  color: var(--blue);
}

body.seosrez-dashboard-body .app-frame .project-card footer {
  flex-wrap: wrap;
}

body.seosrez-dashboard-body .app-frame .project-card footer .button {
  min-height: 32px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-empty {
  grid-column: 1 / -1;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-empty.empty-state {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-table-title {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-table-title strong {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-table-title small {
  max-width: 360px;
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.seosrez-dashboard-body .app-frame .activity-feed a {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 9px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line-soft);
  color: inherit;
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .activity-feed a:last-child {
  border-bottom: 0;
}

body.seosrez-dashboard-body .app-frame .activity-feed a > span {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 8px;
  background: var(--blue-soft);
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

body.seosrez-dashboard-body .app-frame .activity-feed a > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

body.seosrez-dashboard-body .app-frame .activity-feed a:hover strong {
  color: var(--blue);
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-access .usage-meter {
  margin: 14px 0 10px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-access .button {
  width: 100%;
  margin-top: 10px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.seosrez-dashboard-body .app-frame .dashboard-v139-quick-links .filter-chip {
  text-decoration: none;
}

body.seosrez-dashboard-body .app-frame .mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

@media (max-width: 1240px) {
  body.seosrez-dashboard-body .app-frame {
    grid-template-columns: 232px minmax(0, 1fr) !important;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-timeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 0;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step:nth-child(3)::after,
  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step:nth-child(6)::after {
    display: none;
  }
}

@media (max-width: 980px) {
  body.seosrez-dashboard-body .app-frame {
    display: block !important;
  }

  body.seosrez-dashboard-body .app-frame .topbar__left {
    flex: 0 1 auto;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-search {
    display: none;
  }

  body.seosrez-dashboard-body .app-frame .mobile-close {
    display: grid;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step:nth-child(2)::after,
  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step:nth-child(4)::after {
    display: none;
  }
}

@media (max-width: 720px) {
  body.seosrez-dashboard-body .app-frame .topbar__actions .date-button small,
  body.seosrez-dashboard-body .app-frame .topbar__actions .date-button b {
    display: none;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-timeline {
    grid-template-columns: 1fr;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-onboarding .workflow-step::after {
    display: none;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-report-actions {
    flex-wrap: wrap;
  }

  body.seosrez-dashboard-body .app-frame .dashboard-v139-table-title strong,
body.seosrez-dashboard-body .app-frame .dashboard-v139-table-title small {
    max-width: 220px;
  }
}

/* SEOSREZ v140 unified internal design
   Brings workspace, auth and admin screens to the prototype visual system
   while keeping all existing Django markup and behaviour. */

body.seosrez-internal-body {
  --v140-bg: #f4f7fb;
  --v140-surface: #ffffff;
  --v140-surface-soft: #f8fbff;
  --v140-ink: #061b37;
  --v140-text: #344961;
  --v140-muted: #6e8197;
  --v140-faint: #8da0b5;
  --v140-blue: #246bfe;
  --v140-blue-hover: #1557dc;
  --v140-blue-soft: #eaf2ff;
  --v140-line: #dce6f2;
  --v140-line-soft: #edf2f8;
  --v140-green: #19b99a;
  --v140-green-soft: #e6f8f2;
  --v140-amber: #d97706;
  --v140-amber-soft: #fff7e6;
  --v140-red: #dc2626;
  --v140-red-soft: #fff1f2;
  --v140-violet: #7c3aed;
  --v140-violet-soft: #f1edff;
  --v140-radius: 14px;
  --v140-radius-sm: 10px;
  --v140-shadow: 0 18px 45px rgba(15, 45, 80, 0.08);
  --v140-shadow-soft: 0 10px 24px rgba(15, 45, 80, 0.05);
  min-width: 320px;
  overflow-x: hidden;
  background: var(--v140-bg) !important;
  color: var(--v140-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px;
  line-height: 1.45;
}

body.seosrez-internal-body *,
body.seosrez-internal-body *::before,
body.seosrez-internal-body *::after {
  box-sizing: border-box;
}

body.seosrez-internal-body a {
  color: inherit;
  text-decoration: none;
}

body.seosrez-internal-body a:hover {
  color: var(--v140-blue);
}

body.seosrez-internal-body > .app-shell {
  min-height: 100vh;
  background: var(--v140-bg) !important;
}

body.seosrez-internal-body > .app-shell > .topbar {
  display: none !important;
}

body.seosrez-internal-body > .app-shell > .container.page-content {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
  background: var(--v140-bg) !important;
}

body.seosrez-internal-body .message-stack {
  position: fixed;
  z-index: 90;
  top: 18px;
  right: 18px;
  width: min(420px, calc(100vw - 32px));
}

body.seosrez-internal-body .message {
  border: 1px solid var(--v140-line);
  border-radius: var(--v140-radius-sm);
  background: var(--v140-surface);
  box-shadow: var(--v140-shadow-soft);
  color: var(--v140-text);
  font-weight: 700;
}

body.seosrez-internal-body :is(
  .rw-app,
  .sw-app,
  .cw-app,
  .kw-app,
  .tw-app,
  .bw-app,
  .stw-app,
  .cl-app,
  .ew-app,
  .stf-app,
  .workspace-app,
  .ws-app,
  .am-app,
  .clw-app,
  .evw-app,
  .po-app,
  .rg-app,
  .re-app
) {
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  min-height: 100vh;
  background: var(--v140-bg) !important;
  color: var(--v140-ink) !important;
  font-family: inherit !important;
}

body.seosrez-internal-body :is(
  .rw-sidebar,
  .sw-sidebar,
  .cw-sidebar,
  .kw-sidebar,
  .tw-sidebar,
  .bw-sidebar,
  .stw-sidebar,
  .cl-sidebar,
  .ew-sidebar,
  .stf-sidebar,
  .workspace-sidebar,
  .ws-sidebar,
  .am-sidebar,
  .clw-sidebar,
  .evw-sidebar,
  .po-sidebar,
  .rg-sidebar,
  .re-sidebar
) {
  position: sticky !important;
  top: 0;
  display: flex !important;
  height: 100vh;
  min-width: 0;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  border-right: 1px solid var(--v140-line);
  background: #fff !important;
  padding: 26px 24px !important;
  box-shadow: 8px 0 30px rgba(11, 31, 58, 0.03);
}

body.seosrez-internal-body :is(
  .rw-brand,
  .sw-brand,
  .cw-brand,
  .kw-brand,
  .tw-brand,
  .bw-brand,
  .stw-brand,
  .cl-brand,
  .ew-brand,
  .stf-brand,
  .workspace-brand,
  .ws-brand,
  .am-brand,
  .clw-brand,
  .evw-brand,
  .po-brand,
  .rg-brand,
  .re-brand
) {
  display: flex !important;
  min-width: 0;
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--v140-line);
  color: var(--v140-ink) !important;
}

body.seosrez-internal-body :is(
  .rw-brand__mark,
  .sw-brand__mark,
  .cw-brand__mark,
  .kw-brand__mark,
  .tw-brand__mark,
  .bw-brand__mark,
  .stw-brand__mark,
  .cl-brand__mark,
  .ew-brand__mark,
  .stf-brand__mark,
  .workspace-brand__mark,
  .ws-brand__mark,
  .am-brand__mark,
  .clw-brand__mark,
  .evw-brand__mark,
  .po-brand__mark,
  .rg-brand__mark,
  .re-brand__mark
) {
  display: grid !important;
  width: 40px !important;
  min-width: 40px;
  height: 40px !important;
  place-items: center;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--v140-blue) !important;
  box-shadow: 0 12px 24px rgba(36, 107, 254, 0.22);
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.seosrez-internal-body :is(
  .rw-brand,
  .sw-brand,
  .cw-brand,
  .kw-brand,
  .tw-brand,
  .bw-brand,
  .stw-brand,
  .cl-brand,
  .ew-brand,
  .stf-brand,
  .workspace-brand,
  .ws-brand,
  .am-brand,
  .clw-brand,
  .evw-brand,
  .po-brand,
  .rg-brand,
  .re-brand
) strong {
  display: block;
  color: var(--v140-ink) !important;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: 0;
}

body.seosrez-internal-body :is(
  .rw-brand,
  .sw-brand,
  .cw-brand,
  .kw-brand,
  .tw-brand,
  .bw-brand,
  .stw-brand,
  .cl-brand,
  .ew-brand,
  .stf-brand,
  .workspace-brand,
  .ws-brand,
  .am-brand,
  .clw-brand,
  .evw-brand,
  .po-brand,
  .rg-brand,
  .re-brand
) small {
  display: block;
  margin-top: 2px;
  color: var(--v140-muted) !important;
  font-size: 11px;
  font-weight: 700;
}

body.seosrez-internal-body :is(
  .rw-nav,
  .sw-nav,
  .cw-nav,
  .kw-nav,
  .tw-nav,
  .bw-nav,
  .stw-nav,
  .cl-nav,
  .ew-nav,
  .stf-nav,
  .workspace-nav,
  .ws-nav,
  .am-nav,
  .clw-nav,
  .evw-nav,
  .po-nav,
  .rg-nav,
  .re-nav
) {
  display: grid !important;
  gap: 8px;
}

body.seosrez-internal-body :is(
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item,
  .clw-nav__item,
  .evw-nav__item,
  .rg-nav__item,
  .re-nav__item,
  .po-nav a
) {
  display: flex !important;
  min-height: 42px;
  align-items: center;
  gap: 11px;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  padding: 9px 11px !important;
  color: #41566f !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

body.seosrez-internal-body :is(
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item,
  .clw-nav__item,
  .evw-nav__item,
  .rg-nav__item,
  .re-nav__item,
  .po-nav a
):hover {
  background: var(--v140-blue-soft) !important;
  color: var(--v140-blue) !important;
}

body.seosrez-internal-body :is(
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item,
  .clw-nav__item,
  .evw-nav__item,
  .rg-nav__item,
  .re-nav__item,
  .po-nav a
).is-active,
body.seosrez-internal-body .po-nav a.is-active {
  background: var(--v140-blue-soft) !important;
  color: var(--v140-blue) !important;
}

body.seosrez-internal-body :is(
  .rw-nav__item,
  .sw-nav__item,
  .cw-nav__item,
  .kw-nav__item,
  .tw-nav__item,
  .bw-nav__item,
  .stw-nav__item,
  .cl-nav__item,
  .ew-nav__item,
  .stf-nav__item,
  .workspace-nav__item,
  .ws-nav__item,
  .am-nav__item,
  .clw-nav__item,
  .evw-nav__item,
  .rg-nav__item,
  .re-nav__item,
  .po-nav a
) > span:first-child {
  display: grid !important;
  width: 24px !important;
  min-width: 24px;
  height: 24px !important;
  place-items: center;
  border-radius: 7px;
  background: var(--v140-blue-soft) !important;
  color: var(--v140-blue) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.seosrez-internal-body :is(
  .rw-sidebar__spacer,
  .sw-sidebar__spacer,
  .cw-sidebar__spacer,
  .kw-sidebar__spacer,
  .tw-sidebar__spacer,
  .bw-sidebar__spacer,
  .stw-sidebar__spacer,
  .cl-sidebar__spacer,
  .ew-sidebar__spacer,
  .stf-sidebar__spacer,
  .workspace-sidebar__spacer,
  .rg-sidebar__spacer
) {
  flex: 1 1 auto;
}

body.seosrez-internal-body :is(
  .rw-help,
  .sw-help,
  .cw-help,
  .kw-help,
  .tw-help,
  .bw-help,
  .stw-help,
  .cl-help,
  .ew-help,
  .stf-help,
  .workspace-help,
  .ws-help,
  .am-help,
  .po-help,
  .rg-help,
  .rg-plan-card
) {
  display: grid !important;
  gap: 8px;
  border: 1px solid var(--v140-line);
  border-radius: 12px;
  background: #fff !important;
  padding: 15px;
  color: var(--v140-text);
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-internal-body :is(
  .rw-help,
  .sw-help,
  .cw-help,
  .kw-help,
  .tw-help,
  .bw-help,
  .stw-help,
  .cl-help,
  .ew-help,
  .stf-help,
  .workspace-help,
  .ws-help,
  .am-help,
  .po-help,
  .rg-help,
  .rg-plan-card
) small {
  color: var(--v140-muted);
  font-size: 11px;
  font-weight: 850;
}

body.seosrez-internal-body :is(
  .rw-help,
  .sw-help,
  .cw-help,
  .kw-help,
  .tw-help,
  .bw-help,
  .stw-help,
  .cl-help,
  .ew-help,
  .stf-help,
  .workspace-help,
  .ws-help,
  .am-help,
  .po-help,
  .rg-help,
  .rg-plan-card
) strong {
  color: var(--v140-ink);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

body.seosrez-internal-body :is(
  .rw-main,
  .sw-main,
  .cw-main,
  .kw-main,
  .tw-main,
  .bw-main,
  .stw-main,
  .cl-main,
  .ew-main,
  .stf-main,
  .workspace-main,
  .ws-main,
  .am-main,
  .clw-main,
  .evw-main,
  .po-main,
  .rg-main,
  .re-main
) {
  display: grid !important;
  min-width: 0;
  align-content: start;
  gap: 18px;
  padding: 28px clamp(22px, 2.4vw, 40px) 46px !important;
  background: var(--v140-bg) !important;
}

body.seosrez-internal-body :is(
  .rw-topbar,
  .sw-topbar,
  .cw-topbar,
  .kw-topbar,
  .tw-topbar,
  .bw-topbar,
  .stw-topbar,
  .cl-topbar,
  .ew-topbar,
  .stf-topbar,
  .workspace-topbar,
  .ws-topbar,
  .am-topbar,
  .clw-topbar,
  .evw-topbar,
  .po-topbar,
  .rg-topbar,
  .re-topbar
) {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex !important;
  min-width: 0;
  min-height: 74px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--v140-line);
  background: rgba(244, 247, 251, 0.92) !important;
  padding: 0 0 16px !important;
  backdrop-filter: blur(16px);
}

body.seosrez-internal-body :is(
  .rw-topbar__actions,
  .sw-topbar__actions,
  .cw-topbar__actions,
  .kw-topbar__actions,
  .tw-topbar__actions,
  .bw-topbar__actions,
  .stw-topbar__actions,
  .cl-topbar__actions,
  .ew-topbar__actions,
  .stf-topbar__actions,
  .workspace-topbar__actions,
  .ws-topbar__actions,
  .am-topbar__actions,
  .clw-topbar__actions,
  .evw-topbar__actions,
  .po-user,
  .rg-topbar__actions,
  .re-topbar__actions,
  .ws-actions
) {
  display: flex !important;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

body.seosrez-internal-body :is(
  .rw-search,
  .sw-search,
  .cw-search,
  .kw-search,
  .tw-search,
  .bw-search,
  .stw-search,
  .cl-search,
  .ew-search,
  .stf-search,
  .workspace-search,
  .ws-search,
  .am-search,
  .clw-search,
  .evw-search,
  .po-search,
  .rg-search,
  .re-search
) {
  display: flex !important;
  width: min(620px, 100%);
  min-width: 280px;
  flex: 1 1 440px;
  flex-direction: column;
  gap: 5px;
  margin: 0 !important;
}

body.seosrez-internal-body :is(
  .rw-search,
  .sw-search,
  .cw-search,
  .kw-search,
  .tw-search,
  .bw-search,
  .stw-search,
  .cl-search,
  .ew-search,
  .stf-search,
  .workspace-search,
  .ws-search,
  .am-search,
  .clw-search,
  .evw-search,
  .po-search,
  .rg-search,
  .re-search
) label {
  margin: 0;
  color: var(--v140-muted);
  font-size: 12px;
  font-weight: 800;
}

body.seosrez-internal-body :is(
  .rw-search__control,
  .sw-search__control,
  .cw-search__control,
  .kw-search__control,
  .tw-search__control,
  .bw-search__control,
  .stw-search__control,
  .cl-search__control,
  .ew-search__control,
  .stf-search__control,
  .workspace-search__control,
  .ws-search__control,
  .am-search__control
) {
  display: flex !important;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid var(--v140-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 13px !important;
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-internal-body :is(.po-search, .rg-search) {
  min-height: 44px;
  align-items: center;
  flex-direction: row;
  border: 1px solid var(--v140-line) !important;
  border-radius: 10px;
  background: #fff !important;
  padding: 0 13px !important;
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-internal-body :is(
  .rw-search__control,
  .sw-search__control,
  .cw-search__control,
  .kw-search__control,
  .tw-search__control,
  .bw-search__control,
  .stw-search__control,
  .cl-search__control,
  .ew-search__control,
  .stf-search__control,
  .workspace-search__control,
  .ws-search__control,
  .am-search__control,
  .po-search,
  .rg-search
) > span:first-child {
  color: var(--v140-blue);
  font-weight: 900;
}

body.seosrez-internal-body :is(
  .rw-search__control,
  .sw-search__control,
  .cw-search__control,
  .kw-search__control,
  .tw-search__control,
  .bw-search__control,
  .stw-search__control,
  .cl-search__control,
  .ew-search__control,
  .stf-search__control,
  .workspace-search__control,
  .ws-search__control,
  .am-search__control,
  .po-search,
  .rg-search
) input {
  min-height: 0 !important;
  flex: 1 1 auto;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.seosrez-internal-body :is(
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .clw-hero,
  .evw-hero,
  .po-head,
  .rg-hero,
  .re-hero
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  min-width: 0;
  align-items: end;
  gap: 22px;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 12px 0 4px !important;
  box-shadow: none !important;
}

body.seosrez-internal-body :is(
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .clw-hero,
  .evw-hero,
  .po-head,
  .rg-hero,
  .re-hero
) h1 {
  max-width: 900px;
  margin: 10px 0 10px !important;
  color: var(--v140-ink) !important;
  font-size: clamp(32px, 2.35vw, 46px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

body.seosrez-internal-body :is(
  .rw-hero,
  .sw-hero,
  .cw-hero,
  .kw-hero,
  .tw-hero,
  .bw-hero,
  .stw-hero,
  .cl-hero,
  .ew-hero,
  .stf-hero,
  .workspace-hero,
  .ws-hero,
  .am-hero,
  .clw-hero,
  .evw-hero,
  .po-head,
  .rg-hero,
  .re-hero
) p {
  max-width: 820px;
  margin: 0 !important;
  color: var(--v140-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

body.seosrez-internal-body :is(
  .rw-kicker,
  .sw-kicker,
  .cw-kicker,
  .kw-kicker,
  .tw-kicker,
  .bw-kicker,
  .stw-kicker,
  .cl-kicker,
  .ew-kicker,
  .stf-kicker,
  .workspace-kicker,
  .ws-kicker,
  .am-kicker,
  .po-kicker,
  .rg-kicker,
  .po-card__eyebrow,
  .rg-step
) {
  display: inline-flex !important;
  width: fit-content;
  min-height: 26px;
  align-items: center;
  border: 1px solid #c8dcff !important;
  border-radius: 999px !important;
  background: var(--v140-blue-soft) !important;
  padding: 5px 11px !important;
  color: var(--v140-blue) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase;
}

body.seosrez-internal-body :is(
  .rw-hero__meta,
  .sw-hero__meta,
  .cw-hero__meta,
  .kw-hero__meta,
  .tw-hero__meta,
  .bw-hero__meta,
  .stw-hero__meta,
  .cl-hero__meta,
  .ew-hero__meta,
  .stf-hero__meta,
  .workspace-hero__meta,
  .ws-hero__meta,
  .am-hero__meta,
  .rg-hero__actions,
  .po-head__actions
) {
  display: grid !important;
  gap: 10px;
  min-width: 0;
}

body.seosrez-internal-body :is(
  .rw-hero__meta,
  .sw-hero__meta,
  .cw-hero__meta,
  .kw-hero__meta,
  .tw-hero__meta,
  .bw-hero__meta,
  .stw-hero__meta,
  .cl-hero__meta,
  .ew-hero__meta,
  .stf-hero__meta,
  .workspace-hero__meta,
  .ws-hero__meta,
  .am-hero__meta
) article {
  display: grid;
  gap: 3px;
  border: 1px solid var(--v140-line);
  border-radius: var(--v140-radius);
  background: #fff;
  padding: 16px;
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-internal-body :is(
  .rw-metrics,
  .sw-metrics,
  .cw-metrics,
  .kw-metrics,
  .tw-metrics,
  .bw-metrics,
  .stw-metrics,
  .cl-metrics,
  .ew-metrics,
  .stf-metrics,
  .workspace-metrics,
  .ws-metrics,
  .am-metrics,
  .rg-summary-strip
) {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px !important;
  margin: 0 !important;
}

body.seosrez-internal-body :is(
  .rw-metric,
  .sw-metric,
  .cw-metric,
  .kw-metric,
  .tw-metric,
  .bw-metric,
  .stw-metric,
  .cl-metric,
  .ew-metric,
  .stf-metric,
  .workspace-metric,
  .ws-metric,
  .am-metric,
  .rg-summary-strip article
) {
  display: grid !important;
  min-height: 116px;
  align-content: center;
  gap: 5px;
  border: 1px solid var(--v140-line) !important;
  border-radius: var(--v140-radius) !important;
  background: #fff !important;
  padding: 18px !important;
  box-shadow: var(--v140-shadow-soft);
  color: var(--v140-text) !important;
}

body.seosrez-internal-body :is(
  .rw-metric,
  .sw-metric,
  .cw-metric,
  .kw-metric,
  .tw-metric,
  .bw-metric,
  .stw-metric,
  .cl-metric,
  .ew-metric,
  .stf-metric,
  .workspace-metric,
  .ws-metric,
  .am-metric,
  .rg-summary-strip article
) small {
  color: var(--v140-muted) !important;
  font-size: 12px;
  font-weight: 850;
}

body.seosrez-internal-body :is(
  .rw-metric,
  .sw-metric,
  .cw-metric,
  .kw-metric,
  .tw-metric,
  .bw-metric,
  .stw-metric,
  .cl-metric,
  .ew-metric,
  .stf-metric,
  .workspace-metric,
  .ws-metric,
  .am-metric,
  .rg-summary-strip article
) strong {
  color: var(--v140-ink) !important;
  font-size: 27px;
  font-weight: 950;
  line-height: 1.05;
}

body.seosrez-internal-body :is(
  .rw-metric,
  .sw-metric,
  .cw-metric,
  .kw-metric,
  .tw-metric,
  .bw-metric,
  .stw-metric,
  .cl-metric,
  .ew-metric,
  .stf-metric,
  .workspace-metric,
  .ws-metric,
  .am-metric,
  .rg-summary-strip article
) span {
  color: var(--v140-text) !important;
  font-size: 13px;
}

body.seosrez-internal-body :is(
  .rw-metric.is-active,
  .sw-metric.is-active,
  .cw-metric.is-active,
  .kw-metric.is-active,
  .tw-metric.is-active,
  .bw-metric.is-active,
  .stw-metric.is-active,
  .cl-metric.is-active,
  .ew-metric.is-active,
  .stf-metric.is-active,
  .workspace-metric.is-active,
  .ws-metric.is-active,
  .am-metric.is-active
) {
  border-color: #bcd4ff !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
  box-shadow: 0 16px 38px rgba(36, 107, 254, 0.11);
}

body.seosrez-internal-body :is(
  .rw-section,
  .sw-section,
  .cw-section,
  .kw-section,
  .tw-section,
  .bw-section,
  .stw-section,
  .cl-section,
  .ew-section,
  .stf-section,
  .workspace-section,
  .ws-section,
  .am-section,
  .clw-section,
  .evw-section,
  .stw-panel,
  .bw-panel,
  .rw-panel,
  .ws-panel,
  .po-card,
  .rg-card,
  .rg-wizard,
  .rg-summary-strip,
  .rg-drawer,
  .re-card,
  .re-panel
) {
  min-width: 0;
  border: 1px solid var(--v140-line) !important;
  border-radius: var(--v140-radius) !important;
  background: #fff !important;
  padding: 22px !important;
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-internal-body :is(
  .rw-section__head,
  .sw-section__head,
  .cw-section__head,
  .kw-section__head,
  .tw-section__head,
  .bw-section__head,
  .stw-section__head,
  .cl-section__head,
  .ew-section__head,
  .stf-section__head,
  .workspace-section__head,
  .ws-section-head,
  .am-section__head,
  .po-card__head,
  .rg-card__head
) {
  display: flex !important;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 16px !important;
}

body.seosrez-internal-body :is(
  .rw-section__head,
  .sw-section__head,
  .cw-section__head,
  .kw-section__head,
  .tw-section__head,
  .bw-section__head,
  .stw-section__head,
  .cl-section__head,
  .ew-section__head,
  .stf-section__head,
  .workspace-section__head,
  .ws-section-head,
  .am-section__head,
  .po-card__head,
  .rg-card__head
) h2,
body.seosrez-internal-body :is(.ws-form, .rg-card, .po-card, .stw-panel) h2 {
  margin: 0 !important;
  color: var(--v140-ink) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

body.seosrez-internal-body :is(
  .rw-section__head,
  .sw-section__head,
  .cw-section__head,
  .kw-section__head,
  .tw-section__head,
  .bw-section__head,
  .stw-section__head,
  .cl-section__head,
  .ew-section__head,
  .stf-section__head,
  .workspace-section__head,
  .ws-section-head,
  .am-section__head,
  .po-card__head,
  .rg-card__head
) p,
body.seosrez-internal-body :is(.ws-form, .rg-card, .po-card, .stw-panel) p {
  margin: 5px 0 0 !important;
  color: var(--v140-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.seosrez-internal-body :is(
  .stw-grid,
  .bw-grid,
  .rw-grid,
  .kw-grid,
  .cw-grid,
  .tw-grid,
  .sw-grid,
  .cl-grid,
  .ew-grid,
  .workspace-grid,
  .ws-layout,
  .po-layout,
  .rg-wizard-layout,
  .re-layout
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  align-items: start;
  gap: 18px !important;
  min-width: 0;
}

body.seosrez-internal-body :is(
  .stw-primary,
  .bw-primary,
  .rw-primary,
  .kw-primary,
  .cw-primary,
  .tw-primary,
  .sw-primary,
  .cl-primary,
  .ew-primary,
  .workspace-primary,
  .ws-section,
  .po-content,
  .rg-wizard-panels,
  .re-primary
),
body.seosrez-internal-body :is(
  .stw-side,
  .bw-side,
  .rw-side,
  .kw-side,
  .cw-side,
  .tw-side,
  .sw-side,
  .cl-side,
  .ew-side,
  .workspace-side,
  .ws-form,
  .po-side,
  .rg-aside,
  .re-side
) {
  display: grid !important;
  min-width: 0;
  align-content: start;
  gap: 18px !important;
}

body.seosrez-internal-body :is(
  .rw-filterbar,
  .sw-filterbar,
  .cw-filterbar,
  .kw-filterbar,
  .tw-filterbar,
  .bw-filterbar,
  .stw-filterbar,
  .cl-filterbar,
  .ew-filterbar,
  .stf-filterbar,
  .workspace-filterbar,
  .ws-filterbar,
  .am-filterbar,
  .rg-filterbar,
  .re-filterbar
) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
  align-items: end;
  gap: 12px !important;
  border: 1px solid var(--v140-line) !important;
  border-radius: var(--v140-radius) !important;
  background: #fff !important;
  padding: 16px !important;
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-internal-body :is(
  .stw-form,
  .po-create-form,
  .rg-app,
  .auth-v77-form
) {
  min-width: 0;
}

body.seosrez-internal-body :is(
  .stw-field-grid,
  .bw-field-grid,
  .rw-field-grid,
  .kw-field-grid,
  .cw-field-grid,
  .tw-field-grid,
  .sw-field-grid,
  .workspace-field-grid,
  .ws-form-grid,
  .po-form-grid,
  .rg-form-grid,
  .rg-grid,
  .auth-v77-grid,
  .form-grid,
  .field-grid
) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  min-width: 0;
}

body.seosrez-internal-body :is(
  .stw-field-grid--3,
  .bw-field-grid--3,
  .rw-field-grid--3,
  .kw-field-grid--3,
  .cw-field-grid--3,
  .tw-field-grid--3,
  .sw-field-grid--3,
  .workspace-field-grid--3,
  .po-form-grid--3,
  .rg-form-grid--3
) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.seosrez-internal-body :is(
  .stw-field-grid--2,
  .bw-field-grid--2,
  .rw-field-grid--2,
  .kw-field-grid--2,
  .cw-field-grid--2,
  .tw-field-grid--2,
  .sw-field-grid--2,
  .workspace-field-grid--2,
  .po-form-grid--2,
  .rg-form-grid--2
) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.seosrez-internal-body :is(
  .stw-field-grid,
  .bw-field-grid,
  .rw-field-grid,
  .kw-field-grid,
  .cw-field-grid,
  .tw-field-grid,
  .sw-field-grid,
  .workspace-field-grid,
  .ws-form-grid,
  .po-form-grid,
  .rg-form-grid,
  .rg-grid,
  .auth-v77-grid,
  .form-grid,
  .field-grid,
  .rw-filterbar,
  .sw-filterbar,
  .cw-filterbar,
  .kw-filterbar,
  .tw-filterbar,
  .bw-filterbar,
  .stw-filterbar,
  .cl-filterbar,
  .ew-filterbar,
  .workspace-filterbar
) > :is(label, .po-field, .ws-field, .rg-field, .auth-v77-field, .field, .form-field, div) {
  min-width: 0;
}

body.seosrez-internal-body :is(
  .stw-field-grid,
  .bw-field-grid,
  .rw-field-grid,
  .kw-field-grid,
  .cw-field-grid,
  .tw-field-grid,
  .sw-field-grid,
  .workspace-field-grid,
  .ws-form-grid,
  .po-form-grid,
  .rg-form-grid,
  .rg-grid,
  .auth-v77-grid,
  .form-grid,
  .field-grid,
  .rw-filterbar,
  .sw-filterbar,
  .cw-filterbar,
  .kw-filterbar,
  .tw-filterbar,
  .bw-filterbar,
  .stw-filterbar,
  .cl-filterbar,
  .ew-filterbar,
  .workspace-filterbar
) label,
body.seosrez-internal-body :is(.po-field, .ws-field, .rg-field, .auth-v77-field) {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
  gap: 7px;
  margin: 0 !important;
  color: var(--v140-text) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35;
}

body.seosrez-internal-body :is(
  .stw-field-wide,
  .bw-field-wide,
  .rw-field-wide,
  .kw-field-wide,
  .cw-field-wide,
  .tw-field-wide,
  .sw-field-wide,
  .workspace-field-wide,
  .auth-v77-field--full
) {
  grid-column: 1 / -1 !important;
}

body.seosrez-internal-body :is(
  .stw-field-grid,
  .bw-field-grid,
  .rw-field-grid,
  .kw-field-grid,
  .cw-field-grid,
  .tw-field-grid,
  .sw-field-grid,
  .workspace-field-grid,
  .ws-form-grid,
  .po-form-grid,
  .rg-form-grid,
  .rg-grid,
  .auth-v77-grid,
  .form-grid,
  .field-grid,
  .rw-filterbar,
  .sw-filterbar,
  .cw-filterbar,
  .kw-filterbar,
  .tw-filterbar,
  .bw-filterbar,
  .stw-filterbar,
  .cl-filterbar,
  .ew-filterbar,
  .workspace-filterbar
) label > span:first-child,
body.seosrez-internal-body :is(.po-field, .ws-field, .rg-field, .auth-v77-field) > label,
body.seosrez-internal-body :is(.po-field, .ws-field, .rg-field, .auth-v77-field) > label:first-child {
  color: var(--v140-text);
  font-size: 12px;
  font-weight: 850;
}

body.seosrez-internal-body :is(
  .rw-btn,
  .sw-btn,
  .cw-btn,
  .kw-btn,
  .tw-btn,
  .bw-btn,
  .stw-btn,
  .cl-btn,
  .ew-btn,
  .stf-btn,
  .workspace-btn,
  .ws-btn,
  .am-btn,
  .clw-btn,
  .evw-btn,
  .po-btn,
  .rg-btn,
  .re-btn,
  .auth-v77-btn,
  .button,
  button[type="submit"],
  input[type="submit"]
) {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--v140-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 15px !important;
  box-shadow: none !important;
  color: var(--v140-ink) !important;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

body.seosrez-internal-body :is(
  .rw-btn--primary,
  .sw-btn--primary,
  .cw-btn--primary,
  .kw-btn--primary,
  .tw-btn--primary,
  .bw-btn--primary,
  .stw-btn--primary,
  .cl-btn--primary,
  .ew-btn--primary,
  .stf-btn--primary,
  .workspace-btn--primary,
  .ws-btn--primary,
  .am-btn--primary,
  .clw-btn--primary,
  .evw-btn--primary,
  .po-btn--primary,
  .rg-btn--primary,
  .re-btn--primary,
  .auth-v77-btn--primary,
  button[type="submit"]
) {
  border-color: var(--v140-blue) !important;
  background: var(--v140-blue) !important;
  box-shadow: 0 14px 28px rgba(36, 107, 254, 0.2) !important;
  color: #fff !important;
}

body.seosrez-internal-body :is(
  .rw-btn--primary,
  .sw-btn--primary,
  .cw-btn--primary,
  .kw-btn--primary,
  .tw-btn--primary,
  .bw-btn--primary,
  .stw-btn--primary,
  .cl-btn--primary,
  .ew-btn--primary,
  .stf-btn--primary,
  .workspace-btn--primary,
  .ws-btn--primary,
  .am-btn--primary,
  .clw-btn--primary,
  .evw-btn--primary,
  .po-btn--primary,
  .rg-btn--primary,
  .re-btn--primary,
  .auth-v77-btn--primary,
  button[type="submit"]
):hover {
  border-color: var(--v140-blue-hover) !important;
  background: var(--v140-blue-hover) !important;
  color: #fff !important;
}

body.seosrez-internal-body :is(.rw-btn--full, .bw-btn--full, .stw-btn--full, .ws-btn--full, .po-btn--full, .rg-btn--full) {
  width: 100%;
}

body.seosrez-internal-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
  select,
  textarea
) {
  width: 100% !important;
  min-height: 42px;
  border: 1px solid var(--v140-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 12px !important;
  box-shadow: inset 0 1px 0 rgba(11, 31, 58, 0.02) !important;
  color: var(--v140-ink) !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  outline: none;
}

body.seosrez-internal-body textarea {
  min-height: 92px !important;
  padding-top: 10px !important;
  resize: vertical;
}

body.seosrez-internal-body select {
  appearance: auto;
}

body.seosrez-internal-body input[type="color"] {
  padding: 3px !important;
}

body.seosrez-internal-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
  select,
  textarea,
  button,
  a
):focus-visible {
  outline: 3px solid rgba(36, 107, 254, 0.22) !important;
  outline-offset: 2px;
}

body.seosrez-internal-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
  select,
  textarea
):focus {
  border-color: #9cbcff !important;
  box-shadow: 0 0 0 3px rgba(36, 107, 254, 0.14) !important;
}

body.seosrez-internal-body :is(
  .stw-check,
  .bw-check,
  .rw-check,
  .kw-check,
  .cw-check,
  .tw-check,
  .sw-check,
  .workspace-check,
  .ws-checkbox,
  .rg-checkbox,
  .auth-v77-checkbox
) {
  display: flex !important;
  min-height: 44px;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--v140-line);
  border-radius: 10px;
  background: #fff;
  padding: 11px 12px;
  color: var(--v140-text);
  font-size: 13px;
  font-weight: 750;
}

body.seosrez-internal-body input[type="checkbox"],
body.seosrez-internal-body input[type="radio"] {
  width: 18px !important;
  min-width: 18px;
  height: 18px !important;
  margin: 2px 0 0 !important;
  accent-color: var(--v140-blue);
}

body.seosrez-internal-body :is(
  .stw-check-stack,
  .bw-check-stack,
  .rw-check-stack,
  .ws-check-stack,
  .rg-check-stack,
  .stw-check-groups,
  .bw-check-groups,
  .rw-check-groups
) {
  display: grid !important;
  gap: 10px;
  min-width: 0;
}

body.seosrez-internal-body :is(.stw-check-groups, .bw-check-groups, .rw-check-groups) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.seosrez-internal-body :is(
  .rw-table,
  .kw-table,
  .cw-task-table,
  .bw-order-table,
  .cl-table,
  .ew-table,
  .stf-table,
  .workspace-table,
  .ws-table,
  .am-table,
  .table-wrap
) {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--v140-line) !important;
  border-radius: 12px;
  background: #fff !important;
  box-shadow: none !important;
}

body.seosrez-internal-body :is(
  .rw-table__head,
  .kw-table__head,
  .cw-task-table__head,
  .bw-order-table__head,
  .cl-table__head,
  .ew-table__head,
  .stf-table__head,
  .workspace-table__head
) {
  position: sticky;
  top: 0;
  z-index: 1;
  min-width: max-content;
  border-bottom: 1px solid var(--v140-line);
  background: var(--v140-surface-soft) !important;
  color: var(--v140-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase;
}

body.seosrez-internal-body :is(
  .rw-row,
  .kw-row,
  .cw-task-row,
  .bw-order-row,
  .cl-row,
  .ew-row,
  .stf-row,
  .workspace-row
) {
  min-width: max-content;
  border-bottom: 1px solid var(--v140-line-soft) !important;
  background: #fff !important;
  color: var(--v140-text) !important;
}

body.seosrez-internal-body :is(
  .rw-row,
  .kw-row,
  .cw-task-row,
  .bw-order-row,
  .cl-row,
  .ew-row,
  .stf-row,
  .workspace-row
):hover {
  background: #f8fbff !important;
}

body.seosrez-internal-body :is(
  .rw-badge,
  .sw-badge,
  .cw-badge,
  .kw-badge,
  .tw-badge,
  .bw-badge,
  .stw-badge,
  .cl-badge,
  .ew-badge,
  .stf-badge,
  .workspace-badge,
  .ws-badge,
  .am-badge,
  .rg-status-dot,
  .rg-step,
  .badge,
  .status-badge
) {
  display: inline-flex !important;
  width: fit-content;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  border: 1px solid #c8dcff !important;
  border-radius: 999px !important;
  background: var(--v140-blue-soft) !important;
  padding: 4px 9px !important;
  color: var(--v140-blue) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.seosrez-internal-body :is(
  .rw-badge--success,
  .sw-badge--success,
  .cw-badge--success,
  .kw-badge--success,
  .tw-badge--success,
  .bw-badge--success,
  .stw-badge--success,
  .ws-badge--success,
  .badge--success,
  .status-badge--success
) {
  border-color: #b8eadb !important;
  background: var(--v140-green-soft) !important;
  color: #08785f !important;
}

body.seosrez-internal-body :is(
  .rw-badge--warning,
  .sw-badge--warning,
  .cw-badge--warning,
  .kw-badge--warning,
  .tw-badge--warning,
  .bw-badge--warning,
  .stw-badge--warning,
  .ws-badge--warning,
  .badge--warning,
  .status-badge--warning
) {
  border-color: #f7d99d !important;
  background: var(--v140-amber-soft) !important;
  color: #93530a !important;
}

body.seosrez-internal-body :is(
  .rw-badge--danger,
  .sw-badge--danger,
  .cw-badge--danger,
  .kw-badge--danger,
  .tw-badge--danger,
  .bw-badge--danger,
  .stw-badge--danger,
  .ws-badge--danger,
  .badge--danger,
  .status-badge--danger
) {
  border-color: #fecdd3 !important;
  background: var(--v140-red-soft) !important;
  color: #be123c !important;
}

body.seosrez-internal-body :is(
  .rw-banner,
  .sw-banner,
  .cw-banner,
  .kw-banner,
  .tw-banner,
  .bw-banner,
  .stw-banner,
  .workspace-banner,
  .ws-banner,
  .rg-alert,
  .po-message,
  .auth-v77-alert
) {
  display: grid;
  gap: 5px;
  border: 1px solid #c8dcff !important;
  border-radius: 12px;
  background: var(--v140-blue-soft) !important;
  padding: 14px 16px;
  color: var(--v140-text);
  font-weight: 750;
}

body.seosrez-internal-body :is(.bw-banner--warning, .stw-banner--warning, .rg-alert--warning) {
  border-color: #f7d99d !important;
  background: var(--v140-amber-soft) !important;
}

body.seosrez-internal-body :is(.stw-banner--danger, .rg-alert--danger, .auth-v77-alert) {
  border-color: #fecdd3 !important;
  background: var(--v140-red-soft) !important;
}

body.seosrez-internal-body :is(
  .stw-savebar,
  .bw-savebar,
  .rw-savebar,
  .po-savebar,
  .rg-savebar
) {
  position: sticky;
  z-index: 25;
  bottom: 16px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--v140-line);
  border-radius: var(--v140-radius);
  background: rgba(255, 255, 255, 0.94) !important;
  padding: 14px 16px !important;
  box-shadow: 0 18px 44px rgba(11, 31, 58, 0.12);
  backdrop-filter: blur(16px);
}

body.seosrez-internal-body :is(.stw-savebar, .bw-savebar, .rw-savebar, .po-savebar, .rg-savebar) span {
  color: var(--v140-muted);
  font-size: 13px;
  font-weight: 750;
}

body.seosrez-internal-body :is(
  .stw-brand-readiness,
  .stw-brand-preview-card,
  .stw-brand-checklist,
  .stw-brand-next,
  .stw-preview,
  .ws-card,
  .tw-template,
  .project-card,
  .client-card,
  .notification-card,
  .event-card,
  .po-note-list,
  .rg-project-row,
  .rg-source-card,
  .rg-template-card,
  .rg-review-card
) {
  min-width: 0;
  border: 1px solid var(--v140-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 16px !important;
  box-shadow: none !important;
}

body.seosrez-internal-body :is(.stw-brand-readiness__content, .ws-card-grid, .rg-card-grid, .po-card-grid) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

body.seosrez-internal-body .stw-brand-meter,
body.seosrez-internal-body .usage-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--v140-line-soft);
}

body.seosrez-internal-body .stw-brand-meter span,
body.seosrez-internal-body .usage-meter span,
body.seosrez-internal-body .usage-meter__bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--v140-blue), var(--v140-green));
}

body.seosrez-auth-body {
  background: var(--v140-bg) !important;
}

body.seosrez-auth-body .auth-v77 {
  width: min(1180px, calc(100vw - 32px));
  margin: 0 auto;
  padding: 38px 0 56px;
}

body.seosrez-auth-body .auth-v77-hero,
body.seosrez-auth-body .auth-v77-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  gap: 22px;
  align-items: stretch;
}

body.seosrez-auth-body .auth-v77-hero {
  margin-bottom: 22px;
}

body.seosrez-auth-body :is(.auth-v77-copy, .auth-v77-preview, .auth-v77-form-card, .auth-v77-side article, .auth-v77-optional) {
  border: 1px solid var(--v140-line) !important;
  border-radius: var(--v140-radius) !important;
  background: #fff !important;
  padding: 22px !important;
  box-shadow: var(--v140-shadow-soft);
}

body.seosrez-auth-body .auth-v77-copy h1 {
  margin: 10px 0 !important;
  color: var(--v140-ink);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.08;
}

body.seosrez-auth-body .auth-v77-copy p,
body.seosrez-auth-body .auth-v77-form-head p,
body.seosrez-auth-body .auth-v77-side p {
  color: var(--v140-muted);
  font-size: 15px;
  line-height: 1.55;
}

body.seosrez-auth-body .auth-v77-control {
  display: flex !important;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--v140-line);
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
}

body.seosrez-auth-body .auth-v77-control input {
  min-height: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.seosrez-auth-body .auth-v77-toggle {
  min-width: 34px;
  min-height: 34px;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: var(--v140-muted) !important;
}

body.seosrez-auth-body .auth-v77-side {
  display: grid;
  gap: 12px;
}

body.seosrez-auth-body .auth-v77-side article {
  display: grid;
  gap: 8px;
}

body.seosrez-auth-body .auth-v77-side article span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  background: var(--v140-blue-soft);
  color: var(--v140-blue);
  font-weight: 900;
}

body.seosrez-internal-body :is(.empty-state, .ws-empty, .tw-empty, .rw-empty, .bw-empty, .stw-empty) {
  border: 1px dashed #c8dcff !important;
  border-radius: var(--v140-radius);
  background: #f8fbff !important;
  padding: 22px !important;
  color: var(--v140-text);
}

body.seosrez-internal-body #header,
body.seosrez-internal-body #content,
body.seosrez-internal-body .module,
body.seosrez-internal-body #changelist,
body.seosrez-internal-body .seosrez-admin-card,
body.seosrez-internal-body .seosrez-admin-panel {
  border-color: var(--v140-line) !important;
  border-radius: var(--v140-radius);
}

body.seosrez-internal-body #header {
  background: #fff !important;
  color: var(--v140-ink) !important;
  box-shadow: 0 1px 0 var(--v140-line);
}

body.seosrez-internal-body .seosrez-admin-brand__mark {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 10px;
  background: var(--v140-blue);
  color: #fff;
  font-weight: 950;
}

body.seosrez-internal-body .seosrez-admin-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.seosrez-internal-body .seosrez-admin-nav a {
  min-height: 34px;
  border: 1px solid var(--v140-line);
  border-radius: 9px;
  background: #fff;
  padding: 8px 11px;
  color: var(--v140-ink);
  font-size: 12px;
  font-weight: 850;
}

body:has(.seosrez-admin-brand) {
  --v140-bg: #f4f7fb;
  --v140-surface: #ffffff;
  --v140-ink: #061b37;
  --v140-text: #344961;
  --v140-muted: #6e8197;
  --v140-blue: #246bfe;
  --v140-blue-hover: #1557dc;
  --v140-blue-soft: #eaf2ff;
  --v140-line: #dce6f2;
  --v140-line-soft: #edf2f8;
  --v140-radius: 14px;
  --v140-shadow-soft: 0 10px 24px rgba(15, 45, 80, 0.05);
  background: var(--v140-bg) !important;
  color: var(--v140-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body:has(.seosrez-admin-brand) #container {
  background: var(--v140-bg) !important;
}

body:has(.seosrez-admin-brand) #header {
  min-height: 76px;
  align-items: center;
  border-bottom: 1px solid var(--v140-line) !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(11, 31, 58, 0.02);
  color: var(--v140-ink) !important;
}

body:has(.seosrez-admin-brand) .seosrez-admin-brand a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--v140-ink) !important;
}

body:has(.seosrez-admin-brand) .seosrez-admin-brand__mark {
  display: grid;
  width: 40px;
  min-width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 10px;
  background: var(--v140-blue);
  box-shadow: 0 12px 24px rgba(36, 107, 254, 0.22);
  color: #fff;
  font-weight: 950;
}

body:has(.seosrez-admin-brand) .seosrez-admin-brand strong {
  display: block;
  color: var(--v140-ink) !important;
  font-size: 17px;
  font-weight: 950;
}

body:has(.seosrez-admin-brand) .seosrez-admin-brand small {
  display: block;
  margin-top: 2px;
  color: var(--v140-muted) !important;
  font-size: 11px;
  font-weight: 750;
}

body:has(.seosrez-admin-brand) .seosrez-admin-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 24px;
  border-bottom: 1px solid var(--v140-line);
  background: rgba(255, 255, 255, 0.9);
}

body:has(.seosrez-admin-brand) .seosrez-admin-nav a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  border: 1px solid var(--v140-line);
  border-radius: 9px;
  background: #fff;
  padding: 0 12px;
  color: var(--v140-ink) !important;
  font-size: 12px;
  font-weight: 850;
}

body:has(.seosrez-admin-brand) .seosrez-admin-nav a:hover {
  border-color: #c8dcff;
  background: var(--v140-blue-soft);
  color: var(--v140-blue) !important;
}

body:has(.seosrez-admin-brand) #content {
  width: min(1440px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 28px 0 48px !important;
}

body:has(.seosrez-admin-brand) :is(.module, #changelist, .inline-group, fieldset.module) {
  overflow: hidden;
  border: 1px solid var(--v140-line) !important;
  border-radius: var(--v140-radius);
  background: #fff !important;
  box-shadow: var(--v140-shadow-soft);
}

body:has(.seosrez-admin-brand) :is(.module h2, .module caption, .inline-group h2) {
  border: 0 !important;
  background: #f8fbff !important;
  color: var(--v140-ink) !important;
  font-size: 13px;
  font-weight: 900;
}

body:has(.seosrez-admin-brand) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]), select, textarea) {
  min-height: 38px;
  border: 1px solid var(--v140-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--v140-ink) !important;
}

body:has(.seosrez-admin-brand) :is(.button, input[type="submit"], input[type="button"], .submit-row input) {
  min-height: 38px;
  border: 1px solid var(--v140-blue) !important;
  border-radius: 9px !important;
  background: var(--v140-blue) !important;
  color: #fff !important;
  font-weight: 900;
}

@media (max-width: 1380px) {
  body.seosrez-internal-body :is(
    .rw-app,
    .sw-app,
    .cw-app,
    .kw-app,
    .tw-app,
    .bw-app,
    .stw-app,
    .cl-app,
    .ew-app,
    .stf-app,
    .workspace-app,
    .ws-app,
    .am-app,
    .clw-app,
    .evw-app,
    .po-app,
    .rg-app,
    .re-app
  ) {
    grid-template-columns: 238px minmax(0, 1fr) !important;
  }

  body.seosrez-internal-body :is(
    .rw-metrics,
    .sw-metrics,
    .cw-metrics,
    .kw-metrics,
    .tw-metrics,
    .bw-metrics,
    .stw-metrics,
    .cl-metrics,
    .ew-metrics,
    .stf-metrics,
    .workspace-metrics,
    .ws-metrics,
    .am-metrics,
    .rg-summary-strip
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  body.seosrez-internal-body :is(
    .rw-hero,
    .sw-hero,
    .cw-hero,
    .kw-hero,
    .tw-hero,
    .bw-hero,
    .stw-hero,
    .cl-hero,
    .ew-hero,
    .stf-hero,
    .workspace-hero,
    .ws-hero,
    .am-hero,
    .clw-hero,
    .evw-hero,
    .po-head,
    .rg-hero,
    .re-hero,
    .stw-grid,
    .bw-grid,
    .rw-grid,
    .kw-grid,
    .cw-grid,
    .tw-grid,
    .sw-grid,
    .cl-grid,
    .ew-grid,
    .workspace-grid,
    .ws-layout,
    .po-layout,
    .rg-wizard-layout,
    .re-layout
  ),
  body.seosrez-auth-body .auth-v77-hero,
  body.seosrez-auth-body .auth-v77-main {
    grid-template-columns: 1fr !important;
  }

  body.seosrez-internal-body :is(
    .stw-field-grid--3,
    .bw-field-grid--3,
    .rw-field-grid--3,
    .kw-field-grid--3,
    .cw-field-grid--3,
    .tw-field-grid--3,
    .sw-field-grid--3,
    .workspace-field-grid--3,
    .po-form-grid--3,
    .rg-form-grid--3
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.seosrez-internal-body :is(
    .rw-app,
    .sw-app,
    .cw-app,
    .kw-app,
    .tw-app,
    .bw-app,
    .stw-app,
    .cl-app,
    .ew-app,
    .stf-app,
    .workspace-app,
    .ws-app,
    .am-app,
    .clw-app,
    .evw-app,
    .po-app,
    .rg-app,
    .re-app
  ) {
    display: block !important;
  }

  body.seosrez-internal-body :is(
    .rw-sidebar,
    .sw-sidebar,
    .cw-sidebar,
    .kw-sidebar,
    .tw-sidebar,
    .bw-sidebar,
    .stw-sidebar,
    .cl-sidebar,
    .ew-sidebar,
    .stf-sidebar,
    .workspace-sidebar,
    .ws-sidebar,
    .am-sidebar,
    .clw-sidebar,
    .evw-sidebar,
    .po-sidebar,
    .rg-sidebar,
    .re-sidebar
  ) {
    position: relative !important;
    height: auto;
    max-height: none;
    padding: 18px !important;
  }

  body.seosrez-internal-body :is(
    .rw-nav,
    .sw-nav,
    .cw-nav,
    .kw-nav,
    .tw-nav,
    .bw-nav,
    .stw-nav,
    .cl-nav,
    .ew-nav,
    .stf-nav,
    .workspace-nav,
    .ws-nav,
    .am-nav,
    .po-nav,
    .rg-nav,
    .re-nav
  ) {
    display: flex !important;
    overflow-x: auto;
    padding-bottom: 3px;
  }

  body.seosrez-internal-body :is(
    .rw-nav__item,
    .sw-nav__item,
    .cw-nav__item,
    .kw-nav__item,
    .tw-nav__item,
    .bw-nav__item,
    .stw-nav__item,
    .cl-nav__item,
    .ew-nav__item,
    .stf-nav__item,
    .workspace-nav__item,
    .ws-nav__item,
    .am-nav__item,
    .rg-nav__item,
    .re-nav__item,
    .po-nav a
  ) {
    min-width: max-content;
  }

  body.seosrez-internal-body :is(
    .rw-main,
    .sw-main,
    .cw-main,
    .kw-main,
    .tw-main,
    .bw-main,
    .stw-main,
    .cl-main,
    .ew-main,
    .stf-main,
    .workspace-main,
    .ws-main,
    .am-main,
    .clw-main,
    .evw-main,
    .po-main,
    .rg-main,
    .re-main
  ) {
    padding: 20px 16px 34px !important;
  }

  body.seosrez-internal-body :is(
    .rw-topbar,
    .sw-topbar,
    .cw-topbar,
    .kw-topbar,
    .tw-topbar,
    .bw-topbar,
    .stw-topbar,
    .cl-topbar,
    .ew-topbar,
    .stf-topbar,
    .workspace-topbar,
    .ws-topbar,
    .am-topbar,
    .po-topbar,
    .rg-topbar,
    .re-topbar
  ) {
    position: relative;
    min-height: 0;
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 700px) {
  body.seosrez-internal-body :is(
    .rw-metrics,
    .sw-metrics,
    .cw-metrics,
    .kw-metrics,
    .tw-metrics,
    .bw-metrics,
    .stw-metrics,
    .cl-metrics,
    .ew-metrics,
    .stf-metrics,
    .workspace-metrics,
    .ws-metrics,
    .am-metrics,
    .rg-summary-strip,
    .stw-field-grid,
    .bw-field-grid,
    .rw-field-grid,
    .kw-field-grid,
    .cw-field-grid,
    .tw-field-grid,
    .sw-field-grid,
    .workspace-field-grid,
    .ws-form-grid,
    .po-form-grid,
    .rg-form-grid,
    .rg-grid,
    .auth-v77-grid,
    .form-grid,
    .field-grid,
    .rw-filterbar,
    .sw-filterbar,
    .cw-filterbar,
    .kw-filterbar,
    .tw-filterbar,
    .bw-filterbar,
    .stw-filterbar,
    .cl-filterbar,
    .ew-filterbar,
    .workspace-filterbar,
    .stw-check-groups,
    .bw-check-groups,
    .rw-check-groups,
    .stw-brand-readiness__content,
    .ws-card-grid,
    .rg-card-grid,
    .po-card-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  body.seosrez-internal-body :is(
    .rw-hero,
    .sw-hero,
    .cw-hero,
    .kw-hero,
    .tw-hero,
    .bw-hero,
    .stw-hero,
    .cl-hero,
    .ew-hero,
    .stf-hero,
    .workspace-hero,
    .ws-hero,
    .am-hero,
    .po-head,
    .rg-hero
  ) h1,
  body.seosrez-auth-body .auth-v77-copy h1 {
    font-size: 32px !important;
  }

  body.seosrez-internal-body :is(.stw-savebar, .bw-savebar, .rw-savebar, .po-savebar, .rg-savebar) {
    bottom: 10px;
    flex-direction: column;
    align-items: stretch;
  }

  body.seosrez-internal-body :is(.stw-savebar, .bw-savebar, .rw-savebar, .po-savebar, .rg-savebar) button,
  body.seosrez-internal-body :is(.stw-savebar, .bw-savebar, .rw-savebar, .po-savebar, .rg-savebar) .button {
    width: 100%;
  }
}

/*
 * SEOSREZ v142 — safe production integration layer.
 *
 * This final layer intentionally changes presentation only. It keeps every
 * Django form, URL, permission check and data attribute from the existing
 * templates intact while making typography and layout independent from the
 * standalone Next.js export.
 */
body.seosrez-internal-body {
  --v142-bg: #f6f9fc;
  --v142-surface: #ffffff;
  --v142-surface-soft: #f9fbfe;
  --v142-ink: #071a33;
  --v142-text: #385069;
  --v142-muted: #6b7f94;
  --v142-line: #dce6f0;
  --v142-line-soft: #edf2f7;
  --v142-blue: #176bff;
  --v142-blue-hover: #0b56d9;
  --v142-blue-soft: #eaf2ff;
  --v142-cyan: #16bdae;
  --v142-green: #15a66d;
  --v142-green-soft: #e8f8f1;
  --v142-amber: #d78219;
  --v142-amber-soft: #fff4e4;
  --v142-red: #e45757;
  --v142-red-soft: #fff0f0;
  --v142-radius: 14px;
  --v142-radius-sm: 10px;
  --v142-shadow: 0 12px 36px rgba(18, 48, 79, 0.075);
  min-width: 320px;
  overflow-x: hidden;
  background: var(--v142-bg) !important;
  color: var(--v142-ink) !important;
  font-family: "Segoe UI Variable", "Segoe UI", Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.seosrez-internal-body [hidden] {
  display: none !important;
}

body.seosrez-internal-body :is(button, input, select, textarea, table) {
  font-family: inherit !important;
}

body.seosrez-internal-body :is(h1, h2, h3, h4, p, a, span, strong, small, label, button, input, select, textarea, th, td, li) {
  letter-spacing: 0 !important;
}

body.seosrez-internal-body > .app-shell,
body.seosrez-internal-body > .app-shell > .container.page-content {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--v142-bg) !important;
}

body.seosrez-internal-body > .app-shell > .topbar {
  display: none !important;
}

body.seosrez-internal-body :is(
  .rw-app, .sw-app, .cw-app, .kw-app, .tw-app, .bw-app, .stw-app,
  .cl-app, .ew-app, .stf-app, .workspace-app, .ws-app, .am-app,
  .clw-app, .evw-app, .po-app, .rg-app, .re-app
) {
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  min-height: 100vh;
  background: var(--v142-bg) !important;
}

body.seosrez-dashboard-body .app-frame {
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  min-height: 100vh;
  background: var(--v142-bg) !important;
}

body.seosrez-internal-body :is(
  .rw-sidebar, .sw-sidebar, .cw-sidebar, .kw-sidebar, .tw-sidebar,
  .bw-sidebar, .stw-sidebar, .cl-sidebar, .ew-sidebar, .stf-sidebar,
  .workspace-sidebar, .ws-sidebar, .am-sidebar, .clw-sidebar,
  .evw-sidebar, .po-sidebar, .rg-sidebar, .re-sidebar
),
body.seosrez-dashboard-body .sidebar {
  width: 268px !important;
  min-width: 268px !important;
  border-right: 1px solid var(--v142-line) !important;
  background: var(--v142-surface) !important;
  box-shadow: 8px 0 28px rgba(15, 45, 80, 0.035) !important;
}

body.seosrez-internal-body :is(
  .rw-brand, .sw-brand, .cw-brand, .kw-brand, .tw-brand, .bw-brand,
  .stw-brand, .cl-brand, .ew-brand, .stf-brand, .workspace-brand,
  .ws-brand, .am-brand, .clw-brand, .evw-brand, .po-brand,
  .rg-brand, .re-brand
) strong,
body.seosrez-dashboard-body .brand-copy strong {
  color: var(--v142-ink) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

body.seosrez-internal-body :is(
  .rw-brand, .sw-brand, .cw-brand, .kw-brand, .tw-brand, .bw-brand,
  .stw-brand, .cl-brand, .ew-brand, .stf-brand, .workspace-brand,
  .ws-brand, .am-brand, .clw-brand, .evw-brand, .po-brand,
  .rg-brand, .re-brand
) small,
body.seosrez-dashboard-body .brand-copy small {
  color: var(--v142-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body.seosrez-internal-body :is(
  .rw-nav__item, .sw-nav__item, .cw-nav__item, .kw-nav__item,
  .tw-nav__item, .bw-nav__item, .stw-nav__item, .cl-nav__item,
  .ew-nav__item, .stf-nav__item, .workspace-nav__item, .ws-nav__item,
  .am-nav__item, .clw-nav__item, .evw-nav__item, .rg-nav__item,
  .re-nav__item, .po-nav a
),
body.seosrez-dashboard-body .nav-group a {
  min-height: 42px !important;
  border-radius: 9px !important;
  color: var(--v142-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body.seosrez-internal-body :is(
  .rw-nav__item, .sw-nav__item, .cw-nav__item, .kw-nav__item,
  .tw-nav__item, .bw-nav__item, .stw-nav__item, .cl-nav__item,
  .ew-nav__item, .stf-nav__item, .workspace-nav__item, .ws-nav__item,
  .am-nav__item, .clw-nav__item, .evw-nav__item, .rg-nav__item,
  .re-nav__item
) > span {
  font-size: 11px !important;
  font-variant-numeric: tabular-nums;
}

body.seosrez-internal-body :is(
  .rw-nav__item.is-active, .sw-nav__item.is-active, .cw-nav__item.is-active,
  .kw-nav__item.is-active, .tw-nav__item.is-active, .bw-nav__item.is-active,
  .stw-nav__item.is-active, .cl-nav__item.is-active, .ew-nav__item.is-active,
  .stf-nav__item.is-active, .workspace-nav__item.is-active,
  .ws-nav__item.is-active, .am-nav__item.is-active, .clw-nav__item.is-active,
  .evw-nav__item.is-active, .rg-nav__item.is-active, .re-nav__item.is-active
),
body.seosrez-dashboard-body .nav-group a.active {
  background: var(--v142-blue-soft) !important;
  color: var(--v142-blue) !important;
}

body.seosrez-internal-body :is(
  .rw-main, .sw-main, .cw-main, .kw-main, .tw-main, .bw-main, .stw-main,
  .cl-main, .ew-main, .stf-main, .workspace-main, .ws-main, .am-main,
  .clw-main, .evw-main, .po-main, .rg-main, .re-main
),
body.seosrez-dashboard-body .app-body {
  min-width: 0 !important;
  background: var(--v142-bg) !important;
}

body.seosrez-internal-body :is(
  .rw-topbar, .sw-topbar, .cw-topbar, .kw-topbar, .tw-topbar, .bw-topbar,
  .stw-topbar, .cl-topbar, .ew-topbar, .stf-topbar, .workspace-topbar,
  .ws-topbar, .am-topbar, .clw-topbar, .evw-topbar, .po-topbar,
  .rg-topbar, .re-topbar
),
body.seosrez-dashboard-body .app-body > .topbar {
  min-height: 70px !important;
  border-bottom: 1px solid var(--v142-line) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(16px);
}

body.seosrez-internal-body :is(
  .rw-hero, .sw-hero, .cw-hero, .kw-hero, .tw-hero, .bw-hero,
  .stw-hero, .cl-hero, .ew-hero, .stf-hero, .workspace-hero,
  .ws-hero, .am-hero, .clw-hero, .evw-hero, .po-head,
  .rg-hero, .re-hero
) h1,
body.seosrez-dashboard-body .page-heading h1 {
  color: var(--v142-ink) !important;
  font-size: clamp(30px, 2.2vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

body.seosrez-internal-body :is(
  .rw-hero, .sw-hero, .cw-hero, .kw-hero, .tw-hero, .bw-hero,
  .stw-hero, .cl-hero, .ew-hero, .stf-hero, .workspace-hero,
  .ws-hero, .am-hero, .clw-hero, .evw-hero, .po-head,
  .rg-hero, .re-hero
) p,
body.seosrez-dashboard-body .page-heading p {
  color: var(--v142-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

body.seosrez-internal-body :is(
  .rw-section, .sw-section, .cw-section, .kw-section, .tw-section,
  .bw-section, .stw-section, .cl-section, .ew-section, .stf-section,
  .workspace-section, .ws-section, .am-section, .clw-section,
  .evw-section, .po-card, .rg-card, .re-card
),
body.seosrez-dashboard-body :is(.panel, .kpi-card, .project-card, .insight-card) {
  border: 1px solid var(--v142-line) !important;
  border-radius: var(--v142-radius) !important;
  background: var(--v142-surface) !important;
  box-shadow: var(--v142-shadow) !important;
}

body.seosrez-internal-body :is(
  .rw-metric, .sw-metric, .cw-metric, .kw-metric, .tw-metric,
  .bw-metric, .stw-metric, .cl-metric, .ew-metric, .stf-metric,
  .workspace-metric, .ws-metric, .am-metric, .clw-metric, .evw-metric
) strong,
body.seosrez-dashboard-body .kpi-card__copy > strong {
  color: var(--v142-ink) !important;
  font-size: clamp(22px, 1.65vw, 28px) !important;
  font-weight: 800 !important;
}

body.seosrez-internal-body :is(table, .rw-table, .sw-table, .cw-table, .kw-table, .tw-table, .bw-table, .stw-table) {
  width: 100%;
  border-collapse: collapse;
  color: var(--v142-text) !important;
  font-size: 13px !important;
}

body.seosrez-internal-body :is(th, .rw-table th, .sw-table th, .cw-table th, .kw-table th, .tw-table th, .bw-table th, .stw-table th) {
  color: var(--v142-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}

body.seosrez-internal-body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  min-height: 42px;
  border: 1px solid var(--v142-line) !important;
  border-radius: 9px !important;
  background: var(--v142-surface) !important;
  color: var(--v142-ink) !important;
  font-size: 14px !important;
}

body.seosrez-internal-body :is(input, select, textarea):focus {
  border-color: var(--v142-blue) !important;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(23, 107, 255, 0.12) !important;
}

body.seosrez-internal-body :is(
  .rw-btn--primary, .sw-btn--primary, .cw-btn--primary, .kw-btn--primary,
  .tw-btn--primary, .bw-btn--primary, .stw-btn--primary, .cl-btn--primary,
  .ew-btn--primary, .stf-btn--primary, .workspace-btn--primary,
  .ws-btn--primary, .am-btn--primary, .po-btn--primary,
  .rg-btn--primary, .re-btn--primary, .button--primary
) {
  border-color: var(--v142-blue) !important;
  background: var(--v142-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(23, 107, 255, 0.2) !important;
}

body.seosrez-internal-body :is(
  .rw-btn--primary, .sw-btn--primary, .cw-btn--primary, .kw-btn--primary,
  .tw-btn--primary, .bw-btn--primary, .stw-btn--primary, .cl-btn--primary,
  .ew-btn--primary, .stf-btn--primary, .workspace-btn--primary,
  .ws-btn--primary, .am-btn--primary, .po-btn--primary,
  .rg-btn--primary, .re-btn--primary, .button--primary
):hover {
  border-color: var(--v142-blue-hover) !important;
  background: var(--v142-blue-hover) !important;
}

body.seosrez-internal-body :focus-visible {
  outline: 3px solid rgba(23, 107, 255, 0.24) !important;
  outline-offset: 2px !important;
}

body.seosrez-auth-body :is(.auth-v77, .auth-v78) {
  min-height: 100vh;
  background: var(--v142-bg) !important;
  font-family: inherit !important;
}

body.seosrez-auth-body :is(.auth-v77-form-card, .auth-v78-panel--form) {
  border: 1px solid var(--v142-line) !important;
  border-radius: 18px !important;
  background: var(--v142-surface) !important;
  box-shadow: 0 24px 64px rgba(7, 26, 51, 0.13) !important;
}

@media (max-width: 1380px) {
  body.seosrez-internal-body :is(
    .rw-app, .sw-app, .cw-app, .kw-app, .tw-app, .bw-app, .stw-app,
    .cl-app, .ew-app, .stf-app, .workspace-app, .ws-app, .am-app,
    .clw-app, .evw-app, .po-app, .rg-app, .re-app
  ) {
    grid-template-columns: 238px minmax(0, 1fr) !important;
  }

  body.seosrez-internal-body :is(
    .rw-sidebar, .sw-sidebar, .cw-sidebar, .kw-sidebar, .tw-sidebar,
    .bw-sidebar, .stw-sidebar, .cl-sidebar, .ew-sidebar, .stf-sidebar,
    .workspace-sidebar, .ws-sidebar, .am-sidebar, .clw-sidebar,
    .evw-sidebar, .po-sidebar, .rg-sidebar, .re-sidebar
  ) {
    width: 238px !important;
    min-width: 238px !important;
  }
}

@media (max-width: 900px) {
  body.seosrez-internal-body :is(
    .rw-app, .sw-app, .cw-app, .kw-app, .tw-app, .bw-app, .stw-app,
    .cl-app, .ew-app, .stf-app, .workspace-app, .ws-app, .am-app,
    .clw-app, .evw-app, .po-app, .rg-app, .re-app
  ) {
    display: block !important;
  }

  body.seosrez-internal-body :is(
    .rw-sidebar, .sw-sidebar, .cw-sidebar, .kw-sidebar, .tw-sidebar,
    .bw-sidebar, .stw-sidebar, .cl-sidebar, .ew-sidebar, .stf-sidebar,
    .workspace-sidebar, .ws-sidebar, .am-sidebar, .clw-sidebar,
    .evw-sidebar, .po-sidebar, .rg-sidebar, .re-sidebar
  ) {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
}

@media (max-width: 720px) {
  body.seosrez-internal-body {
    font-size: 14px !important;
  }

  body.seosrez-internal-body :is(
    .rw-hero, .sw-hero, .cw-hero, .kw-hero, .tw-hero, .bw-hero,
    .stw-hero, .cl-hero, .ew-hero, .stf-hero, .workspace-hero,
    .ws-hero, .am-hero, .clw-hero, .evw-hero, .po-head,
    .rg-hero, .re-hero
  ) h1,
  body.seosrez-dashboard-body .page-heading h1 {
    font-size: 30px !important;
  }
}




/* ---- SEOSREZ v143 final all-pages layer ---- */
:root {
  --srz-v143-bg: #f6f9fc;
  --srz-v143-surface: #ffffff;
  --srz-v143-soft: #f9fbfe;
  --srz-v143-ink: #071a33;
  --srz-v143-text: #385069;
  --srz-v143-muted: #6b7f94;
  --srz-v143-line: #dce6f0;
  --srz-v143-blue: #176bff;
  --srz-v143-blue-hover: #0b56d9;
  --srz-v143-blue-soft: #eaf2ff;
  --srz-v143-cyan: #16bdae;
  --srz-v143-green: #15a66d;
  --srz-v143-red: #e45757;
  --srz-v143-radius: 14px;
  --srz-v143-shadow: 0 12px 36px rgba(18, 48, 79, 0.075);
}

body[data-design-release="v144-all-pages-code-sync"],
body[data-design-release="v144-all-pages-code-sync"] * {
  box-sizing: border-box;
}

body[data-design-release="v144-all-pages-code-sync"] {
  margin: 0;
  background: var(--srz-v143-bg);
  color: var(--srz-v143-ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

body[data-design-release="v144-all-pages-code-sync"] :is(h1, h2, h3, h4, p, a, span, strong, small, label, button, input, select, textarea, th, td, li) {
  letter-spacing: 0 !important;
}

body:is(.landing-seosrez-body, .legal-public-body) > .app-shell > .topbar {
  display: none !important;
}

body:is(.landing-seosrez-body, .legal-public-body, .public-content-body) .page-content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.public-content-body > .app-shell > .topbar,
body:not(.seosrez-internal-body):not(.landing-seosrez-body):not(.legal-public-body) > .app-shell > .topbar {
  border-bottom: 1px solid var(--srz-v143-line) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(16px);
}

body:not(.seosrez-internal-body) .topbar__inner {
  min-height: 72px;
}

body:not(.seosrez-internal-body) :is(.btn, .srz-btn, .pc-btn, .legal-docs-btn, .rp-public-action) {
  min-height: 42px;
  border-radius: 10px !important;
  font-weight: 850 !important;
}

body:not(.seosrez-internal-body) :is(.btn--primary, .srz-btn--accent, .pc-btn--primary, .legal-docs-btn, .rp-public-action--primary) {
  border-color: var(--srz-v143-blue) !important;
  background: var(--srz-v143-blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(23, 107, 255, 0.2) !important;
}

body:not(.seosrez-internal-body) :is(.btn--primary, .srz-btn--accent, .pc-btn--primary, .legal-docs-btn, .rp-public-action--primary):hover {
  border-color: var(--srz-v143-blue-hover) !important;
  background: var(--srz-v143-blue-hover) !important;
}

body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(.srz-landing, .pc-page, .legal-site) {
  background: var(--srz-v143-bg) !important;
  color: var(--srz-v143-ink) !important;
}

body:is(.landing-seosrez-body, .legal-public-body) :is(.srz-topbar, .srz-topbar--legal) {
  border: 1px solid var(--srz-v143-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--srz-v143-shadow) !important;
  backdrop-filter: blur(16px);
}

body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(.srz-hero, .pc-hero, .legal-hero, .legal-docs-section, .legal-card, .legal-side-card, .pc-card, .pc-side-block, .pc-filter-panel, .srz-dashboard, .srz-trust article, .legal-docs-summary article, .legal-docs-requisites article) {
  border-color: var(--srz-v143-line) !important;
  border-radius: var(--srz-v143-radius) !important;
  background-color: var(--srz-v143-surface) !important;
  box-shadow: var(--srz-v143-shadow) !important;
}

body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(h1, .srz-hero h1, .pc-hero h1, .legal-hero h1) {
  color: var(--srz-v143-ink) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(p, .srz-lead, .pc-hero p, .legal-hero p, .pc-card p, .legal-card p) {
  color: var(--srz-v143-text) !important;
  line-height: 1.62 !important;
}

body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(.srz-pill, .pc-kicker, .legal-eyebrow, .legal-docs-section__head small, .srz-proofline span) {
  border-color: #bdd7ff !important;
  background: var(--srz-v143-blue-soft) !important;
  color: var(--srz-v143-blue) !important;
}

body.report-public-body,
body.body--report-redesign {
  background: var(--srz-v143-bg) !important;
  color: var(--srz-v143-ink) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

body.report-public-body .report-public-page {
  background: var(--srz-v143-bg) !important;
}

body.report-public-body :is(.rp-card, .rp-client-section, .rp-client-module, .rp-client-composite-group, .rp-public-password-card, .rp-data-details, .rp-priority-card) {
  border-color: var(--srz-v143-line) !important;
  border-radius: var(--srz-v143-radius) !important;
  background: var(--srz-v143-surface) !important;
  box-shadow: var(--srz-v143-shadow) !important;
}

body.report-public-body :is(.rp-public-action--primary, [data-public-print-pdf]) {
  border-color: var(--srz-v143-blue) !important;
  background: var(--srz-v143-blue) !important;
  color: #fff !important;
}

body.report-public-body :is(table, .rp-table) {
  font-size: 14px !important;
}

body.report-public-body :is(th, .rp-table th) {
  background: var(--srz-v143-soft) !important;
  color: var(--srz-v143-muted) !important;
}

body.seosrez-internal-body :is(.app-frame, .rw-app, .sw-app, .cw-app, .kw-app, .tw-app, .bw-app, .stw-app, .cl-app, .ew-app, .stf-app, .workspace-app, .ws-app, .am-app, .clw-app, .evw-app, .po-app, .rg-app, .re-app) {
  background: var(--srz-v143-bg) !important;
}

@media (max-width: 760px) {
  body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(.srz-hero, .pc-hero, .legal-hero) h1 {
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body:is(.landing-seosrez-body, .public-content-body, .legal-public-body) :is(.srz-topbar, .srz-topbar--legal) {
    border-radius: 0 !important;
  }
}