/* SEO/GEO growth pages for website V2. */
:root {
    --seo-container: 1240px;
    --seo-gutter: 64px;
    --seo-ink: #052633;
    --seo-ink-soft: rgba(5, 38, 51, 0.72);
    --seo-ink-muted: rgba(5, 38, 51, 0.56);
    --seo-blue: #0B9ED9;
    --seo-blue-dark: #0878A8;
    --seo-cyan: #87E9FF;
    --seo-line: rgba(7, 52, 74, 0.12);
    --seo-surface: #F4FAFC;
    --seo-card: #FBFEFF;
    --seo-shadow: 0 18px 45px rgba(7, 52, 74, 0.08);
    --case-ink: oklch(0.25 0.045 230);
    --case-soft: oklch(0.95 0.025 226);
    --case-panel: oklch(0.985 0.008 220);
    --case-line: oklch(0.76 0.055 225 / 0.28);
    --case-accent: oklch(0.58 0.14 235);
}

.seo-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.carousel-text h1 {
    max-width: 760px;
    margin-bottom: 18px;
    color: #FBFEFF;
    font-size: clamp(36px, 3.4vw, 46px);
    font-weight: 760;
    line-height: 1.16;
    letter-spacing: 0;
    text-shadow: 0 12px 36px rgba(0, 16, 26, 0.38);
}

.seo-page {
    min-width: 320px;
    background: linear-gradient(180deg, #F4FAFC 0%, #FBFEFF 40%, #F4FAFC 100%);
    color: var(--seo-ink);
    overflow-x: hidden;
}

.seo-page .page-head-common {
    min-height: 64px;
}

.seo-wrap {
    width: min(var(--seo-container), calc(100% - var(--seo-gutter)));
    margin: 0 auto;
}

@media (max-width: 1440px) {
    .seo-page {
        --seo-container: 1180px;
    }
}

@media (min-width: 769px) and (max-width: 1380px) {
    .seo-page .common-sidebar .sidebar {
        display: none !important;
    }
}

.seo-hero {
    padding: 132px 0 72px;
    background:
        radial-gradient(circle at 82% 18%, rgba(135, 233, 255, 0.28), transparent 32%),
        linear-gradient(135deg, #FBFEFF 0%, #EAF8FD 100%);
    border-bottom: 1px solid var(--seo-line);
}

.seo-eyebrow {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.08);
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 650;
}

.seo-hero h1 {
    max-width: 860px;
    margin: 18px 0 18px;
    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.16;
    font-weight: 780;
    letter-spacing: 0;
}

.seo-hero p {
    max-width: 820px;
    color: var(--seo-ink-soft);
    font-size: 19px;
    line-height: 1.78;
}

.seo-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(460px, 560px);
    align-items: center;
    gap: 48px;
}

.seo-hero-copy {
    min-width: 0;
}

.industry-hero .seo-hero p {
    max-width: 720px;
}

.industry-visual-card {
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 10px;
    background: rgba(251, 254, 255, 0.78);
    box-shadow: 0 22px 54px rgba(7, 52, 74, 0.10);
}

.industry-visual-svg {
    display: block;
    width: 100%;
    height: auto;
}

.industry-svg-node rect {
    fill: #FBFEFF;
    stroke: rgba(11, 158, 217, 0.28);
    stroke-width: 1.4;
    filter: drop-shadow(0 7px 12px rgba(7, 52, 74, 0.12));
}

.industry-svg-node text,
.industry-svg-core-title,
.industry-svg-core-sub {
    text-anchor: middle;
    dominant-baseline: middle;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    letter-spacing: 0;
}

.industry-svg-node text {
    fill: var(--seo-ink);
    font-size: 15px;
    font-weight: 700;
}

.industry-svg-core-title {
    fill: #FBFEFF;
    font-size: 20px;
    font-weight: 780;
}

.industry-svg-core-sub {
    fill: rgba(251, 254, 255, 0.82);
    font-size: 13px;
    font-weight: 650;
}

.industry-visual-card figcaption {
    margin: 4px 0 2px;
    color: var(--seo-ink-muted);
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

.seo-hero-actions,
.seo-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.seo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    height: 44px;
    padding: 0 20px;
    border: 1px solid var(--seo-blue);
    border-radius: 4px;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 15px;
    font-weight: 650;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.seo-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(11, 158, 217, 0.18);
}

.seo-btn.secondary {
    background: #FBFEFF;
    color: var(--seo-blue);
}

.seo-section {
    padding: 70px 0;
}

.seo-section + .seo-section {
    border-top: 1px solid rgba(7, 52, 74, 0.06);
}

.seo-section h2 {
    margin-bottom: 18px;
    color: var(--seo-ink);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.24;
    font-weight: 760;
    letter-spacing: 0;
}

.seo-section p {
    color: var(--seo-ink-soft);
    font-size: 17px;
    line-height: 1.82;
}

.seo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 28px;
}

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

.seo-bridge-section {
    background: linear-gradient(180deg, #FBFEFF 0%, #F4FAFC 100%);
}

.seo-bridge-grid .seo-card {
    min-height: 170px;
}

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

.seo-fit-item {
    display: flex;
    min-height: 96px;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #EAF8FD;
    color: var(--seo-ink);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.seo-fit-item:hover {
    transform: translateY(-1px);
    border-color: rgba(11, 158, 217, 0.34);
    box-shadow: 0 12px 28px rgba(7, 52, 74, 0.08);
}

.seo-fit-item span {
    color: var(--seo-ink-soft);
    font-size: 14px;
    line-height: 1.56;
}

.seo-fit-item strong {
    margin-top: 12px;
    color: var(--seo-blue-dark);
    font-size: 16px;
    font-weight: 720;
}

.seo-card {
    min-height: 156px;
    padding: 26px;
    border: 1px solid var(--seo-line);
    border-radius: 12px;
    background: var(--seo-card);
    box-shadow: 0 8px 24px rgba(7, 52, 74, 0.04);
}

.seo-card h3 {
    margin-bottom: 10px;
    color: var(--seo-ink);
    font-size: 19px;
    line-height: 1.36;
    font-weight: 720;
}

.seo-before-after {
    min-width: 0;
}

.seo-case-example,
.seo-before-after,
.seo-comparison-table,
.seo-screenshots {
    min-width: 0;
    margin-top: 26px;
}

.seo-case-example {
    padding: 28px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(251, 254, 255, 0.96), rgba(234, 248, 253, 0.86));
    box-shadow: 0 14px 36px rgba(7, 52, 74, 0.06);
}

.seo-case-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.seo-case-kicker,
.seo-case-label,
.seo-ba-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.10);
    color: var(--seo-blue-dark);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 720;
}

.seo-case-header h3 {
    margin: 0;
    color: var(--seo-ink);
    font-size: 24px;
    line-height: 1.34;
    font-weight: 760;
}

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

.seo-case-card,
.seo-ba-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--seo-line);
    border-radius: 10px;
    background: #FBFEFF;
}

.seo-case-card.after,
.seo-ba-card.after {
    border-color: rgba(11, 158, 217, 0.24);
    background: #F3FBFE;
}

.seo-case-card ul,
.seo-case-changes ol,
.seo-ba-card ul {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.seo-case-card li,
.seo-case-changes li,
.seo-ba-card li {
    position: relative;
    min-width: 0;
    padding-left: 18px;
    color: var(--seo-ink);
    font-size: 15px;
    line-height: 1.72;
}

.seo-case-card li::before,
.seo-ba-card li::before {
    content: "";
    position: absolute;
    top: 0.74em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--seo-blue);
}

.seo-case-changes {
    margin-top: 16px;
    padding: 18px 20px;
    border-radius: 10px;
    background: rgba(5, 38, 51, 0.04);
}

.seo-case-changes h4,
.seo-table-conclusion h4 {
    margin: 0 0 12px;
    color: var(--seo-ink);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 760;
}

.seo-case-changes ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    counter-reset: case-change;
}

.seo-case-changes li {
    padding: 12px 12px 12px 42px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 8px;
    background: #FBFEFF;
    color: var(--seo-ink-soft);
    counter-increment: case-change;
}

.seo-case-changes li::before {
    content: counter(case-change, decimal-leading-zero);
    position: absolute;
    top: 12px;
    left: 12px;
    color: var(--seo-blue-dark);
    font-size: 13px;
    line-height: 1.72;
    font-weight: 760;
}

.seo-comparison-table {
    overflow-x: auto;
    padding: 0 0 2px;
    -webkit-overflow-scrolling: touch;
}

.seo-table {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--seo-line);
    border-radius: 10px;
    background: #FBFEFF;
}

.seo-table th,
.seo-table td {
    min-width: 0;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(7, 52, 74, 0.08);
    border-right: 1px solid rgba(7, 52, 74, 0.08);
    color: var(--seo-ink);
    font-size: 15px;
    line-height: 1.68;
    text-align: left;
    vertical-align: top;
}

.seo-table th {
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-weight: 760;
}

.seo-table tr:last-child td {
    border-bottom: 0;
}

.seo-table th:last-child,
.seo-table td:last-child {
    border-right: 0;
}

.seo-table-conclusion {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 10px;
    background: #F5FBFE;
}

.seo-table-conclusion p {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 16px;
    line-height: 1.76;
}

.seo-screenshots {
    display: grid;
    gap: 20px;
}

.seo-flow-diagram,
.seo-operations {
    min-width: 0;
    padding: 26px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 12px;
    background: #FBFEFF;
    box-shadow: 0 12px 30px rgba(7, 52, 74, 0.05);
}

.seo-flow-diagram h4,
.seo-operations h4 {
    margin: 0 0 18px;
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.35;
    font-weight: 760;
}

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

.seo-flow-step {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(7, 52, 74, 0.09);
    border-radius: 10px;
    background: #F5FBFE;
}

.seo-flow-num {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 14px;
    line-height: 1;
    font-weight: 760;
}

.seo-flow-title {
    color: var(--seo-ink);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 760;
}

.seo-flow-desc {
    color: var(--seo-ink-soft);
    font-size: 14px;
    line-height: 1.65;
}

.seo-flow-image {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid var(--seo-line);
    border-radius: 10px;
    background: #F4FAFC;
}

.seo-flow-image img {
    display: block;
    width: 100%;
    height: auto;
}

.seo-ops-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.seo-op-card {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--seo-line);
    border-radius: 10px;
    background: #F5FBFE;
}

.seo-op-preview {
    min-height: 132px;
    overflow: hidden;
    border-radius: 8px;
    background: #EAF8FD;
}

.seo-op-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seo-op-placeholder {
    display: grid;
    place-items: center;
    min-height: 132px;
    padding: 18px;
    color: var(--seo-ink-soft);
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

.seo-op-placeholder span {
    display: block;
    color: var(--seo-ink);
    font-size: 15px;
    font-weight: 760;
}

.seo-op-placeholder small {
    display: block;
    margin-top: 6px;
    font-size: 13px;
}

.seo-op-title {
    color: var(--seo-ink);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 760;
}

.seo-op-desc,
.seo-screenshots-note {
    color: var(--seo-ink-soft);
    font-size: 14px;
    line-height: 1.7;
}

.seo-screenshots-note {
    margin: 0 !important;
    padding: 16px 18px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 10px;
    background: #F5FBFE;
}

.seo-ba-metrics {
    min-width: 0;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 10px;
    background: #F5FBFE;
}

.seo-ba-metrics h4 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0 0 10px;
    color: var(--seo-ink);
    font-size: 19px;
    line-height: 1.35;
    font-weight: 760;
}

.seo-ba-metrics h4 small {
    color: var(--seo-ink-muted);
    font-size: 13px;
    font-weight: 600;
}

.seo-metrics-note {
    max-width: 62ch;
    margin: 0 0 14px !important;
    color: var(--seo-ink-soft) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

.seo-metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}

.seo-metric-proofed {
    display: grid;
    min-width: 0;
    gap: 7px;
    padding: 14px 16px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 8px;
    background: #FBFEFF;
    box-shadow: none;
}

.improve-card .seo-metric-proofed {
    padding: 0;
    border: 0;
    background: transparent;
}

.seo-metric-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    min-width: 0;
}

.seo-metric-value {
    color: var(--seo-blue-dark);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.08;
    white-space: nowrap;
}

.seo-metric-label {
    min-width: 0;
    color: var(--seo-ink);
    font-size: 15px;
    font-weight: 720;
    line-height: 1.35;
}

.seo-metric-note,
.seo-metric-basis {
    min-width: 0;
    color: var(--seo-ink-soft);
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.seo-metric-basis {
    color: var(--seo-ink-muted);
}

.seo-proof-notes {
    display: grid;
    gap: 10px;
    max-width: 100%;
    margin-top: 12px;
}

.seo-proof-note {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 8px;
    background: rgba(251, 254, 255, 0.72);
}

.seo-proof-note-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin-bottom: 10px;
}

.seo-proof-note-head span {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.10);
    color: var(--seo-blue-dark);
    font-size: 12px;
    font-weight: 720;
}

.seo-proof-note-head strong {
    color: var(--seo-ink);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 760;
}

.seo-proof-note-head em {
    color: var(--seo-ink-muted);
    font-size: 13px;
    font-style: normal;
}

.seo-proof-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    margin: 0;
}

.seo-proof-fact {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    margin: 0;
}

.seo-proof-fact dt,
.seo-proof-fact dd {
    min-width: 0;
    margin: 0;
    line-height: 1.55;
}

.seo-proof-fact dt {
    color: var(--seo-blue-dark);
    font-size: 12px;
    font-weight: 720;
    white-space: nowrap;
}

.seo-proof-fact dd {
    color: var(--seo-ink-soft);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.tool-assessment {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 22px;
    margin-top: 26px;
    align-items: stretch;
}

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

.tool-check-item {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    min-height: 58px;
    padding: 14px;
    border: 1px solid var(--seo-line);
    border-radius: 8px;
    background: #FBFEFF;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.55;
    cursor: pointer;
}

.tool-check-item input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    accent-color: var(--seo-blue);
}

.tool-score-panel {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #EAF8FD;
}

.tool-score-panel strong {
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.5;
}

.tool-score-panel p {
    margin: 12px 0 18px;
    font-size: 15px;
    line-height: 1.7;
}

.tool-copy-btn {
    width: fit-content;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--seo-blue);
    border-radius: 4px;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 14px;
    font-weight: 680;
    cursor: pointer;
}

.template-copy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 26px;
}

.template-copy-card {
    padding: 22px;
    border: 1px solid var(--seo-line);
    border-radius: 8px;
    background: #FBFEFF;
    box-shadow: 0 8px 24px rgba(7, 52, 74, 0.04);
}

.template-copy-card h3 {
    margin-bottom: 14px;
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.38;
}

.template-copy-card pre {
    overflow-x: auto;
    margin: 0;
    padding: 16px;
    border-radius: 8px;
    background: #F4FAFC;
    color: var(--seo-ink-soft);
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-wrap;
}

.whitepaper-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 14px;
    padding: 4px 12px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 999px;
    background: #F3FCFF;
    color: var(--seo-blue-dark);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 760;
}

.whitepaper-brief {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.72fr);
    gap: 22px;
    margin-top: 26px;
}

.whitepaper-brief-copy,
.whitepaper-takeaways,
.whitepaper-toc-card,
.whitepaper-chapter-card,
.whitepaper-role-card,
.whitepaper-roadmap-step,
.whitepaper-pitfall-card,
.whitepaper-asset-card,
.whitepaper-method-card,
.whitepaper-standard-item,
.whitepaper-data-card,
.whitepaper-exhibit,
.whitepaper-plate,
.whitepaper-question-panel,
.whitepaper-evidence-grid article,
.whitepaper-finding-card,
.whitepaper-maturity-level,
.whitepaper-metric-card,
.whitepaper-source-card,
.whitepaper-pdf-panel {
    min-width: 0;
    border: 1px solid rgba(7, 52, 74, 0.11);
    border-radius: 8px;
    background: #FBFEFF;
    box-shadow: 0 10px 26px rgba(7, 52, 74, 0.05);
}

.whitepaper-brief-copy {
    padding: 28px;
}

.whitepaper-brief-copy p {
    margin: 0;
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.82;
}

.whitepaper-pill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.whitepaper-pill-list span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 4px 11px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 999px;
    background: #F3FCFF;
    color: var(--seo-blue-dark);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 720;
}

.whitepaper-takeaways {
    padding: 24px;
    background: linear-gradient(180deg, #FBFEFF 0%, #F4FAFC 100%);
}

.whitepaper-takeaways h3 {
    margin: 0 0 14px;
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.35;
    font-weight: 780;
}

.whitepaper-takeaways ol,
.whitepaper-role-card ul,
.whitepaper-roadmap-step ul,
.whitepaper-question-panel ol,
.whitepaper-maturity-level ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 20px;
}

.whitepaper-takeaways li,
.whitepaper-role-card li,
.whitepaper-roadmap-step li,
.whitepaper-question-panel li,
.whitepaper-maturity-level li {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.whitepaper-pdf-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: 28px;
    background:
        linear-gradient(135deg, #FBFEFF 0%, #F1FBFF 100%);
}

.whitepaper-pdf-panel h2 {
    margin-bottom: 12px;
}

.whitepaper-pdf-panel dl {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 8px 14px;
    margin: 18px 0 0;
}

.whitepaper-pdf-panel dt {
    color: var(--seo-ink);
    font-size: 14px;
    font-weight: 760;
}

.whitepaper-pdf-panel dd {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 14px;
    line-height: 1.62;
}

.whitepaper-pdf-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.whitepaper-method-grid,
.whitepaper-evidence-grid,
.whitepaper-metric-grid,
.whitepaper-source-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 26px;
}

.whitepaper-method-card,
.whitepaper-question-panel,
.whitepaper-evidence-grid article,
.whitepaper-metric-card,
.whitepaper-source-card {
    padding: 22px;
}

.whitepaper-method-card h3,
.whitepaper-question-panel h3,
.whitepaper-finding-card h3,
.whitepaper-maturity-level h3,
.whitepaper-metric-card h3 {
    margin: 0 0 10px;
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.38;
    font-weight: 760;
}

.whitepaper-method-card p,
.whitepaper-evidence-grid p,
.whitepaper-metric-card p,
.whitepaper-source-card span {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.whitepaper-question-panel {
    margin-top: 16px;
    background: #F8FCFE;
}

.whitepaper-evidence-grid strong {
    display: block;
    margin-bottom: 8px;
    color: var(--seo-blue-dark);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 780;
}

.whitepaper-finding-list {
    display: grid;
    gap: 16px;
    margin-top: 28px;
}

.whitepaper-finding-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
}

.whitepaper-finding-card > span,
.whitepaper-maturity-level > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 780;
}

.whitepaper-finding-card dl,
.whitepaper-pitfall-card dl {
    display: grid;
    gap: 8px;
    margin: 0;
}

.whitepaper-finding-card dt,
.whitepaper-pitfall-card dt {
    margin-top: 6px;
    color: var(--seo-ink);
    font-size: 14px;
    font-weight: 760;
}

.whitepaper-finding-card dd,
.whitepaper-pitfall-card dd {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.whitepaper-maturity-section {
    background:
        linear-gradient(180deg, #FBFEFF 0%, #F4FAFC 100%);
}

.whitepaper-maturity {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.whitepaper-maturity-level {
    padding: 22px;
}

.whitepaper-maturity-level h3 {
    margin-top: 16px;
}

.whitepaper-maturity-level p {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.68;
}

.whitepaper-maturity-level ul {
    margin-top: 14px;
}

.whitepaper-metric-card strong {
    display: block;
    margin-top: 12px;
    color: var(--seo-blue-dark);
    font-size: 14px;
    line-height: 1.58;
    font-weight: 740;
}

.whitepaper-toc,
.whitepaper-role-grid,
.whitepaper-pitfall-grid,
.whitepaper-assets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.whitepaper-toc-card {
    padding: 22px;
}

.whitepaper-toc-card span,
.whitepaper-roadmap-step > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 780;
}

.whitepaper-toc-card h3,
.whitepaper-chapter-card h3,
.whitepaper-role-card h3,
.whitepaper-roadmap-step h3,
.whitepaper-pitfall-card h3 {
    margin: 16px 0 10px;
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.38;
    font-weight: 760;
}

.whitepaper-toc-card p,
.whitepaper-chapter-card p,
.whitepaper-roadmap-step p,
.whitepaper-pitfall-card dd,
.whitepaper-asset-card span {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.whitepaper-chapter {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.whitepaper-chapter-card {
    padding: 28px;
}

.whitepaper-chapter-card h3 {
    margin-top: 0;
}

.whitepaper-chapter-card .seo-list {
    margin-top: 18px;
}

.whitepaper-table-wrap {
    min-width: 0;
    overflow-x: auto;
    margin-top: 28px;
    border: 1px solid rgba(7, 52, 74, 0.12);
    border-radius: 8px;
    background: #FBFEFF;
}

.whitepaper-table {
    width: 100%;
    min-width: 880px;
    border-collapse: collapse;
}

.whitepaper-table th,
.whitepaper-table td {
    padding: 15px 16px;
    border-right: 1px solid rgba(7, 52, 74, 0.08);
    border-bottom: 1px solid rgba(7, 52, 74, 0.08);
    color: var(--seo-ink);
    font-size: 14px;
    line-height: 1.68;
    text-align: left;
    vertical-align: top;
}

.whitepaper-table th {
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-weight: 760;
}

.whitepaper-table th:last-child,
.whitepaper-table td:last-child {
    border-right: 0;
}

.whitepaper-table tr:last-child td {
    border-bottom: 0;
}

.whitepaper-role-card,
.whitepaper-pitfall-card {
    padding: 24px;
}

.whitepaper-role-card span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #E9F8F2;
    color: #117A55;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 760;
}

.whitepaper-roadmap-section {
    background:
        linear-gradient(180deg, #FBFEFF 0%, #F4FAFC 100%);
}

.whitepaper-roadmap {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.whitepaper-roadmap-step {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
}

.whitepaper-roadmap-step h3 {
    margin-top: 0;
}

.whitepaper-roadmap-step p {
    margin-bottom: 14px;
}

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

.whitepaper-asset-card {
    display: grid;
    gap: 10px;
    padding: 22px;
    color: inherit;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.whitepaper-asset-card:hover {
    transform: translateY(-2px);
    border-color: rgba(11, 158, 217, 0.30);
    box-shadow: 0 16px 32px rgba(7, 52, 74, 0.08);
}

.whitepaper-asset-card strong {
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.38;
    font-weight: 760;
}

.whitepaper-source-card {
    display: grid;
    gap: 10px;
    color: inherit;
}

.whitepaper-source-card strong {
    color: var(--seo-ink);
    font-size: 17px;
    line-height: 1.38;
    font-weight: 760;
}

.whitepaper-standard-section,
.whitepaper-data-section,
.whitepaper-plate-section,
.whitepaper-chart-section,
.whitepaper-ai-section {
    background:
        linear-gradient(180deg, #FBFEFF 0%, #F4FAFC 100%);
}

.whitepaper-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.whitepaper-chart-card {
    display: grid;
    gap: 16px;
    padding: 22px;
    border: 1px solid rgba(8, 126, 170, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 42px rgba(5, 48, 66, 0.06);
}

.whitepaper-chart-head {
    display: grid;
    gap: 8px;
}

.whitepaper-chart-head h3 {
    margin: 0;
    color: var(--seo-ink);
    font-size: 19px;
    line-height: 1.38;
    font-weight: 780;
}

.whitepaper-chart-head small,
.whitepaper-chart-card p {
    margin: 0;
    color: rgba(5, 38, 51, 0.62);
    font-size: 13px;
    line-height: 1.62;
}

.whitepaper-chart-card p {
    font-size: 14px;
}

.whitepaper-chart-svg {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(7, 52, 74, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(248, 252, 254, 0.98) 0%, rgba(241, 248, 251, 0.98) 100%);
}

.whitepaper-chart-axis {
    stroke: rgba(5, 38, 51, 0.28);
    stroke-width: 1.4;
}

.whitepaper-chart-bar {
    fill: #159BD3;
    stroke: #087EAA;
    stroke-width: 1;
}

.whitepaper-chart-line {
    fill: none;
    stroke: #087EAA;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whitepaper-chart-dot {
    fill: #F8FCFE;
    stroke: #087EAA;
    stroke-width: 4;
}

.whitepaper-chart-value {
    fill: var(--seo-ink);
    font-size: 14px;
    font-weight: 780;
}

.whitepaper-chart-label {
    fill: rgba(5, 38, 51, 0.66);
    font-size: 13px;
    font-weight: 680;
}

.whitepaper-ai-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.whitepaper-ai-card,
.whitepaper-ai-case-list article {
    border: 1px solid rgba(8, 126, 170, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    padding: 20px;
    box-shadow: 0 18px 42px rgba(5, 48, 66, 0.06);
}

.whitepaper-ai-card h3,
.whitepaper-ai-cases h3 {
    margin: 0 0 12px;
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.36;
    font-weight: 780;
}

.whitepaper-ai-card p,
.whitepaper-ai-case-list p {
    margin: 8px 0 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.whitepaper-ai-card strong {
    color: var(--seo-blue-dark);
}

.whitepaper-ai-cases {
    margin-top: 28px;
}

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

.whitepaper-ai-case-list strong {
    display: block;
    color: var(--seo-ink);
    font-size: 16px;
    line-height: 1.42;
    font-weight: 780;
}

.whitepaper-standard-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
}

.whitepaper-standard-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
    align-content: start;
}

.whitepaper-standard-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E8F6FC;
    color: var(--seo-blue-dark);
    font-size: 12px;
    font-weight: 800;
}

.whitepaper-standard-item h3,
.whitepaper-data-head h3,
.whitepaper-exhibit h3,
.whitepaper-plate h3 {
    margin: 0 0 8px;
    color: var(--seo-ink);
    font-size: 19px;
    line-height: 1.38;
    font-weight: 780;
}

.whitepaper-standard-item p,
.whitepaper-data-head p,
.whitepaper-exhibit figcaption p,
.whitepaper-plate p {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.whitepaper-data-stack {
    display: grid;
    gap: 22px;
    margin-top: 28px;
}

.whitepaper-data-card {
    padding: 0;
    overflow: hidden;
}

.whitepaper-data-head {
    padding: 22px 24px 0;
}

.whitepaper-data-head small {
    display: inline-flex;
    margin-top: 12px;
    color: rgba(5, 38, 51, 0.58);
    font-size: 13px;
    line-height: 1.52;
}

.whitepaper-data-card .whitepaper-table-wrap {
    margin: 20px 0 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
}

.whitepaper-exhibit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.whitepaper-exhibit {
    margin: 0;
    overflow: hidden;
}

.whitepaper-exhibit-media {
    padding: 12px;
    background: #EFF6FA;
    border-bottom: 1px solid rgba(7, 52, 74, 0.10);
}

.whitepaper-exhibit-media img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top left;
    border: 1px solid rgba(7, 52, 74, 0.10);
    border-radius: 6px;
    background: #F8FCFE;
}

.whitepaper-exhibit figcaption {
    padding: 20px 22px 22px;
}

.whitepaper-exhibit ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.whitepaper-exhibit li {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 4px 9px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 999px;
    background: #F3FCFF;
    color: var(--seo-blue-dark);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 720;
}

.whitepaper-plate-list {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.whitepaper-plate {
    padding: 24px;
}

.whitepaper-plate-flow {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0 18px;
    padding: 0;
    list-style: none;
}

.whitepaper-plate-flow li {
    position: relative;
    min-height: 58px;
    padding: 11px 10px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #F3FCFF;
    color: var(--seo-ink);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 740;
    text-align: center;
}

.whitepaper-plate-flow li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    width: 10px;
    height: 1px;
    background: rgba(11, 158, 217, 0.34);
}

.whitepaper-plate strong {
    display: block;
    color: var(--seo-blue-dark);
    font-size: 15px;
    line-height: 1.62;
}

.seo-card-kicker {
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin-bottom: 12px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.08);
    color: var(--seo-blue-dark);
    font-size: 12px;
    font-weight: 700;
}

.industry-guide-section {
    background:
        linear-gradient(180deg, #FBFEFF 0%, #F4FAFC 100%);
}

.industry-guide-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 28px;
}

.industry-guide-card {
    min-height: 216px;
    padding: 24px;
    border: 1px solid rgba(7, 52, 74, 0.1);
    border-radius: 12px;
    background: #FBFEFF;
    box-shadow: 0 14px 34px rgba(7, 52, 74, 0.05);
}

.industry-guide-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 18px;
    border-radius: 8px;
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-size: 13px;
    font-weight: 760;
}

.industry-guide-card h3 {
    margin-bottom: 10px;
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.38;
    font-weight: 760;
}

.industry-guide-card p {
    font-size: 15px;
    line-height: 1.68;
}

.industry-guide-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.industry-guide-links a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-size: 15px;
    font-weight: 720;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.industry-guide-links a:hover {
    transform: translateY(-1px);
    border-color: rgba(11, 158, 217, 0.36);
    box-shadow: 0 12px 26px rgba(7, 52, 74, 0.08);
}

.industry-hub-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin-top: 32px;
}

.industry-hub-card {
    display: flex;
    min-height: 520px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(7, 52, 74, 0.11);
    border-radius: 14px;
    background: #FBFEFF;
    box-shadow: 0 16px 42px rgba(7, 52, 74, 0.06);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.industry-hub-card:hover {
    transform: translateY(-3px);
    border-color: rgba(11, 158, 217, 0.28);
    box-shadow: 0 24px 54px rgba(7, 52, 74, 0.1);
}

.industry-hub-cover-link {
    display: block;
    color: inherit;
}

.industry-hub-cover {
    position: relative;
    margin: 0;
    background: var(--cover-a);
}

.industry-hub-cover svg {
    display: block;
    width: 100%;
    aspect-ratio: 420 / 220;
    height: auto;
}

.industry-cover-shape {
    fill: rgba(251, 254, 255, 0.16);
}

.industry-cover-arc {
    fill: none;
    stroke: rgba(251, 254, 255, 0.32);
    stroke-width: 18;
    stroke-linecap: round;
}

.industry-cover-arc.subtle {
    stroke: rgba(251, 254, 255, 0.18);
    stroke-width: 12;
}

.industry-cover-line {
    fill: none;
    stroke: rgba(251, 254, 255, 0.4);
    stroke-width: 12;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.industry-cover-line.subtle {
    stroke: rgba(251, 254, 255, 0.22);
    stroke-width: 8;
}

.industry-cover-line.route {
    stroke-width: 10;
}

.industry-cover-block {
    fill: rgba(251, 254, 255, 0.16);
    stroke: rgba(251, 254, 255, 0.18);
}

.industry-cover-block.light {
    fill: rgba(251, 254, 255, 0.11);
}

.industry-cover-panel {
    fill: rgba(251, 254, 255, 0.16);
    stroke: rgba(251, 254, 255, 0.22);
}

.industry-cover-glyph {
    fill: #FBFEFF;
    font-size: 34px;
    font-weight: 800;
}

.industry-cover-label {
    fill: rgba(251, 254, 255, 0.82);
    font-size: 15px;
    font-weight: 720;
}

.industry-cover-chip rect {
    fill: rgba(251, 254, 255, 0.18);
    stroke: rgba(251, 254, 255, 0.28);
}

.industry-cover-chip text {
    fill: #FBFEFF;
    font-size: 14px;
    font-weight: 720;
    text-anchor: middle;
}

.industry-hub-cover figcaption {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    background: linear-gradient(90deg, var(--cover-a), var(--cover-b));
    color: #FBFEFF;
}

.industry-hub-cover figcaption span {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid rgba(251, 254, 255, 0.28);
    border-radius: 6px;
    background: rgba(251, 254, 255, 0.14);
    font-size: 12px;
    font-weight: 720;
}

.industry-hub-cover figcaption strong {
    min-width: 0;
    font-size: 15px;
    line-height: 1.36;
    font-weight: 760;
    text-align: right;
}

.industry-hub-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

.industry-hub-segment {
    margin-bottom: 10px;
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 760;
}

.industry-hub-card h3 {
    margin-bottom: 12px;
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.36;
    font-weight: 780;
}

.industry-hub-card p {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.industry-hub-points {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 22px;
}

.industry-hub-points span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-size: 13px;
    font-weight: 720;
}

.industry-hub-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: auto;
}

.industry-hub-actions a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 8px;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 14px;
    font-weight: 760;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.industry-hub-actions a:hover {
    transform: translateY(-1px);
    background: var(--seo-blue-dark);
    box-shadow: 0 12px 22px rgba(8, 120, 168, 0.18);
}

.industry-hub-actions a.secondary {
    padding: 0;
    background: transparent;
    color: var(--seo-blue-dark);
}

.industry-hub-actions a.secondary:hover {
    background: transparent;
    box-shadow: none;
}

.seo-card p,
.seo-card li {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.seo-card ul:not(.seo-list),
.seo-card ol:not(.seo-list) {
    display: grid;
    gap: 9px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.seo-card ul:not(.seo-list) li,
.seo-card ol:not(.seo-list) li {
    position: relative;
    padding-left: 18px;
}

.seo-card ul:not(.seo-list) li::before,
.seo-card ol:not(.seo-list) li::before {
    content: "";
    position: absolute;
    top: 0.74em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--seo-blue);
}

.industry-audience-section {
    background: #FBFEFF;
}

.industry-audience-flow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.industry-audience-flow span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 720;
}

.industry-modern-sections {
    width: min(var(--seo-container), calc(100% - var(--seo-gutter)));
    margin: 76px auto;
    display: grid;
    gap: 28px;
}

.industry-modern-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(460px, 0.9fr);
    gap: 32px;
    align-items: center;
    padding: 40px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 16px;
    background:
        linear-gradient(135deg, #FBFEFF 0%, #F4FBFF 100%);
    box-shadow: 0 18px 50px rgba(7, 52, 74, 0.08);
}

.industry-modern-section-reverse .industry-modern-copy {
    order: 2;
}

.industry-modern-section-reverse .industry-story-visual {
    order: 1;
}

.industry-modern-copy {
    min-width: 0;
}

.industry-modern-kicker {
    display: inline-flex;
    align-items: center;
    height: 32px;
    margin-bottom: 16px;
    padding: 0 13px;
    border-radius: 8px;
    background: #EAF8FD;
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 760;
}

.industry-modern-copy h2 {
    max-width: 640px;
    margin: 0;
    color: var(--seo-ink);
    font-size: clamp(28px, 2.6vw, 36px);
    line-height: 1.24;
    font-weight: 800;
}

.industry-modern-lead {
    max-width: 660px;
    margin: 16px 0 24px;
    color: var(--seo-ink-soft);
    font-size: 17px;
    line-height: 1.76;
}

.industry-modern-point-list {
    display: grid;
    gap: 12px;
}

.industry-modern-point {
    padding: 15px 17px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 8px;
    background: #F2FBFF;
}

.industry-modern-point strong {
    display: block;
    margin-bottom: 6px;
    color: var(--seo-ink);
    font-size: 17px;
    line-height: 1.36;
    font-weight: 760;
}

.industry-modern-point span {
    display: block;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.62;
}

.industry-story-visual {
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 16px;
    background: #EAF8FD;
}

.industry-story-visual svg {
    display: block;
    width: 100%;
    height: auto;
}

.industry-story-visual figcaption {
    margin-top: 8px;
    color: var(--seo-ink-muted);
    font-size: 13px;
    line-height: 1.48;
    text-align: center;
}

.industry-story-node rect,
.industry-story-module rect,
.industry-story-step rect,
.industry-story-pain rect {
    fill: #FBFEFF;
    stroke: rgba(11, 158, 217, 0.24);
    stroke-width: 1.2;
    filter: drop-shadow(0 8px 12px rgba(7, 52, 74, 0.1));
}

.industry-story-module rect {
    fill: rgba(251, 254, 255, 0.9);
}

.industry-story-pain rect {
    fill: rgba(255, 255, 255, 0.78);
    stroke: rgba(8, 120, 168, 0.18);
}

.industry-story-node text,
.industry-story-module text,
.industry-story-step text,
.industry-story-pain text,
.industry-story-core text,
.industry-story-caption {
    text-anchor: middle;
    dominant-baseline: middle;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    letter-spacing: 0;
}

.industry-story-node text,
.industry-story-module text,
.industry-story-step text,
.industry-story-pain text {
    fill: var(--seo-ink);
    font-size: 14px;
    font-weight: 760;
}

.industry-story-core text {
    fill: #FBFEFF;
    font-size: 18px;
    font-weight: 800;
}

.industry-story-core .sub {
    fill: rgba(251, 254, 255, 0.82);
    font-size: 13px;
    font-weight: 700;
}

.industry-story-path {
    fill: none;
    stroke: rgba(11, 158, 217, 0.32);
    stroke-width: 4;
    stroke-linecap: round;
}

.industry-story-path.dashed {
    stroke-dasharray: 8 8;
}

.industry-story-caption {
    fill: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 780;
}

.industry-function-section {
    background: #F6FBFD;
}

.industry-function-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 30px;
}

.industry-function-card {
    display: flex;
    min-height: 260px;
    flex-direction: column;
    padding: 24px;
    border: 1px solid rgba(11, 158, 217, 0.15);
    border-radius: 8px;
    background: #FBFEFF;
    box-shadow: 0 14px 34px rgba(7, 52, 74, 0.06);
}

.industry-function-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 18px;
    border-radius: 8px;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 780;
}

.industry-function-card h3 {
    margin-bottom: 10px;
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.34;
    font-weight: 780;
}

.industry-function-card p {
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.industry-function-card strong {
    display: block;
    margin-top: auto;
    padding-top: 18px;
    color: var(--seo-blue-dark);
    font-size: 14px;
    line-height: 1.58;
    font-weight: 760;
}

.seo-list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.seo-list li {
    position: relative;
    padding: 16px 18px 16px 44px;
    border: 1px solid var(--seo-line);
    border-radius: 8px;
    background: var(--seo-card);
    color: var(--seo-ink-soft);
    font-size: 16px;
    line-height: 1.72;
}

.seo-list li::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--seo-blue);
    box-shadow: 0 0 0 5px rgba(11, 158, 217, 0.10);
}

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

.seo-flow span {
    min-height: 72px;
    padding: 18px 14px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #EAF8FD;
    color: var(--seo-ink);
    font-size: 15px;
    line-height: 1.46;
    font-weight: 650;
    text-align: center;
}

.industry-process-section {
    background: #FBFEFF;
}

.industry-process-visual {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
    padding: 28px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(251, 254, 255, 0.94), rgba(234, 248, 253, 0.92)),
        radial-gradient(circle at 18% 24%, rgba(135, 233, 255, 0.20), transparent 28%);
    box-shadow: 0 14px 36px rgba(7, 52, 74, 0.06);
}

.industry-process-visual::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 42px;
    right: 42px;
    height: 2px;
    background: linear-gradient(90deg, rgba(11, 158, 217, 0.08), rgba(11, 158, 217, 0.42), rgba(11, 158, 217, 0.08));
}

.industry-process-step {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 112px;
    align-content: center;
    justify-items: center;
    gap: 12px;
    padding: 16px 10px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #FBFEFF;
    color: var(--seo-ink);
    box-shadow: 0 8px 20px rgba(7, 52, 74, 0.05);
    text-align: center;
}

.industry-process-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 760;
}

.industry-process-step strong {
    color: var(--seo-ink);
    font-size: 15px;
    line-height: 1.42;
    font-weight: 720;
}

.industry-playbook-section {
    background:
        radial-gradient(circle at 88% 18%, rgba(135, 233, 255, 0.18), transparent 28%),
        #F6FBFD;
}

.industry-scenario-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.industry-scenario-card {
    min-height: 210px;
    padding: 24px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 8px;
    background: #FBFEFF;
    box-shadow: 0 14px 34px rgba(7, 52, 74, 0.06);
}

.industry-scenario-card span {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.08);
    color: var(--seo-blue-dark);
    font-size: 12px;
    font-weight: 720;
}

.industry-scenario-card h3,
.industry-role-card h3,
.industry-fit-card h3 {
    margin: 14px 0 10px;
    color: var(--seo-ink);
    font-size: 20px;
    line-height: 1.35;
    font-weight: 760;
}

.industry-scenario-card p,
.industry-role-card p,
.industry-priority-item p {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.76;
}

.industry-role-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.industry-role-card {
    padding: 22px;
    border: 1px solid var(--seo-line);
    border-radius: 8px;
    background: linear-gradient(180deg, #FBFEFF 0%, #F2FAFD 100%);
}

.industry-role-card > span,
.industry-priority-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 780;
}

.industry-priority-list {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.industry-priority-item {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(11, 158, 217, 0.14);
    border-radius: 8px;
    background: #FBFEFF;
    box-shadow: 0 10px 28px rgba(7, 52, 74, 0.05);
}

.industry-fit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.industry-fit-card {
    padding: 26px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 8px;
    background: #FBFEFF;
}

.industry-fit-card.muted {
    background: #F5FAFC;
}

.industry-fit-card ul {
    display: grid;
    gap: 12px;
    margin: 0;
}

.industry-fit-card li {
    position: relative;
    padding-left: 22px;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.7;
}

.industry-fit-card li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--seo-blue);
}

.industry-fit-card.muted li::before {
    background: rgba(5, 38, 51, 0.32);
}

.industry-metric-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.industry-metric-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 999px;
    background: #EAF8FD;
    color: var(--seo-ink);
    font-size: 15px;
    font-weight: 680;
}

.case-profile-section {
    background: linear-gradient(180deg, var(--case-panel) 0%, var(--case-soft) 100%);
}

.case-profile-grid,
.case-role-grid,
.case-module-map,
.case-risk-board,
.case-related-grid {
    display: grid;
    gap: 18px;
    margin-top: 30px;
}

.case-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-profile-card,
.case-role-card,
.case-module-item,
.case-risk-card,
.case-related-card {
    border: 1px solid var(--case-line);
    border-radius: 10px;
    background: var(--case-panel);
    box-shadow: 0 14px 34px rgba(7, 52, 74, 0.05);
}

.case-profile-card {
    min-height: 132px;
    padding: 22px;
}

.case-profile-card span,
.case-module-item span,
.case-risk-card span,
.case-related-card span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: oklch(0.93 0.045 226);
    color: var(--seo-blue-dark);
    font-size: 13px;
    font-weight: 760;
}

.case-profile-card strong {
    display: block;
    margin-top: 16px;
    color: var(--case-ink);
    font-size: 18px;
    line-height: 1.55;
    font-weight: 760;
}

.case-complexity-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.case-complexity-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid oklch(0.72 0.08 235 / 0.22);
    border-radius: 8px;
    background: oklch(0.97 0.022 226);
    color: var(--case-ink);
    font-size: 14px;
    font-weight: 700;
}

.case-journey-section {
    background: #FBFEFF;
}

.case-journey {
    display: grid;
    gap: 16px;
    margin-top: 30px;
}

.case-journey-step {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--case-line);
    border-radius: 12px;
    background: linear-gradient(180deg, #FBFEFF 0%, #F3FAFD 100%);
    box-shadow: 0 12px 30px rgba(7, 52, 74, 0.05);
}

.case-journey-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--case-accent);
    color: #FBFEFF;
    font-size: 15px;
    font-weight: 780;
}

.case-journey-step h3,
.case-role-card h3,
.case-module-item h3,
.case-risk-card h3,
.case-related-card h3 {
    margin: 0;
    color: var(--case-ink);
    font-size: 20px;
    line-height: 1.36;
    font-weight: 780;
}

.case-journey-step dl {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 10px 16px;
    margin: 16px 0 0;
}

.case-journey-step dt {
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 760;
}

.case-journey-step dd {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.72;
}

.case-role-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-role-card {
    min-height: 218px;
    padding: 24px;
}

.case-role-card span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 18px;
    padding: 0 11px;
    border-radius: 8px;
    background: var(--case-accent);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 760;
}

.case-role-card p,
.case-module-item p,
.case-risk-card p,
.case-related-card p {
    margin: 12px 0 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.76;
}

.case-module-section {
    background: linear-gradient(180deg, #F6FBFD 0%, #FBFEFF 100%);
}

.case-module-map {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-module-item {
    min-height: 216px;
    padding: 24px;
}

.case-module-item h3,
.case-risk-card h3,
.case-related-card h3 {
    margin-top: 16px;
}

.case-risk-section {
    background:
        radial-gradient(circle at 86% 10%, oklch(0.88 0.07 220 / 0.36), transparent 30%),
        #F6FBFD;
}

.case-risk-board {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-risk-card {
    min-height: 210px;
    padding: 24px;
}

.case-related-section {
    background: #FBFEFF;
}

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

.case-related-card {
    padding: 24px;
}

.case-related-card h3 a {
    color: inherit;
}

.case-hero .seo-hero p {
    max-width: 760px;
}

.case-index-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin-top: 34px;
}

.case-index-card {
    overflow: hidden;
    border: 1px solid rgba(11, 158, 217, 0.15);
    border-radius: 14px;
    background: #FBFEFF;
    box-shadow: 0 18px 50px rgba(7, 52, 74, 0.08);
}

.case-cover-link,
.case-cover {
    display: block;
}

.case-cover {
    margin: 0;
    background: #EAF8FD;
}

.case-cover svg {
    display: block;
    width: 100%;
    height: auto;
}

.case-cover-arc,
.case-cover-line {
    fill: none;
    stroke: rgba(251, 254, 255, 0.54);
    stroke-width: 16;
    stroke-linecap: round;
}

.case-cover-arc.subtle {
    stroke-width: 10;
    opacity: 0.46;
}

.case-cover-line {
    stroke-width: 2;
    stroke-dasharray: 6 7;
}

.case-cover-panel,
.case-cover-flow rect {
    fill: rgba(251, 254, 255, 0.92);
    stroke: rgba(251, 254, 255, 0.74);
}

.case-cover-title {
    fill: #052633;
    font-size: 24px;
    font-weight: 780;
}

.case-cover-sub,
.case-cover-flow text {
    fill: rgba(5, 38, 51, 0.72);
    font-size: 14px;
    font-weight: 720;
}

.case-cover-flow text {
    text-anchor: middle;
}

.case-cover figcaption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 22px;
    background: linear-gradient(180deg, #FBFEFF 0%, #F2FAFD 100%);
}

.case-cover figcaption span {
    color: var(--seo-blue-dark);
    font-size: 13px;
    font-weight: 720;
}

.case-cover figcaption strong {
    color: var(--seo-ink);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 760;
    text-align: right;
}

.case-index-card-body {
    display: grid;
    gap: 16px;
    padding: 24px;
}

.case-index-segment {
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.08);
    color: var(--seo-blue-dark);
    font-size: 13px;
    font-weight: 720;
}

.case-index-card h3 {
    margin: 0;
    color: var(--seo-ink);
    font-size: 24px;
    line-height: 1.34;
    font-weight: 780;
}

.case-index-card h3 a {
    color: inherit;
}

.case-index-card p {
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.76;
}

.case-index-points,
.case-metric-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.case-index-points span,
.case-metric-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 11px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 999px;
    background: #EAF8FD;
    color: var(--seo-ink);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 660;
}

.case-visual-card {
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 16px;
    background: rgba(251, 254, 255, 0.78);
    box-shadow: 0 22px 54px rgba(7, 52, 74, 0.10);
}

.case-visual-card svg {
    display: block;
    width: 100%;
    height: auto;
}

.case-visual-card figcaption {
    margin-top: 10px;
    color: var(--seo-ink-muted);
    font-size: 14px;
    text-align: center;
}

.case-visual-path {
    fill: none;
    stroke: rgba(11, 158, 217, 0.42);
    stroke-width: 2.5;
    stroke-dasharray: 7 8;
    stroke-linecap: round;
}

.case-visual-node rect {
    fill: rgba(251, 254, 255, 0.94);
    stroke: rgba(11, 158, 217, 0.22);
}

.case-visual-node.before rect {
    fill: rgba(251, 254, 255, 0.78);
}

.case-visual-node text,
.case-visual-core text,
.case-visual-label {
    fill: var(--seo-ink);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 720;
    text-anchor: middle;
}

.case-visual-core text {
    fill: #FBFEFF;
    font-size: 20px;
    font-weight: 800;
}

.case-visual-core .sub {
    font-size: 14px;
    font-weight: 700;
    opacity: .86;
}

.case-visual-label {
    fill: var(--seo-blue-dark);
    font-size: 15px;
    font-weight: 780;
}

.case-change-section {
    background: #FBFEFF;
}

.case-change-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.case-change-card {
    min-height: 210px;
    padding: 30px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, #FBFEFF 0%, #F4FBFF 100%);
    box-shadow: 0 18px 50px rgba(7, 52, 74, 0.08);
}

.case-change-card span {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(11, 158, 217, 0.10);
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 760;
}

.case-change-card.before span {
    background: rgba(5, 38, 51, 0.08);
    color: rgba(5, 38, 51, 0.78);
}

.case-change-card p {
    margin: 18px 0 0;
    color: var(--seo-ink);
    font-size: 18px;
    line-height: 1.78;
    font-weight: 680;
}

.case-pain-grid,
.case-function-grid,
.case-data-grid {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.case-pain-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-function-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-data-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.case-pain-card,
.case-function-card,
.case-data-panel {
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 14px;
    background: #FBFEFF;
    box-shadow: 0 14px 34px rgba(7, 52, 74, 0.06);
}

.case-pain-card {
    min-height: 178px;
    padding: 22px;
}

.case-function-card {
    min-height: 238px;
    padding: 24px;
    background: linear-gradient(180deg, #FBFEFF 0%, #F2FAFD 100%);
}

.case-pain-card span,
.case-function-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 780;
}

.case-pain-card p,
.case-function-card p,
.case-data-panel li {
    margin: 16px 0 0;
    color: var(--seo-ink-soft);
    font-size: 15px;
    line-height: 1.76;
}

.case-function-card h3,
.case-data-panel h3 {
    margin: 16px 0 0;
    color: var(--seo-ink);
    font-size: 21px;
    line-height: 1.36;
    font-weight: 760;
}

.case-rollout-section {
    background:
        radial-gradient(circle at 88% 18%, rgba(135, 233, 255, 0.18), transparent 28%),
        #F6FBFD;
}

.case-rollout {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 30px;
}

.case-rollout-step {
    position: relative;
    min-height: 162px;
    padding: 24px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 14px;
    background: #FBFEFF;
    box-shadow: 0 12px 32px rgba(7, 52, 74, 0.06);
}

.case-rollout-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--seo-blue);
    color: #FBFEFF;
    font-size: 13px;
    font-weight: 780;
}

.case-rollout-step strong {
    display: block;
    margin-top: 18px;
    color: var(--seo-ink);
    font-size: 17px;
    line-height: 1.58;
    font-weight: 730;
}

.case-data-panel {
    padding: 28px;
}

.case-data-panel ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.case-data-panel li {
    position: relative;
    margin: 0;
    padding-left: 22px;
}

.case-data-panel li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--seo-blue);
    box-shadow: 0 0 0 5px rgba(11, 158, 217, 0.10);
}

.seo-faq {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.seo-faq details {
    border: 1px solid var(--seo-line);
    border-radius: 8px;
    background: var(--seo-card);
}

.seo-faq summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--seo-ink);
    font-size: 17px;
    font-weight: 700;
}

.seo-faq details p {
    padding: 0 22px 20px;
    font-size: 15px;
}

.seo-related {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.seo-related a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(11, 158, 217, 0.18);
    border-radius: 999px;
    background: #FBFEFF;
    color: var(--seo-blue-dark);
    font-size: 14px;
    font-weight: 650;
}

.seo-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    margin: 28px auto 72px;
    padding: 30px 34px;
    border: 1px solid rgba(11, 158, 217, 0.16);
    border-radius: 8px;
    background:
        radial-gradient(circle at 90% 20%, rgba(135, 233, 255, 0.22), transparent 32%),
        linear-gradient(135deg, #FBFEFF 0%, #EEF9FD 100%);
    color: var(--seo-ink);
    box-shadow: 0 14px 36px rgba(7, 52, 74, 0.07);
}

.seo-cta h2 {
    margin: 0 0 10px;
    color: var(--seo-ink);
    font-size: clamp(24px, 2.3vw, 31px);
    line-height: 1.28;
}

.seo-cta p {
    max-width: 760px;
    margin: 0;
    color: var(--seo-ink-soft);
    font-size: 16px;
    line-height: 1.72;
}

.seo-cta .seo-cta-actions {
    justify-content: flex-end;
    margin-top: 0;
}

.diagnosis-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 28px;
}

.diagnosis-form label {
    display: grid;
    gap: 8px;
    color: var(--seo-ink);
    font-size: 14px;
    font-weight: 650;
}

.diagnosis-form input,
.diagnosis-form select,
.diagnosis-form textarea {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--seo-line);
    border-radius: 6px;
    background: #FBFEFF;
    color: var(--seo-ink);
    font-size: 15px;
    font-family: inherit;
}

.diagnosis-form textarea,
.diagnosis-form .full {
    grid-column: 1 / -1;
}

@media (max-width: 1180px) {
    .industry-guide-grid,
    .industry-hub-grid,
    .industry-function-grid,
    .case-pain-grid,
    .case-function-grid,
    .case-rollout,
    .case-profile-grid,
    .case-role-grid,
    .case-module-map,
    .case-risk-board,
    .case-related-grid,
    .whitepaper-toc,
    .whitepaper-role-grid,
    .whitepaper-pitfall-grid,
    .whitepaper-assets,
    .whitepaper-method-grid,
    .whitepaper-evidence-grid,
    .whitepaper-metric-grid,
    .whitepaper-source-grid,
    .whitepaper-standard-grid,
    .whitepaper-exhibit-grid,
    .whitepaper-ai-grid,
    .whitepaper-ai-case-list,
    .whitepaper-maturity {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .industry-modern-section-reverse .industry-modern-copy,
    .industry-modern-section-reverse .industry-story-visual {
        order: initial;
    }
}

@media (max-width: 900px) {
    .seo-hero-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .industry-visual-card {
        width: min(100%, 560px);
    }

    .industry-process-visual {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .industry-process-visual::before {
        display: none;
    }

    .seo-grid,
    .seo-grid.two,
    .seo-case-grid,
    .seo-ba-grid,
    .seo-case-changes ol,
    .seo-flow-steps,
    .seo-ops-grid,
    .industry-scenario-grid,
    .industry-role-board,
    .industry-fit-grid,
    .industry-function-grid,
    .case-index-grid,
    .case-change-grid,
    .case-data-grid,
    .seo-flow,
    .seo-fit-map,
    .diagnosis-form,
    .tool-assessment,
    .tool-check-grid,
    .template-copy-grid,
    .whitepaper-brief,
    .whitepaper-toc,
    .whitepaper-role-grid,
    .whitepaper-pitfall-grid,
    .whitepaper-assets,
    .whitepaper-method-grid,
    .whitepaper-evidence-grid,
    .whitepaper-metric-grid,
    .whitepaper-source-grid,
    .whitepaper-standard-grid,
    .whitepaper-exhibit-grid,
    .whitepaper-chart-grid,
    .whitepaper-maturity {
        grid-template-columns: 1fr;
    }

    .whitepaper-plate-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .whitepaper-plate-flow li + li::before {
        display: none;
    }

    .seo-hero {
        padding: 104px 0 56px;
    }

    .seo-cta {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .seo-cta .seo-cta-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .seo-wrap {
        width: min(100% - 32px, 520px);
    }

    .seo-hero h1 {
        font-size: 32px;
    }

    .seo-hero p,
    .seo-section p {
        font-size: 16px;
    }

    .seo-section {
        padding: 52px 0;
    }

    .seo-card,
    .seo-case-example,
    .seo-case-card,
    .seo-ba-card,
    .seo-flow-diagram,
    .seo-operations,
    .seo-cta,
    .seo-ba-metrics,
    .seo-proof-note,
    .whitepaper-brief-copy,
    .whitepaper-takeaways,
    .whitepaper-toc-card,
    .whitepaper-chapter-card,
    .whitepaper-role-card,
    .whitepaper-roadmap-step,
    .whitepaper-pitfall-card,
    .whitepaper-asset-card,
    .whitepaper-method-card,
    .whitepaper-standard-item,
    .whitepaper-data-card,
    .whitepaper-exhibit,
    .whitepaper-plate,
    .whitepaper-question-panel,
    .whitepaper-evidence-grid article,
    .whitepaper-finding-card,
    .whitepaper-maturity-level,
    .whitepaper-metric-card,
    .whitepaper-source-card,
    .whitepaper-chart-card,
    .whitepaper-pdf-panel {
        padding: 22px;
    }

    .seo-case-header {
        display: block;
    }

    .seo-case-header h3 {
        margin-top: 10px;
        font-size: 21px;
    }

    .seo-table {
        min-width: 620px;
    }

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

    .whitepaper-brief-copy p {
        font-size: 16px;
    }

    .whitepaper-pdf-panel,
    .whitepaper-finding-card {
        grid-template-columns: 1fr;
    }

    .whitepaper-pdf-actions {
        justify-content: flex-start;
    }

    .whitepaper-data-head,
    .whitepaper-exhibit figcaption {
        padding: 18px;
    }

    .whitepaper-exhibit-media {
        padding: 10px;
    }

    .whitepaper-plate-flow {
        grid-template-columns: 1fr;
    }

    .seo-metrics-grid,
    .seo-proof-facts {
        grid-template-columns: 1fr;
    }

    .seo-proof-fact {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .seo-metric-value {
        font-size: 21px;
    }

    .industry-guide-grid,
    .industry-hub-grid {
        grid-template-columns: 1fr;
    }

    .industry-modern-sections {
        width: min(100% - 32px, 520px);
        margin: 52px auto;
        gap: 20px;
    }

    .industry-modern-section {
        padding: 20px;
    }

    .industry-modern-copy h2 {
        font-size: 26px;
    }

    .industry-modern-lead {
        font-size: 16px;
    }

    .industry-story-visual {
        padding: 8px;
    }

    .industry-function-card {
        min-height: 0;
        padding: 20px;
    }

    .industry-guide-card,
    .industry-hub-card-body {
        padding: 20px;
    }

    .industry-hub-card {
        min-height: 0;
    }

    .industry-hub-cover figcaption {
        align-items: flex-start;
        flex-direction: column;
    }

    .industry-hub-cover figcaption strong {
        text-align: left;
    }

    .industry-hub-actions {
        flex-wrap: wrap;
    }

    .seo-page .page-foot-box .page-foot-main-box .foot-menu-box .txt,
    .seo-page .page-foot-box .page-foot-main-box .foot-menu-box .txt i {
        display: block;
        width: auto;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .industry-visual-card {
        padding: 10px;
    }

    .industry-process-visual {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .industry-process-step {
        min-height: 88px;
        grid-template-columns: 42px 1fr;
        justify-items: start;
        text-align: left;
    }

    .case-pain-grid,
    .case-function-grid,
    .case-rollout,
    .case-profile-grid,
    .case-role-grid,
    .case-module-map,
    .case-risk-board,
    .case-related-grid,
    .case-data-panel ul {
        grid-template-columns: 1fr;
    }

    .case-visual-card {
        padding: 10px;
    }

    .case-cover figcaption {
        align-items: flex-start;
        flex-direction: column;
    }

    .case-cover figcaption strong {
        text-align: left;
    }

    .case-index-card-body,
    .case-change-card,
    .case-function-card,
    .case-data-panel,
    .case-rollout-step,
    .case-profile-card,
    .case-role-card,
    .case-module-item,
    .case-risk-card,
    .case-related-card,
    .case-journey-step {
        padding: 22px;
    }

    .case-journey-step {
        grid-template-columns: 1fr;
    }

    .whitepaper-roadmap-step {
        grid-template-columns: 1fr;
    }

    .case-journey-step dl {
        grid-template-columns: 1fr;
    }

    .case-change-card {
        min-height: 0;
    }

.case-change-card p {
    font-size: 16px;
}
}

.headline-library-page .seo-hero {
    background:
        radial-gradient(circle at 78% 18%, rgba(14, 165, 233, 0.14), transparent 34%),
        linear-gradient(135deg, oklch(99% 0.006 220), oklch(95% 0.025 220));
}

.headline-library-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
}

.headline-library-intro h2 {
    margin-bottom: 8px;
}

.headline-library-intro p {
    max-width: 62ch;
}

.headline-library-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    flex-shrink: 0;
    padding: 0 16px;
    border: 1px solid oklch(87% 0.045 220);
    border-radius: 999px;
    background: oklch(99% 0.006 220);
    color: oklch(39% 0.11 225);
    font-weight: 700;
    text-decoration: none;
}

.headline-library-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 34px;
}

.headline-library-nav a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid oklch(88% 0.042 220);
    border-radius: 999px;
    background: oklch(99% 0.004 220);
    color: oklch(31% 0.07 225);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.headline-library-nav a span {
    color: oklch(50% 0.09 225);
    font-size: 12px;
}

.headline-library-nav a:hover,
.headline-library-back:hover {
    transform: translateY(-1px);
    border-color: oklch(66% 0.16 225);
    color: oklch(35% 0.14 225);
    box-shadow: 0 10px 22px rgba(11, 158, 217, 0.10);
}

.headline-library-group {
    scroll-margin-top: 96px;
    margin-top: 34px;
}

.headline-library-group + .headline-library-group {
    padding-top: 30px;
    border-top: 1px solid oklch(91% 0.025 220);
}

.headline-library-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.headline-library-group-head h3 {
    margin: 0;
    color: oklch(24% 0.055 225);
    font-size: 24px;
    line-height: 1.35;
}

.headline-library-group-head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: oklch(96% 0.022 220);
    color: oklch(39% 0.10 225);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.headline-library-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.headline-library-card {
    display: flex;
    min-height: 154px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border: 1px solid oklch(90% 0.032 220);
    border-radius: 8px;
    background: oklch(99% 0.004 220);
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.headline-library-card:hover {
    transform: translateY(-2px);
    border-color: oklch(66% 0.16 225);
    box-shadow: 0 12px 26px rgba(5, 38, 51, 0.09);
}

.headline-library-card span {
    color: oklch(43% 0.095 225);
    font-size: 12px;
    font-weight: 700;
}

.headline-library-card strong {
    color: oklch(22% 0.055 225);
    font-size: 17px;
    line-height: 1.45;
}

.headline-library-card p {
    margin: 0;
    color: oklch(46% 0.04 225);
    font-size: 14px;
    line-height: 1.65;
}

@media (max-width: 768px) {
    .headline-library-intro,
    .headline-library-group-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .headline-library-back,
    .headline-library-nav a {
        width: 100%;
    }

    .headline-library-nav a {
        justify-content: space-between;
    }

    .headline-library-grid {
        grid-template-columns: 1fr;
    }

    .headline-library-card {
        min-height: 0;
    }
}