:root {
    --bg: #08070f;
    --bg-2: #111322;
    --surface: rgba(18, 18, 32, 0.82);
    --surface-strong: rgba(24, 23, 42, 0.94);
    --line: rgba(210, 197, 255, 0.15);
    --line-strong: rgba(157, 116, 255, 0.44);
    --text: #f3f8fb;
    --muted: #aaa7bf;
    --soft: #dedbf0;
    --cyan: #a879ff;
    --teal: #50e89a;
    --magenta: #d96cff;
    --amber: #f7c860;
    --danger: #ff7a7a;
    --green: var(--teal);
    --purple: var(--cyan);
    --mint: var(--teal);
    --heading-font: "Montserrat", system-ui, sans-serif;
    --body-font: "Inter", system-ui, sans-serif;
    --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --max: 1180px;
    --radius: 8px;
    --shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    --transition: 180ms ease;
    --primary-color: var(--cyan);
    --secondary-color: var(--teal);
    --text-color: var(--text);
    --card-bg: var(--surface);
}

.skip-link {
    position: fixed;
    z-index: 100000;
    top: .75rem;
    left: .75rem;
    transform: translateY(-180%);
    padding: .75rem 1rem;
    border: 2px solid #d9c86c;
    color: #111019;
    background: #f5f1ec;
    font: 700 .82rem/1 Inter, sans-serif;
}
.skip-link:focus { transform: translateY(0); }
main:focus { outline: none; }

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    background: var(--bg);
    color: var(--text);
    font-family: var(--body-font);
    scroll-behavior: smooth;
}

body {
    line-height: 1.6;
    background:
        linear-gradient(115deg, rgba(168, 121, 255, 0.09), transparent 34%),
        linear-gradient(245deg, rgba(80, 232, 154, 0.065), transparent 38%),
        linear-gradient(180deg, #08070f 0%, #111322 44%, #08070f 100%);
}

img,
svg {
    max-width: 100%;
}

[hidden] {
    display: none !important;
}

a {
    color: inherit;
    text-decoration: none;
}

main [id] {
    scroll-margin-top: 88px;
}

p {
    color: var(--muted);
    margin: 0;
}

h1,
h2,
h3,
h4 {
    color: var(--text);
    font-family: var(--heading-font);
    line-height: 1.05;
    letter-spacing: 0;
    margin: 0;
}

h1 {
    font-size: clamp(3.2rem, 9vw, 7.4rem);
}

h2 {
    font-size: clamp(2rem, 4.8vw, 4rem);
}

h3 {
    font-size: 1.18rem;
}

code {
    color: #dffcff;
    font-family: var(--mono);
    font-size: 0.92em;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid var(--line);
    background: rgba(8, 7, 15, 0.88);
    backdrop-filter: blur(16px);
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
    width: min(var(--max), calc(100% - 2rem));
    min-height: 74px;
    margin: 0 auto;
}

.logo {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 1.28rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.logo::before {
    content: "";
    width: 24px;
    height: 24px;
    border: 2px solid var(--cyan);
    border-right-color: var(--teal);
    transform: rotate(45deg);
    box-shadow: 0 0 18px rgba(168, 121, 255, 0.3);
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-links li {
    position: relative;
}

.nav-links a {
    display: block;
    padding: 0.7rem 0;
    color: var(--soft);
    font-size: 0.94rem;
    transition: color var(--transition);
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"] {
    color: var(--cyan);
    outline: none;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -0.9rem;
    min-width: 210px;
    padding: 0.5rem;
    list-style: none;
    background: rgba(8, 17, 26, 0.96);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.dropdown-menu a {
    padding: 0.55rem 0.65rem;
    border-radius: 6px;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus-visible {
    background: rgba(168, 121, 255, 0.1);
}

.nav-links li:hover > .dropdown-menu,
.nav-links li:focus-within > .dropdown-menu {
    display: block;
}

.nav-toggle {
    display: none;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.04);
    color: var(--cyan);
    cursor: pointer;
    font-size: 1.3rem;
}

.btn {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.78rem 1.05rem;
    border: 1px solid var(--cyan);
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--cyan), #8f5cff);
    color: #090713;
    font-weight: 700;
    transition: transform var(--transition), border-color var(--transition), background var(--transition), color var(--transition);
}

.btn:hover,
.btn:focus-visible {
    transform: translateY(-2px);
    background: linear-gradient(135deg, var(--teal), #85ffbd);
    border-color: var(--teal);
    outline: none;
}

.btn.secondary {
    background: transparent;
    color: var(--text);
    border-color: var(--line-strong);
}

.btn.secondary:hover,
.btn.secondary:focus-visible {
    background: rgba(168, 121, 255, 0.12);
    border-color: var(--cyan);
}

.btn.ghost {
    background: rgba(255, 255, 255, 0.035);
    color: var(--soft);
    border-color: var(--line);
}

.btn.ghost:hover,
.btn.ghost:focus-visible {
    background: rgba(80, 232, 154, 0.08);
    color: var(--text);
    border-color: rgba(80, 232, 154, 0.38);
}

.section,
.page-hero,
.home-hero,
.hero {
    width: 100%;
    padding: clamp(4rem, 8vw, 7rem) 1rem;
}

.hero {
    min-height: 58vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7rem;
    text-align: center;
    background:
        linear-gradient(90deg, rgba(5, 8, 13, 0.96), rgba(5, 8, 13, 0.72)),
        radial-gradient(circle at 70% 30%, rgba(168, 121, 255, 0.18), transparent 26rem);
}

.hero-content {
    width: min(900px, calc(100% - 2rem));
    margin: 0 auto;
}

.hero-content h1 {
    font-size: clamp(2.6rem, 6vw, 5rem);
}

.hero-content p {
    max-width: 700px;
    margin: 1rem auto 0;
    color: var(--soft);
    font-size: 1.08rem;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
    width: min(var(--max), 100%);
    margin: 0 auto;
}

.card {
    padding: 1.25rem;
}

.inner,
.section-head,
.hero-inner,
.footer-inner {
    width: min(var(--max), 100%);
    margin: 0 auto;
}

.home-hero {
    min-height: 86vh;
    display: flex;
    align-items: center;
    padding-top: 4.75rem;
    background:
        linear-gradient(90deg, rgba(5, 8, 13, 0.98) 0%, rgba(5, 8, 13, 0.84) 42%, rgba(5, 8, 13, 0.34) 78%),
        url("assets/elkwai-business-hero-system.png") right center / min(76rem, 78vw) auto no-repeat;
}

.hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: center;
}

.home-hero-copy {
    max-width: 620px;
}

.home-hero-copy h1 {
    max-width: 620px;
    font-size: clamp(3.4rem, 6.6vw, 5.8rem);
}

.home-hero-copy p,
.page-hero p {
    max-width: 680px;
    margin-top: 1.35rem;
    color: var(--soft);
    font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    line-height: 1.65;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 2rem;
}

.hero-art-card {
    min-height: 440px;
    border: 1px solid rgba(168, 121, 255, 0.2);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(5, 8, 13, 0.08), rgba(5, 8, 13, 0.26)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
    box-shadow: var(--shadow);
    backdrop-filter: none;
}

.capability-strip,
.work-grid,
.focus-grid,
.portfolio-grid,
.detail-grid,
.examples-grid,
.proof-grid,
.contact-grid,
.footer-grid {
    display: grid;
    gap: 1rem;
}

.capability-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: min(var(--max), calc(100% - 2rem));
    margin: -5.5rem auto 0;
    position: relative;
    z-index: 2;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(168, 121, 255, 0.06), rgba(80, 232, 154, 0.025)),
        rgba(10, 10, 19, 0.9);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.capability-strip a {
    min-height: 148px;
    padding: 1.15rem;
    border-right: 1px solid var(--line);
    transition: background var(--transition), transform var(--transition);
}

.capability-strip a:last-child {
    border-right: 0;
}

.capability-strip a:hover,
.capability-strip a:focus-visible {
    background: rgba(168, 121, 255, 0.1);
    outline: none;
}

.capability-strip strong {
    display: block;
    margin-bottom: 0.65rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.capability-strip span {
    display: block;
    color: var(--muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.section-head {
    margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.section-head.center {
    max-width: 820px;
    text-align: center;
}

.section-head p {
    max-width: 760px;
    margin-top: 1rem;
    font-size: 1.05rem;
}

.section-head.center p {
    margin-left: auto;
    margin-right: auto;
}

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

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

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

.detail-grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
    align-items: start;
}

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

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

.card,
.work-card,
.focus-card,
.detail-panel,
.example-card,
.proof-card,
.contact-card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        var(--surface);
}

.work-card,
.focus-card,
.example-card,
.proof-card,
.contact-card,
.detail-panel,
.local-node-card {
    transition: transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

a.work-card:hover,
a.work-card:focus-visible,
.example-card:hover,
.focus-card:hover {
    transform: translateY(-3px);
    border-color: rgba(168, 121, 255, 0.36);
    box-shadow: 0 24px 72px rgba(4, 3, 10, 0.36), 0 0 0 1px rgba(80, 232, 154, 0.08);
    outline: none;
}

.work-card,
.focus-card,
.example-card,
.proof-card,
.contact-card {
    padding: 1.25rem;
}

.proof-section {
    padding-top: 2.5rem;
}

.proof-card {
    min-height: 100%;
    background:
        linear-gradient(180deg, rgba(151, 80, 255, 0.12), rgba(39, 224, 143, 0.045)),
        rgba(9, 16, 24, 0.82);
}

.proof-card small {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--mint);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.proof-card strong {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 1.05rem;
}

.proof-card strong:last-child {
    margin-bottom: 0;
}

.proof-card span {
    color: var(--muted);
    font-size: 0.95rem;
}

.work-card {
    min-height: 285px;
    display: flex;
    flex-direction: column;
}

.work-card h3,
.focus-card h3,
.example-card h3,
.detail-panel h3,
.contact-card h3 {
    margin-bottom: 0.75rem;
}

.work-card p,
.focus-card p,
.example-card p,
.detail-panel p,
.contact-card p,
.card p {
    line-height: 1.65;
}

.work-card small,
.tech-list,
.label {
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.78rem;
    letter-spacing: 0.04rem;
}

.work-card small {
    display: block;
    margin-bottom: 0.85rem;
    text-transform: uppercase;
}

.work-card .link,
.example-card .link {
    margin-top: auto;
}

.link {
    display: inline-flex;
    margin-top: 1rem;
    color: var(--cyan);
    font-weight: 700;
}

.link:hover,
.link:focus-visible {
    color: var(--teal);
    outline: none;
}

.visual-panel {
    min-height: 360px;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(5, 8, 13, 0.18), rgba(5, 8, 13, 0.78)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
    box-shadow: var(--shadow);
}

.mini-window {
    max-width: 420px;
    margin-left: auto;
    padding: 1rem;
    border: 1px solid rgba(168, 121, 255, 0.26);
    border-radius: var(--radius);
    background: rgba(5, 8, 13, 0.76);
}

.mini-window + .mini-window {
    margin-top: 1rem;
}

.mini-window .label {
    display: block;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

.signal-line {
    height: 64px;
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(168, 121, 255, 0.72) 8% 9%, transparent 9% 16%, rgba(80, 232, 154, 0.78) 16% 17%, transparent 17% 26%, rgba(215, 122, 255, 0.76) 26% 27%, transparent 27% 38%, rgba(168, 121, 255, 0.72) 38% 39%, transparent 39% 100%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 20px);
}

.pipeline-map {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.6rem;
}

.pipeline-map span {
    display: block;
    min-height: 44px;
    padding: 0.65rem;
    border: 1px solid rgba(168, 121, 255, 0.26);
    border-radius: 6px;
    color: var(--soft);
    font-size: 0.82rem;
    text-align: center;
}

.page-hero {
    min-height: 66vh;
    display: flex;
    align-items: center;
    padding-top: 7rem;
    background:
        linear-gradient(90deg, rgba(5, 8, 13, 0.98), rgba(5, 8, 13, 0.72)),
        radial-gradient(circle at 78% 24%, rgba(168, 121, 255, 0.18), transparent 26rem),
        radial-gradient(circle at 88% 64%, rgba(80, 232, 154, 0.12), transparent 24rem);
}

.page-hero .hero-inner {
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.7fr);
}

.page-kicker {
    display: block;
    margin-bottom: 1rem;
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
}

.page-hero h1 {
    font-size: clamp(3rem, 7vw, 6.2rem);
}

.page-summary {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(12, 20, 30, 0.72);
}

.page-summary div {
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.035);
}

.page-summary strong {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.page-summary span {
    color: var(--muted);
    font-size: 0.92rem;
}

.stack-list,
.plain-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.stack-list li,
.plain-list li {
    padding: 1rem 0;
    border-bottom: 1px solid var(--line);
}

.stack-list li:first-child,
.plain-list li:first-child {
    padding-top: 0;
}

.stack-list strong,
.plain-list strong {
    display: block;
    color: var(--text);
    font-family: var(--heading-font);
    margin-bottom: 0.35rem;
}

.tech-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem;
}

.tech-list span {
    padding: 0.28rem 0.45rem;
    border: 1px solid rgba(168, 121, 255, 0.25);
    border-radius: 6px;
    color: var(--cyan);
}

.band {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.025);
}

.lazygame-release-section {
    padding-top: 2.5rem;
}

.lazygame-release {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.58fr);
    gap: clamp(2rem, 6vw, 4.5rem);
    align-items: center;
}

.lazygame-release-copy h2 {
    max-width: 760px;
}

.lazygame-release-copy p {
    max-width: 740px;
    margin-top: 1.2rem;
    color: var(--soft);
    font-size: clamp(1.05rem, 1.6vw, 1.18rem);
}

.lazygame-release-media {
    width: min(360px, 100%);
    margin: 0 auto;
    padding: 0.8rem;
    border: 1px solid rgba(168, 121, 255, 0.28);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        rgba(7, 10, 16, 0.94);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(80, 232, 154, 0.08);
}

.lazygame-release-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
    background: #05070b;
}

.lazygame-release-media figcaption {
    margin-top: 0.75rem;
    color: var(--muted);
    font-family: var(--mono);
    font-size: 0.72rem;
    letter-spacing: 0.04rem;
    text-align: center;
    text-transform: uppercase;
}

.game-catalog-section {
    padding-top: 3rem;
}

.game-catalog-meter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(7, 13, 21, 0.7);
}

.game-catalog-meter span {
    color: var(--muted);
    font-family: var(--mono);
    font-size: 0.78rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.game-catalog-meter strong {
    color: var(--teal);
    font-family: var(--heading-font);
    font-size: 1rem;
}

.game-module-grid,
.game-preview-grid {
    display: grid;
    gap: 1rem;
}

.game-module-card {
    display: grid;
    grid-template-columns: minmax(190px, 0.36fr) minmax(0, 1fr);
    gap: clamp(1rem, 3vw, 1.6rem);
    align-items: stretch;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(168, 121, 255, 0.105), rgba(80, 232, 154, 0.035)),
        rgba(10, 15, 24, 0.88);
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
}

.game-module-art {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    min-width: 0;
}

.game-module-icon {
    display: block;
    width: 82px;
    height: 82px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    object-fit: cover;
    background: #05070b;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(80, 232, 154, 0.08);
}

.game-module-media {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(168, 121, 255, 0.22);
    border-radius: var(--radius);
    background: #05070b;
}

.game-module-media img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: contain;
    object-position: top;
}

.game-module-media video {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: contain;
    background: #05070b;
}

.game-module-content {
    min-width: 0;
}

.game-module-meta,
.game-module-tags,
.game-module-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.game-module-meta {
    margin-bottom: 0.7rem;
}

.game-module-meta span,
.game-module-tags span {
    border: 1px solid rgba(168, 121, 255, 0.25);
    border-radius: 6px;
    font-family: var(--mono);
    letter-spacing: 0.04rem;
}

.game-module-meta span {
    padding: 0.22rem 0.45rem;
    color: var(--teal);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.game-module-card h3 {
    margin-bottom: 0.45rem;
    font-size: clamp(1.4rem, 2.6vw, 2.2rem);
}

.game-module-subtitle {
    color: var(--soft);
    font-weight: 700;
}

.game-module-description {
    max-width: 820px;
    margin-top: 0.7rem;
    color: var(--muted);
}

.game-module-tags {
    margin-top: 1rem;
}

.game-module-tags span {
    padding: 0.28rem 0.48rem;
    color: var(--cyan);
    font-size: 0.75rem;
}

.game-module-actions {
    margin-top: 1.15rem;
}

.app-store-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 0;
    margin-top: 1rem;
    padding: 0.85rem 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.app-store-facts > span {
    display: grid;
    gap: 0.08rem;
    min-width: 7.5rem;
    padding: 0 0.9rem;
    border-right: 1px solid var(--line);
}

.app-store-facts > span:first-child {
    padding-left: 0;
}

.app-store-facts > span:last-child {
    border-right: 0;
}

.app-store-facts strong {
    color: var(--text);
    font-size: 0.92rem;
}

.app-store-facts small {
    color: var(--muted);
    font-size: 0.72rem;
}

.app-store-details {
    margin-top: 0.9rem;
}

.app-store-details summary {
    width: fit-content;
    color: var(--teal);
    cursor: pointer;
    font-weight: 800;
}

.app-store-details summary:hover,
.app-store-details summary:focus-visible {
    color: var(--text);
}

.app-store-details-body {
    display: grid;
    gap: 1.1rem;
    max-width: 820px;
    margin-top: 0.85rem;
    padding-left: 1rem;
    border-left: 2px solid var(--teal);
}

.app-store-details-body h4 {
    margin-bottom: 0.35rem;
    color: var(--text);
    font-size: 0.94rem;
}

.app-store-details-body p {
    color: var(--muted);
    white-space: pre-line;
}

.software-module-card {
    grid-template-columns: minmax(260px, 0.44fr) minmax(0, 1fr);
}

.software-module-art {
    grid-template-columns: 86px minmax(0, 1fr);
}

.software-module-media :is(img, video) {
    height: 220px;
}

.software-release-block {
    display: grid;
    align-content: center;
    min-height: 120px;
    padding: 1rem;
    border: 1px solid rgba(80, 232, 154, 0.2);
    border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(168, 121, 255, 0.12), rgba(80, 232, 154, 0.08));
}

.software-release-block strong {
    color: var(--teal);
    font-family: var(--heading-font);
}

.software-release-block span {
    color: var(--soft);
    font-size: 0.9rem;
}

.game-module-status,
.game-preview-card {
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(8, 13, 22, 0.78);
    color: var(--soft);
}

.game-module-status.error {
    border-color: rgba(255, 122, 122, 0.4);
    color: #ffd5d5;
}

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

.game-preview-card {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 190px;
}

.game-preview-card p {
    color: var(--soft);
}

.game-preview-card .btn {
    width: fit-content;
    margin-top: auto;
}

.kwideo-hero,
.kwideo-policy-hero {
    background:
        linear-gradient(135deg, rgba(168, 121, 255, 0.18), transparent 34%),
        linear-gradient(245deg, rgba(80, 232, 154, 0.14), transparent 42%),
        var(--bg);
}

.kwideo-product-summary strong {
    color: var(--teal);
}

.kwideo-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: clamp(1.2rem, 4vw, 3rem);
    align-items: center;
}

.kwideo-video-panel,
.kwideo-media-grid figure,
.kwideo-feature-card,
.policy-article {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(12, 12, 22, 0.78);
    box-shadow: var(--shadow);
}

.kwideo-video-panel {
    padding: clamp(0.55rem, 1.5vw, 0.9rem);
}

.kwideo-video-panel video {
    display: block;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: #02030a;
}

.kwideo-showcase-copy {
    min-width: 0;
}

.kwideo-showcase-copy h2 {
    font-size: clamp(2rem, 4.4vw, 3.8rem);
}

.kwideo-showcase-copy p {
    margin-top: 1rem;
}

.kwideo-feature-grid,
.kwideo-media-grid,
.kwideo-doc-grid {
    display: grid;
    gap: 1rem;
}

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

.kwideo-feature-card {
    padding: clamp(1rem, 2vw, 1.35rem);
}

.kwideo-feature-card small,
.policy-article .effective {
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.kwideo-feature-card h3 {
    margin-top: 0.55rem;
}

.kwideo-feature-card p {
    margin-top: 0.75rem;
}

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

.kwideo-media-grid figure {
    margin: 0;
    overflow: hidden;
}

.kwideo-media-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    background: #05070b;
}

.kwideo-media-grid figcaption {
    padding: 0.75rem 0.9rem 0.9rem;
    color: var(--soft);
    font-family: var(--mono);
    font-size: 0.78rem;
    text-transform: uppercase;
}

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

.policy-article {
    max-width: 920px;
    padding: clamp(1.4rem, 4vw, 3rem);
}

.policy-article h2 {
    margin-top: 2.2rem;
    font-size: clamp(1.45rem, 3vw, 2.1rem);
}

.policy-article p {
    margin-top: 0.9rem;
}

.policy-article a {
    color: var(--teal);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.game-preview-page {
    min-height: 100vh;
    padding-top: 8rem;
}

.preview-player-topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.preview-player-heading {
    min-width: 0;
}

.preview-player-heading h1 {
    font-size: clamp(2rem, 5.5vw, 4.2rem);
}

.preview-player-heading p {
    margin-top: 0.35rem;
    color: var(--soft);
}

.preview-player-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.preview-player-actions button {
    font: inherit;
}

.preview-stage-shell {
    margin-top: 1.4rem;
    padding: 0.75rem;
    border: 1px solid rgba(168, 121, 255, 0.28);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
        rgba(3, 5, 9, 0.94);
    box-shadow: var(--shadow);
}

.preview-stage {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    min-height: min(68vh, 720px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: #01030a;
    outline: none;
    aspect-ratio: 16 / 9;
}

.preview-stage:focus-visible {
    box-shadow: 0 0 0 3px rgba(80, 232, 154, 0.32);
}

.preview-stage iframe {
    width: 100%;
    height: 100%;
    border: 0;
    background: #01030a;
}

.preview-stage-message {
    padding: 1rem;
    color: var(--soft);
    text-align: center;
}

.preview-complete-callout {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.8rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(80, 232, 154, 0.32);
    border-radius: var(--radius);
    background: rgba(5, 13, 14, 0.9);
}

.preview-complete-callout strong {
    color: var(--teal);
    font-family: var(--heading-font);
}

.preview-complete-callout span {
    color: var(--soft);
}

.preview-control-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(9, 14, 22, 0.72);
}

.preview-control-panel h2 {
    margin-bottom: 0.7rem;
    font-size: 1.1rem;
}

.preview-keyboard-list,
.preview-touch-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.preview-keyboard-list span,
.preview-touch-button {
    padding: 0.5rem 0.65rem;
    border: 1px solid rgba(168, 121, 255, 0.26);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--soft);
    font-family: var(--mono);
    font-size: 0.78rem;
}

.preview-touch-button {
    min-width: 54px;
    min-height: 46px;
    cursor: pointer;
}

.preview-touch-button:active,
.preview-touch-button:focus-visible {
    background: rgba(80, 232, 154, 0.12);
    border-color: rgba(80, 232, 154, 0.46);
    outline: none;
}

.contact-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(340px, 0.8fr);
    align-items: start;
}

form {
    display: grid;
    gap: 0.8rem;
}

label {
    color: var(--soft);
    font-weight: 700;
}

.optional-label {
    color: var(--muted);
    font-size: 0.78em;
    font-weight: 500;
}

input,
textarea,
select {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
    color: var(--text);
    font: inherit;
    padding: 0.85rem;
}

textarea {
    resize: vertical;
}

.form-helper {
    margin-top: -0.35rem;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.support-hero h1 {
    max-width: 760px;
    font-size: clamp(3rem, 7vw, 5.6rem);
}

.support-summary a {
    color: var(--mint);
    font-weight: 700;
}

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

.support-product-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(168, 121, 255, 0.095), rgba(80, 232, 154, 0.035)),
        rgba(9, 14, 25, 0.86);
}

.support-product-card.published {
    border-color: rgba(80, 232, 154, 0.32);
}

.support-product-card.review {
    border-color: rgba(168, 121, 255, 0.26);
}

.support-product-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.support-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.25rem 0.62rem;
    border: 1px solid rgba(80, 232, 154, 0.36);
    border-radius: 999px;
    color: var(--mint);
    font-family: var(--mono);
    font-size: 0.72rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.support-product-card h3 {
    font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.support-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.15rem;
    color: var(--muted);
}

.support-list li {
    padding-left: 0.1rem;
}

.support-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: auto;
}

.support-card-actions .btn,
.support-form-card .btn {
    margin-top: 0;
}

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

.support-contact-grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(380px, 1fr);
}

.support-route-panel {
    margin-top: 1.4rem;
    padding: 1rem;
    border: 1px solid rgba(80, 232, 154, 0.22);
    border-radius: var(--radius);
    background: rgba(80, 232, 154, 0.055);
}

.support-route-panel strong {
    display: block;
    margin-bottom: 0.75rem;
    font-family: var(--heading-font);
}

.support-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.honeypot-field {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.contact-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--cyan);
    outline: none;
}

select {
    min-height: 44px;
    appearance: none;
    background:
        linear-gradient(45deg, transparent 50%, var(--cyan) 50%) calc(100% - 18px) 55% / 7px 7px no-repeat,
        linear-gradient(135deg, var(--cyan) 50%, transparent 50%) calc(100% - 13px) 55% / 7px 7px no-repeat,
        rgba(255, 255, 255, 0.045);
}

.btn.small {
    min-height: 38px;
    padding: 0.55rem 0.8rem;
    font-size: 0.86rem;
}

.node-status-row,
.console-head,
.form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
}

.node-status-row {
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.status-pill {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.6rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--soft);
    font-family: var(--mono);
    font-size: 0.78rem;
}

.status-pill::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--amber);
    box-shadow: 0 0 12px rgba(247, 200, 96, 0.5);
}

.status-pill.online {
    border-color: rgba(67, 240, 194, 0.42);
    color: var(--teal);
}

.status-pill.online::before {
    background: var(--teal);
    box-shadow: 0 0 14px rgba(67, 240, 194, 0.56);
}

.status-pill.offline {
    border-color: rgba(255, 122, 122, 0.38);
    color: var(--danger);
}

.status-pill.offline::before {
    background: var(--danger);
    box-shadow: 0 0 14px rgba(255, 122, 122, 0.45);
}

.node-target,
.muted-line {
    color: var(--muted);
    font-size: 0.9rem;
}

.capability-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}

.capability-pills span {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0.32rem 0.55rem;
    border: 1px solid rgba(168, 121, 255, 0.28);
    border-radius: 6px;
    background: rgba(168, 121, 255, 0.08);
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 0.78rem;
}

.node-use-grid {
    display: grid;
    gap: 0.7rem;
    margin-top: 1.2rem;
}

.node-use-grid div,
.local-node-card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(8, 17, 26, 0.76);
}

.node-use-grid div {
    padding: 1rem;
}

.node-use-grid strong {
    display: block;
    color: var(--text);
    font-family: var(--heading-font);
    margin-bottom: 0.35rem;
}

.node-use-grid span {
    color: var(--muted);
    font-size: 0.94rem;
}

.local-node-card {
    padding: 1rem;
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.console-head {
    align-items: flex-start;
    margin-bottom: 1rem;
}

.console-head p {
    margin-top: 0.4rem;
    font-size: 0.92rem;
}

.form-row {
    align-items: stretch;
}

.module-state {
    display: inline-flex;
    width: fit-content;
    min-height: 24px;
    align-items: center;
    margin-top: 0.1rem;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    font-family: var(--mono);
    font-size: 0.66rem;
    font-style: normal;
}

.module-state.live {
    border: 1px solid rgba(80, 232, 154, 0.28);
    background: rgba(80, 232, 154, 0.075);
    color: var(--teal);
}

.module-state.gated {
    border: 1px solid rgba(168, 121, 255, 0.22);
    background: rgba(168, 121, 255, 0.075);
    color: #cdbaff;
}

.form-row select {
    min-width: 0;
}

.ai-response-card {
    min-height: 136px;
    margin: 1rem 0 0;
    padding: 1rem;
    overflow: auto;
    border: 1px solid rgba(168, 121, 255, 0.22);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(168, 121, 255, 0.075), rgba(80, 232, 154, 0.035)),
        rgba(5, 10, 17, 0.86);
    color: var(--soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ai-response-card.empty {
    border-style: dashed;
    background: rgba(5, 10, 17, 0.66);
}

.ai-response-card.is-loading {
    border-color: rgba(80, 232, 154, 0.34);
}

.ai-response-card.is-error {
    border-color: rgba(255, 122, 122, 0.42);
    background:
        linear-gradient(180deg, rgba(255, 122, 122, 0.09), rgba(168, 121, 255, 0.025)),
        rgba(5, 10, 17, 0.86);
}

.ai-response-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.ai-response-heading strong {
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 0.96rem;
}

.ai-response-status {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    margin-bottom: 0.55rem;
    padding: 0.2rem 0.46rem;
    border: 1px solid rgba(80, 232, 154, 0.26);
    border-radius: 999px;
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
}

.ai-response-heading .ai-response-status {
    margin-bottom: 0;
}

.ai-response-body {
    display: grid;
    gap: 0.72rem;
}

.ai-response-body p,
.ai-response-card > p {
    color: var(--soft);
    font-size: 0.94rem;
    line-height: 1.62;
}

.ai-response-body h4,
.ai-reference-section h4 {
    margin: 0.25rem 0 0;
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 0.98rem;
}

.ai-response-list,
.ai-reference-list {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--soft);
}

.ai-response-list li + li,
.ai-reference-list li + li {
    margin-top: 0.35rem;
}

.ai-reference-section {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(210, 197, 255, 0.14);
}

.ai-reference-list {
    display: grid;
    gap: 0.4rem;
    padding-left: 0;
    list-style: none;
}

.ai-reference-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.035);
}

.ai-reference-list span {
    color: var(--soft);
    font-size: 0.86rem;
}

.ai-reference-list em {
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.72rem;
    font-style: normal;
}

.ai-code-block {
    margin: 0;
    padding: 0.85rem;
    overflow: auto;
    border: 1px solid rgba(168, 121, 255, 0.22);
    border-radius: 6px;
    background: rgba(2, 8, 12, 0.9);
    color: var(--soft);
    font-family: var(--mono);
    font-size: 0.82rem;
    line-height: 1.5;
}

.ai-selected-module-card {
    position: relative;
    display: grid;
    gap: 0.55rem;
    min-height: 0;
    margin-bottom: 1rem;
    padding: clamp(1rem, 2.4vw, 1.2rem);
    border: 1px solid rgba(112, 255, 157, 0.2);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(168, 121, 255, 0.08), rgba(80, 232, 154, 0.045)),
        rgba(7, 14, 20, 0.86);
    overflow: hidden;
}

.turnstile-wrap {
    margin: var(--space-md) 0;
    min-height: 65px;
}

.ai-selected-module-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.ai-selected-module-card span {
    color: var(--green);
    font-family: var(--mono);
    font-size: 0.72rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.ai-selected-module-card h3 {
    margin: 0;
    font-size: clamp(1.35rem, 2.8vw, 2rem);
    line-height: 1.05;
}

.ai-selected-module-card p {
    max-width: 840px;
    color: var(--soft);
    font-size: clamp(0.98rem, 1.3vw, 1.08rem);
}

.ai-selected-module-card em {
    width: fit-content;
    padding: 0.32rem 0.55rem;
    border: 1px solid rgba(112, 255, 157, 0.3);
    border-radius: 999px;
    color: var(--green);
    font-family: var(--mono);
    font-size: 0.72rem;
    font-style: normal;
}

.ai-selected-module-card em.gated {
    border-color: rgba(168, 121, 255, 0.28);
    color: var(--purple);
}

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

.possibility-grid div {
    min-height: 142px;
    padding: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        rgba(9, 16, 24, 0.74);
}

.possibility-grid strong {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.possibility-grid span {
    color: var(--muted);
    font-size: 0.92rem;
}

footer {
    border-top: 1px solid var(--line);
    padding: 3rem 1rem 2rem;
    background: rgba(3, 7, 11, 0.78);
}

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

@media (min-width: 761px) {
    .footer-grid .footer-col:first-child {
        grid-column: span 2;
    }
}

.footer-col h4 {
    margin: 0 0 0.8rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col li + li {
    margin-top: 0.35rem;
}

.footer-col a,
.footer-col p {
    color: var(--muted);
}

.footer-col a:hover,
.footer-col a:focus-visible {
    color: var(--cyan);
    outline: none;
}

.footer-bottom {
    width: min(var(--max), 100%);
    margin: 2.3rem auto 0;
    padding-top: 1.2rem;
    border-top: 1px solid var(--line);
    color: #7f96a5;
    font-size: 0.9rem;
}

footer > .footer-col {
    width: min(var(--max), 100%);
    margin: 0 auto 1.2rem;
}

@media (min-width: 900px) {
    footer > .footer-col {
        display: inline-block;
        width: calc((100% - 5rem) / 3);
        max-width: 340px;
        margin-right: 1.5rem;
        vertical-align: top;
    }
}

#formStatus {
    margin-top: 0;
    font-weight: 700;
}

.form-status {
    min-height: 1.5rem;
    color: var(--soft);
}

.form-status.success {
    color: var(--teal);
}

.form-status.error {
    color: var(--danger);
}

.contact-card .btn {
    margin-top: 1.2rem;
}

.contact-form-actions .btn {
    margin-top: 0;
}

.privacy-content,
.legal-content {
    width: min(920px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 12rem 0 4rem;
}

.privacy-content h1,
.legal-content h1 {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    margin-bottom: 1rem;
}

.privacy-content h2,
.legal-content h2 {
    margin: 2.5rem 0 1rem;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.privacy-content h3,
.legal-content h3 {
    margin: 1.8rem 0 0.75rem;
}

.privacy-content p,
.privacy-content li,
.legal-content p,
.legal-content li {
    color: var(--soft);
}

.privacy-content a,
.legal-content a {
    color: var(--cyan);
}

.privacy-content table,
.legal-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

.privacy-content th,
.privacy-content td,
.legal-content th,
.legal-content td {
    border: 1px solid var(--line);
    padding: 0.75rem;
    text-align: left;
}

.privacy-content th,
.legal-content th {
    background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 980px) {
    .logo {
        font-size: 1.12rem;
    }

    .nav-links {
        gap: 0.75rem;
    }

    .nav-links a {
        font-size: 0.86rem;
    }

    .hero-inner,
.page-hero .hero-inner,
.detail-grid,
.lazygame-release,
.contact-grid,
.support-contact-grid,
.game-module-card,
.software-module-card,
.kwideo-showcase,
.preview-player-topbar {
        grid-template-columns: 1fr;
    }

    .hero-art-card {
        min-height: 260px;
        width: 100%;
        min-width: 0;
    }

    .home-hero-copy {
        width: min(100%, calc(100vw - 2rem));
        max-width: calc(100vw - 2rem);
        min-width: 0;
    }

    .home-hero-copy p,
.home-hero-copy .hero-actions {
        width: min(100%, calc(100vw - 2rem));
        max-width: calc(100vw - 2rem);
        overflow-wrap: anywhere;
    }

    .lazygame-release-media {
        width: min(340px, 100%);
    }

    .preview-player-actions {
        justify-content: flex-start;
    }

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

    .capability-strip a {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .work-grid,
.focus-grid,
.examples-grid,
.portfolio-grid,
.game-preview-grid,
.kwideo-feature-grid,
.kwideo-media-grid,
.kwideo-doc-grid,
.possibility-grid,
.support-product-grid,
.support-area-grid,
.proof-grid,
.footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .navbar {
        min-height: 68px;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 1rem;
        right: 1rem;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0.7rem;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #05080d;
        box-shadow: var(--shadow);
    }

    .nav-links.show {
        display: flex;
    }

    .nav-links a {
        padding: 0.7rem;
    }

    .dropdown-menu {
        position: static;
        display: block;
        min-width: 0;
        margin: 0.2rem 0 0.5rem 1rem;
        border: 0;
        box-shadow: none;
        background: transparent;
        padding: 0;
    }

    .home-hero {
        min-height: auto;
        background:
            linear-gradient(180deg, rgba(5, 8, 13, 0.86), rgba(5, 8, 13, 0.98)),
            url("assets/elkwai-business-hero-system.png") center top / 64rem auto no-repeat;
    }

    .home-hero-copy {
        width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem);
        min-width: 0;
        padding-top: 12rem;
    }

    .home-hero-copy h1 {
        max-width: 8ch;
        font-size: clamp(3.05rem, 15vw, 4.1rem);
        overflow-wrap: normal;
    }

    .home-hero-copy p {
        width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem);
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .home-hero-copy .hero-actions {
        width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem);
        align-items: stretch;
    }

    .home-hero-copy .hero-actions .btn {
        flex: 1 1 100%;
    }

    .hero-inner,
.inner,
.section-head,
.footer-inner {
        width: min(100%, calc(100vw - 2rem));
        max-width: calc(100vw - 2rem);
        min-width: 0;
    }

    .navbar,
.hero-inner,
.inner,
.section-head,
.footer-inner {
        width: min(100%, calc(100dvw - 2rem));
        max-width: calc(100dvw - 2rem);
    }

    .page-hero h1,
.lazygame-release-copy h2 {
        max-width: calc(100dvw - 2rem);
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .page-hero p,
.page-summary,
.page-summary div,
.lazygame-release-copy,
.lazygame-release-copy p {
        width: 100%;
        max-width: calc(100dvw - 2rem);
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .hero-art-card {
        width: 100%;
        min-width: 0;
    }

    .capability-strip,
.work-grid,
.focus-grid,
.examples-grid,
.portfolio-grid,
.game-preview-grid,
.kwideo-feature-grid,
.kwideo-media-grid,
.kwideo-doc-grid,
.preview-control-panel,
.possibility-grid,
.support-product-grid,
.support-area-grid,
.support-form-row,
.proof-grid,
.footer-grid {
        grid-template-columns: 1fr;
    }

    .game-catalog-meter {
        align-items: flex-start;
        flex-direction: column;
    }

    .game-module-art {
        grid-template-columns: 74px minmax(0, 1fr);
    }

    .game-module-icon {
        width: 74px;
        height: 74px;
        border-radius: 19px;
    }

    .game-module-media :is(img, video),
.software-module-media :is(img, video) {
        height: 140px;
    }

    .preview-stage-shell {
        padding: 0.5rem;
    }

    .preview-stage {
        min-height: 58vh;
        aspect-ratio: 9 / 14;
    }

    .preview-player-actions .btn {
        flex: 1 1 100%;
    }

    .section,
.page-hero,
.home-hero {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page-hero {
        min-height: auto;
        align-items: flex-start;
        padding-top: 6.25rem;
        padding-bottom: 3.25rem;
    }

    .pipeline-map {
        grid-template-columns: 1fr 1fr;
    }

    .node-status-row,
.console-head,
.form-row {
        align-items: stretch;
        flex-direction: column;
    }

    .local-node-card {
        padding: 0.85rem;
    }
}

@media (max-width: 520px) {
    .navbar,
.hero-inner,
.inner,
.section-head,
.footer-inner {
        width: min(358px, calc(100% - 2rem));
        max-width: min(358px, calc(100% - 2rem));
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .page-hero h1,
.lazygame-release-copy h2 {
        max-width: 358px;
        font-size: clamp(2.4rem, 12vw, 3.25rem);
    }

    .page-hero p,
.page-summary,
.page-summary div,
.lazygame-release-copy,
.lazygame-release-copy p {
        max-width: 358px;
    }

    .lazygame-release-media {
        width: min(320px, 100%);
    }

    .game-module-art {
        grid-template-columns: 1fr;
    }

    .game-module-media img {
        height: auto;
        max-height: 340px;
        object-fit: contain;
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

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

@media (prefers-reduced-motion: reduce) {
    *,
*::before,
*::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* 2026-08-04 editorial portfolio refinement */
:root {
    --bg: #1d1a24;
    --bg-2: #282532;
    --surface: rgba(38, 35, 47, 0.86);
    --surface-strong: rgba(47, 43, 58, 0.96);
    --line: rgba(89, 82, 106, 0.24);
    --line-strong: rgba(130, 119, 156, 0.42);
    --text: #f2f0ea;
    --muted: #bdb8b0;
    --soft: #dedbd2;
    --cyan: #82779c;
    --teal: #9fb89d;
    --magenta: #7b678f;
    --amber: #d8c36f;
    --green: var(--teal);
    --purple: var(--cyan);
    --mint: var(--teal);
    --paper: #ececea;
    --paper-2: #dfe3dd;
    --ink: #171a1e;
    --ink-muted: #545b62;
    --heading-font: Georgia, Cambria, "Times New Roman", Times, serif;
    --body-font: "Inter", system-ui, sans-serif;
    --radius: 6px;
    --shadow: 0 28px 70px rgba(20, 18, 24, 0.22);
}

body {
    background:
        radial-gradient(circle at 12% 0%, rgba(130, 119, 156, 0.16), transparent 34rem),
        linear-gradient(180deg, #24212c 0%, #1d1a24 45%, #25222b 100%);
}

h1,
h2 {
    font-weight: 500;
    letter-spacing: 0;
}

h3,
h4,
.logo,
.btn,
.nav-links a,
.proof-card strong,
.work-card h3,
.focus-card h3,
.example-card h3,
.detail-panel h3,
.contact-card h3,
.operating-reality-card strong,
.portfolio-nav-list strong {
    font-family: var(--body-font);
}

header {
    border-bottom: 1px solid rgba(29, 26, 36, 0.13);
    background: rgba(238, 238, 233, 0.9);
    box-shadow: 0 12px 32px rgba(20, 18, 24, 0.08);
}

.navbar {
    min-height: 76px;
}

.brand-logo span,
.logo {
    color: var(--ink);
}

.brand-logo small {
    color: #66785e;
    letter-spacing: 0.14em;
}

.logo::before {
    box-shadow: 0 12px 24px rgba(24, 24, 24, 0.16);
}

.editorial-nav .nav-links {
    gap: clamp(0.65rem, 1vw, 1.05rem);
}

.editorial-nav .nav-links a,
.nav-links .utility-link a {
    color: #2e3134;
    font-weight: 650;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"] {
    color: #657b5d;
}

.nav-links .utility-link:first-of-type {
    border-left-color: rgba(29, 26, 36, 0.16);
}

.btn {
    border-color: rgba(89, 103, 81, 0.58);
    background: #748668;
    color: #f6f6f1;
    box-shadow: 0 14px 28px rgba(73, 82, 67, 0.18);
}

.btn:hover,
.btn:focus-visible {
    background: #5f7259;
    border-color: #5f7259;
}

.btn.secondary,
.btn.ghost {
    background: transparent;
    color: var(--soft);
    border-color: rgba(159, 184, 157, 0.34);
}

.btn.secondary:hover,
.btn.secondary:focus-visible,
.btn.ghost:hover,
.btn.ghost:focus-visible {
    background: rgba(159, 184, 157, 0.12);
    border-color: rgba(159, 184, 157, 0.54);
}

.page-hero {
    background:
        linear-gradient(90deg, rgba(31, 28, 39, 0.96), rgba(31, 28, 39, 0.76)),
        radial-gradient(circle at 78% 24%, rgba(130, 119, 156, 0.22), transparent 26rem),
        radial-gradient(circle at 88% 64%, rgba(159, 184, 157, 0.15), transparent 24rem);
}

.page-summary,
.card,
.work-card,
.focus-card,
.detail-panel,
.example-card,
.proof-card,
.contact-card,
.case-card,
.solution-panel,
.product-spec-list div {
    border-color: rgba(159, 184, 157, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(39, 35, 48, 0.84);
}

.proof-card {
    background:
        linear-gradient(180deg, rgba(130, 119, 156, 0.13), rgba(159, 184, 157, 0.06)),
        rgba(39, 35, 48, 0.84);
}

.band,
.product-band {
    background:
        linear-gradient(135deg, rgba(130, 119, 156, 0.08), transparent 42%),
        rgba(34, 31, 41, 0.72);
}

.page-kicker,
.work-card small,
.tech-list,
.label,
.proof-card small {
    color: var(--teal);
}

.refined-home-hero {
    min-height: 84vh;
    padding-top: 8.5rem;
    padding-bottom: clamp(5rem, 9vw, 7rem);
    background:
        linear-gradient(90deg, rgba(29, 26, 36, 0.92) 0%, rgba(29, 26, 36, 0.76) 48%, rgba(29, 26, 36, 0.28) 100%),
        linear-gradient(180deg, rgba(29, 26, 36, 0.22), rgba(29, 26, 36, 0.48)),
        url("assets/elkwai-business-hero-system.png") right center / min(78rem, 78vw) auto no-repeat,
        #1d1a24;
}

.refined-home-hero .hero-inner {
    display: block;
}

.refined-home-hero .home-hero-copy {
    max-width: 690px;
}

.refined-home-hero .home-hero-copy h1 {
    max-width: 680px;
    color: var(--text);
    font-size: clamp(3.4rem, 7vw, 6.6rem);
    line-height: 0.94;
}

.refined-home-hero .home-hero-copy p {
    max-width: 650px;
    color: #dad6cf;
    font-size: clamp(1.04rem, 1.5vw, 1.18rem);
}

.editorial-statement {
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.32)),
        var(--paper);
    color: var(--ink);
}

.editorial-statement h2 {
    color: var(--ink);
}

.editorial-statement p {
    color: var(--ink-muted);
}

.image-led-band {
    min-height: 520px;
    display: flex;
    align-items: center;
    padding: clamp(2.5rem, 7vw, 5rem) 1rem;
    background:
        linear-gradient(90deg, rgba(28, 25, 35, 0.24), rgba(28, 25, 35, 0.18)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
}

.image-led-panel {
    width: min(520px, calc(100% - 2rem));
    margin-left: max(1rem, calc((100vw - var(--max)) / 2));
    padding: clamp(1.5rem, 4vw, 2.4rem);
    border: 1px solid rgba(236, 236, 234, 0.16);
    background: rgba(47, 43, 58, 0.82);
    color: var(--text);
    backdrop-filter: blur(12px);
}

.image-led-panel h2 {
    color: var(--text);
    font-size: clamp(2.2rem, 4.5vw, 4rem);
}

.image-led-panel p {
    margin-top: 1rem;
    color: #dedbd2;
}

.text-link {
    display: inline-flex;
    align-items: center;
    margin-top: 1.4rem;
    color: #c0d1b9;
    font-weight: 800;
}

.text-link::after {
    content: ">";
    margin-left: 0.5rem;
}

.solution-index-section,
.operating-reality-section,
.portfolio-nav-section {
    background: var(--paper);
    color: var(--ink);
}

.solution-index-section h2,
.operating-reality-section h2,
.portfolio-nav-section h2 {
    color: var(--ink);
}

.solution-index-section p,
.operating-reality-section p,
.portfolio-nav-section p {
    color: var(--ink-muted);
}

.editorial-solution-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-color: rgba(36, 40, 37, 0.16);
    background: transparent;
    box-shadow: none;
}

.editorial-solution-strip a {
    min-height: 245px;
    border-right-color: rgba(36, 40, 37, 0.18);
    background: transparent;
}

.editorial-solution-strip a:hover,
.editorial-solution-strip a:focus-visible {
    background: rgba(130, 119, 156, 0.08);
}

.editorial-solution-strip strong {
    color: var(--ink);
}

.editorial-solution-strip span {
    color: var(--ink-muted);
}

.operating-reality-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.45fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 4rem);
    align-items: start;
}

.refined-reality-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid rgba(36, 40, 37, 0.18);
}

.refined-reality-grid .operating-reality-card {
    min-height: 190px;
    padding: 1.2rem 1.35rem;
    border: 0;
    border-bottom: 1px solid rgba(36, 40, 37, 0.18);
    border-radius: 0;
    background: transparent;
}

.refined-reality-grid .operating-reality-card:nth-child(odd) {
    border-right: 1px solid rgba(36, 40, 37, 0.18);
}

.refined-reality-grid .operating-reality-card small {
    color: #657b5d;
}

.refined-reality-grid .operating-reality-card strong {
    color: var(--ink);
}

.refined-reality-grid .operating-reality-card span {
    color: var(--ink-muted);
}

.process-band {
    padding: clamp(4rem, 8vw, 6rem) 1rem;
    background:
        radial-gradient(circle at 15% 18%, rgba(159, 184, 157, 0.12), transparent 22rem),
        linear-gradient(135deg, #252130, #393247 58%, #26232d);
    color: var(--text);
}

.process-band h2 {
    margin: 0 auto clamp(2rem, 5vw, 3rem);
    color: var(--text);
    text-align: center;
}

.process-rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: process;
}

.process-rail li {
    position: relative;
    min-height: 160px;
    padding: 0 1rem;
    counter-increment: process;
    text-align: center;
}

.process-rail li::before {
    content: counter(process, decimal-leading-zero);
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 1rem;
    border: 1px solid rgba(236, 236, 234, 0.28);
    border-radius: 50%;
    background: #748668;
    color: #f6f6f1;
    font-weight: 800;
}

.process-rail li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 26px;
    left: calc(50% + 31px);
    right: auto;
    width: calc(50% - 31px);
    border-top: 1px solid rgba(236, 236, 234, 0.28);
}

.process-rail strong {
    display: block;
    color: var(--text);
    font-family: var(--body-font);
}

.process-rail span {
    display: block;
    max-width: 190px;
    margin: 0.5rem auto 0;
    color: #cfcbc4;
    font-size: 0.92rem;
    line-height: 1.48;
}

.portfolio-nav-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 4rem);
}

.portfolio-nav-layout > div:first-child {
    position: sticky;
    top: 104px;
}

.portfolio-nav-list {
    display: grid;
    border-top: 1px solid rgba(36, 40, 37, 0.18);
}

.portfolio-nav-list a {
    display: grid;
    grid-template-columns: 56px minmax(150px, 0.36fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: baseline;
    padding: 1.1rem 0;
    border-bottom: 1px solid rgba(36, 40, 37, 0.18);
}

.portfolio-nav-list span {
    color: #657b5d;
    font-family: var(--mono);
    font-size: 0.78rem;
}

.portfolio-nav-list strong {
    color: var(--ink);
}

.portfolio-nav-list em {
    color: var(--ink-muted);
    font-style: normal;
}

.contact-close-band {
    padding: clamp(3.5rem, 7vw, 5.5rem) 1rem;
    background:
        linear-gradient(90deg, rgba(29, 26, 36, 0.86), rgba(29, 26, 36, 0.62)),
        url("assets/elkwai-business-hero-system.png") center bottom / cover no-repeat;
}

.contact-close-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.contact-close-layout h2 {
    color: var(--text);
}

.contact-close-layout p {
    margin-top: 0.8rem;
    color: #dedbd2;
}

footer {
    background: #24212c;
}

@media (max-width: 1100px) {
    .editorial-solution-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .editorial-solution-strip a:nth-child(3n) {
        border-right: 0;
    }
}

@media (max-width: 980px) {
    .operating-reality-layout,
.portfolio-nav-layout {
        grid-template-columns: 1fr;
    }

    .portfolio-nav-layout > div:first-child {
        position: static;
    }

    .process-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.2rem;
    }

    .process-rail li::after {
        display: none;
    }
}

@media (max-width: 760px) {
    header {
        background: rgba(238, 238, 233, 0.96);
    }

    .nav-toggle {
        color: var(--ink);
        border-color: rgba(29, 26, 36, 0.18);
        background: rgba(29, 26, 36, 0.04);
    }

    .nav-links {
        background: #ececea;
    }

    .refined-home-hero {
        min-height: auto;
        padding-top: 8rem;
        background:
            linear-gradient(180deg, rgba(29, 26, 36, 0.72), rgba(29, 26, 36, 0.96)),
            url("assets/elkwai-business-hero-system.png") center top / 62rem auto no-repeat,
            #1d1a24;
    }

    .refined-home-hero .home-hero-copy {
        padding-top: 12rem;
    }

    .refined-home-hero .home-hero-copy h1 {
        max-width: 10ch;
        font-size: clamp(3.1rem, 14vw, 4.2rem);
    }

    .image-led-band {
        min-height: 460px;
        align-items: flex-end;
    }

    .image-led-panel {
        width: min(100%, calc(100dvw - 2rem));
        margin: 0 auto;
    }

    .editorial-solution-strip,
.refined-reality-grid,
.process-rail {
        grid-template-columns: 1fr;
    }

    .editorial-solution-strip a,
.refined-reality-grid .operating-reality-card,
.refined-reality-grid .operating-reality-card:nth-child(odd) {
        border-right: 0;
    }

    .portfolio-nav-list a {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .portfolio-nav-list em {
        grid-column: 2;
    }

    .contact-close-layout {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .refined-home-hero .home-hero-copy,
.refined-home-hero .home-hero-copy p,
.refined-home-hero .home-hero-copy .hero-actions {
        width: min(358px, calc(100% - 2rem));
        max-width: min(358px, calc(100% - 2rem));
    }
}

/* 2026-08-02 professional portfolio draft */
.editorial-nav {
    min-height: 80px;
}

.logo {
    min-width: 0;
}

.logo::before {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border: 0;
    border-radius: 0;
    background: transparent url("assets/elkwai-solutions-logo-v3.png") center / contain no-repeat;
    transform: none;
    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.22),
        0 0 18px rgba(168, 121, 255, 0.12);
}

.brand-logo {
    gap: 0.78rem;
}

.brand-logo span {
    display: block;
    color: var(--text);
    font-size: 1.1rem;
    line-height: 0.95;
}

.brand-logo small {
    display: block;
    margin-top: 0.16rem;
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: none;
}

.editorial-nav .nav-links {
    gap: clamp(0.58rem, 1vw, 1rem);
}

.editorial-nav .nav-links a {
    font-size: 0.87rem;
}

.nav-links .utility-link {
    margin-left: 0.1rem;
}

.nav-links .utility-link a {
    color: #d1c8ed;
    font-size: 0.8rem;
}

.nav-links .utility-link:first-of-type {
    padding-left: 0.65rem;
    border-left: 1px solid var(--line);
}

/* The primary nav follows the visitor's route: offerings, evaluation, then
   platform/account actions. The breaks are visual only and disappear into
   clean separators in the mobile menu. */
.editorial-nav .nav-links li.nav-break {
    margin-left: 0.35rem;
    padding-left: 0.8rem;
    border-left: 1px solid var(--line);
}

.editorial-nav .nav-links .utility-link {
    margin-left: 0.25rem;
    padding-left: 0.8rem;
    border-left: 1px solid var(--line);
}

.editorial-nav .nav-links .utility-link a {
    padding: 0.45rem 0.72rem;
    border: 1px solid rgba(209, 200, 237, 0.35);
    border-radius: 4px;
    color: #f0edf5;
}

.editorial-nav .nav-links .utility-link a:hover,
.editorial-nav .nav-links .utility-link a:focus-visible {
    border-color: #a9c79c;
    color: #c7e1bc;
}

@media (max-width: 760px) {
    .editorial-nav .nav-links li.nav-break,
    .editorial-nav .nav-links .utility-link {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .editorial-nav .nav-links li.nav-break {
        margin-top: 0.35rem;
        padding-top: 0.35rem;
        border-top: 1px solid var(--line);
    }

    .editorial-nav .nav-links .utility-link a {
        display: block;
        margin-top: 0.2rem;
        text-align: center;
    }
}

.editorial-home {
    min-height: 74vh;
    padding-top: 6.15rem;
    padding-bottom: clamp(2.2rem, 4.5vw, 3.8rem);
    background:
        linear-gradient(90deg, rgba(8, 7, 15, 0.98) 0%, rgba(8, 7, 15, 0.92) 42%, rgba(8, 7, 15, 0.58) 100%),
        linear-gradient(140deg, rgba(168, 121, 255, 0.13), transparent 46%),
        linear-gradient(215deg, rgba(80, 232, 154, 0.09), transparent 42%),
        url("assets/elkwai-business-hero-system.png") right center / min(70rem, 70vw) auto no-repeat;
}

.editorial-home .hero-inner {
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.95fr);
}

.editorial-home .home-hero-copy h1 {
    max-width: 720px;
    font-size: clamp(2.6rem, 4.45vw, 4.15rem);
    line-height: 0.99;
}

.editorial-home .home-hero-copy p {
    max-width: 675px;
}

.system-visual {
    min-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid rgba(168, 121, 255, 0.24);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(5, 8, 13, 0.52), rgba(5, 8, 13, 0.88)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.system-visual-top,
.activity-panel,
.workflow-board div,
.study-proof-grid div,
.solution-panel,
.case-card,
.demo-card,
.product-spec-list div {
    border: 1px solid rgba(210, 197, 255, 0.13);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
        rgba(7, 12, 21, 0.82);
}

.system-visual-top {
    padding: 1rem;
}

.system-visual-top span,
.demo-card span {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.system-visual-top strong {
    color: var(--text);
    font-family: var(--heading-font);
    font-size: clamp(1.3rem, 2vw, 1.85rem);
    line-height: 1.12;
}

.workflow-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.workflow-board div {
    min-height: 118px;
    padding: 0.85rem;
}

.workflow-board span {
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 0.75rem;
}

.workflow-board strong,
.activity-panel strong {
    display: block;
    margin: 0.45rem 0 0.25rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.workflow-board em,
.activity-panel span {
    color: var(--muted);
    font-size: 0.8rem;
    font-style: normal;
    line-height: 1.42;
}

.activity-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0.8rem;
}

.activity-panel div {
    padding: 0.15rem 0.2rem;
}

.positioning-band {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: clamp(3.5rem, 7vw, 5.5rem) 1rem;
    background: rgba(255, 255, 255, 0.94);
    color: #141827;
    text-align: center;
}

.positioning-band h2 {
    max-width: 980px;
    margin: 0 auto;
    color: #172033;
    font-size: clamp(1.9rem, 4.1vw, 3.8rem);
}

.positioning-band p {
    max-width: 760px;
    margin: 1.1rem auto 0;
    color: #4a5366;
    font-size: 1.05rem;
}

.featured-case-section {
    padding-top: clamp(3.5rem, 7vw, 5.5rem);
}

.featured-study {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(420px, 0.78fr);
    gap: clamp(1.4rem, 4vw, 3rem);
    align-items: center;
    min-height: 420px;
    padding: clamp(1.2rem, 3vw, 2rem);
    border: 1px solid rgba(168, 121, 255, 0.22);
    border-radius: var(--radius);
    background:
        linear-gradient(90deg, rgba(5, 8, 13, 0.92), rgba(5, 8, 13, 0.48)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
    box-shadow: var(--shadow);
}

.featured-study-copy p {
    max-width: 620px;
    margin-top: 1rem;
    color: var(--soft);
    font-size: 1.05rem;
}

.study-proof-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.study-proof-grid div {
    min-height: 138px;
    padding: 1rem;
}

.study-proof-grid strong {
    display: block;
    color: var(--teal);
    font-family: var(--heading-font);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
}

.study-proof-grid span {
    display: block;
    margin-top: 0.5rem;
    color: var(--soft);
}

.solutions-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(168, 121, 255, 0.06), rgba(80, 232, 154, 0.025)),
        rgba(10, 10, 19, 0.9);
    box-shadow: var(--shadow);
}

.solutions-strip a {
    min-height: 220px;
    padding: 1.25rem;
    border-right: 1px solid var(--line);
    transition: background var(--transition), transform var(--transition);
}

.solutions-strip a:last-child {
    border-right: 0;
}

.solutions-strip a:hover,
.solutions-strip a:focus-visible {
    background: rgba(168, 121, 255, 0.1);
    outline: none;
}

.solutions-strip strong {
    display: block;
    margin-bottom: 0.75rem;
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 1.1rem;
}

.solutions-strip span {
    color: var(--muted);
    font-size: 0.94rem;
}

.editorial-grid,
.method-rail,
.product-feature,
.case-study-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(420px, 1fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: start;
}

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

.method-copy p,
.case-study-layout p,
.product-feature p {
    max-width: 720px;
    margin-top: 1rem;
    color: var(--soft);
}

.method-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: method;
}

.method-list li {
    min-height: 132px;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(8, 17, 26, 0.76);
    counter-increment: method;
}

.method-list li::before {
    content: counter(method, decimal-leading-zero);
    display: block;
    margin-bottom: 0.45rem;
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 0.78rem;
}

.method-list strong,
.solution-panel h3,
.case-card h3,
.product-spec-list strong {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.method-list span,
.solution-panel p,
.case-card span,
.product-spec-list span {
    color: var(--muted);
}

.product-band {
    border-top: 1px solid rgba(168, 121, 255, 0.16);
    border-bottom: 1px solid rgba(80, 232, 154, 0.13);
    background:
        linear-gradient(120deg, rgba(168, 121, 255, 0.08), transparent 36%),
        linear-gradient(240deg, rgba(80, 232, 154, 0.065), transparent 42%),
        rgba(4, 7, 12, 0.54);
}

.contact-band {
    border-top: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.025);
}

.solution-detail-grid,
.demo-directory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.solution-panel,
.case-card,
.demo-card,
.product-spec-list div {
    padding: 1.15rem;
}

.solution-panel {
    min-height: 185px;
}

.case-card {
    padding: 1.25rem;
}

.case-study-detail h2 {
    font-size: clamp(2rem, 4.6vw, 4.1rem);
}

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

.demo-card {
    min-height: 232px;
    transition: transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

.demo-card h3 {
    margin-bottom: 0.7rem;
    font-size: 1.1rem;
}

.demo-card p {
    color: var(--muted);
    font-size: 0.92rem;
}

.demo-card.live {
    border-color: rgba(80, 232, 154, 0.28);
}

.demo-card.local {
    border-color: rgba(168, 121, 255, 0.22);
}

.demo-card.architecture {
    border-color: rgba(247, 200, 96, 0.22);
}

.demo-card:hover,
.demo-card:focus-visible,
.proof-card:hover,
.proof-card:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(80, 232, 154, 0.38);
    box-shadow: 0 24px 72px rgba(4, 3, 10, 0.34);
    outline: none;
}

.product-feature {
    align-items: center;
}

.product-spec-list {
    display: grid;
    gap: 0.75rem;
}

.product-spec-list div {
    min-height: 118px;
}

.page-hero {
    min-height: 58vh;
    padding-top: 6.4rem;
    padding-bottom: clamp(3rem, 6vw, 5rem);
}

.page-hero h1 {
    font-size: clamp(2.55rem, 5vw, 4.65rem);
}

.portfolio-proof-section {
    border-top: 1px solid rgba(168, 121, 255, 0.14);
    border-bottom: 1px solid rgba(80, 232, 154, 0.12);
    background:
        linear-gradient(120deg, rgba(168, 121, 255, 0.08), transparent 36%),
        linear-gradient(240deg, rgba(80, 232, 154, 0.065), transparent 42%),
        rgba(4, 7, 12, 0.58);
}

.operating-reality-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(9, 10, 18, 0.78);
    box-shadow: var(--shadow);
}

.operating-reality-card {
    min-height: 220px;
    padding: 1.2rem;
    border-right: 1px solid var(--line);
}

.operating-reality-card:last-child {
    border-right: 0;
}

.operating-reality-card small {
    display: block;
    margin-bottom: 0.8rem;
    color: var(--teal);
    font-family: var(--mono);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.operating-reality-card strong {
    display: block;
    margin-bottom: 0.7rem;
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 1.05rem;
    line-height: 1.25;
}

.operating-reality-card span {
    color: var(--muted);
    font-size: 0.94rem;
}

.control-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.control-flow div {
    min-height: 146px;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
        rgba(8, 17, 26, 0.72);
}

.control-flow span {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.control-flow strong {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--text);
    font-family: var(--heading-font);
}

.control-flow p {
    color: var(--muted);
    font-size: 0.9rem;
}

.case-meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1.35rem;
}

.case-meta-grid div {
    padding: 0.85rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.035);
}

.case-meta-grid strong {
    display: block;
    color: var(--teal);
    font-family: var(--heading-font);
    font-size: 1.35rem;
    line-height: 1;
}

.case-meta-grid span {
    display: block;
    margin-top: 0.35rem;
    color: var(--muted);
    font-size: 0.84rem;
}

@media (max-width: 1180px) {
    .editorial-nav {
        gap: 0.85rem;
    }

    .editorial-nav .nav-links {
        gap: 0.62rem;
    }

    .editorial-nav .nav-links a {
        font-size: 0.8rem;
    }
}

@media (max-width: 980px) {
    .editorial-home .hero-inner,
.featured-study,
.editorial-grid,
.method-rail,
.product-feature,
.case-study-layout {
        grid-template-columns: 1fr;
    }

    .system-visual {
        min-height: 390px;
    }

    .solutions-strip,
.operating-reality-grid,
.control-flow,
.demo-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solutions-strip a:nth-child(2n),
.solutions-strip a:last-child {
        border-right: 0;
    }

    .solution-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .brand-logo span {
        font-size: 1rem;
    }

    .brand-logo small {
        font-size: 0.58rem;
    }

    .nav-links .utility-link:first-of-type {
        padding-left: 0;
        border-left: 0;
    }

    .editorial-home {
        min-height: auto;
        padding-top: 6.25rem;
        background:
            linear-gradient(180deg, rgba(8, 7, 15, 0.94), rgba(8, 7, 15, 0.99)),
            linear-gradient(140deg, rgba(168, 121, 255, 0.12), transparent 46%),
            linear-gradient(215deg, rgba(80, 232, 154, 0.08), transparent 42%);
    }

    .editorial-home .home-hero-copy {
        padding-top: 0;
    }

    .editorial-home .home-hero-copy h1 {
        max-width: 12ch;
        font-size: clamp(2.65rem, 13vw, 4rem);
        overflow-wrap: normal;
    }

    .system-visual {
        min-height: 0;
    }

    .workflow-board,
.activity-panel,
.study-proof-grid,
.solutions-strip,
.operating-reality-grid,
.control-flow,
.editorial-card-grid,
.method-list,
.demo-directory-grid {
        grid-template-columns: 1fr;
    }

    .solutions-strip a {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .solutions-strip a:last-child {
        border-bottom: 0;
    }

    .operating-reality-card {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .operating-reality-card:last-child {
        border-bottom: 0;
    }

    .positioning-band {
        text-align: left;
    }
}

@media (max-width: 520px) {
    .logo::before {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .editorial-home .home-hero-copy h1 {
        max-width: min(11ch, 358px);
    }
}

/* 2026-08-04 final editorial overrides */
:root {
    --bg: #1d1a24;
    --bg-2: #282532;
    --surface: rgba(38, 35, 47, 0.86);
    --surface-strong: rgba(47, 43, 58, 0.96);
    --line: rgba(89, 82, 106, 0.24);
    --line-strong: rgba(130, 119, 156, 0.42);
    --text: #f2f0ea;
    --muted: #bdb8b0;
    --soft: #dedbd2;
    --cyan: #82779c;
    --teal: #9fb89d;
    --magenta: #7b678f;
    --amber: #d8c36f;
    --green: var(--teal);
    --purple: var(--cyan);
    --mint: var(--teal);
    --paper: #ececea;
    --paper-2: #dfe3dd;
    --ink: #171a1e;
    --ink-muted: #545b62;
    --heading-font: Georgia, Cambria, "Times New Roman", Times, serif;
    --body-font: "Inter", system-ui, sans-serif;
    --radius: 6px;
    --shadow: 0 28px 70px rgba(20, 18, 24, 0.22);
}

body {
    background:
        radial-gradient(circle at 12% 0%, rgba(130, 119, 156, 0.16), transparent 34rem),
        linear-gradient(180deg, #24212c 0%, #1d1a24 45%, #25222b 100%);
}

h1,
h2 {
    font-weight: 500;
    letter-spacing: 0;
}

h3,
h4,
.logo,
.btn,
.nav-links a,
.proof-card strong,
.work-card h3,
.focus-card h3,
.example-card h3,
.detail-panel h3,
.contact-card h3,
.operating-reality-card strong,
.portfolio-nav-list strong {
    font-family: var(--body-font);
}

header {
    border-bottom: 1px solid rgba(29, 26, 36, 0.13);
    background: rgba(238, 238, 233, 0.9);
    box-shadow: 0 12px 32px rgba(20, 18, 24, 0.08);
}

.navbar {
    min-height: 76px;
}

.brand-logo span,
.logo {
    color: var(--ink);
}

.brand-logo small {
    color: #66785e;
    letter-spacing: 0.14em;
}

.logo::before {
    box-shadow: 0 12px 24px rgba(24, 24, 24, 0.16);
}

.editorial-nav .nav-links {
    gap: clamp(0.65rem, 1vw, 1.05rem);
}

.editorial-nav .nav-links a,
.nav-links .utility-link a {
    color: #2e3134;
    font-weight: 650;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"] {
    color: #657b5d;
}

.nav-links .utility-link:first-of-type {
    border-left-color: rgba(29, 26, 36, 0.16);
}

.btn {
    border-color: rgba(89, 103, 81, 0.58);
    background: #748668;
    color: #f6f6f1;
    box-shadow: 0 14px 28px rgba(73, 82, 67, 0.18);
}

.btn:hover,
.btn:focus-visible {
    background: #5f7259;
    border-color: #5f7259;
}

.btn.secondary,
.btn.ghost {
    background: transparent;
    color: var(--soft);
    border-color: rgba(159, 184, 157, 0.34);
}

.btn.secondary:hover,
.btn.secondary:focus-visible,
.btn.ghost:hover,
.btn.ghost:focus-visible {
    background: rgba(159, 184, 157, 0.12);
    border-color: rgba(159, 184, 157, 0.54);
}

.page-hero {
    background:
        linear-gradient(90deg, rgba(31, 28, 39, 0.96), rgba(31, 28, 39, 0.76)),
        radial-gradient(circle at 78% 24%, rgba(130, 119, 156, 0.22), transparent 26rem),
        radial-gradient(circle at 88% 64%, rgba(159, 184, 157, 0.15), transparent 24rem);
}

.page-summary,
.card,
.work-card,
.focus-card,
.detail-panel,
.example-card,
.proof-card,
.contact-card,
.case-card,
.solution-panel,
.product-spec-list div {
    border-color: rgba(159, 184, 157, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(39, 35, 48, 0.84);
}

.proof-card {
    background:
        linear-gradient(180deg, rgba(130, 119, 156, 0.13), rgba(159, 184, 157, 0.06)),
        rgba(39, 35, 48, 0.84);
}

.band,
.product-band {
    background:
        linear-gradient(135deg, rgba(130, 119, 156, 0.08), transparent 42%),
        rgba(34, 31, 41, 0.72);
}

.page-kicker,
.work-card small,
.tech-list,
.label,
.proof-card small {
    color: var(--teal);
}

.refined-home-hero,
.editorial-home.refined-home-hero {
    min-height: 84vh;
    padding-top: 8.5rem;
    padding-bottom: clamp(5rem, 9vw, 7rem);
    background:
        linear-gradient(90deg, rgba(29, 26, 36, 0.92) 0%, rgba(29, 26, 36, 0.76) 48%, rgba(29, 26, 36, 0.28) 100%),
        linear-gradient(180deg, rgba(29, 26, 36, 0.22), rgba(29, 26, 36, 0.48)),
        url("assets/elkwai-business-hero-system.png") right center / min(78rem, 78vw) auto no-repeat,
        #1d1a24;
}

.refined-home-hero .hero-inner {
    display: block;
}

.refined-home-hero .home-hero-copy {
    max-width: 690px;
}

.refined-home-hero .home-hero-copy h1 {
    max-width: 680px;
    color: var(--text);
    font-size: clamp(3.4rem, 7vw, 6.6rem);
    line-height: 0.94;
}

.refined-home-hero .home-hero-copy p {
    max-width: 650px;
    color: #dad6cf;
    font-size: clamp(1.04rem, 1.5vw, 1.18rem);
}

.editorial-statement,
.positioning-band.editorial-statement {
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.32)),
        var(--paper);
    color: var(--ink);
    text-align: center;
}

.editorial-statement h2 {
    color: var(--ink);
}

.editorial-statement p {
    color: var(--ink-muted);
}

.image-led-band {
    min-height: 520px;
    display: flex;
    align-items: center;
    padding: clamp(2.5rem, 7vw, 5rem) 1rem;
    background:
        linear-gradient(90deg, rgba(28, 25, 35, 0.24), rgba(28, 25, 35, 0.18)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
}

.image-led-panel {
    width: min(520px, calc(100% - 2rem));
    margin-left: max(1rem, calc((100vw - var(--max)) / 2));
    padding: clamp(1.5rem, 4vw, 2.4rem);
    border: 1px solid rgba(236, 236, 234, 0.16);
    background: rgba(47, 43, 58, 0.82);
    color: var(--text);
    backdrop-filter: blur(12px);
}

.image-led-panel h2 {
    color: var(--text);
    font-size: clamp(2.2rem, 4.5vw, 4rem);
}

.image-led-panel p {
    margin-top: 1rem;
    color: #dedbd2;
}

.text-link {
    display: inline-flex;
    align-items: center;
    margin-top: 1.4rem;
    color: #c0d1b9;
    font-weight: 800;
}

.text-link::after {
    content: ">";
    margin-left: 0.5rem;
}

.solution-index-section,
.operating-reality-section,
.portfolio-nav-section {
    background: var(--paper);
    color: var(--ink);
}

.solution-index-section h2,
.operating-reality-section h2,
.portfolio-nav-section h2 {
    color: var(--ink);
}

.solution-index-section p,
.operating-reality-section p,
.portfolio-nav-section p {
    color: var(--ink-muted);
}

.editorial-solution-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-color: rgba(36, 40, 37, 0.16);
    background: transparent;
    box-shadow: none;
}

.editorial-solution-strip a {
    min-height: 245px;
    border-right-color: rgba(36, 40, 37, 0.18);
    background: transparent;
}

.editorial-solution-strip a:hover,
.editorial-solution-strip a:focus-visible {
    background: rgba(130, 119, 156, 0.08);
}

.editorial-solution-strip strong {
    color: var(--ink);
}

.editorial-solution-strip span {
    color: var(--ink-muted);
}

.operating-reality-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.45fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 4rem);
    align-items: start;
}

.refined-reality-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid rgba(36, 40, 37, 0.18);
}

.refined-reality-grid .operating-reality-card {
    min-height: 190px;
    padding: 1.2rem 1.35rem;
    border: 0;
    border-bottom: 1px solid rgba(36, 40, 37, 0.18);
    border-radius: 0;
    background: transparent;
}

.refined-reality-grid .operating-reality-card:nth-child(odd) {
    border-right: 1px solid rgba(36, 40, 37, 0.18);
}

.refined-reality-grid .operating-reality-card small {
    color: #657b5d;
}

.refined-reality-grid .operating-reality-card strong {
    color: var(--ink);
}

.refined-reality-grid .operating-reality-card span {
    color: var(--ink-muted);
}

.process-band {
    padding: clamp(4rem, 8vw, 6rem) 1rem;
    background:
        radial-gradient(circle at 15% 18%, rgba(159, 184, 157, 0.12), transparent 22rem),
        linear-gradient(135deg, #252130, #393247 58%, #26232d);
    color: var(--text);
}

.process-band h2 {
    margin: 0 auto clamp(2rem, 5vw, 3rem);
    color: var(--text);
    text-align: center;
}

.process-rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: process;
}

.process-rail li {
    position: relative;
    min-height: 160px;
    padding: 0 1rem;
    counter-increment: process;
    text-align: center;
}

.process-rail li::before {
    content: counter(process, decimal-leading-zero);
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 1rem;
    border: 1px solid rgba(236, 236, 234, 0.28);
    border-radius: 50%;
    background: #748668;
    color: #f6f6f1;
    font-weight: 800;
}

.process-rail li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 26px;
    left: calc(50% + 31px);
    right: auto;
    width: calc(50% - 31px);
    border-top: 1px solid rgba(236, 236, 234, 0.28);
}

.process-rail strong {
    display: block;
    color: var(--text);
    font-family: var(--body-font);
}

.process-rail span {
    display: block;
    max-width: 190px;
    margin: 0.5rem auto 0;
    color: #cfcbc4;
    font-size: 0.92rem;
    line-height: 1.48;
}

.portfolio-nav-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 4rem);
}

.portfolio-nav-layout > div:first-child {
    position: sticky;
    top: 104px;
}

.portfolio-nav-list {
    display: grid;
    border-top: 1px solid rgba(36, 40, 37, 0.18);
}

.portfolio-nav-list a {
    display: grid;
    grid-template-columns: 56px minmax(150px, 0.36fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: baseline;
    padding: 1.1rem 0;
    border-bottom: 1px solid rgba(36, 40, 37, 0.18);
}

.portfolio-nav-list span {
    color: #657b5d;
    font-family: var(--mono);
    font-size: 0.78rem;
}

.portfolio-nav-list strong {
    color: var(--ink);
}

.portfolio-nav-list em {
    color: var(--ink-muted);
    font-style: normal;
}

.contact-close-band {
    padding: clamp(3.5rem, 7vw, 5.5rem) 1rem;
    background:
        linear-gradient(90deg, rgba(29, 26, 36, 0.86), rgba(29, 26, 36, 0.62)),
        url("assets/elkwai-business-hero-system.png") center bottom / cover no-repeat;
}

.contact-close-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.contact-close-layout h2 {
    color: var(--text);
}

.contact-close-layout p {
    margin-top: 0.8rem;
    color: #dedbd2;
}

footer {
    background: #24212c;
}

@media (max-width: 1100px) {
    .editorial-solution-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .editorial-solution-strip a:nth-child(3n) {
        border-right: 0;
    }
}

@media (max-width: 980px) {
    .operating-reality-layout,
.portfolio-nav-layout {
        grid-template-columns: 1fr;
    }

    .portfolio-nav-layout > div:first-child {
        position: static;
    }

    .process-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.2rem;
    }

    .process-rail li::after {
        display: none;
    }
}

@media (max-width: 760px) {
    header {
        background: rgba(238, 238, 233, 0.96);
    }

    .nav-toggle {
        color: var(--ink);
        border-color: rgba(29, 26, 36, 0.18);
        background: rgba(29, 26, 36, 0.04);
    }

    .nav-links {
        background: #ececea;
    }

    .refined-home-hero,
.editorial-home.refined-home-hero {
        min-height: auto;
        padding-top: 8rem;
        background:
            linear-gradient(180deg, rgba(29, 26, 36, 0.72), rgba(29, 26, 36, 0.96)),
            url("assets/elkwai-business-hero-system.png") center top / 62rem auto no-repeat,
            #1d1a24;
    }

    .refined-home-hero .home-hero-copy {
        padding-top: 12rem;
    }

    .refined-home-hero .home-hero-copy h1 {
        max-width: 10ch;
        font-size: clamp(3.1rem, 14vw, 4.2rem);
    }

    .image-led-band {
        min-height: 460px;
        align-items: flex-end;
    }

    .image-led-panel {
        width: min(100%, calc(100dvw - 2rem));
        margin: 0 auto;
    }

    .editorial-solution-strip,
.refined-reality-grid,
.process-rail {
        grid-template-columns: 1fr;
    }

    .editorial-solution-strip a,
.refined-reality-grid .operating-reality-card,
.refined-reality-grid .operating-reality-card:nth-child(odd) {
        border-right: 0;
    }

    .portfolio-nav-list a {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .portfolio-nav-list em {
        grid-column: 2;
    }

    .contact-close-layout {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .refined-home-hero .home-hero-copy,
.refined-home-hero .home-hero-copy p,
.refined-home-hero .home-hero-copy .hero-actions {
        width: min(358px, calc(100% - 2rem));
        max-width: min(358px, calc(100% - 2rem));
    }
}

/* 2026-08-04 technical portfolio proof modules */
.engineering-proof-section,
.technical-demo-section,
.architecture-map-section {
    background:
        linear-gradient(135deg, rgba(130, 119, 156, 0.08), transparent 44%),
        var(--paper);
    color: var(--ink);
}

.engineering-proof-layout,
.technical-demo-layout,
.data-demo-layout,
.architecture-map-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 4rem);
    align-items: start;
}

.engineering-proof-section h2,
.technical-demo-section h2,
.data-demo-section h2,
.architecture-map-section h2,
.engineering-proof-section p,
.technical-demo-section p,
.data-demo-section p,
.architecture-map-section p {
    color: inherit;
}

.engineering-proof-section .section-head h2,
.technical-demo-intro h2,
.data-demo-panel h2,
.architecture-map-section .section-head h2 {
    color: var(--ink);
}

.engineering-proof-section .section-head p,
.technical-demo-intro p,
.data-demo-panel p,
.architecture-map-section .section-head p {
    color: var(--ink-muted);
}

.engineering-proof-list {
    display: grid;
    border-top: 1px solid rgba(36, 40, 37, 0.18);
}

.engineering-proof-list a {
    display: grid;
    grid-template-columns: 52px minmax(170px, 0.35fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: baseline;
    padding: 1.15rem 0;
    border-bottom: 1px solid rgba(36, 40, 37, 0.18);
}

.engineering-proof-list span,
.portfolio-nav-list span {
    color: #657b5d;
    font-family: var(--mono);
    font-weight: 800;
}

.engineering-proof-list strong {
    color: var(--ink);
    font-family: var(--body-font);
}

.engineering-proof-list em {
    color: var(--ink-muted);
    font-style: normal;
}

.technical-demo-section {
    border-top: 1px solid rgba(36, 40, 37, 0.1);
}

.technical-demo-intro,
.data-demo-panel {
    position: sticky;
    top: 104px;
}

.demo-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.css-demo-tabs > input {
    position: absolute;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.demo-selector button,
.demo-selector label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.58rem 0.8rem;
    border: 1px solid rgba(36, 40, 37, 0.18);
    border-radius: 999px;
    background: transparent;
    color: var(--ink);
    font: 800 0.82rem/1 var(--body-font);
    cursor: pointer;
    transition: background var(--transition), border-color var(--transition), color var(--transition);
}

.demo-selector button:hover,
.demo-selector button:focus-visible,
.demo-selector button.active,
.demo-selector label:hover,
.demo-selector label:focus-visible {
    border-color: #748668;
    background: #748668;
    color: #f6f6f1;
    outline: none;
}

.trace-tabs #trace-onboarding:checked ~ .demo-selector label[for="trace-onboarding"],
.trace-tabs #trace-crm:checked ~ .demo-selector label[for="trace-crm"],
.trace-tabs #trace-support:checked ~ .demo-selector label[for="trace-support"] {
    border-color: #748668;
    background: #748668;
    color: #f6f6f1;
}

.data-tabs #data-crm:checked ~ .demo-selector label[for="data-crm"],
.data-tabs #data-assets:checked ~ .demo-selector label[for="data-assets"],
.data-tabs #data-apps:checked ~ .demo-selector label[for="data-apps"] {
    border-color: #9fb89d;
    background: #9fb89d;
    color: #171a1e;
}

.demo-selector.compact {
    gap: 0.4rem;
}

.trace-workbench,
.data-quality-board {
    border: 1px solid rgba(36, 40, 37, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.34)),
        rgba(236, 236, 234, 0.82);
    box-shadow: 0 22px 64px rgba(20, 18, 24, 0.14);
}

.scenario-panels {
    margin-top: 1rem;
}

.scenario-panel {
    display: none;
}

.trace-tabs #trace-onboarding:checked ~ .scenario-panels .trace-panel-onboarding,
.trace-tabs #trace-crm:checked ~ .scenario-panels .trace-panel-crm,
.trace-tabs #trace-support:checked ~ .scenario-panels .trace-panel-support {
    display: block;
}

.data-tabs #data-crm:checked ~ .scenario-panels .data-panel-crm,
.data-tabs #data-assets:checked ~ .scenario-panels .data-panel-assets,
.data-tabs #data-apps:checked ~ .scenario-panels .data-panel-apps {
    display: grid;
}

.data-tabs .scenario-panels {
    margin-top: 1.1rem;
}

.trace-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.1rem, 2vw, 1.5rem);
    border-bottom: 1px solid rgba(36, 40, 37, 0.14);
}

.trace-header span {
    display: block;
    margin-bottom: 0.35rem;
    color: #657b5d;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.trace-header h3 {
    color: var(--ink);
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
}

.trace-header > strong {
    padding: 0.42rem 0.58rem;
    border: 1px solid rgba(116, 134, 104, 0.32);
    border-radius: 999px;
    background: rgba(116, 134, 104, 0.11);
    color: #4f624b;
    font-size: 0.78rem;
    white-space: nowrap;
}

.trace-pipeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid rgba(36, 40, 37, 0.14);
}

.trace-pipeline div {
    min-height: 190px;
    padding: 1rem;
    border-right: 1px solid rgba(36, 40, 37, 0.14);
}

.trace-pipeline div:last-child {
    border-right: 0;
}

.trace-pipeline span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    margin-bottom: 0.85rem;
    border-radius: 50%;
    background: #2f2b3a;
    color: #f2f0ea;
    font-weight: 900;
}

.trace-pipeline strong {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--ink);
}

.trace-pipeline em {
    color: var(--ink-muted);
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1.48;
}

.trace-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trace-detail-grid section {
    padding: 1.05rem;
    border-right: 1px solid rgba(36, 40, 37, 0.14);
}

.trace-detail-grid section:last-child {
    border-right: 0;
}

.trace-detail-grid h4,
.data-quality-column h3 {
    margin-bottom: 0.8rem;
    color: var(--ink);
    font: 900 0.82rem/1.2 var(--body-font);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.trace-detail-grid dl {
    display: grid;
    gap: 0.68rem;
    margin: 0;
}

.trace-detail-grid dt {
    color: #657b5d;
    font: 800 0.78rem/1 var(--body-font);
}

.trace-detail-grid dd {
    margin: 0;
    color: var(--ink-muted);
    line-height: 1.45;
}

.trace-detail-grid ul,
.data-quality-column ul {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.trace-detail-grid li,
.data-quality-column li {
    position: relative;
    padding-left: 1rem;
    color: var(--ink-muted);
    line-height: 1.46;
}

.trace-detail-grid li::before,
.data-quality-column li::before {
    content: "";
    position: absolute;
    top: 0.65em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #748668;
}

.data-demo-section {
    background:
        linear-gradient(135deg, rgba(31, 28, 39, 0.93), rgba(39, 35, 48, 0.95)),
        #24212c;
    color: var(--text);
}

.data-demo-panel h2 {
    color: var(--text);
}

.data-demo-panel p {
    color: #dedbd2;
}

.data-demo-section .demo-selector button,
.data-demo-section .demo-selector label {
    border-color: rgba(236, 236, 234, 0.22);
    color: #dedbd2;
}

.data-demo-section .demo-selector button:hover,
.data-demo-section .demo-selector button:focus-visible,
.data-demo-section .demo-selector button.active,
.data-demo-section .demo-selector label:hover,
.data-demo-section .demo-selector label:focus-visible {
    border-color: #9fb89d;
    background: #9fb89d;
    color: #171a1e;
}

.data-quality-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(47, 43, 58, 0.9);
    border-color: rgba(236, 236, 234, 0.14);
    box-shadow: 0 26px 70px rgba(6, 5, 10, 0.22);
}

.data-quality-column {
    min-height: 310px;
    padding: clamp(1.05rem, 2.2vw, 1.45rem);
    border-right: 1px solid rgba(236, 236, 234, 0.13);
}

.data-quality-column:last-child {
    border-right: 0;
}

.data-quality-column h3 {
    color: #c0d1b9;
}

.data-quality-column li {
    color: #dedbd2;
}

.architecture-rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid rgba(36, 40, 37, 0.18);
}

.architecture-rail div {
    min-height: 205px;
    padding: 1.1rem 1rem;
    border-right: 1px solid rgba(36, 40, 37, 0.18);
}

.architecture-rail div:last-child {
    border-right: 0;
}

.architecture-rail strong {
    display: block;
    margin-bottom: 0.7rem;
    color: var(--ink);
    font-size: 1.05rem;
}

.architecture-rail span {
    color: var(--ink-muted);
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .trace-pipeline,
.architecture-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .trace-pipeline div:nth-child(3n),
.architecture-rail div:nth-child(3n) {
        border-right: 0;
    }
}

@media (max-width: 980px) {
    .engineering-proof-layout,
.technical-demo-layout,
.data-demo-layout,
.architecture-map-layout {
        grid-template-columns: 1fr;
    }

    .technical-demo-intro,
.data-demo-panel {
        position: static;
    }

    .trace-detail-grid,
.data-quality-board {
        grid-template-columns: 1fr;
    }

    .trace-detail-grid section,
.data-quality-column {
        border-right: 0;
        border-bottom: 1px solid rgba(36, 40, 37, 0.14);
    }

    .data-quality-column {
        border-bottom-color: rgba(236, 236, 234, 0.13);
    }

    .trace-detail-grid section:last-child,
.data-quality-column:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .engineering-proof-list a {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .engineering-proof-list em {
        grid-column: 2;
    }

    .trace-header {
        flex-direction: column;
    }

    .trace-pipeline,
.architecture-rail {
        grid-template-columns: 1fr;
    }

    .trace-pipeline div,
.architecture-rail div,
.trace-pipeline div:nth-child(3n),
.architecture-rail div:nth-child(3n) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(36, 40, 37, 0.14);
    }

    .architecture-rail div:last-child,
.trace-pipeline div:last-child {
        border-bottom: 0;
    }
}

/* 2026-08-04 final editorial polish */
:root {
    --bg: #25212f;
    --bg-2: #332f41;
    --surface: rgba(255, 255, 250, 0.72);
    --surface-strong: rgba(255, 255, 250, 0.92);
    --line: rgba(60, 56, 70, 0.16);
    --line-strong: rgba(110, 92, 137, 0.34);
    --text: #f7f6ef;
    --muted: #d9d5cf;
    --soft: #ede9e1;
    --cyan: #77629b;
    --teal: #8fa884;
    --green: #8fa884;
    --purple: #77629b;
    --mint: #a7bea0;
    --paper: #f4f2ec;
    --paper-2: #e8e5dd;
    --ink: #222026;
    --ink-muted: #605b68;
    --ink-soft: #77717d;
    --shadow: 0 26px 72px rgba(36, 31, 44, 0.16);
    --heading-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --body-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --mono-font: var(--mono);
}

body {
    background:
        linear-gradient(150deg, rgba(119, 98, 155, 0.12), transparent 36%),
        linear-gradient(25deg, rgba(143, 168, 132, 0.11), transparent 38%),
        var(--paper);
    color: var(--ink);
}

header {
    border-bottom-color: rgba(60, 56, 70, 0.14);
    background: rgba(232, 229, 221, 0.92);
}

.navbar {
    min-height: 68px;
}

.logo,
.nav-links a {
    color: var(--ink);
}

.logo small,
.brand-logo small {
    color: #526547;
    background: transparent;
}

.brand-logo::before {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 0;
    border-radius: 0;
    background-image: url("assets/elkwai-solutions-logo-v3.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: none;
    box-shadow: none;
    transform: none;
}

.brand-logo {
    gap: 0.68rem;
}

.brand-logo span {
    color: var(--ink);
    font-family: var(--body-font);
    font-size: 1.06rem;
    font-weight: 800;
    letter-spacing: 0;
}

.brand-logo small {
    margin-top: 0.08rem;
    color: #526547;
    font-size: 0.58rem;
    letter-spacing: 0.16em;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"] {
    color: var(--purple);
}

.btn {
    background: #829779;
    color: var(--ink);
    box-shadow: 0 12px 28px rgba(84, 104, 76, 0.2);
}

.btn:hover,
.btn:focus-visible {
    background: #748668;
}

.btn.secondary {
    border-color: rgba(119, 98, 155, 0.28);
    background: rgba(255, 255, 250, 0.58);
    color: var(--ink);
}

.home-hero,
.page-hero {
    background:
        linear-gradient(90deg, rgba(37, 33, 47, 0.98) 0%, rgba(37, 33, 47, 0.91) 48%, rgba(37, 33, 47, 0.56) 100%),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
}

.refined-home-hero,
.editorial-home.refined-home-hero {
    min-height: auto;
    padding: 0;
}

.refined-home-hero .hero-inner {
    min-height: clamp(600px, 68vh, 700px);
    padding-top: 96px;
    padding-bottom: 62px;
}

.home-hero-copy {
    max-width: 650px;
}

.home-hero h1 {
    max-width: 690px;
    font-size: clamp(3.7rem, 6.4vw, 6.3rem);
    font-weight: 850;
    line-height: 0.98;
}

.home-hero p {
    max-width: 640px;
    color: #ebe8df;
}

.positioning-band,
.section,
.portfolio-nav-section,
.contact-close-band {
    background:
        linear-gradient(180deg, rgba(255, 255, 250, 0.82), rgba(244, 242, 236, 0.96)),
        var(--paper);
}

.positioning-band {
    border-top: 12px solid rgba(119, 98, 155, 0.08);
    border-bottom: 12px solid rgba(143, 168, 132, 0.08);
}

.image-led-band {
    background:
        linear-gradient(90deg, rgba(37, 33, 47, 0.62), rgba(37, 33, 47, 0.1)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
}

.image-led-panel,
.page-summary,
.solution-panel,
.proof-card,
.work-card,
.example-card,
.operating-reality-card,
.portfolio-nav-list a,
.engineering-proof-list a,
.trace-workbench,
.data-quality-board,
.detail-panel {
    border-color: rgba(60, 56, 70, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 250, 0.88), rgba(248, 246, 239, 0.7)),
        rgba(255, 255, 250, 0.7);
    box-shadow: 0 18px 46px rgba(36, 31, 44, 0.1);
}

.page-hero .page-summary {
    background:
        linear-gradient(180deg, rgba(255, 255, 250, 0.9), rgba(244, 242, 236, 0.78)),
        rgba(255, 255, 250, 0.82);
}

.page-hero .page-summary strong {
    color: var(--ink);
}

.page-hero .page-summary span {
    color: var(--ink-muted);
}

.image-led-panel {
    background: rgba(37, 33, 47, 0.74);
    color: var(--text);
}

.image-led-panel p {
    color: #e6e1d8;
}

.section-head h2,
.positioning-band h2,
.solution-panel h3,
.proof-card strong,
.work-card h3,
.example-card h3,
.operating-reality-card strong,
.portfolio-nav-layout h2,
.contact-close-layout h2,
.trace-header h3,
.architecture-rail strong {
    color: var(--ink);
}

.section-head p,
.solution-panel p,
.proof-card span,
.work-card p,
.example-card p,
.operating-reality-card span,
.portfolio-nav-layout p,
.portfolio-nav-list em,
.engineering-proof-list em,
.architecture-rail span {
    color: var(--ink-muted);
}

.proof-card small,
.work-card small,
.operating-reality-card small,
.portfolio-nav-list span,
.engineering-proof-list span,
.page-kicker {
    color: #6b825f;
}

.process-band,
.data-demo-section {
    background:
        linear-gradient(135deg, rgba(37, 33, 47, 0.97), rgba(54, 48, 68, 0.95)),
        #25212f;
}

.process-band h2,
.data-demo-panel h2,
.data-demo-section .section-head h2 {
    color: var(--text);
}

.process-band span,
.process-band p,
.data-demo-panel p,
.data-demo-section .section-head p {
    color: #e3ded5;
}

.data-quality-board {
    background:
        linear-gradient(180deg, rgba(255, 255, 250, 0.07), rgba(255, 255, 250, 0.025)),
        rgba(49, 44, 61, 0.94);
}

.data-tabs .scenario-panel {
    display: none;
}

.data-tabs #data-crm:checked ~ .scenario-panels .data-panel-crm,
.data-tabs #data-assets:checked ~ .scenario-panels .data-panel-assets,
.data-tabs #data-apps:checked ~ .scenario-panels .data-panel-apps {
    display: grid;
}

@media (max-width: 760px) {
    .refined-home-hero .hero-inner {
        min-height: 570px;
        padding-top: 92px;
    }

    .home-hero h1 {
        font-size: clamp(3.2rem, 16vw, 4.4rem);
    }
}

/* 2026-08-04 business-solutions homepage correction */
.business-solutions-home {
    padding-top: clamp(72px, 8vw, 118px);
    padding-bottom: clamp(70px, 8vw, 112px);
    background:
        linear-gradient(140deg, rgba(255, 255, 250, 0.94), rgba(244, 242, 236, 0.94) 42%, rgba(232, 229, 221, 0.9)),
        var(--paper);
}

.business-solution-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: clamp(34px, 4vw, 54px);
    border: 1px solid rgba(60, 56, 70, 0.16);
    background: rgba(255, 255, 250, 0.78);
    box-shadow: 0 28px 70px rgba(36, 31, 44, 0.12);
}

.business-solution-card {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: clamp(24px, 3vw, 38px);
    border-right: 1px solid rgba(60, 56, 70, 0.14);
    color: var(--ink);
    text-decoration: none;
    transition: background-color 160ms ease, transform 160ms ease;
}

.business-solution-card:last-child {
    border-right: 0;
}

.business-solution-card:hover,
.business-solution-card:focus-visible {
    background: rgba(143, 168, 132, 0.14);
    transform: translateY(-3px);
}

.business-solution-card small {
    color: #6c5a89;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.business-solution-card strong {
    color: var(--ink);
    font-size: clamp(1.18rem, 1.7vw, 1.55rem);
    line-height: 1.16;
}

.business-solution-card span {
    color: var(--ink-muted);
    line-height: 1.62;
}

.business-solution-card em {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(60, 56, 70, 0.14);
    color: #65765e;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
}

.business-proof-band {
    padding: clamp(82px, 9vw, 132px) 0;
    background:
        linear-gradient(90deg, rgba(37, 33, 47, 0.93), rgba(37, 33, 47, 0.73) 46%, rgba(37, 33, 47, 0.42)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
}

.business-proof-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: clamp(34px, 6vw, 82px);
    align-items: center;
}

.business-proof-copy h2 {
    max-width: 620px;
    color: var(--text);
    font-size: clamp(2.3rem, 5vw, 4.9rem);
    line-height: 0.98;
}

.business-proof-copy p {
    max-width: 610px;
    margin-top: 22px;
    color: #e8e3da;
    font-size: clamp(1.03rem, 1.5vw, 1.22rem);
    line-height: 1.62;
}

.business-proof-copy .text-link {
    color: #d8e6d2;
}

.business-proof-grid {
    border: 1px solid rgba(255, 255, 250, 0.22);
    background: rgba(27, 24, 36, 0.72);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.22);
}

.business-proof-grid a {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 8px 22px;
    padding: clamp(24px, 3vw, 34px);
    border-bottom: 1px solid rgba(255, 255, 250, 0.14);
    color: var(--text);
    text-decoration: none;
}

.business-proof-grid a:last-child {
    border-bottom: 0;
}

.business-proof-grid span {
    grid-row: span 2;
    color: #a7bea0;
    font-family: var(--mono-font);
    font-size: 0.86rem;
    letter-spacing: 0.08em;
}

.business-proof-grid strong {
    color: #f7f6ef;
    font-size: clamp(1.06rem, 1.6vw, 1.32rem);
}

.business-proof-grid em {
    color: #d7d1c8;
    font-style: normal;
    line-height: 1.5;
}

@media (max-width: 1120px) {
    .business-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .business-solution-card:nth-child(2n) {
        border-right: 0;
    }

    .business-solution-card:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(60, 56, 70, 0.14);
    }
}

@media (max-width: 860px) {
    .business-proof-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 660px) {
    .business-solution-grid {
        grid-template-columns: 1fr;
    }

    .business-solution-card,
.business-solution-card:nth-child(2n) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(60, 56, 70, 0.14);
    }

    .business-solution-card:last-child {
        border-bottom: 0;
    }

    .business-proof-grid a {
        grid-template-columns: 1fr;
    }
}

/* Final contrast clamp for the matte editorial theme. */
body :is(
    .business-solutions-home,
    .engineering-proof-section,
    .solution-index-section,
    .operating-reality-section,
    .portfolio-nav-section,
    .contact-close-band,
    .positioning-band
) :is(h1, h2, h3, h4, strong, label, dt) {
    color: var(--ink);
}

body :is(
    .business-solutions-home,
    .engineering-proof-section,
    .solution-index-section,
    .operating-reality-section,
    .portfolio-nav-section,
    .contact-close-band,
    .positioning-band
) :is(p, span, li, dd, em, small) {
    color: var(--ink-muted);
}

body :is(.home-hero, .page-hero, .business-proof-band, .process-band, .data-demo-section, .image-led-band) :is(h1, h2, h3, h4, strong, label, dt) {
    color: var(--text);
}

body :is(.home-hero, .page-hero, .business-proof-band, .process-band, .data-demo-section, .image-led-band) :is(p, span, li, dd, em, small) {
    color: #e7e2d8;
}

.business-solution-card :is(h1, h2, h3, h4, strong),
.proof-card :is(h1, h2, h3, h4, strong),
.work-card :is(h1, h2, h3, h4, strong),
.example-card :is(h1, h2, h3, h4, strong),
.operating-reality-card :is(h1, h2, h3, h4, strong),
.portfolio-nav-list a :is(h1, h2, h3, h4, strong),
.engineering-proof-list a :is(h1, h2, h3, h4, strong),
.solution-panel :is(h1, h2, h3, h4, strong),
.page-summary :is(h1, h2, h3, h4, strong) {
    color: var(--ink);
}

.business-solution-card :is(p, span, li, dd, em, small),
.proof-card :is(p, span, li, dd, em, small),
.work-card :is(p, span, li, dd, em, small),
.example-card :is(p, span, li, dd, em, small),
.operating-reality-card :is(p, span, li, dd, em, small),
.portfolio-nav-list a :is(p, span, li, dd, em, small),
.engineering-proof-list a :is(p, span, li, dd, em, small),
.solution-panel :is(p, span, li, dd, em, small),
.page-summary :is(p, span, li, dd, em, small) {
    color: var(--ink-muted);
}

.business-solution-card small,
.proof-card small,
.work-card small,
.operating-reality-card small,
.portfolio-nav-list span,
.engineering-proof-list span,
.page-kicker {
    color: #526547;
}

.business-solution-card em {
    color: #526547;
}

.business-proof-grid :is(strong, span, em),
.data-quality-board :is(h1, h2, h3, h4, strong, span, p, li, em, small),
.image-led-panel :is(h1, h2, h3, h4, strong, span, p, li, em, small) {
    color: inherit;
}

.business-proof-grid span {
    color: #a7bea0;
}

.business-proof-grid strong,
.image-led-panel :is(h1, h2, h3, h4, strong) {
    color: #f7f6ef;
}

.business-proof-grid em,
.image-led-panel :is(p, span, li, em, small) {
    color: #d7d1c8;
}

/* Portfolio systems pass */
.portfolio-hero {
    min-height: 92vh;
    background:
        linear-gradient(90deg, rgba(18, 16, 24, 0.92), rgba(25, 21, 35, 0.78) 44%, rgba(25, 21, 35, 0.26)),
        url("assets/elkwai-business-hero-system.png") center / cover no-repeat;
}

.portfolio-hero .hero-inner {
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
}

.portfolio-hero .home-hero-copy {
    width: min(760px, 100%);
}

.portfolio-hero h1 {
    max-width: 880px;
    color: #f8f8f3;
    font-size: clamp(3.2rem, 6.8vw, 6.2rem);
    font-weight: 850;
    line-height: 0.98;
}

.portfolio-hero p {
    max-width: 740px;
    color: #ebe8e0;
    font-size: clamp(1.05rem, 1.8vw, 1.32rem);
}

.portfolio-position-section {
    padding: clamp(62px, 8vw, 112px) 0;
    border-top: 1px solid rgba(60, 56, 70, 0.12);
    border-bottom: 1px solid rgba(60, 56, 70, 0.12);
    background:
        linear-gradient(90deg, rgba(244, 242, 236, 0.96), rgba(231, 234, 226, 0.98)),
        var(--paper);
}

.portfolio-position {
    display: grid;
    gap: 18px;
    justify-items: center;
    text-align: center;
}

.portfolio-position h2 {
    max-width: 900px;
    color: var(--ink);
    font-size: clamp(2.1rem, 4.8vw, 4.4rem);
}

.portfolio-position p {
    max-width: 780px;
    color: var(--ink-muted);
    font-size: clamp(1.02rem, 1.4vw, 1.18rem);
}

.portfolio-system-section,
.workflow-route-section {
    background:
        linear-gradient(180deg, rgba(244, 242, 236, 0.92), rgba(232, 229, 221, 0.96)),
        var(--paper);
}

.portfolio-system-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(60, 56, 70, 0.15);
    background: rgba(247, 246, 240, 0.74);
}

.portfolio-system-card {
    display: flex;
    min-height: 310px;
    flex-direction: column;
    gap: 18px;
    padding: clamp(24px, 3vw, 34px);
    border-right: 1px solid rgba(60, 56, 70, 0.13);
    border-bottom: 1px solid rgba(60, 56, 70, 0.13);
    color: var(--ink);
    background:
        linear-gradient(145deg, rgba(255, 255, 250, 0.78), rgba(235, 237, 230, 0.54));
    transition: border-color var(--transition), transform var(--transition), background var(--transition);
}

.portfolio-system-card:nth-child(3n) {
    border-right: 0;
}

.portfolio-system-card:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.portfolio-system-card:hover,
.portfolio-system-card:focus-visible {
    z-index: 1;
    border-color: rgba(119, 98, 155, 0.42);
    background:
        linear-gradient(145deg, rgba(255, 255, 250, 0.94), rgba(232, 236, 228, 0.84));
    outline: none;
    transform: translateY(-2px);
}

.portfolio-system-card.primary {
    background:
        linear-gradient(145deg, rgba(76, 60, 103, 0.95), rgba(41, 36, 54, 0.95));
}

.portfolio-system-card.primary :is(strong, dt, dd, p),
.portfolio-system-card.primary .system-card-head span {
    color: #f7f5ef;
}

.system-card-head {
    display: grid;
    gap: 8px;
}

.system-card-head span,
.workflow-route-card span,
.integration-row span,
.lab-proof-list strong,
.product-mini-grid strong {
    color: #526547;
    font-family: var(--mono);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.system-card-head strong {
    color: var(--ink);
    font-size: clamp(1.32rem, 2vw, 1.72rem);
    line-height: 1.08;
}

.portfolio-system-card p {
    color: var(--ink-muted);
}

.portfolio-system-card dl {
    display: grid;
    gap: 10px;
    margin: auto 0 0;
}

.portfolio-system-card dt {
    color: var(--ink);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
}

.portfolio-system-card dd {
    margin: -7px 0 0;
    color: var(--ink-muted);
    font-size: 0.94rem;
    line-height: 1.5;
}

.portfolio-lab-band {
    position: relative;
    min-height: 720px;
    display: grid;
    align-items: center;
    padding: clamp(60px, 9vw, 120px) 0;
    overflow: hidden;
    background: #18141f;
}

.portfolio-lab-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.portfolio-lab-media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(17, 15, 22, 0.94), rgba(17, 15, 22, 0.66) 48%, rgba(17, 15, 22, 0.2)),
        linear-gradient(180deg, rgba(17, 15, 22, 0.12), rgba(17, 15, 22, 0.72));
    pointer-events: none;
}

.portfolio-lab-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.78;
    z-index: 0;
}

.portfolio-lab-panel {
    position: relative;
    z-index: 1;
    width: min(640px, calc(100% - 2rem));
    margin-left: max(1rem, calc((100vw - var(--max)) / 2));
    padding: clamp(28px, 4vw, 46px);
    border: 1px solid rgba(232, 229, 221, 0.22);
    background: rgba(24, 20, 31, 0.76);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(14px);
}

.portfolio-lab-panel :is(h2, strong) {
    color: #f8f8f3;
}

.portfolio-lab-panel p,
.portfolio-lab-panel span {
    color: #e5dfd3;
}

.portfolio-lab-panel h2 {
    margin-top: 12px;
    font-size: clamp(2rem, 4vw, 4rem);
}

.portfolio-lab-panel p {
    margin-top: 20px;
    line-height: 1.68;
}

.lab-proof-list {
    display: grid;
    gap: 12px;
    margin: 26px 0;
}

.lab-proof-list div {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(232, 229, 221, 0.16);
}

.lab-proof-list strong {
    color: #a7bea0;
}

.integration-ledger-section {
    background:
        linear-gradient(180deg, #201a2b, #121119);
}

.integration-ledger-section .section-head :is(h2, p) {
    color: #f7f5ef;
}

.integration-ledger-section .section-head p {
    color: #d8d2c6;
}

.integration-ledger {
    border-top: 1px solid rgba(232, 229, 221, 0.18);
}

.integration-row {
    display: grid;
    grid-template-columns: 210px minmax(0, 1.2fr) minmax(220px, 0.8fr);
    gap: 28px;
    align-items: start;
    padding: clamp(22px, 3vw, 34px) 0;
    border-bottom: 1px solid rgba(232, 229, 221, 0.16);
}

.integration-row strong {
    color: #f8f8f3;
    font-size: clamp(1.08rem, 1.6vw, 1.42rem);
    line-height: 1.35;
}

.integration-row em {
    color: #cfc8ba;
    font-style: normal;
    line-height: 1.5;
}

.workflow-route-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(60, 56, 70, 0.14);
    background: rgba(255, 255, 250, 0.62);
}

.workflow-route-card {
    min-height: 230px;
    padding: clamp(22px, 3vw, 32px);
    border-right: 1px solid rgba(60, 56, 70, 0.12);
    border-bottom: 1px solid rgba(60, 56, 70, 0.12);
    background: rgba(246, 246, 239, 0.72);
}

.workflow-route-card:nth-child(3n) {
    border-right: 0;
}

.workflow-route-card:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.workflow-route-card strong {
    display: block;
    margin-top: 10px;
    color: var(--ink);
    font-size: 1.24rem;
}

.workflow-route-card p {
    margin-top: 12px;
    color: var(--ink-muted);
}

.product-overview-section {
    background:
        linear-gradient(180deg, rgba(34, 30, 45, 0.96), rgba(20, 18, 28, 0.98));
}

.product-overview-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(34px, 6vw, 76px);
    align-items: center;
}

.product-overview-media {
    position: relative;
    overflow: auto;
    border: 1px solid rgba(232, 229, 221, 0.18);
    background: rgba(0, 0, 0, 0.18);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
}

.product-overview-media img,
.integration-proof-media img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.product-overview-section :is(h2, p),
.product-overview-section .page-kicker {
    color: #f7f5ef;
}

.product-overview-section p {
    color: #ddd8ce;
    font-size: 1.04rem;
}

.product-mini-grid {
    display: grid;
    gap: 12px;
    margin-top: 26px;
}

.product-mini-grid a {
    display: grid;
    gap: 5px;
    padding: 16px;
    border: 1px solid rgba(232, 229, 221, 0.16);
    background: rgba(255, 255, 255, 0.04);
}

.product-mini-grid strong {
    color: #a7bea0;
}

.product-mini-grid span {
    color: #ded8cc;
}

.integration-proof-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(26px, 4vw, 54px);
    align-items: stretch;
}

.integration-proof-media {
    position: relative;
    min-height: 100%;
    overflow: auto;
    border: 1px solid rgba(60, 56, 70, 0.14);
    background: rgba(0, 0, 0, 0.12);
}

.integration-proof-layout .proof-grid {
    grid-template-columns: 1fr;
}

.portfolio-directory-grid,
.demo-directory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

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

.case-meta-grid div {
    min-height: 0;
    text-align: left;
}

.case-meta-grid strong {
    display: block;
    margin-bottom: 4px;
    color: #526547;
    font-family: var(--mono);
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.case-meta-grid span {
    color: var(--ink-muted);
    font-size: 0.95rem;
}

.ai-operations-section {
    background: var(--paper);
}

.ai-operations-section .section-head :is(h2, p) {
    color: var(--ink);
}

.ai-operations-section .section-head p {
    color: var(--ink-muted);
}

@media (max-width: 1040px) {
    .portfolio-system-grid,
.workflow-route-grid,
.portfolio-directory-grid,
.demo-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portfolio-system-card:nth-child(3n),
.workflow-route-card:nth-child(3n) {
        border-right: 1px solid rgba(60, 56, 70, 0.13);
    }

    .portfolio-system-card:nth-child(2n),
.workflow-route-card:nth-child(2n) {
        border-right: 0;
    }

    .portfolio-system-card:nth-last-child(-n + 3),
.workflow-route-card:nth-last-child(-n + 3) {
        border-bottom: 1px solid rgba(60, 56, 70, 0.13);
    }

    .portfolio-system-card:nth-last-child(-n + 2),
.workflow-route-card:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .product-overview-layout,
.integration-proof-layout {
        grid-template-columns: 1fr;
    }
}

/* 2026-08-04 integration proof pass */
.business-integration-proof {
    background:
        linear-gradient(180deg, rgba(250, 249, 244, 0.96), rgba(232, 229, 221, 0.98)),
        var(--paper);
}

.integration-proof-split {
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
    gap: clamp(32px, 6vw, 78px);
    align-items: start;
}

.business-integration-proof .section-head {
    position: sticky;
    top: 104px;
}

.business-integration-proof .section-head h2 {
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 4rem);
}

.business-integration-proof .section-head p {
    color: var(--ink-muted);
}

.familiar-system-ledger {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(60, 56, 70, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 255, 250, 0.86), rgba(237, 238, 231, 0.72));
    box-shadow: 0 26px 70px rgba(36, 31, 44, 0.12);
}

.familiar-system-ledger div {
    min-height: 138px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: clamp(18px, 2.4vw, 28px);
    border-right: 1px solid rgba(60, 56, 70, 0.12);
    border-bottom: 1px solid rgba(60, 56, 70, 0.12);
}

.familiar-system-ledger div:nth-child(2n) {
    border-right: 0;
}

.familiar-system-ledger div:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.familiar-system-ledger strong,
.system-status-row span,
.integration-scenario-card > div > span,
.offering-card span {
    color: #526547;
    font-family: var(--mono);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.familiar-system-ledger span {
    color: var(--ink);
    font-size: clamp(1.05rem, 1.55vw, 1.3rem);
    font-weight: 800;
    line-height: 1.25;
}

.familiar-systems-section,
.integration-demo-gallery,
.offering-method-section {
    background:
        linear-gradient(180deg, rgba(244, 242, 236, 0.96), rgba(232, 229, 221, 0.96)),
        var(--paper);
}

.system-status-matrix {
    display: grid;
    border-top: 1px solid rgba(60, 56, 70, 0.16);
}

.system-status-row {
    display: grid;
    grid-template-columns: minmax(160px, 0.34fr) minmax(220px, 0.42fr) minmax(0, 1fr);
    gap: clamp(18px, 3vw, 34px);
    align-items: baseline;
    padding: clamp(20px, 2.7vw, 30px) 0;
    border-bottom: 1px solid rgba(60, 56, 70, 0.14);
}

.system-status-row strong {
    color: var(--ink);
    font-size: clamp(1.04rem, 1.45vw, 1.28rem);
    line-height: 1.26;
}

.system-status-row em {
    color: var(--ink-muted);
    font-style: normal;
    line-height: 1.5;
}

.integration-tieback-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: clamp(24px, 4vw, 42px);
    border: 1px solid rgba(60, 56, 70, 0.16);
    background: rgba(60, 56, 70, 0.16);
}

.integration-tieback-board article {
    min-height: 240px;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: clamp(18px, 2.4vw, 26px);
    background:
        linear-gradient(145deg, rgba(255, 255, 250, 0.94), rgba(244, 243, 236, 0.8));
}

.integration-tieback-board span {
    color: #526547;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.integration-tieback-board strong {
    color: var(--ink);
    font-size: clamp(1.02rem, 1.35vw, 1.22rem);
    line-height: 1.2;
}

.integration-tieback-board p {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.94rem;
    line-height: 1.5;
}

.integration-demo-gallery {
    border-top: 1px solid rgba(60, 56, 70, 0.12);
}

.integration-scenario-grid {
    display: grid;
    gap: clamp(18px, 3vw, 30px);
}

.integration-scenario-card {
    display: grid;
    grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
    gap: clamp(24px, 4vw, 54px);
    align-items: stretch;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid rgba(60, 56, 70, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 255, 250, 0.9), rgba(247, 246, 240, 0.68));
    box-shadow: 0 22px 60px rgba(36, 31, 44, 0.11);
}

.integration-scenario-card:nth-child(even) {
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
}

.integration-scenario-card:nth-child(even) figure {
    order: 2;
}

.integration-scenario-card figure {
    position: relative;
    min-height: 320px;
    margin: 0;
    overflow: auto;
    border: 1px solid rgba(60, 56, 70, 0.16);
    background: rgba(23, 20, 30, 0.1);
}

.integration-scenario-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.integration-scenario-card > div {
    display: grid;
    align-content: center;
    gap: 16px;
}

.integration-scenario-card h3 {
    color: var(--ink);
    font-size: clamp(1.45rem, 2.8vw, 2.6rem);
    line-height: 1.08;
}

.integration-scenario-card p {
    color: var(--ink-muted);
    font-size: clamp(1rem, 1.35vw, 1.12rem);
}

.integration-scenario-card dl {
    display: grid;
    gap: 10px;
    margin: 8px 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(60, 56, 70, 0.14);
}

.integration-scenario-card dt {
    color: var(--ink);
    font-weight: 850;
}

.integration-scenario-card dd {
    margin: -8px 0 0;
    color: var(--ink-muted);
}

.offering-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(60, 56, 70, 0.14);
    background: rgba(255, 255, 250, 0.68);
}

.offering-card {
    min-height: 310px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: clamp(22px, 3vw, 34px);
    border-right: 1px solid rgba(60, 56, 70, 0.12);
    border-bottom: 1px solid rgba(60, 56, 70, 0.12);
}

.offering-card:nth-child(3n) {
    border-right: 0;
}

.offering-card:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.offering-card h3 {
    color: var(--ink);
    font-size: clamp(1.2rem, 1.8vw, 1.54rem);
}

.offering-card p {
    color: var(--ink-muted);
}

.offering-card strong {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(60, 56, 70, 0.12);
    color: var(--ink);
    font-size: 0.82rem;
    text-transform: uppercase;
}

.offering-card em {
    color: #526547;
    font-style: normal;
    font-weight: 750;
    line-height: 1.45;
}

@media (max-width: 1040px) {
    .integration-proof-split,
.integration-scenario-card,
.integration-scenario-card:nth-child(even) {
        grid-template-columns: 1fr;
    }

    .business-integration-proof .section-head {
        position: static;
    }

    .integration-scenario-card:nth-child(even) figure {
        order: 0;
    }

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

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

    .offering-card:nth-child(3n) {
        border-right: 1px solid rgba(60, 56, 70, 0.12);
    }

    .offering-card:nth-child(2n) {
        border-right: 0;
    }

    .offering-card:nth-last-child(-n + 3) {
        border-bottom: 1px solid rgba(60, 56, 70, 0.12);
    }

    .offering-card:nth-last-child(-n + 2) {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .familiar-system-ledger,
.integration-tieback-board,
.offering-grid {
        grid-template-columns: 1fr;
    }

    .familiar-system-ledger div,
.familiar-system-ledger div:nth-child(2n),
.offering-card,
.offering-card:nth-child(2n),
.offering-card:nth-child(3n) {
        border-right: 0;
        border-bottom: 1px solid rgba(60, 56, 70, 0.12);
    }

    .familiar-system-ledger div:last-child,
.offering-card:last-child {
        border-bottom: 0;
    }

    .system-status-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .integration-scenario-card {
        padding: 14px;
    }

    .integration-scenario-card figure {
        min-height: 230px;
    }
}

@media (max-width: 760px) {
    .portfolio-hero {
        min-height: auto;
        padding: 96px 1rem 72px;
        background-position: 58% center;
    }

    .portfolio-hero .hero-inner {
        width: min(100%, calc(100vw - 3rem));
    }

    .portfolio-hero .home-hero-copy {
        width: 100%;
        max-width: 100%;
    }

    .portfolio-hero h1 {
        max-width: 100%;
        font-size: clamp(2.08rem, 8.9vw, 2.62rem);
        line-height: 1.08;
        overflow-wrap: break-word;
    }

    .portfolio-hero p {
        max-width: 27ch;
        font-size: 0.88rem;
        line-height: 1.5;
        overflow-wrap: break-word;
    }

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

    .portfolio-system-grid,
.workflow-route-grid,
.portfolio-directory-grid,
.demo-directory-grid {
        grid-template-columns: 1fr;
    }

    .portfolio-system-card,
.portfolio-system-card:nth-child(2n),
.portfolio-system-card:nth-child(3n),
.workflow-route-card,
.workflow-route-card:nth-child(2n),
.workflow-route-card:nth-child(3n) {
        border-right: 0;
        border-bottom: 1px solid rgba(60, 56, 70, 0.13);
    }

    .portfolio-system-card:last-child,
.workflow-route-card:last-child {
        border-bottom: 0;
    }

    .portfolio-lab-band {
        min-height: 0;
    }

    .portfolio-lab-panel {
        margin: 0 auto;
    }

    .lab-proof-list div,
.integration-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}

@media (max-width: 1040px) {
    .portfolio-hero {
        min-height: auto;
        padding: 96px 1rem 72px;
        background-position: 58% center;
    }

    .portfolio-hero .hero-inner {
        grid-template-columns: minmax(0, 1fr);
        width: min(100%, calc(100vw - 3rem));
    }

    .portfolio-hero .home-hero-copy {
        width: 100%;
        max-width: 100%;
    }

    .portfolio-hero h1 {
        max-width: 100%;
        font-size: clamp(2.08rem, 8.9vw, 2.62rem);
        line-height: 1.08;
        overflow-wrap: break-word;
    }

    .portfolio-hero p {
        max-width: 27ch;
        font-size: 0.88rem;
        line-height: 1.5;
        overflow-wrap: break-word;
    }

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

/* 2026-08-04 work sample portfolio pass */
.portfolio-position .text-link + .text-link {
    margin-left: clamp(16px, 3vw, 28px);
}

.work-sample-story-section,
.work-sample-gallery {
    background:
        linear-gradient(180deg, rgba(250, 249, 244, 0.97), rgba(232, 229, 221, 0.96)),
        var(--paper);
}

.mess-map {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid rgba(60, 56, 70, 0.14);
    background: rgba(255, 255, 250, 0.72);
    box-shadow: 0 26px 72px rgba(36, 31, 44, 0.11);
}

.mess-map.compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mess-map div {
    min-height: 245px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: clamp(20px, 2.6vw, 30px);
    border-right: 1px solid rgba(60, 56, 70, 0.12);
}

.mess-map div:last-child {
    border-right: 0;
}

.mess-map span,
.work-sample-card > div > span,
.fit-grid strong {
    color: #526547;
    font-family: var(--mono);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mess-map strong {
    color: var(--ink);
    font-size: clamp(1.08rem, 1.55vw, 1.32rem);
    line-height: 1.22;
}

.mess-map p {
    color: var(--ink-muted);
    font-size: 0.96rem;
}

.work-sample-grid {
    display: grid;
    gap: clamp(22px, 4vw, 42px);
}

.work-sample-card {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(24px, 4.5vw, 58px);
    align-items: stretch;
    padding: clamp(18px, 3vw, 32px);
    border: 1px solid rgba(60, 56, 70, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 255, 250, 0.92), rgba(244, 243, 237, 0.72));
    box-shadow: 0 24px 68px rgba(36, 31, 44, 0.12);
}

.work-sample-card:nth-child(even) {
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
}

.work-sample-card:nth-child(even) figure {
    order: 2;
}

.work-sample-card figure {
    position: relative;
    margin: 0;
    min-height: 315px;
    overflow: auto;
    border: 1px solid rgba(60, 56, 70, 0.16);
    background: rgba(23, 20, 30, 0.08);
}

.work-sample-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: rgba(250, 249, 244, 0.95);
    max-width: 100%;
}

.work-sample-card > div {
    display: grid;
    align-content: center;
    gap: 16px;
}

.work-sample-card h3 {
    color: var(--ink);
    font-size: clamp(1.55rem, 3vw, 2.82rem);
    line-height: 1.07;
}

.work-sample-card dl {
    display: grid;
    gap: 12px;
    margin: 0;
}

.work-sample-card dt {
    margin-top: 8px;
    color: var(--ink);
    font-weight: 850;
}

.work-sample-card dd {
    margin: -8px 0 0;
    color: var(--ink-muted);
    line-height: 1.55;
}

.fit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(60, 56, 70, 0.14);
    background: rgba(255, 255, 250, 0.72);
}

.fit-grid div {
    min-height: 190px;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: clamp(22px, 3vw, 32px);
    border-right: 1px solid rgba(60, 56, 70, 0.12);
    border-bottom: 1px solid rgba(60, 56, 70, 0.12);
}

.fit-grid div:nth-child(3n) {
    border-right: 0;
}

.fit-grid div:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.fit-grid span {
    color: var(--ink-muted);
    line-height: 1.55;
}

@media (max-width: 1120px) {
    .mess-map,
.mess-map.compact,
.fit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mess-map div:nth-child(2n),
.fit-grid div:nth-child(2n) {
        border-right: 0;
    }

    .mess-map div:nth-child(3n),
.fit-grid div:nth-child(3n) {
        border-right: 1px solid rgba(60, 56, 70, 0.12);
    }

    .fit-grid div:nth-last-child(-n + 3) {
        border-bottom: 1px solid rgba(60, 56, 70, 0.12);
    }

    .fit-grid div:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .work-sample-card,
.work-sample-card:nth-child(even) {
        grid-template-columns: 1fr;
    }

    .work-sample-card:nth-child(even) figure {
        order: 0;
    }
}

@media (max-width: 760px) {
    .portfolio-position .text-link + .text-link {
        display: inline-block;
        margin-left: 0;
        margin-top: 12px;
    }

    .mess-map,
.mess-map.compact,
.fit-grid {
        grid-template-columns: 1fr;
    }

    .mess-map div,
.mess-map div:nth-child(2n),
.mess-map div:nth-child(3n),
.fit-grid div,
.fit-grid div:nth-child(2n),
.fit-grid div:nth-child(3n) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(60, 56, 70, 0.12);
    }

    .mess-map div:last-child,
.fit-grid div:last-child {
        border-bottom: 0;
    }

    .work-sample-card {
        padding: 14px;
    }

    .work-sample-card figure {
        min-height: 220px;
    }
}

/* 2026-08-04 business portfolio repair */
body {
    background:
        radial-gradient(circle at 18% 0%, rgba(124, 92, 173, 0.18), transparent 34rem),
        radial-gradient(circle at 86% 10%, rgba(112, 167, 117, 0.12), transparent 30rem),
        #111019;
}

header {
    border-bottom-color: rgba(213, 205, 226, 0.12);
    background: rgba(16, 15, 23, 0.94);
}

.logo,
.brand-logo span,
.nav-links a {
    color: #f3f0ea;
}

.logo small,
.brand-logo small {
    color: #a7d29a;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"] {
    color: #b99cff;
}

.editorial-nav .nav-links a,
.nav-links .utility-link a {
    color: #ece7df;
    font-weight: 700;
}

.editorial-nav .nav-links a:hover,
.editorial-nav .nav-links a:focus-visible,
.editorial-nav .nav-links a[aria-current="page"],
.nav-links .utility-link a:hover,
.nav-links .utility-link a:focus-visible {
    color: #b8ecaa;
}

.nav-toggle {
    color: #f3f0ea;
    border-color: rgba(232, 229, 221, 0.2);
    background: rgba(255, 255, 255, 0.04);
}

.portfolio-hero {
    position: relative;
    min-height: clamp(720px, 90vh, 900px);
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(12, 11, 18, 0.98), rgba(18, 16, 28, 0.94) 42%, rgba(18, 16, 28, 0.7) 100%),
        radial-gradient(circle at 78% 34%, rgba(128, 104, 176, 0.24), transparent 28rem),
        radial-gradient(circle at 88% 78%, rgba(106, 158, 104, 0.16), transparent 26rem),
        url("assets/elkwai-business-hero-system.png") right center / cover no-repeat,
        #111019;
}

.portfolio-hero .hero-inner {
    grid-template-columns: minmax(0, 0.86fr) minmax(420px, 0.9fr);
    gap: clamp(34px, 7vw, 96px);
    align-items: center;
}

.portfolio-hero .home-hero-copy {
    width: 100%;
    max-width: 680px;
}

.portfolio-hero h1 {
    max-width: 760px;
    color: #f6f3ed;
    text-wrap: balance;
}

.portfolio-hero p {
    max-width: 620px;
    color: #d8d1c9;
}

.business-hero-proof {
    display: grid;
    gap: 14px;
    width: min(100%, 680px);
    justify-self: end;
    padding: clamp(14px, 1.8vw, 20px);
    border: 1px solid rgba(197, 184, 222, 0.24);
    background:
        linear-gradient(145deg, rgba(37, 32, 51, 0.84), rgba(18, 16, 27, 0.86)),
        rgba(17, 16, 25, 0.84);
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(18px);
}

.business-hero-proof figure {
    margin: 0;
    min-height: clamp(260px, 42vw, 390px);
    overflow: hidden;
    border: 1px solid rgba(232, 229, 221, 0.16);
    background: #191622;
}

.business-hero-proof img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    filter: saturate(0.88) contrast(0.96);
}

.business-hero-proof-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.14);
}

.business-hero-proof-rail div {
    min-height: 104px;
    display: grid;
    gap: 8px;
    align-content: center;
    padding: 16px;
    border-right: 1px solid rgba(232, 229, 221, 0.12);
}

.business-hero-proof-rail div:last-child {
    border-right: 0;
}

.business-hero-proof-rail strong {
    color: #b8ecaa;
    font-family: var(--mono);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.business-hero-proof-rail span {
    color: #eee9df;
    font-size: 0.94rem;
    line-height: 1.35;
}

.portfolio-position-section,
.business-integration-proof,
.portfolio-system-section,
.workflow-route-section,
.work-sample-story-section,
.work-sample-gallery {
    border-color: rgba(232, 229, 221, 0.1);
    background:
        linear-gradient(180deg, rgba(24, 21, 33, 0.98), rgba(16, 15, 24, 0.98)),
        #111019;
}

.portfolio-position h2,
.portfolio-system-section .section-head h2,
.business-integration-proof .section-head h2,
.workflow-route-section .section-head h2,
.work-sample-story-section .section-head h2,
.work-sample-gallery .section-head h2 {
    color: #f5f1ea;
}

.portfolio-position p,
.portfolio-system-section .section-head p,
.business-integration-proof .section-head p,
.workflow-route-section .section-head p,
.work-sample-story-section .section-head p,
.work-sample-gallery .section-head p {
    color: #cfc7bd;
}

.portfolio-system-grid,
.workflow-route-grid,
.familiar-system-ledger,
.mess-map,
.fit-grid {
    border-color: rgba(232, 229, 221, 0.15);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.2);
}

.portfolio-system-card,
.workflow-route-card,
.familiar-system-ledger div,
.work-sample-card,
.mess-map div,
.fit-grid div {
    border-color: rgba(232, 229, 221, 0.12);
    color: #f5f1ea;
    background:
        linear-gradient(145deg, rgba(42, 36, 56, 0.78), rgba(24, 22, 34, 0.74)),
        rgba(25, 22, 34, 0.76);
}

.portfolio-system-card:hover,
.workflow-route-card:hover {
    background:
        linear-gradient(145deg, rgba(57, 47, 76, 0.86), rgba(28, 25, 40, 0.82)),
        rgba(30, 26, 41, 0.82);
}

.portfolio-system-card :is(strong, h3, dt),
.workflow-route-card strong,
.familiar-system-ledger span,
.work-sample-card :is(h3, dt),
.mess-map strong,
.fit-grid span {
    color: #f5f1ea;
}

.portfolio-system-card :is(p, dd),
.workflow-route-card p,
.work-sample-card dd,
.mess-map p,
.fit-grid span {
    color: #cfc7bd;
}

.portfolio-system-card span,
.workflow-route-card span,
.familiar-system-ledger strong,
.work-sample-card > div > span,
.mess-map span,
.fit-grid strong {
    color: #a7d29a;
}

.work-sample-card figure {
    border-color: rgba(232, 229, 221, 0.14);
    background: rgba(12, 11, 18, 0.58);
}

.work-sample-card img {
    background: rgba(241, 238, 230, 0.92);
}

.contact-close-band {
    background:
        linear-gradient(90deg, rgba(18, 16, 28, 0.98), rgba(35, 29, 49, 0.98)),
        #111019;
}

.contact-close-band :is(h2, p) {
    color: #f5f1ea;
}

@media (max-width: 1040px) {
    .portfolio-hero {
        padding: 92px 1rem 76px;
        background-position: center;
    }

    .portfolio-hero .hero-inner {
        grid-template-columns: 1fr;
    }

    .business-hero-proof {
        justify-self: stretch;
        width: 100%;
    }

    .portfolio-hero p {
        max-width: 58ch;
    }
}

@media (max-width: 760px) {
    .portfolio-hero {
        min-height: auto;
        padding: 92px 1rem 64px;
    }

    .portfolio-hero p {
        max-width: 100%;
    }

    .business-hero-proof-rail {
        grid-template-columns: 1fr;
    }

    .business-hero-proof-rail div {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(232, 229, 221, 0.12);
    }

    .business-hero-proof-rail div:last-child {
        border-bottom: 0;
    }
}

/* 2026-08-05 business demo portfolio expansion */
.brand-logo::before {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    background-image: url("assets/elkwai-solutions-logo-v3.png") !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-logo:has(> img)::before {
    content: none;
}

.brand-logo > img {
    display: block;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    object-fit: contain;
}

.navbar {
    min-height: 76px;
}

.brand-logo span {
    font-size: 1.12rem;
}

.brand-logo small {
    color: #a7d29a;
}

.business-demo-showcase-section {
    background:
        radial-gradient(circle at 18% 12%, rgba(127, 96, 178, 0.18), transparent 34rem),
        linear-gradient(180deg, #15131e, #111019 72%, #171420);
    border-top: 1px solid rgba(232, 229, 221, 0.08);
}

.business-demo-showcase-section .section-head h2 {
    color: #f7f4ec;
}

.business-demo-showcase-section .section-head p {
    color: #cfc9bf;
}

.interactive-demo-link-section {
    border-top: 1px solid rgba(232, 229, 221, 0.1);
    border-bottom: 1px solid rgba(232, 229, 221, 0.1);
    background:
        radial-gradient(circle at 16% 20%, rgba(127, 96, 178, 0.18), transparent 30rem),
        linear-gradient(135deg, rgba(18, 16, 28, 0.98), rgba(13, 18, 22, 0.98));
}

.interactive-demo-link {
    display: grid;
    gap: 1rem;
    max-width: 820px;
}

.interactive-demo-link h2 {
    max-width: 680px;
    color: #f7f4ec;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1;
}

.interactive-demo-link p {
    max-width: 650px;
    color: #d8d1c9;
    font-size: clamp(1rem, 1.25vw, 1.12rem);
    line-height: 1.55;
}

.interactive-demo-link .btn {
    justify-self: start;
}

.business-demo-showcase {
    display: grid;
    gap: clamp(18px, 3vw, 28px);
}

.business-demo-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.14);
    background: rgba(255, 255, 255, 0.03);
}

.business-demo-tabs button {
    min-height: 74px;
    padding: 14px;
    border: 0;
    border-right: 1px solid rgba(232, 229, 221, 0.12);
    color: #d8d1c9;
    background: transparent;
    font: 800 0.82rem/1.2 var(--body-font);
    letter-spacing: 0;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition), color var(--transition);
}

.business-demo-tabs button:last-child {
    border-right: 0;
}

.business-demo-tabs button:hover,
.business-demo-tabs button:focus-visible,
.business-demo-tabs button.is-active {
    color: #f7f4ec;
    background:
        linear-gradient(145deg, rgba(119, 98, 155, 0.36), rgba(143, 168, 132, 0.12));
}

.business-demo-panels {
    border: 1px solid rgba(232, 229, 221, 0.16);
    background:
        linear-gradient(145deg, rgba(43, 36, 58, 0.68), rgba(20, 18, 30, 0.88)),
        rgba(18, 16, 28, 0.84);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
}

.business-demo-panel {
    grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(24px, 4vw, 58px);
    align-items: stretch;
    padding: clamp(16px, 3vw, 32px);
}

.business-demo-panel.is-active {
    display: grid;
}

.business-demo-panel[hidden] {
    display: none !important;
}

.business-demo-panel figure {
    position: relative;
    min-height: 360px;
    margin: 0;
    overflow: auto;
    border: 1px solid rgba(232, 229, 221, 0.14);
    background: rgba(0, 0, 0, 0.2);
}

.business-demo-panel img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left top;
}

.business-demo-panel > div {
    display: grid;
    align-content: center;
    gap: 16px;
}

.business-demo-panel span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.business-demo-panel h3 {
    max-width: 820px;
    color: #f7f4ec;
    font-size: clamp(1.8rem, 3.7vw, 3.6rem);
    line-height: 1.02;
}

.business-demo-panel p,
.business-demo-panel li {
    color: #d8d1c9;
    font-size: clamp(1rem, 1.25vw, 1.12rem);
    line-height: 1.58;
}

.business-demo-panel ul {
    display: grid;
    gap: 10px;
    margin: 6px 0;
    padding: 0;
    list-style: none;
}

.business-demo-panel li {
    position: relative;
    padding-left: 24px;
}

.business-demo-panel li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.68em;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(167, 210, 154, 0.75);
    background: rgba(167, 210, 154, 0.18);
}

.business-demo-panel .text-link {
    align-self: start;
}

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

.product-overview-section {
    border-top: 1px solid rgba(232, 229, 221, 0.1);
    background:
        linear-gradient(180deg, rgba(14, 13, 20, 0.98), rgba(22, 19, 31, 0.98));
}

.product-overview-section .page-kicker {
    color: #a7d29a;
}

@media (max-width: 1120px) {
    .business-demo-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .business-demo-tabs button:nth-child(3n) {
        border-right: 0;
    }

    .business-demo-tabs button:nth-child(n + 4) {
        border-top: 1px solid rgba(232, 229, 221, 0.12);
    }

    .business-demo-panel,
.business-demo-panel.is-active {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .brand-logo::before,
    .brand-logo > img {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .navbar {
        min-height: 68px;
    }

    .business-demo-tabs {
        grid-template-columns: 1fr;
    }

    .business-demo-tabs button,
.business-demo-tabs button:nth-child(3n) {
        min-height: 58px;
        border-right: 0;
        border-top: 1px solid rgba(232, 229, 221, 0.12);
    }

    .business-demo-tabs button:first-child {
        border-top: 0;
    }

    .business-demo-panel figure {
        min-height: 230px;
    }
}

/* 2026-08-05 sitewide dark-mode normalization */
:root {
    color-scheme: dark;
    --bg: #0f0d17;
    --bg-2: #171421;
    --surface: rgba(28, 24, 39, 0.88);
    --surface-strong: rgba(36, 30, 50, 0.96);
    --card-bg: var(--surface);
    --paper: #15121d;
    --paper-2: #1d1928;
    --ink: #f5f1ea;
    --ink-muted: #cfc7bd;
    --ink-soft: #aaa2b2;
    --text: #f7f4ec;
    --muted: #cfc7bd;
    --soft: #e1dbd0;
    --line: rgba(232, 229, 221, 0.12);
    --line-strong: rgba(232, 229, 221, 0.22);
    --cyan: #9b83ca;
    --teal: #a7d29a;
    --purple: #9b83ca;
    --green: #a7d29a;
    --mint: #a7d29a;
    --shadow: 0 28px 88px rgba(0, 0, 0, 0.34);
}

html,
body {
    background:
        radial-gradient(circle at 16% 0%, rgba(124, 92, 173, 0.16), transparent 34rem),
        radial-gradient(circle at 88% 8%, rgba(112, 167, 117, 0.11), transparent 30rem),
        linear-gradient(180deg, #111019 0%, #0f0d17 48%, #15121d 100%) !important;
    color: var(--text) !important;
}

header,
.editorial-nav,
.navbar {
    border-bottom-color: rgba(232, 229, 221, 0.12) !important;
    background: rgba(14, 13, 20, 0.95) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24) !important;
}

.logo,
.brand-logo span,
.nav-links a,
.editorial-nav .nav-links a,
.nav-links .utility-link a {
    color: #f5f1ea !important;
}

.logo small,
.brand-logo small,
.page-kicker,
.work-card small,
.proof-card small,
.operating-reality-card small,
.portfolio-nav-list span,
.engineering-proof-list span,
.system-card-head span,
.workflow-route-card span,
.integration-row span,
.lab-proof-list strong,
.product-mini-grid strong,
.familiar-system-ledger strong,
.system-status-row span,
.integration-scenario-card > div > span,
.offering-card span,
.mess-map span,
.work-sample-card > div > span,
.fit-grid strong {
    color: var(--teal) !important;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="page"],
.editorial-nav .nav-links a:hover,
.editorial-nav .nav-links a:focus-visible,
.editorial-nav .nav-links a[aria-current="page"],
.nav-links .utility-link a:hover,
.nav-links .utility-link a:focus-visible {
    color: #b8ecaa !important;
}

.nav-toggle {
    color: #f5f1ea !important;
    border-color: rgba(232, 229, 221, 0.2) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

.section,
.band,
.product-band,
.positioning-band,
.editorial-statement,
.solution-index-section,
.operating-reality-section,
.portfolio-nav-section,
.business-solutions-home,
.business-integration-proof,
.familiar-systems-section,
.integration-demo-gallery,
.offering-method-section,
.portfolio-position-section,
.portfolio-system-section,
.workflow-route-section,
.work-sample-story-section,
.work-sample-gallery,
.engineering-proof-section,
.technical-demo-section,
.architecture-map-section,
.data-demo-section,
.ai-operations-section,
.contact-band,
.product-overview-section {
    border-color: rgba(232, 229, 221, 0.1) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(124, 92, 173, 0.12), transparent 28rem),
        radial-gradient(circle at 90% 12%, rgba(112, 167, 117, 0.08), transparent 26rem),
        linear-gradient(180deg, rgba(24, 21, 33, 0.98), rgba(15, 13, 23, 0.98)),
        #111019 !important;
    color: var(--text) !important;
}

.page-hero,
.home-hero,
.portfolio-hero,
.process-band,
.business-proof-band,
.image-led-band,
.contact-close-band,
.portfolio-lab-band,
.integration-ledger-section,
.business-demo-showcase-section {
    background:
        radial-gradient(circle at 16% 12%, rgba(124, 92, 173, 0.18), transparent 31rem),
        radial-gradient(circle at 86% 12%, rgba(112, 167, 117, 0.12), transparent 30rem),
        linear-gradient(180deg, #171421, #0f0d17 72%, #15121d) !important;
    color: var(--text) !important;
}

.section-head h1,
.section-head h2,
.section-head h3,
.positioning-band h2,
.portfolio-position h2,
.business-integration-proof .section-head h2,
.portfolio-system-section .section-head h2,
.workflow-route-section .section-head h2,
.work-sample-story-section .section-head h2,
.work-sample-gallery .section-head h2,
.ai-operations-section .section-head h2,
.data-demo-section .section-head h2,
.page-summary strong,
.proof-card strong,
.work-card h3,
.example-card h3,
.detail-panel h3,
.solution-panel h3,
.operating-reality-card strong,
.portfolio-nav-list strong,
.portfolio-system-card :is(strong, h3, dt),
.workflow-route-card strong,
.familiar-system-ledger span,
.system-status-row strong,
.integration-scenario-card h3,
.integration-scenario-card dt,
.offering-card h3,
.offering-card strong,
.mess-map strong,
.work-sample-card :is(h3, dt),
.fit-grid span,
.business-solution-card strong,
.architecture-rail strong,
.trace-header h3 {
    color: var(--text) !important;
}

.section-head p,
.positioning-band p,
.portfolio-position p,
.business-integration-proof .section-head p,
.portfolio-system-section .section-head p,
.workflow-route-section .section-head p,
.work-sample-story-section .section-head p,
.work-sample-gallery .section-head p,
.ai-operations-section .section-head p,
.data-demo-section .section-head p,
.page-summary span,
.proof-card span,
.work-card p,
.example-card p,
.detail-panel p,
.detail-panel li,
.solution-panel p,
.operating-reality-card span,
.portfolio-nav-list em,
.portfolio-system-card :is(p, dd),
.workflow-route-card p,
.system-status-row em,
.integration-scenario-card :is(p, dd),
.offering-card p,
.offering-card em,
.mess-map p,
.work-sample-card dd,
.fit-grid span,
.business-solution-card span,
.architecture-rail span,
.trace-detail-grid :is(p, li, dd, em),
.data-quality-board :is(p, li, span, em, dd) {
    color: var(--muted) !important;
}

.page-summary,
.card,
.work-card,
.focus-card,
.detail-panel,
.example-card,
.proof-card,
.contact-card,
.case-card,
.solution-panel,
.product-spec-list div,
.operating-reality-card,
.portfolio-nav-list a,
.engineering-proof-list a,
.trace-workbench,
.trace-detail-grid section,
.data-quality-board,
.business-solution-grid,
.business-solution-card,
.portfolio-system-grid,
.portfolio-system-card,
.workflow-route-grid,
.workflow-route-card,
.familiar-system-ledger,
.familiar-system-ledger div,
.system-status-row,
.integration-scenario-card,
.offering-grid,
.offering-card,
.mess-map,
.mess-map div,
.work-sample-card,
.fit-grid,
.fit-grid div,
.business-demo-tabs,
.business-demo-panels,
.business-hero-proof,
.business-hero-proof-rail,
.business-hero-proof-rail div,
.product-mini-grid a {
    border-color: rgba(232, 229, 221, 0.14) !important;
    background:
        linear-gradient(145deg, rgba(43, 36, 58, 0.78), rgba(22, 20, 32, 0.84)),
        rgba(22, 20, 32, 0.86) !important;
    color: var(--text) !important;
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.24) !important;
}

.portfolio-system-card.primary,
.business-proof-grid,
.image-led-panel,
.portfolio-lab-panel {
    border-color: rgba(167, 210, 154, 0.18) !important;
    background:
        linear-gradient(145deg, rgba(45, 38, 61, 0.86), rgba(17, 16, 25, 0.92)),
        rgba(17, 16, 25, 0.9) !important;
    color: var(--text) !important;
}

.btn {
    border-color: rgba(167, 210, 154, 0.46) !important;
    background: #8fa884 !important;
    color: #101018 !important;
}

.btn:hover,
.btn:focus-visible {
    background: #a7d29a !important;
    color: #101018 !important;
}

.btn.secondary,
.btn.ghost {
    border-color: rgba(167, 210, 154, 0.32) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: var(--text) !important;
}

.text-link,
.link {
    color: #c7efbb !important;
}

.tech-list span,
.demo-selector button,
.demo-selector label,
.business-demo-tabs button,
input,
textarea,
select {
    border-color: rgba(232, 229, 221, 0.16) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--text) !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(247, 244, 236, 0.56) !important;
}

.page-summary,
.business-hero-proof figure,
.business-demo-panel figure,
.work-sample-card figure,
.integration-scenario-card figure,
.product-overview-media,
.integration-proof-media {
    background: rgba(10, 9, 15, 0.72) !important;
}

.business-hero-proof img,
.business-demo-panel img,
.work-sample-card img,
.integration-scenario-card img,
.product-overview-media img,
.integration-proof-media img,
.portfolio-lab-media img,
.system-visual {
    filter: brightness(0.82) contrast(0.98) saturate(0.9);
}

.brand-logo::before {
    filter: none !important;
}

.case-meta-grid strong,
.trace-header > strong {
    color: #a7d29a !important;
}

.trace-header > strong {
    border-color: rgba(167, 210, 154, 0.34) !important;
    background: rgba(167, 210, 154, 0.1) !important;
}

@media (max-width: 760px) {
    header,
.editorial-nav,
.navbar,
.nav-links {
        background: rgba(14, 13, 20, 0.98) !important;
    }

    .nav-links {
        border-color: rgba(232, 229, 221, 0.14) !important;
    }
}

/* 2026-08-06 interactive work sample console */
.work-sample-interactive-section {
    border-top: 1px solid rgba(232, 229, 221, 0.1);
}

.work-sample-showcase {
    display: grid;
    gap: clamp(18px, 3vw, 28px);
}

.work-sample-selector {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.14);
    background: rgba(255, 255, 255, 0.03);
}

.work-sample-selector button {
    min-height: 64px;
    padding: 14px 16px;
    border: 0;
    border-right: 1px solid rgba(232, 229, 221, 0.12);
    color: #d8d1c9;
    background: transparent;
    font: 800 0.82rem/1.2 var(--body-font);
    letter-spacing: 0;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition), color var(--transition);
}

.work-sample-selector button:nth-child(4n) {
    border-right: 0;
}

.work-sample-selector button:nth-child(n + 5) {
    border-top: 1px solid rgba(232, 229, 221, 0.12);
}

.work-sample-selector button.is-active {
    position: relative;
    border-bottom: 0;
    box-shadow: inset 0 -2px 0 #c4eb9f;
    z-index: 1;
}

.work-sample-selector button.is-active::after {
    content: '';
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(196, 235, 159, 0.4);
    pointer-events: none;
}

.work-sample-selector button:hover,
.work-sample-selector button:focus-visible,
.work-sample-selector button.is-active {
    color: #f7f4ec;
    background:
        linear-gradient(145deg, rgba(119, 98, 155, 0.36), rgba(143, 168, 132, 0.12));
    outline: none;
}

.work-sample-panels {
    border: 1px solid rgba(232, 229, 221, 0.16);
    background:
        linear-gradient(145deg, rgba(43, 36, 58, 0.68), rgba(20, 18, 30, 0.9)),
        rgba(18, 16, 28, 0.9);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
}

.work-sample-panel {
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: clamp(22px, 4vw, 52px);
    align-items: stretch;
    padding: clamp(18px, 3vw, 34px);
}

.work-sample-panel.is-active {
    display: grid;
}

.work-sample-panel[hidden] {
    display: none !important;
}

.sample-console {
    display: grid;
    align-content: start;
    gap: clamp(18px, 2.4vw, 26px);
}

.sample-console-head {
    display: grid;
    gap: 12px;
}

.sample-console-head span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sample-console-head h3 {
    max-width: 780px;
    color: #f7f4ec;
    font-size: clamp(1.45rem, 2.25vw, 2.35rem);
    line-height: 1.08;
}

.sample-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.12);
}

.sample-metrics div {
    min-height: 104px;
    display: grid;
    align-content: center;
    gap: 7px;
    padding: 14px;
    border-right: 1px solid rgba(232, 229, 221, 0.1);
    background: rgba(255, 255, 255, 0.025);
}

.sample-metrics div:last-child {
    border-right: 0;
}

.sample-metrics strong {
    color: #f7f4ec;
    font-size: clamp(1.35rem, 2.5vw, 2.25rem);
    line-height: 1;
}

.sample-metrics span {
    color: #cfc7bd;
    font-size: 0.88rem;
    line-height: 1.34;
}

.sample-flow {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: sample-flow;
}

.sample-flow li {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 14px 0;
    border-top: 1px solid rgba(232, 229, 221, 0.12);
}

.sample-flow li:last-child {
    border-bottom: 1px solid rgba(232, 229, 221, 0.12);
}

.sample-flow strong {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sample-flow span {
    color: #d8d1c9;
    line-height: 1.55;
}

.sample-evidence {
    position: relative;
    margin: 0;
    display: grid;
    place-items: center;
    align-self: start;
    overflow: auto;
    padding: clamp(10px, 1.6vw, 18px);
    border: 1px solid rgba(232, 229, 221, 0.14);
    background:
        linear-gradient(145deg, rgba(12, 11, 18, 0.66), rgba(20, 18, 30, 0.86));
}

.sample-evidence img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 68vh;
    object-fit: contain;
    object-position: center;
    filter: brightness(0.84) contrast(0.98) saturate(0.9);
}

.portfolio-demo-launch {
    position: absolute;
    right: 14px;
    bottom: 14px;
    border: 1px solid rgba(232, 229, 221, 0.22);
    padding: 8px 12px;
    background: rgba(17, 15, 22, 0.86);
    color: #f8f6ee;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 780;
    cursor: pointer;
    transition: background var(--transition), border-color var(--transition);
    z-index: 9;
}

.portfolio-demo-launch:hover,
.portfolio-demo-launch:focus-visible {
    border-color: rgba(184, 236, 170, 0.38);
    background: rgba(32, 39, 28, 0.86);
    outline: none;
}

.portfolio-preview-image {
    cursor: zoom-in;
    transition: transform var(--transition), filter var(--transition);
}

.portfolio-preview-image:hover,
.portfolio-preview-image:focus-visible {
    transform: scale(1.012);
    filter: saturate(1.08) brightness(0.94);
    outline: 1px solid rgba(184, 236, 170, 0.55);
    outline-offset: 4px;
}

.portfolio-preview-overlay {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: clamp(14px, 3vw, 26px);
    background: rgba(8, 8, 12, 0.84);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--transition), visibility var(--transition);
}

.portfolio-preview-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.portfolio-preview-frame {
    position: relative;
    width: min(96vw, 1280px);
    max-height: calc(100vh - 20px);
    max-width: 1200px;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.95fr);
    align-items: start;
    gap: 10px;
    padding: clamp(10px, 1.6vw, 18px);
    background: rgba(12, 11, 20, 0.96);
    border: 1px solid rgba(232, 229, 221, 0.2);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.portfolio-preview-close {
    grid-column: 1 / -1;
    justify-self: end;
    min-height: 36px;
    width: 36px;
    border: 1px solid rgba(232, 229, 221, 0.22);
    border-radius: 999px;
    color: #f6f3ec;
    background: rgba(23, 20, 30, 0.82);
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1;
}

.portfolio-preview-media-wrap {
    min-height: 0;
    width: 100%;
    display: grid;
    place-items: start center;
    padding: 6px;
    border: 1px solid rgba(232, 229, 221, 0.12);
    background: rgba(255, 255, 255, 0.02);
    overflow: auto;
    max-height: calc(100vh - 220px);
}

.portfolio-preview-image-large {
    max-width: min(100%, 1160px);
    width: 100%;
    max-height: min(100vh - 300px, 820px);
    height: auto;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}

.portfolio-preview-workflow {
    display: grid;
    gap: 10px;
}

.portfolio-preview-step-header {
    margin: 0;
    color: #f8f6ec;
    font-size: 1.03rem;
    line-height: 1.24;
}

.portfolio-preview-workflow-meta,
.portfolio-preview-workflow-outcome {
    margin: 0;
    color: #d8d1c5;
    font-size: 0.84rem;
    line-height: 1.45;
}

.portfolio-preview-workflow-outcome {
    color: #d4f0c5;
}

.portfolio-preview-details {
    min-height: 0;
    display: grid;
    gap: 10px;
    min-width: min(360px, 100%);
}

.portfolio-preview-title {
    margin: 0;
    color: #f7f4ec;
    font-size: 1.36rem;
    line-height: 1.18;
}

.portfolio-preview-subtitle {
    margin: 0;
    color: #d7d1c5;
    line-height: 1.52;
}

.portfolio-preview-meta {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 7px;
    color: #d7d1c5;
}

.portfolio-preview-jump {
    color: #a7d29a;
    text-underline-offset: 2px;
    width: fit-content;
}

.portfolio-preview-step-list {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 7px;
    max-height: 32vh;
    overflow: auto;
}

.portfolio-preview-step-item {
    list-style: none;
    margin: 0;
}

.portfolio-preview-step-item-toggle {
    width: 100%;
    margin: 0;
    border: 1px solid rgba(232, 229, 221, 0.18);
    border-radius: 10px;
    background: rgba(23, 20, 30, 0.48);
    color: #f6f3ec;
    padding: 8px 10px;
    text-align: left;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 8px;
    align-items: start;
    cursor: pointer;
    transition: border-color var(--transition), background var(--transition);
}

.portfolio-preview-step-item-toggle:hover,
.portfolio-preview-step-item-toggle:focus-visible {
    border-color: rgba(184, 236, 170, 0.45);
    background: rgba(58, 100, 63, 0.2);
    outline: none;
}

.portfolio-preview-step-item-toggle span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    min-width: 26px;
    border: 1px solid rgba(232, 229, 221, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    color: #f6f3ec;
    font: 700 0.72rem/1 var(--mono);
}

.portfolio-preview-step-item-toggle div strong {
    display: block;
    margin-bottom: 4px;
    font-size: 0.85rem;
    color: #f6f3ec;
}

.portfolio-preview-step-item-toggle div p {
    margin: 0;
    color: #d8d2c8;
    line-height: 1.45;
    font-size: 0.76rem;
}

.portfolio-preview-step-item.is-active .portfolio-preview-step-item-toggle {
    border-color: rgba(165, 233, 150, 0.53);
    background: rgba(55, 90, 57, 0.22);
}

.portfolio-preview-step-item.is-active .portfolio-preview-step-item-toggle span {
    border-color: rgba(165, 233, 150, 0.45);
    color: #e8f8d8;
}

.portfolio-preview-step-item.is-empty {
    color: #a59d92;
}

.portfolio-preview-step-output {
    margin: 2px 0 0;
    color: #e5dcca;
    min-height: 1.5rem;
    font-weight: 700;
}

.portfolio-preview-step-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.portfolio-demo-step-prev,
.portfolio-demo-step-next,
.portfolio-demo-step-reset {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(232, 229, 221, 0.22);
    border-radius: 999px;
    color: #f6f3ec;
    background: rgba(23, 20, 30, 0.82);
}

.portfolio-demo-step-prev:hover,
.portfolio-demo-step-prev:focus-visible,
.portfolio-demo-step-next:hover,
.portfolio-demo-step-next:focus-visible,
.portfolio-demo-step-reset:hover,
.portfolio-demo-step-reset:focus-visible,
.portfolio-preview-prev:hover,
.portfolio-preview-prev:focus-visible,
.portfolio-preview-next:hover,
.portfolio-preview-next:focus-visible,
.portfolio-preview-close:hover,
.portfolio-preview-close:focus-visible {
    border-color: rgba(184, 236, 170, 0.38);
    background: rgba(32, 39, 28, 0.72);
}

.portfolio-preview-step-controls [disabled],
.portfolio-demo-step-prev[disabled],
.portfolio-demo-step-next[disabled],
.portfolio-demo-step-reset[disabled] {
    opacity: 0.56;
    cursor: not-allowed;
}

.portfolio-preview-caption {
    margin: 0;
    color: #d8d2c8;
    font-size: 0.92rem;
    text-align: center;
}

.portfolio-preview-controls {
    justify-self: center;
    display: flex;
    gap: 10px;
}

.portfolio-preview-prev,
.portfolio-preview-next {
    min-height: 36px;
    padding: 0 16px;
    border: 1px solid rgba(232, 229, 221, 0.22);
    background: rgba(23, 20, 30, 0.82);
    color: #f6f3ec;
    border-radius: 999px;
}

.portfolio-preview-prev:hover,
.portfolio-preview-prev:focus-visible,
.portfolio-preview-next:hover,
.portfolio-preview-next:focus-visible,
.portfolio-preview-close:hover,
.portfolio-preview-close:focus-visible {
    border-color: rgba(184, 236, 170, 0.38);
    background: rgba(32, 39, 28, 0.72);
}

@media (max-width: 1120px) {
    .work-sample-selector {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .work-sample-selector button:nth-child(4n) {
        border-right: 1px solid rgba(232, 229, 221, 0.12);
    }

    .work-sample-selector button:nth-child(3n) {
        border-right: 0;
    }

    .work-sample-selector button:nth-child(n + 4) {
        border-top: 1px solid rgba(232, 229, 221, 0.12);
    }

    .work-sample-panel,
.work-sample-panel.is-active {
        grid-template-columns: 1fr;
    }
}

/* 2026-08-08 portfolio implementation surface */
.implementation-live-surface {
    display: grid;
    grid-template-columns: minmax(180px, 212px) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(232, 229, 221, 0.16);
    background:
        linear-gradient(145deg, rgba(39, 33, 54, 0.92), rgba(12, 11, 18, 0.96)),
        #12101a;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
}

.implementation-rail {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: clamp(18px, 2vw, 24px);
    border-right: 1px solid rgba(232, 229, 221, 0.12);
    background: rgba(9, 9, 14, 0.38);
}

.implementation-rail span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.implementation-rail strong {
    margin-bottom: 10px;
    color: #f7f4ec;
    font-size: 1.08rem;
    line-height: 1.2;
}

.implementation-rail button {
    min-height: 38px;
    border: 1px solid transparent;
    padding: 0 10px;
    color: #d8d1c9;
    background: transparent;
    font: 800 0.78rem/1 var(--body-font);
    text-align: left;
    cursor: pointer;
}

.implementation-rail button:hover,
.implementation-rail button:focus-visible,
.implementation-rail button.is-active {
    border-color: rgba(167, 210, 154, 0.28);
    background: rgba(167, 210, 154, 0.1);
    color: #f7f4ec;
    outline: none;
}

.implementation-main {
    display: grid;
    gap: 16px;
    padding: clamp(18px, 2.3vw, 28px);
}

.implementation-header {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
}

.implementation-header span {
    display: block;
    margin-bottom: 8px;
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.implementation-header h3 {
    max-width: 880px;
    color: #f7f4ec;
    font-size: clamp(1.35rem, 2.3vw, 2.25rem);
    line-height: 1.1;
}

.implementation-header > strong {
    flex: 0 0 auto;
    border: 1px solid rgba(167, 210, 154, 0.32);
    padding: 9px 12px;
    color: #dff5d6;
    background: rgba(167, 210, 154, 0.1);
    font-family: var(--mono);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.implementation-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.12);
}

.implementation-metrics div {
    min-height: 76px;
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 14px;
    border-right: 1px solid rgba(232, 229, 221, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.implementation-metrics div:last-child {
    border-right: 0;
}

.implementation-metrics span {
    color: #f7f4ec;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 900;
    line-height: 1;
}

.implementation-metrics strong {
    color: #cfc7bd;
    font-size: 0.82rem;
}

.implementation-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.72fr) minmax(270px, 0.78fr);
    gap: 12px;
}

.implementation-panel {
    min-height: 238px;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(232, 229, 221, 0.12);
    background:
        linear-gradient(145deg, rgba(28, 25, 38, 0.9), rgba(13, 12, 19, 0.82)),
        rgba(255, 255, 255, 0.02);
}

.implementation-panel--wide {
    min-width: 0;
}

.implementation-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(232, 229, 221, 0.1);
}

.implementation-panel-head span,
.implementation-step-row span[data-label="state"],
.implementation-service-row span[data-label="state"] {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.implementation-panel-head strong {
    color: #f7f4ec;
    font-family: var(--mono);
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.implementation-timeline,
.implementation-service-list {
    display: grid;
    gap: 8px;
}

.implementation-step-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(90px, 0.34fr) minmax(0, 1fr) minmax(74px, auto);
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(232, 229, 221, 0.08);
}

.implementation-step-row:last-child,
.implementation-service-row:last-child {
    border-bottom: 0;
}

.implementation-step-row::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(167, 210, 154, 0.42);
    background: rgba(167, 210, 154, 0.12);
}

.implementation-step-row > strong {
    padding-left: 20px;
}

.implementation-step-row strong,
.implementation-service-row strong,
.implementation-decision-card strong {
    color: #f7f4ec;
    font-size: 0.9rem;
}

.implementation-step-row span[data-label="detail"],
.implementation-service-row span[data-label="detail"],
.implementation-decision-card p {
    color: #cbc5bb;
    font-size: 0.8rem;
    line-height: 1.42;
}

.implementation-step-row span[data-label="state"],
.implementation-service-row span[data-label="state"] {
    justify-self: end;
    border: 1px solid rgba(167, 210, 154, 0.22);
    padding: 5px 7px;
    background: rgba(167, 210, 154, 0.07);
    color: #dff5d6;
}

.implementation-step-row--active span[data-label="state"],
.implementation-service-row--active span[data-label="state"],
.implementation-service-row--gated span[data-label="state"] {
    border-color: rgba(196, 235, 159, 0.5);
    background: rgba(196, 235, 159, 0.13);
    color: #f5ffe8;
}

.implementation-service-row {
    display: grid;
    grid-template-columns: minmax(88px, 1fr) auto minmax(64px, auto);
    gap: 10px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid rgba(232, 229, 221, 0.08);
}

.implementation-decision-card {
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid rgba(196, 235, 159, 0.18);
    background: rgba(88, 121, 75, 0.08);
}

.implementation-decision-card p {
    margin: 0;
}

.implementation-evidence-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.implementation-evidence-list span {
    border: 1px solid rgba(232, 229, 221, 0.14);
    padding: 7px 9px;
    background: rgba(255, 255, 255, 0.025);
    color: #e4ded4;
    font-size: 0.78rem;
    font-weight: 750;
}

.implementation-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.12);
}

.implementation-zone {
    min-height: 168px;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 16px;
    border-right: 1px solid rgba(232, 229, 221, 0.1);
    border-bottom: 1px solid rgba(232, 229, 221, 0.1);
    background: rgba(255, 255, 255, 0.02);
    opacity: 0.62;
    transition: opacity var(--transition), background var(--transition), box-shadow var(--transition);
}

.implementation-zone:nth-child(4n) {
    border-right: 0;
}

.implementation-zone:nth-last-child(-n + 4) {
    border-bottom: 0;
}

.implementation-zone.is-focused {
    opacity: 1;
    background:
        linear-gradient(145deg, rgba(119, 98, 155, 0.34), rgba(167, 210, 154, 0.1)),
        rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 0 0 1px rgba(196, 235, 159, 0.34);
}

.implementation-zone > span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.implementation-zone ol {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.implementation-zone li {
    display: grid;
    gap: 3px;
    padding-top: 9px;
    border-top: 1px solid rgba(232, 229, 221, 0.08);
}

.implementation-zone strong {
    color: #f7f4ec;
    font-size: 0.84rem;
}

.implementation-zone em {
    color: #cfc7bd;
    font-size: 0.78rem;
    font-style: normal;
}

@media (max-width: 1120px) {
    .implementation-live-surface {
        grid-template-columns: 1fr;
    }

    .implementation-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-right: 0;
        border-bottom: 1px solid rgba(232, 229, 221, 0.12);
    }

    .implementation-rail span,
.implementation-rail strong {
        grid-column: 1 / -1;
    }

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

    .implementation-workbench {
        grid-template-columns: 1fr;
    }

    .implementation-zone:nth-child(4n) {
        border-right: 1px solid rgba(232, 229, 221, 0.1);
    }

    .implementation-zone:nth-child(2n) {
        border-right: 0;
    }

    .implementation-zone:nth-last-child(-n + 4) {
        border-bottom: 1px solid rgba(232, 229, 221, 0.1);
    }

    .implementation-zone:nth-last-child(-n + 2) {
        border-bottom: 0;
    }
}

@media (max-width: 700px) {
    .implementation-rail,
.implementation-metrics,
.implementation-grid,
.implementation-workbench {
        grid-template-columns: 1fr;
    }

    .implementation-header {
        display: grid;
    }

    .implementation-metrics div,
.implementation-zone,
.implementation-zone:nth-child(2n),
.implementation-zone:nth-child(4n) {
        border-right: 0;
    }

    .implementation-zone,
.implementation-zone:nth-last-child(-n + 2),
.implementation-zone:nth-last-child(-n + 4) {
        border-bottom: 1px solid rgba(232, 229, 221, 0.1);
    }

    .implementation-zone:last-child {
        border-bottom: 0;
    }

    .implementation-step-row,
.implementation-service-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .implementation-step-row::before {
        display: none;
    }

    .implementation-step-row > strong {
        padding-left: 0;
    }

    .implementation-step-row span[data-label="state"],
.implementation-service-row span[data-label="state"] {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .work-sample-selector,
.sample-metrics {
        grid-template-columns: 1fr;
    }

    .work-sample-selector button,
.work-sample-selector button:nth-child(4n),
.work-sample-selector button:nth-child(3n),
.sample-metrics div {
        border-right: 0;
        border-top: 1px solid rgba(232, 229, 221, 0.12);
    }

    .work-sample-selector button:first-child,
.sample-metrics div:first-child {
        border-top: 0;
    }

    .sample-flow li {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .portfolio-preview-frame {
        grid-template-columns: 1fr;
        max-height: calc(95vh - 36px);
        width: min(95vw, 100%);
        max-width: 100%;
    }

    .portfolio-preview-image-large {
        max-height: none;
        max-width: min(95vw, 100%);
        width: 100%;
    }

    .portfolio-preview-media-wrap {
        grid-column: 1 / -1;
        max-height: 55vh;
    }

    .portfolio-preview-details {
        grid-column: 1 / -1;
    }

    .sample-evidence img {
        max-height: none;
        height: auto;
    }

    .portfolio-demo-launch {
        position: static;
        margin: 8px 0 0;
        justify-self: end;
    }
}

/* 2026-08-09 Asterwell embedded operations lab */
.asterwell-lab-section {
    border-top: 1px solid rgba(232, 229, 221, 0.12);
    background:
        radial-gradient(circle at 12% 10%, rgba(155, 131, 202, 0.2), transparent 30rem),
        radial-gradient(circle at 88% 8%, rgba(167, 210, 154, 0.12), transparent 27rem),
        linear-gradient(180deg, #15121d 0%, #0f0d17 54%, #171421 100%) !important;
}

.asterwell-lab-wrap {
    display: grid;
    gap: clamp(22px, 3.8vw, 42px);
}

.asterwell-lab-head {
    max-width: 920px;
}

.asterwell-lab-head h2 {
    max-width: 980px;
    color: #f7f4ec;
    font-size: clamp(2.2rem, 5vw, 4.8rem);
}

.asterwell-lab-head p {
    max-width: 820px;
    color: #d8d1c9;
}

.asterwell-dashboard {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    min-height: 820px;
    overflow: hidden;
    border: 1px solid rgba(232, 229, 221, 0.14);
    background:
        linear-gradient(145deg, rgba(45, 38, 61, 0.92), rgba(15, 14, 22, 0.96)),
        #111019;
    box-shadow: 0 32px 110px rgba(0, 0, 0, 0.36);
}

.asterwell-rail {
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(232, 229, 221, 0.12);
    background:
        linear-gradient(180deg, rgba(20, 18, 30, 0.96), rgba(12, 11, 18, 0.98)),
        #100f18;
}

.asterwell-rail-brand {
    display: grid;
    gap: 6px;
    padding: 22px 18px;
    border-bottom: 1px solid rgba(232, 229, 221, 0.12);
}

.asterwell-rail-brand span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 210, 154, 0.34);
    background: linear-gradient(145deg, rgba(155, 131, 202, 0.38), rgba(167, 210, 154, 0.16));
    color: #f7f4ec;
    font-family: var(--mono);
    font-weight: 900;
    letter-spacing: 0.02em;
}

.asterwell-rail-brand strong,
.asterwell-rail-note strong {
    color: #f7f4ec;
    line-height: 1.15;
}

.asterwell-rail-brand small,
.asterwell-rail-note span {
    color: #bcb5ca;
    font-size: 0.8rem;
    line-height: 1.45;
}

.asterwell-rail button {
    min-height: 58px;
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid rgba(232, 229, 221, 0.1);
    background: transparent;
    color: #d8d1c9;
    font: 800 0.83rem/1.25 var(--body-font);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition), color var(--transition), box-shadow var(--transition);
}

.asterwell-rail button:hover,
.asterwell-rail button:focus-visible,
.asterwell-rail button.is-active {
    color: #f7f4ec;
    background:
        linear-gradient(90deg, rgba(155, 131, 202, 0.36), rgba(167, 210, 154, 0.1));
    box-shadow: inset 3px 0 0 #a7d29a;
    outline: none;
}

.asterwell-rail-note {
    display: grid;
    gap: 8px;
    margin-top: auto;
    padding: 18px;
    border-top: 1px solid rgba(232, 229, 221, 0.12);
    background: rgba(255, 255, 255, 0.025);
}

.asterwell-stage {
    display: grid;
    gap: 16px;
    align-content: start;
    padding: clamp(16px, 2.4vw, 28px);
}

.asterwell-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px);
    gap: 18px;
    align-items: stretch;
}

.asterwell-context,
.asterwell-panel-head span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.asterwell-topline h3 {
    margin-top: 8px;
    color: #f7f4ec;
    font-size: clamp(1.7rem, 3.2vw, 3.25rem);
}

.asterwell-topline p {
    max-width: 760px;
    margin-top: 10px;
    color: #d8d1c9;
    font-size: clamp(0.96rem, 1.15vw, 1.06rem);
}

.asterwell-run-card {
    display: grid;
    gap: 8px;
    align-content: center;
    padding: 18px;
    border: 1px solid rgba(167, 210, 154, 0.2);
    background:
        linear-gradient(145deg, rgba(167, 210, 154, 0.08), rgba(155, 131, 202, 0.14)),
        rgba(255, 255, 255, 0.035);
}

.asterwell-run-card span {
    color: #a7d29a;
    font-weight: 850;
}

.asterwell-run-card strong {
    color: #f7f4ec;
    font-family: var(--mono);
    font-size: 0.92rem;
}

.asterwell-run-card small {
    color: #cfc7bd;
}

.asterwell-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.12);
    background: rgba(255, 255, 255, 0.026);
}

.asterwell-kpi {
    display: grid;
    gap: 4px;
    min-height: 104px;
    padding: 16px;
    border-right: 1px solid rgba(232, 229, 221, 0.1);
}

.asterwell-kpi:last-child {
    border-right: 0;
}

.asterwell-kpi strong {
    color: #f7f4ec;
    font-family: var(--heading-font);
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    line-height: 1;
}

.asterwell-kpi span {
    color: #d8d1c9;
    font-weight: 800;
}

.asterwell-kpi small {
    color: #8f88a0;
    font-family: var(--mono);
    font-size: 0.68rem;
    text-transform: uppercase;
}

.asterwell-command-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.asterwell-command-bar button {
    min-height: 42px;
    padding: 10px 13px;
    border: 1px solid rgba(232, 229, 221, 0.14);
    background: rgba(255, 255, 255, 0.045);
    color: #f7f4ec;
    font: 850 0.78rem/1 var(--body-font);
    cursor: pointer;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}

.asterwell-command-bar button:hover,
.asterwell-command-bar button:focus-visible {
    border-color: rgba(167, 210, 154, 0.52);
    background: rgba(167, 210, 154, 0.13);
    color: #f7f4ec;
    outline: none;
}

.asterwell-command-bar button[data-asterwell-action="generate"],
.asterwell-command-bar button[data-asterwell-action="reconcile"] {
    border-color: rgba(167, 210, 154, 0.42);
    background: #8fa884;
    color: #101018;
}

.asterwell-plan-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(232, 229, 221, 0.12);
}

.asterwell-plan-step {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 88px;
    padding: 14px;
    border-right: 1px solid rgba(232, 229, 221, 0.1);
    background: rgba(255, 255, 255, 0.024);
}

.asterwell-plan-step:last-child {
    border-right: 0;
}

.asterwell-plan-step > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(232, 229, 221, 0.14);
    color: #cfc7bd;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 900;
}

.asterwell-plan-step strong {
    display: block;
    color: #f7f4ec;
}

.asterwell-plan-step small {
    display: block;
    margin-top: 3px;
    color: #aaa2b2;
    line-height: 1.35;
}

.asterwell-plan-step--complete > span,
.asterwell-plan-step--current > span {
    border-color: rgba(167, 210, 154, 0.48);
    background: rgba(167, 210, 154, 0.12);
    color: #dfffda;
}

.asterwell-plan-step--warning > span {
    border-color: rgba(247, 200, 96, 0.54);
    background: rgba(247, 200, 96, 0.14);
    color: #ffe3a6;
}

.asterwell-live-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 16px;
}

.asterwell-panel {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(232, 229, 221, 0.13);
    background:
        linear-gradient(145deg, rgba(43, 36, 58, 0.72), rgba(17, 16, 25, 0.9)),
        rgba(17, 16, 25, 0.9);
}

.asterwell-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.asterwell-panel-head h4 {
    margin-top: 5px;
    color: #f7f4ec;
    font-size: 1.02rem;
}

.asterwell-panel-head em {
    color: #cfc7bd;
    font-style: normal;
    font-family: var(--mono);
    font-size: 0.78rem;
}

.asterwell-panel p {
    color: #d8d1c9;
}

.asterwell-side-stack {
    display: grid;
    gap: 16px;
}

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

.asterwell-node {
    min-height: 142px;
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 12px;
    border: 1px solid rgba(232, 229, 221, 0.12);
    background: rgba(255, 255, 255, 0.026);
}

.asterwell-node > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.asterwell-node > div span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(232, 229, 221, 0.12);
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.68rem;
    font-weight: 900;
}

.asterwell-node strong {
    color: #f7f4ec;
    font-size: 0.9rem;
}

.asterwell-node small,
.asterwell-node em {
    color: #cfc7bd;
    font-size: 0.78rem;
    font-style: normal;
    line-height: 1.35;
}

.asterwell-node b {
    align-self: end;
    justify-self: start;
    margin-top: 2px;
    padding: 4px 7px;
    border: 1px solid rgba(232, 229, 221, 0.12);
    color: #cfc7bd;
    font-size: 0.68rem;
    line-height: 1;
    text-transform: uppercase;
}

.asterwell-node--healthy b,
.asterwell-node--verified b,
.asterwell-node--recovered b,
.asterwell-table-row--match span:last-child,
.asterwell-table-row--mapped span:last-child,
.asterwell-table-row--resolved span:last-child,
.asterwell-table-row--recovered span:last-child {
    border-color: rgba(167, 210, 154, 0.38);
    color: #dfffda;
    background: rgba(167, 210, 154, 0.1);
}

.asterwell-node--degraded b,
.asterwell-node--warning b,
.asterwell-node--pending b,
.asterwell-table-row--review span:last-child,
.asterwell-table-row--pending span:last-child,
.asterwell-table-row--ready span:last-child,
.asterwell-table-row--armed span:last-child {
    border-color: rgba(247, 200, 96, 0.38);
    color: #ffe3a6;
    background: rgba(247, 200, 96, 0.11);
}

.asterwell-node--critical b,
.asterwell-table-row--critical span:last-child,
.asterwell-table-row--blocked span:last-child,
.asterwell-table-row--exception span:last-child,
.asterwell-table-row--mismatch span:last-child,
.asterwell-table-row--open span:last-child,
.asterwell-table-row--active span:last-child {
    border-color: rgba(255, 122, 122, 0.42);
    color: #ffc1c1;
    background: rgba(255, 122, 122, 0.1);
}

.asterwell-detail-list {
    display: grid;
    gap: 9px;
    margin: 14px 0 0;
}

.asterwell-detail-list div {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 10px;
    padding-top: 9px;
    border-top: 1px solid rgba(232, 229, 221, 0.08);
}

.asterwell-detail-list dt {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.asterwell-detail-list dd {
    margin: 0;
    color: #d8d1c9;
    font-size: 0.86rem;
}

.asterwell-trace-list {
    display: grid;
    gap: 8px;
}

.asterwell-trace-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 9px;
    border: 1px solid rgba(232, 229, 221, 0.1);
    background: rgba(255, 255, 255, 0.024);
}

.asterwell-trace-row > span {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(232, 229, 221, 0.12);
    color: #cfc7bd;
    font-family: var(--mono);
    font-size: 0.66rem;
    font-weight: 900;
}

.asterwell-trace-row--complete > span {
    border-color: rgba(167, 210, 154, 0.4);
    color: #dfffda;
    background: rgba(167, 210, 154, 0.1);
}

.asterwell-trace-row--warning > span {
    border-color: rgba(247, 200, 96, 0.44);
    color: #ffe3a6;
    background: rgba(247, 200, 96, 0.12);
}

.asterwell-trace-row strong {
    display: block;
    color: #f7f4ec;
    font-size: 0.84rem;
}

.asterwell-trace-row small {
    display: block;
    color: #aaa2b2;
    font-size: 0.76rem;
    line-height: 1.35;
}

.asterwell-table-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(280px, 0.9fr);
    gap: 16px;
}

.asterwell-table-grid .asterwell-panel:last-child {
    grid-column: 1 / -1;
}

.asterwell-data-table {
    display: grid;
    overflow-x: auto;
    border-top: 1px solid rgba(232, 229, 221, 0.08);
}

.asterwell-table-row {
    display: grid;
    grid-template-columns: minmax(125px, 1fr) minmax(105px, 0.74fr) minmax(138px, 1fr) minmax(138px, 1fr) minmax(82px, 0.7fr);
    min-width: 720px;
    border-bottom: 1px solid rgba(232, 229, 221, 0.08);
}

.asterwell-table-row.is-compact {
    grid-template-columns: minmax(130px, 1.2fr) minmax(80px, 0.55fr) minmax(82px, 0.6fr) minmax(150px, 1.15fr);
    min-width: 520px;
}

.asterwell-table-row > * {
    padding: 10px 9px;
    color: #d8d1c9;
    font-size: 0.78rem;
    line-height: 1.32;
}

.asterwell-table-row strong {
    color: #f7f4ec;
}

.asterwell-table-row--head {
    background: rgba(255, 255, 255, 0.032);
}

.asterwell-table-row--head span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.asterwell-table-row span:last-child {
    align-self: center;
    justify-self: start;
    padding: 5px 7px;
    border: 1px solid rgba(232, 229, 221, 0.12);
    font-weight: 850;
    text-transform: uppercase;
}

.asterwell-table-row--head span:last-child {
    padding: 10px 9px;
    border: 0;
    background: transparent;
}

.asterwell-evidence-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.asterwell-evidence-item {
    display: grid;
    gap: 7px;
    min-height: 118px;
    padding: 12px;
    border: 1px solid rgba(232, 229, 221, 0.1);
    background: rgba(255, 255, 255, 0.024);
}

.asterwell-evidence-item span {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.68rem;
    font-weight: 900;
}

.asterwell-evidence-item strong {
    color: #f7f4ec;
    line-height: 1.2;
}

.asterwell-evidence-item small {
    color: #aaa2b2;
    line-height: 1.35;
}

.asterwell-disclosure {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 18px;
    padding: 16px 0 0;
    border-top: 1px solid rgba(232, 229, 221, 0.12);
}

.asterwell-disclosure strong {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.76rem;
    text-transform: uppercase;
}

.asterwell-disclosure span {
    color: #d8d1c9;
}

@media (max-width: 1180px) {
    .asterwell-dashboard {
        grid-template-columns: 1fr;
    }

    .asterwell-rail {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-right: 0;
        border-bottom: 1px solid rgba(232, 229, 221, 0.12);
    }

    .asterwell-rail-brand,
.asterwell-rail-note {
        grid-column: 1 / -1;
    }

    .asterwell-rail button {
        border-right: 1px solid rgba(232, 229, 221, 0.1);
    }

    .asterwell-rail button:nth-of-type(3n) {
        border-right: 0;
    }
}

@media (max-width: 940px) {
    .asterwell-topline,
.asterwell-live-grid,
.asterwell-table-grid {
        grid-template-columns: 1fr;
    }

    .asterwell-kpi-grid,
.asterwell-plan-strip,
.asterwell-evidence-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .asterwell-kpi:nth-child(2n) {
        border-right: 0;
    }

    .asterwell-plan-step:nth-child(2n) {
        border-right: 0;
    }

    .asterwell-plan-step:nth-child(n + 3) {
        border-top: 1px solid rgba(232, 229, 221, 0.1);
    }
}

@media (max-width: 700px) {
    .asterwell-rail,
.asterwell-kpi-grid,
.asterwell-plan-strip,
.asterwell-graph,
.asterwell-evidence-list,
.asterwell-disclosure {
        grid-template-columns: 1fr;
    }

    .asterwell-dashboard {
        min-height: 0;
    }

    .asterwell-rail button,
.asterwell-rail button:nth-of-type(3n),
.asterwell-kpi,
.asterwell-plan-step {
        border-right: 0;
    }

    .asterwell-kpi,
.asterwell-plan-step {
        border-bottom: 1px solid rgba(232, 229, 221, 0.1);
    }

    .asterwell-kpi:last-child,
.asterwell-plan-step:last-child {
        border-bottom: 0;
    }

    .asterwell-detail-list div,
.asterwell-trace-row,
.asterwell-plan-step {
        grid-template-columns: 1fr;
    }
}

/* 2026-08-09 framed Asterwell sandbox embed */
.asterwell-sandbox-section {
    border-top: 1px solid rgba(232, 229, 221, 0.12);
    background:
        radial-gradient(circle at 12% 10%, rgba(155, 131, 202, 0.18), transparent 30rem),
        radial-gradient(circle at 88% 4%, rgba(167, 210, 154, 0.12), transparent 28rem),
        linear-gradient(180deg, #15121d 0%, #0f0d17 58%, #15121d 100%) !important;
}

.asterwell-sandbox-wrap {
    display: grid;
    gap: clamp(20px, 3.6vw, 38px);
}

.asterwell-sandbox-head {
    max-width: 900px;
}

.asterwell-sandbox-head h2 {
    color: #f7f4ec;
    font-size: clamp(2.2rem, 5vw, 4.8rem);
}

.asterwell-sandbox-head p {
    max-width: 760px;
    color: #d8d1c9;
}

.asterwell-browser-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(232, 229, 221, 0.18);
    background: #090811;
    box-shadow: 0 32px 110px rgba(0, 0, 0, 0.46);
}

.asterwell-browser-chrome {
    min-height: 54px;
    display: grid;
    grid-template-columns: auto minmax(220px, auto) minmax(260px, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(232, 229, 221, 0.16);
    background:
        linear-gradient(180deg, rgba(38, 34, 51, 0.98), rgba(17, 16, 25, 0.98)),
        #111019;
}

.asterwell-browser-controls {
    display: flex;
    gap: 7px;
    align-items: center;
}

.asterwell-browser-controls span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: block;
    background: #ff6d69;
}

.asterwell-browser-controls span:nth-child(2) {
    background: #f2c15d;
}

.asterwell-browser-controls span:nth-child(3) {
    background: #72c57a;
}

.asterwell-browser-tabs {
    display: flex;
    gap: 6px;
    min-width: 0;
}

.asterwell-browser-tabs span,
.asterwell-browser-address,
.asterwell-browser-chrome a {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(232, 229, 221, 0.12);
    color: #cfc7bd;
    font-size: 0.76rem;
    line-height: 1;
}

.asterwell-browser-tabs span {
    padding: 0 11px;
    background: rgba(255, 255, 255, 0.035);
    white-space: nowrap;
}

.asterwell-browser-tabs span.is-active {
    border-color: rgba(167, 210, 154, 0.28);
    background: rgba(167, 210, 154, 0.1);
    color: #f7f4ec;
}

.asterwell-browser-address {
    min-width: 0;
    padding: 0 13px;
    background: rgba(0, 0, 0, 0.22);
    color: #a7d29a;
    font-family: var(--mono);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asterwell-browser-chrome a {
    padding: 0 12px;
    border-color: rgba(167, 210, 154, 0.3);
    background: rgba(167, 210, 154, 0.1);
    color: #f7f4ec;
    font-weight: 850;
}

.asterwell-sandbox-frame {
    display: block;
    width: 100%;
    height: min(1120px, 86vh);
    min-height: 820px;
    border: 0;
    background: #eef3ef;
}

.asterwell-browser-shell.is-frame-failed .asterwell-sandbox-frame {
    opacity: 0.18;
    filter: saturate(0.4) blur(1px);
}

.asterwell-frame-fallback[hidden] {
    display: none !important;
}

.asterwell-frame-fallback {
    position: absolute;
    inset: 54px 0 0;
    z-index: 3;
    display: grid;
    place-items: center;
    gap: 14px;
    align-content: center;
    padding: clamp(24px, 4vw, 54px);
    text-align: center;
    background:
        radial-gradient(circle at 50% 12%, rgba(167, 210, 154, 0.16), transparent 22rem),
        linear-gradient(180deg, rgba(9, 8, 17, 0.86), rgba(9, 8, 17, 0.96));
}

.asterwell-frame-fallback strong {
    color: #f7f4ec;
    font-size: clamp(1.25rem, 2.8vw, 2rem);
    line-height: 1.05;
}

.asterwell-frame-fallback span {
    max-width: 620px;
    color: #d8d1c9;
    line-height: 1.55;
}

.asterwell-sandbox-note {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(232, 229, 221, 0.12);
}

.asterwell-sandbox-note strong {
    color: #a7d29a;
    font-family: var(--mono);
    font-size: 0.76rem;
    text-transform: uppercase;
}

.asterwell-sandbox-note span {
    color: #d8d1c9;
}

@media (max-width: 980px) {
    .asterwell-browser-chrome {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .asterwell-browser-address {
        grid-column: 1 / -1;
        order: 4;
    }

    .asterwell-browser-tabs span:not(.is-active) {
        display: none;
    }

    .asterwell-sandbox-frame {
        height: 900px;
        min-height: 760px;
    }
}

@media (max-width: 620px) {
    .asterwell-browser-chrome,
.asterwell-sandbox-note {
        grid-template-columns: 1fr;
    }

    .asterwell-browser-tabs {
        width: 100%;
    }

    .asterwell-browser-tabs span.is-active,
.asterwell-browser-chrome a {
        width: 100%;
        justify-content: center;
    }

    .asterwell-sandbox-frame {
        height: 820px;
        min-height: 700px;
    }
}

/* 2026-08-26 Elkwai Data operations */
.data-ops-hero {
    border-bottom: 1px solid rgba(168, 121, 255, 0.18);
    background:
        radial-gradient(circle at 13% 6%, rgba(168, 121, 255, 0.2), transparent 28rem),
        radial-gradient(circle at 84% 12%, rgba(80, 232, 154, 0.14), transparent 24rem),
        linear-gradient(180deg, #100d19 0%, #08070f 100%) !important;
}

.data-ops-hero .hero-inner {
    align-items: stretch;
}

.data-ops-hero h1 {
    max-width: 900px;
}

.data-ledger {
    align-self: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(210, 197, 255, 0.16);
    background:
        linear-gradient(180deg, rgba(24, 23, 42, 0.96), rgba(13, 12, 22, 0.96)),
        var(--surface-strong);
}

.data-ledger-item {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 132px;
    padding: clamp(18px, 3vw, 30px);
    border-right: 1px solid rgba(210, 197, 255, 0.1);
    border-bottom: 1px solid rgba(210, 197, 255, 0.1);
}

.data-ledger-item:nth-child(2n) {
    border-right: 0;
}

.data-ledger-item:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.data-ledger-item span,
.data-api-result-grid span,
.data-release-metrics span {
    color: #aeb5bf;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.data-ledger-item strong {
    color: #f7fbf2;
    font-family: var(--heading-font);
    font-size: clamp(1.55rem, 3vw, 2.45rem);
    line-height: 1.05;
}

.data-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 22px);
}

.data-product-card {
    display: grid;
    gap: 18px;
    min-height: 100%;
    padding: clamp(20px, 2.8vw, 30px);
    border: 1px solid rgba(210, 197, 255, 0.15);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(24, 23, 42, 0.96), rgba(13, 12, 22, 0.98)),
        var(--surface-strong);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.data-product-head {
    display: grid;
    gap: 10px;
}

.data-product-head small {
    color: #92e6ad;
    font-family: var(--mono);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.data-product-head h3 {
    color: #f7fbf2;
    font-size: clamp(1.28rem, 2vw, 1.7rem);
}

.data-product-head p,
.data-buyer-decision,
.data-limitations li,
.data-boundary-card li,
.data-api-route-list span,
.data-api-result {
    color: #d9d7e4;
}

.data-release-metrics,
.data-api-result-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(210, 197, 255, 0.12);
}

.data-release-metrics div,
.data-api-result-grid div {
    display: grid;
    gap: 5px;
    padding: 13px;
    border-right: 1px solid rgba(210, 197, 255, 0.1);
    border-bottom: 1px solid rgba(210, 197, 255, 0.1);
    background: rgba(255, 255, 255, 0.025);
}

.data-release-metrics div:nth-child(2n),
.data-api-result-grid div:nth-child(2n) {
    border-right: 0;
}

.data-release-metrics div:nth-last-child(-n + 2),
.data-api-result-grid div:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.data-release-metrics strong,
.data-api-result-grid strong {
    color: #f7fbf2;
    font-size: 0.98rem;
    line-height: 1.25;
}

.data-buyer-decision {
    padding-left: 14px;
    border-left: 3px solid rgba(80, 232, 154, 0.55);
    font-weight: 700;
}

.data-format-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.data-format-row span {
    border: 1px solid rgba(168, 121, 255, 0.24);
    border-radius: 999px;
    padding: 5px 9px;
    color: #eee9ff;
    font-family: var(--mono);
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    background: rgba(168, 121, 255, 0.08);
}

.data-limitations,
.data-boundary-card ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.data-limitations li,
.data-boundary-card li {
    position: relative;
    padding-left: 14px;
    font-size: 0.92rem;
    line-height: 1.45;
}

.data-limitations li::before,
.data-boundary-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #50e89a;
}

.compact-stack li span {
    max-width: 680px;
}

.data-method-panel {
    border-color: rgba(80, 232, 154, 0.16);
}

.data-boundary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 2vw, 20px);
}

.data-boundary-card {
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: 100%;
    padding: clamp(18px, 2.4vw, 26px);
    border: 1px solid rgba(210, 197, 255, 0.14);
    border-radius: var(--radius);
    background: rgba(18, 18, 32, 0.86);
}

.data-boundary-card h3 {
    color: #f7fbf2;
    font-size: 1.02rem;
}

.data-api-section {
    border-top: 1px solid rgba(210, 197, 255, 0.12);
    border-bottom: 1px solid rgba(210, 197, 255, 0.12);
    background:
        linear-gradient(90deg, rgba(168, 121, 255, 0.08), transparent 42%),
        linear-gradient(180deg, rgba(13, 12, 22, 0.98), rgba(8, 7, 15, 0.98));
}

.data-api-panel {
    display: grid;
    gap: clamp(22px, 3vw, 34px);
}

.data-api-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(18px, 3vw, 30px);
    align-items: stretch;
}

.data-api-route-list,
.data-api-check {
    border: 1px solid rgba(210, 197, 255, 0.14);
    border-radius: var(--radius);
    background: rgba(24, 23, 42, 0.88);
}

.data-api-route-list {
    display: grid;
}

.data-api-route-list div {
    display: grid;
    grid-template-columns: minmax(190px, 0.62fr) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(210, 197, 255, 0.1);
}

.data-api-route-list div:last-child {
    border-bottom: 0;
}

.data-api-route-list code {
    color: #bdf7c7;
    white-space: nowrap;
}

.data-api-check {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: clamp(18px, 2.4vw, 26px);
}

.data-api-check .btn {
    width: fit-content;
}

.data-api-result {
    min-height: 130px;
    padding: 16px;
    border: 1px solid rgba(210, 197, 255, 0.12);
    background: rgba(0, 0, 0, 0.18);
}

.data-api-result:empty {
    display: none;
}

.data-status-note {
    padding: 18px;
    border: 1px solid rgba(247, 200, 96, 0.24);
    border-radius: var(--radius);
    color: #f3df9a;
    background: rgba(247, 200, 96, 0.08);
}

.section-cta {
    display: flex;
    justify-content: center;
    margin-top: clamp(22px, 4vw, 38px);
}

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

    .data-api-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .data-ledger,
.data-product-grid,
.data-boundary-grid,
.data-release-metrics,
.data-api-result-grid {
        grid-template-columns: 1fr;
    }

    .data-ledger-item,
.data-ledger-item:nth-child(2n),
.data-ledger-item:nth-last-child(-n + 2),
.data-release-metrics div,
.data-release-metrics div:nth-child(2n),
.data-release-metrics div:nth-last-child(-n + 2),
.data-api-result-grid div,
.data-api-result-grid div:nth-child(2n),
.data-api-result-grid div:nth-last-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid rgba(210, 197, 255, 0.1);
    }

    .data-ledger-item:last-child,
.data-release-metrics div:last-child,
.data-api-result-grid div:last-child {
        border-bottom: 0;
    }

    .data-api-route-list div {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .data-api-route-list code {
        white-space: normal;
    }

    .data-api-check .btn {
        width: 100%;
    }
}

/* 2026-08-27 data API mobile containment */
.data-api-layout,
.data-api-route-list,
.data-api-check {
    min-width: 0;
}

.data-api-route-list code {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* 2026-08-27 production data sales readability */
.data-sales-page {
    --data-warm: #f7f4ec;
    --data-soft: #d8d1c9;
    --data-sage: #a7d29a;
    --data-plum: #171421;
    --data-plum-raised: #211b2c;
    background: #0f0d17;
}

.data-sales-page main {
    color: var(--data-warm);
    background:
        radial-gradient(circle at 12% 4%, rgba(100, 79, 135, 0.16), transparent 30rem),
        linear-gradient(180deg, #0f0d17 0%, #12101a 52%, #0f0d17 100%);
}

.data-sales-page .section {
    padding: clamp(4.25rem, 6.5vw, 6.25rem) 1rem;
}

.data-sales-page .data-ops-hero {
    min-height: 0;
    padding: clamp(4.5rem, 7vw, 6.5rem) 1rem clamp(4rem, 6vw, 5.75rem);
}

.data-sales-page .data-ops-hero .hero-inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(370px, 0.92fr);
    gap: clamp(2.5rem, 5vw, 5rem);
    align-items: center;
}

.data-sales-page .data-ops-hero h1 {
    max-width: 780px;
    color: var(--data-warm);
    font-size: clamp(3.2rem, 6vw, 5.7rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.data-sales-page .data-ops-hero p {
    max-width: 700px;
    color: var(--data-soft);
    font-size: clamp(1.06rem, 1.4vw, 1.22rem);
    line-height: 1.72;
}

.data-sales-page .data-hero-note {
    margin-top: 1.15rem;
    color: #b9b2bd !important;
    font-family: var(--mono);
    font-size: 0.75rem !important;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.data-sales-page .data-ledger {
    border-color: rgba(167, 210, 154, 0.26);
    background:
        linear-gradient(150deg, rgba(38, 31, 50, 0.98), rgba(20, 17, 29, 0.98)),
        var(--data-plum-raised);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);
}

.data-sales-page .data-ledger-item {
    min-height: 126px;
    border-color: rgba(247, 244, 236, 0.1);
}

.data-sales-page .data-ledger-item span,
.data-sales-page .data-release-metrics span {
    color: #c0b8c5;
    font-size: 0.76rem;
}

.data-sales-page .data-ledger-item strong {
    color: var(--data-warm);
    font-size: clamp(1.7rem, 3vw, 2.65rem);
}

.data-sales-page .data-proof-section {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    background: rgba(25, 21, 34, 0.7);
}

.data-sales-page .proof-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.data-sales-page .proof-card {
    min-height: 148px;
    padding: 1.55rem;
    border-color: rgba(247, 244, 236, 0.14);
    background: linear-gradient(180deg, rgba(33, 27, 44, 0.96), rgba(21, 18, 29, 0.96));
}

.data-sales-page .proof-card small,
.data-sales-page .page-kicker {
    color: var(--data-sage);
}

.data-sales-page .proof-card strong {
    color: var(--data-warm);
    font-size: 1.02rem;
    line-height: 1.55;
}

.data-sales-page .section-head.center {
    width: min(860px, 100%);
    margin: 0 auto clamp(2.25rem, 4vw, 3.4rem);
    text-align: center;
}

.data-sales-page .section-head h2 {
    margin-top: 0.7rem;
    color: var(--data-warm);
    font-size: clamp(2.4rem, 4.5vw, 4.2rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.data-sales-page .section-head > p {
    margin-top: 1.15rem;
    color: var(--data-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}

.data-sales-page .data-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.15rem;
}

.data-sales-page .data-product-card {
    grid-template-rows: auto auto auto auto auto 1fr;
    gap: 1.25rem;
    padding: clamp(1.45rem, 2.2vw, 2rem);
    border-color: rgba(247, 244, 236, 0.15);
    border-radius: 4px;
    background:
        linear-gradient(180deg, rgba(34, 28, 45, 0.98), rgba(20, 17, 29, 0.98)),
        var(--data-plum-raised);
    box-shadow: 0 24px 74px rgba(0, 0, 0, 0.3);
}

.data-sales-page .data-product-card.is-purchase-ready {
    border-top: 3px solid rgba(167, 210, 154, 0.72);
}

.data-sales-page .data-product-card.is-sales-assisted {
    border-top: 3px solid rgba(213, 200, 155, 0.64);
}

.data-sales-page .data-product-head h3 {
    color: var(--data-warm);
    font-size: clamp(1.45rem, 2vw, 1.85rem);
    line-height: 1.1;
}

.data-sales-page .data-product-head p,
.data-sales-page .data-buyer-decision,
.data-sales-page .data-limitations li,
.data-sales-page .data-boundary-card li {
    color: var(--data-soft);
    font-size: 0.98rem;
    line-height: 1.62;
}

.data-sales-page .data-offer-price {
    display: flex;
    align-items: baseline;
    gap: 0.7rem;
    padding: 0 0 1.1rem;
    border-bottom: 1px solid rgba(247, 244, 236, 0.11);
}

.data-sales-page .data-offer-price strong {
    color: var(--data-warm);
    font-family: var(--heading-font);
    font-size: 2.15rem;
    letter-spacing: -0.04em;
}

.data-sales-page .data-offer-price span {
    color: #c0b8c5;
    font-size: 0.78rem;
    font-weight: 750;
    text-transform: uppercase;
}

.data-sales-page .data-release-metrics {
    border-color: rgba(247, 244, 236, 0.13);
}

.data-sales-page .data-release-metrics div {
    min-height: 82px;
    align-content: center;
    padding: 0.9rem;
    border-color: rgba(247, 244, 236, 0.1);
    background: rgba(255, 255, 255, 0.025);
}

.data-sales-page .data-release-metrics strong {
    color: var(--data-warm);
    font-size: 1.03rem;
    line-height: 1.35;
}

.data-sales-page .data-quality-pass {
    color: var(--data-sage) !important;
}

.data-sales-page .data-quality-review {
    color: #e1cf91 !important;
}

.data-sales-page .data-buyer-decision {
    padding: 0.9rem 0 0.9rem 1rem;
    border-left-color: rgba(167, 210, 154, 0.72);
    background: rgba(167, 210, 154, 0.045);
}

.data-sales-page .data-card-actions {
    align-self: end;
    display: grid;
    gap: 0.7rem;
    margin-top: auto;
    padding-top: 0.45rem;
}

.data-sales-page .data-card-actions .btn {
    width: 100%;
    min-height: 48px;
}

.data-sales-page .btn {
    border-radius: 4px;
    border-color: var(--data-sage);
    background: var(--data-sage);
    color: #15131a;
    font-weight: 850;
}

.data-sales-page .btn:hover,
.data-sales-page .btn:focus-visible {
    border-color: #c1e4b7;
    background: #c1e4b7;
    color: #111014;
}

.data-sales-page .btn.secondary {
    border-color: rgba(247, 244, 236, 0.3);
    background: transparent;
    color: var(--data-warm);
}

.data-sales-page .btn.secondary:hover,
.data-sales-page .btn.secondary:focus-visible {
    border-color: var(--data-sage);
    background: rgba(167, 210, 154, 0.1);
    color: var(--data-warm);
}

.data-sales-page .data-plan-section {
    background:
        linear-gradient(90deg, rgba(78, 58, 106, 0.1), transparent 45%),
        #15121d;
}

.data-sales-page .data-plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(247, 244, 236, 0.14);
}

.data-sales-page .data-plan-grid article {
    min-height: 260px;
    display: grid;
    align-content: start;
    gap: 0.85rem;
    padding: clamp(1.35rem, 2.2vw, 2rem);
    border-right: 1px solid rgba(247, 244, 236, 0.11);
    background: rgba(16, 14, 23, 0.52);
}

.data-sales-page .data-plan-grid article:last-child {
    border-right: 0;
}

.data-sales-page .data-plan-grid article > span {
    color: var(--data-sage);
    font-family: var(--mono);
    font-size: 0.74rem;
    font-weight: 850;
}

.data-sales-page .data-plan-grid h3 {
    color: var(--data-warm);
    font-size: 1.25rem;
}

.data-sales-page .data-plan-grid p {
    color: var(--data-soft);
    font-size: 0.96rem;
    line-height: 1.62;
}

.data-sales-page .data-plan-grid strong {
    align-self: end;
    color: var(--data-sage);
    font-size: 0.8rem;
    text-transform: uppercase;
}

.data-sales-page .data-buying-section .detail-grid {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: clamp(2.5rem, 6vw, 5.5rem);
    align-items: start;
}

.data-sales-page .data-buying-steps {
    border: 1px solid rgba(247, 244, 236, 0.14);
    background: rgba(25, 21, 34, 0.76);
}

.data-sales-page .data-buying-steps article {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(247, 244, 236, 0.11);
}

.data-sales-page .data-buying-steps article:last-child {
    border-bottom: 0;
}

.data-sales-page .data-buying-steps article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 210, 154, 0.42);
    color: var(--data-sage);
    font-family: var(--mono);
    font-weight: 850;
}

.data-sales-page .data-buying-steps h3,
.data-sales-page .data-boundary-card h3 {
    color: var(--data-warm);
    font-size: 1.1rem;
}

.data-sales-page .data-buying-steps p {
    margin-top: 0.45rem;
    color: var(--data-soft);
    line-height: 1.62;
}

.data-sales-page .data-boundary-section {
    background: #15121d;
}

.data-sales-page .data-boundary-card {
    border-color: rgba(247, 244, 236, 0.14);
    border-radius: 4px;
    background: rgba(21, 18, 29, 0.9);
}

.data-sales-page .data-final-cta {
    border-bottom: 0;
}

.data-sales-page .data-final-cta-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    padding: clamp(2rem, 4vw, 3.5rem);
    border: 1px solid rgba(167, 210, 154, 0.3);
    background:
        radial-gradient(circle at 88% 12%, rgba(167, 210, 154, 0.12), transparent 22rem),
        #1b1724;
}

.data-sales-page .data-final-cta-panel h2 {
    max-width: 720px;
    margin-top: 0.75rem;
    color: var(--data-warm);
    font-size: clamp(2.2rem, 4vw, 3.7rem);
    line-height: 1;
}

.data-sales-page .data-final-terms {
    min-width: 0;
    width: 100%;
    flex-basis: 100%;
}

@media (max-width: 1080px) {
    .data-sales-page .data-product-grid {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-product-card {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 0.8fr);
        grid-template-rows: auto auto auto;
    }

    .data-sales-page .data-product-head,
    .data-sales-page .data-buyer-decision,
    .data-sales-page .data-limitations {
        grid-column: 1;
    }

    .data-sales-page .data-offer-price,
    .data-sales-page .data-release-metrics,
    .data-sales-page .data-card-actions {
        grid-column: 2;
    }

    .data-sales-page .data-offer-price {
        grid-row: 1;
    }

    .data-sales-page .data-release-metrics {
        grid-row: 2;
    }

    .data-sales-page .data-card-actions {
        grid-row: 3 / span 2;
    }

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

    .data-sales-page .data-plan-grid article:nth-child(2) {
        border-right: 0;
    }

    .data-sales-page .data-plan-grid article:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(247, 244, 236, 0.11);
    }
}

@media (max-width: 820px) {
    .data-sales-page .data-ops-hero .hero-inner,
    .data-sales-page .data-buying-section .detail-grid {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-ops-hero .hero-inner {
        gap: 2.25rem;
    }

    .data-sales-page .proof-grid {
        grid-template-columns: 1fr;
    }

    .data-sales-page .proof-card {
        min-height: 0;
    }

    .data-sales-page .data-final-cta-panel {
        display: grid;
    }
}

@media (max-width: 700px) {
    .data-sales-page .section {
        padding: 3.75rem 1rem;
    }

    .data-sales-page .data-ops-hero {
        padding: 3.75rem 1rem 3.5rem;
    }

    .data-sales-page .data-ops-hero h1 {
        font-size: clamp(2.75rem, 14vw, 4rem);
    }

    .data-sales-page .data-product-card {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .data-sales-page .data-product-card > * {
        grid-column: 1;
        grid-row: auto;
    }

    .data-sales-page .data-plan-grid {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-plan-grid article,
    .data-sales-page .data-plan-grid article:nth-child(2) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(247, 244, 236, 0.11);
    }

    .data-sales-page .data-plan-grid article:last-child {
        border-bottom: 0;
    }

    .data-sales-page .data-buying-steps article {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 1.2rem;
    }

    .data-sales-page .data-final-cta-panel .hero-actions,
    .data-sales-page .data-final-cta-panel .btn {
        width: 100%;
    }
}

/* Elkwai Data commercial catalog - evidence-gated portfolio */
.data-sales-page .data-catalog-hero {
    min-height: 690px;
    display: grid;
    align-items: center;
    padding: clamp(5rem, 9vw, 8rem) 1.5rem clamp(4rem, 7vw, 6.5rem);
    background:
        radial-gradient(circle at 14% 8%, rgba(108, 80, 147, 0.26), transparent 31rem),
        radial-gradient(circle at 89% 19%, rgba(121, 164, 116, 0.14), transparent 28rem),
        linear-gradient(180deg, #121019 0%, #0f0d17 100%);
}

.data-sales-page .data-catalog-hero .hero-inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.92fr);
    gap: clamp(2.5rem, 5vw, 5rem);
    align-items: center;
}

.data-sales-page .data-catalog-hero h1 {
    max-width: 840px;
    color: var(--data-warm);
    font-size: clamp(3.5rem, 7vw, 6.6rem);
    line-height: 0.92;
    letter-spacing: -0.065em;
}

.data-sales-page .data-catalog-hero .data-hero-copy > p:not(.data-hero-note) {
    max-width: 760px;
    margin-top: 1.75rem;
    color: #ddd5ce;
    font-size: clamp(1.1rem, 1.65vw, 1.35rem);
    line-height: 1.7;
}

.data-sales-page .data-portfolio-ledger {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(247, 244, 236, 0.16);
    background: rgba(23, 19, 31, 0.82);
    box-shadow: 0 32px 100px rgba(0, 0, 0, 0.34);
}

.data-sales-page .data-portfolio-ledger > div {
    min-width: 0;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.45rem;
    border-right: 1px solid rgba(247, 244, 236, 0.11);
    border-bottom: 1px solid rgba(247, 244, 236, 0.11);
}

.data-sales-page .data-portfolio-ledger > div:nth-child(2n) {
    border-right: 0;
}

.data-sales-page .data-portfolio-ledger > div:nth-child(n + 3) {
    border-bottom: 0;
}

.data-sales-page .data-portfolio-ledger span,
.data-sales-page .data-card-metrics span {
    color: #aaa1ae;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.data-sales-page .data-portfolio-ledger strong {
    display: block;
    min-width: 0;
    max-width: 100%;
    color: var(--data-warm);
    font-family: var(--heading-font);
    font-size: clamp(1.7rem, 2.35vw, 2.45rem);
    line-height: 1.04;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.data-sales-page .data-portfolio-ledger small {
    display: block;
    min-width: 0;
    max-width: 100%;
    margin-top: auto;
    color: #d8d0ca;
    font-size: 0.82rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.data-sales-page .data-portfolio-ledger > p {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0.95rem 1.45rem;
    border-top: 1px solid rgba(247, 244, 236, 0.11);
    color: var(--data-sage);
    font-family: var(--mono);
    font-size: 0.73rem;
}

.data-sales-page .data-trust-rail {
    border-top: 1px solid rgba(247, 244, 236, 0.1);
    border-bottom: 1px solid rgba(247, 244, 236, 0.12);
    background: #17131f;
}

.data-sales-page .data-trust-rail .inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.data-sales-page .data-trust-rail article {
    min-height: 170px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 1rem;
    align-content: center;
    padding: 1.75rem;
    border-right: 1px solid rgba(247, 244, 236, 0.1);
}

.data-sales-page .data-trust-rail article:last-child {
    border-right: 0;
}

.data-sales-page .data-trust-rail article > span {
    color: var(--data-sage);
    font-family: var(--mono);
    font-size: 0.76rem;
    font-weight: 850;
}

.data-sales-page .data-trust-rail strong {
    color: var(--data-warm);
    font-size: 1rem;
}

.data-sales-page .data-trust-rail p {
    margin-top: 0.45rem;
    color: var(--data-soft);
    font-size: 0.9rem;
    line-height: 1.55;
}

.data-sales-page .data-mode-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(247, 244, 236, 0.14);
}

.data-sales-page .data-mode-grid article {
    min-height: 310px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(1.5rem, 2.5vw, 2.25rem);
    border-right: 1px solid rgba(247, 244, 236, 0.11);
    background: rgba(24, 20, 33, 0.72);
}

.data-sales-page .data-mode-grid article:last-child {
    border-right: 0;
}

.data-sales-page .data-mode-grid article > span,
.data-sales-page .data-card-topline small {
    color: var(--data-sage);
    font-family: var(--mono);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.data-sales-page .data-mode-grid h3 {
    margin-top: 1.3rem;
    color: var(--data-warm);
    font-size: 1.35rem;
    line-height: 1.15;
}

.data-sales-page .data-mode-grid p {
    margin-top: 0.9rem;
    color: var(--data-soft);
    font-size: 0.94rem;
    line-height: 1.62;
}

.data-sales-page .data-mode-grid a {
    margin-top: auto;
    padding-top: 1.6rem;
    color: #c6e5bd;
    font-size: 0.82rem;
    font-weight: 800;
}

.data-sales-page .data-mode-grid a::after {
    content: "  →";
}

.data-sales-page .data-catalog-section {
    background:
        radial-gradient(circle at 90% 10%, rgba(102, 72, 136, 0.12), transparent 34rem),
        #0f0d17;
}

.data-sales-page .data-catalog-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.6fr);
    gap: clamp(2rem, 7vw, 6rem);
    align-items: end;
}

.data-sales-page .data-catalog-heading .section-head {
    margin: 0;
}

.data-sales-page .data-status-legend {
    display: grid;
    gap: 0.8rem;
    padding: 1.25rem;
    border: 1px solid rgba(247, 244, 236, 0.14);
    background: rgba(24, 20, 33, 0.76);
}

.data-sales-page .data-status-legend > div {
    display: grid;
    grid-template-columns: 10px 100px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.data-sales-page .data-status-legend i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.data-sales-page .data-status-legend i.is-available {
    background: #a7d29a;
}

.data-sales-page .data-status-legend i.is-early {
    background: #d8c36f;
}

.data-sales-page .data-status-legend i.is-custom {
    background: #9b83ca;
}

.data-sales-page .data-status-legend strong {
    color: var(--data-warm);
    font-size: 0.8rem;
}

.data-sales-page .data-status-legend span {
    color: var(--data-soft);
    font-size: 0.76rem;
}

.data-sales-page .data-catalog-toolbar {
    margin-top: 3rem;
    border: 1px solid rgba(247, 244, 236, 0.14);
    background: rgba(22, 18, 30, 0.9);
}

.data-sales-page .data-group-tabs {
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    border-bottom: 1px solid rgba(247, 244, 236, 0.11);
    scrollbar-width: thin;
}

.data-sales-page .data-group-tabs button {
    min-width: max-content;
    min-height: 52px;
    padding: 0 1.1rem;
    border: 0;
    border-right: 1px solid rgba(247, 244, 236, 0.1);
    background: transparent;
    color: #bbb3bf;
    font-weight: 800;
    cursor: pointer;
}

.data-sales-page .data-group-tabs button span {
    margin-left: 0.45rem;
    color: #b7aebe;
    font-family: var(--mono);
    font-size: 0.72rem;
}

.data-sales-page .data-group-tabs button:hover,
.data-sales-page .data-group-tabs button:focus-visible,
.data-sales-page .data-group-tabs button.is-active {
    background: rgba(167, 210, 154, 0.09);
    color: var(--data-warm);
    outline: 0;
}

.data-sales-page .data-group-tabs button.is-active {
    box-shadow: inset 0 -2px 0 var(--data-sage);
}

.data-sales-page .data-catalog-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 1rem;
    padding: 1rem;
}

.data-sales-page .data-catalog-search,
.data-sales-page .data-catalog-status {
    display: grid;
    gap: 0.4rem;
}

.data-sales-page .data-catalog-search > span,
.data-sales-page .data-catalog-status > span {
    color: #918894;
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.data-sales-page .data-catalog-search input,
.data-sales-page .data-catalog-status select {
    width: 100%;
    min-height: 46px;
    padding: 0 0.9rem;
    border: 1px solid rgba(247, 244, 236, 0.18);
    border-radius: 3px;
    outline: 0;
    background: #110e18;
    color: var(--data-warm);
    font: inherit;
}

.data-sales-page .data-catalog-search input:focus,
.data-sales-page .data-catalog-status select:focus {
    border-color: rgba(167, 210, 154, 0.7);
    box-shadow: 0 0 0 3px rgba(167, 210, 154, 0.08);
}

.data-sales-page .data-catalog-result-meta {
    min-height: 62px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    color: var(--data-soft);
}

.data-sales-page .data-catalog-result-meta strong {
    color: var(--data-warm);
    font-size: 0.9rem;
}

.data-sales-page .data-catalog-result-meta span {
    color: var(--data-sage);
    font-family: var(--mono);
    font-size: 0.7rem;
}

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

.data-sales-page .data-commercial-card {
    min-height: 430px;
    display: flex;
    flex-direction: column;
    padding: 1.45rem;
    border: 1px solid rgba(247, 244, 236, 0.14);
    border-top: 3px solid #9b83ca;
    border-radius: 4px;
    background:
        linear-gradient(145deg, rgba(56, 43, 75, 0.2), transparent 58%),
        #191520;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.22);
}

.data-sales-page .data-commercial-card.is-available {
    border-top-color: #a7d29a;
}

.data-sales-page .data-commercial-card.is-early {
    border-top-color: #d8c36f;
}

.data-sales-page .data-card-topline {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.data-sales-page .data-offer-status {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 0.55rem;
    border: 1px solid rgba(155, 131, 202, 0.38);
    border-radius: 999px;
    color: #cab8ed;
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.data-sales-page .data-offer-status.is-available {
    border-color: rgba(167, 210, 154, 0.42);
    color: #c5e5bc;
}

.data-sales-page .data-offer-status.is-early {
    border-color: rgba(216, 195, 111, 0.42);
    color: #ead98f;
}

.data-sales-page .data-card-title {
    margin-top: 1.55rem;
}

.data-sales-page .data-card-title > span {
    display: block;
    margin-bottom: 0.55rem;
    color: #857d89;
    font-family: var(--mono);
    font-size: 0.68rem;
}

.data-sales-page .data-card-title h3 {
    color: var(--data-warm);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.data-sales-page .data-commercial-card > p {
    margin-top: 1rem;
    color: var(--data-soft);
    font-size: 0.94rem;
    line-height: 1.62;
}

.data-sales-page .data-card-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.25rem;
    border: 1px solid rgba(247, 244, 236, 0.11);
}

.data-sales-page .data-card-metrics > div {
    min-height: 74px;
    display: grid;
    align-content: center;
    gap: 0.35rem;
    padding: 0.8rem;
    border-right: 1px solid rgba(247, 244, 236, 0.09);
    border-bottom: 1px solid rgba(247, 244, 236, 0.09);
    background: rgba(255, 255, 255, 0.02);
}

.data-sales-page .data-card-metrics > div:nth-child(2n) {
    border-right: 0;
}

.data-sales-page .data-card-metrics > div.is-endpoint {
    grid-column: 1 / -1;
    border-right: 0;
}

.data-sales-page .data-card-metrics strong,
.data-sales-page .data-card-metrics code {
    color: var(--data-warm);
    font-size: 0.88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.data-sales-page .data-card-metrics code {
    color: #c6e5bd;
    font-family: var(--mono);
    font-size: 0.72rem;
}

.data-sales-page .data-card-footer {
    display: grid;
    gap: 0.8rem;
    margin-top: auto;
    padding-top: 1.5rem;
}

.data-sales-page .data-card-footer .btn {
    width: 100%;
    min-height: 46px;
}

.data-sales-page .data-card-link {
    color: #bbb2c0;
    font-size: 0.78rem;
    font-weight: 750;
    text-align: center;
}

.data-sales-page .data-card-link:hover,
.data-sales-page .data-card-link:focus-visible {
    color: var(--data-sage);
    outline: 0;
}

.data-sales-page .data-catalog-empty {
    grid-column: 1 / -1;
    min-height: 240px;
    display: grid;
    place-items: center;
    align-content: center;
    padding: 2rem;
    border: 1px solid rgba(247, 244, 236, 0.14);
    color: var(--data-soft);
    text-align: center;
}

.data-sales-page .data-catalog-empty strong {
    color: var(--data-warm);
    font-size: 1.2rem;
}

.data-sales-page .data-catalog-empty p {
    margin-top: 0.5rem;
}

.data-sales-page .data-catalog-more-wrap {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
}

.data-sales-page .data-catalog-more-wrap .btn {
    min-width: 220px;
}

.data-sales-page .data-delivery-standard {
    background:
        radial-gradient(circle at 10% 90%, rgba(105, 76, 141, 0.18), transparent 30rem),
        #17131f;
}

.data-sales-page .data-delivery-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: clamp(3rem, 8vw, 7rem);
    align-items: start;
}

.data-sales-page .data-delivery-grid .section-head {
    margin: 0;
}

.data-sales-page .data-delivery-checklist {
    border: 1px solid rgba(247, 244, 236, 0.14);
}

.data-sales-page .data-delivery-checklist article {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 1.25rem;
    padding: 1.45rem;
    border-bottom: 1px solid rgba(247, 244, 236, 0.1);
    background: rgba(17, 14, 24, 0.52);
}

.data-sales-page .data-delivery-checklist article:last-child {
    border-bottom: 0;
}

.data-sales-page .data-delivery-checklist span {
    color: var(--data-sage);
    font-family: var(--mono);
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.data-sales-page .data-delivery-checklist p {
    color: var(--data-soft);
    line-height: 1.58;
}

.data-sales-page .data-security-section {
    background: #0f0d17;
}

@media (max-width: 1160px) {
    .data-sales-page .data-catalog-hero .hero-inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1080px) {
    .data-sales-page .data-catalog-heading,
    .data-sales-page .data-delivery-grid {
        grid-template-columns: 1fr;
    }

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

    .data-sales-page .data-mode-grid article:nth-child(2) {
        border-right: 0;
    }

    .data-sales-page .data-mode-grid article:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(247, 244, 236, 0.11);
    }

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

@media (max-width: 760px) {
    .data-sales-page .data-catalog-hero {
        min-height: 0;
        padding: 4rem 1rem;
    }

    .data-sales-page .data-catalog-hero h1 {
        font-size: clamp(3rem, 15vw, 4.6rem);
    }

    .data-sales-page .data-portfolio-ledger > div {
        min-height: 112px;
        padding: 1.1rem;
    }

    .data-sales-page .data-trust-rail .inner,
    .data-sales-page .data-mode-grid,
    .data-sales-page .data-commercial-grid {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-trust-rail article,
    .data-sales-page .data-mode-grid article {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(247, 244, 236, 0.1);
    }

    .data-sales-page .data-catalog-search-row {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-catalog-result-meta {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .data-sales-page .data-delivery-checklist article {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }
}

@media (max-width: 460px) {
    .data-sales-page .data-portfolio-ledger {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-portfolio-ledger > div,
    .data-sales-page .data-portfolio-ledger > div:nth-child(2n),
    .data-sales-page .data-portfolio-ledger > div:nth-child(n + 3) {
        border-right: 0;
        border-bottom: 1px solid rgba(247, 244, 236, 0.1);
    }

    .data-sales-page .data-portfolio-ledger > p {
        grid-column: 1;
    }

    .data-sales-page .data-status-legend > div {
        grid-template-columns: 10px 92px minmax(0, 1fr);
    }
}

/* Elkwai Data flagship proof and commercialization */
.data-flagship-section{padding-top:clamp(76px,8vw,118px);background:linear-gradient(180deg,#121019 0%,#15121d 100%)}
.data-flagship-heading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.6fr);gap:clamp(34px,6vw,86px);align-items:end;margin-bottom:42px}
.data-flagship-heading .section-head{margin:0}
.data-proof-entry{padding:22px;border:1px solid rgba(232,229,221,.18);background:rgba(12,10,17,.5)}
.data-proof-entry>span,.data-channel-panel>span{display:block;color:#a7d29a;font:800 11px/1.2 "Montserrat",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.data-proof-entry strong{display:block;margin-top:10px;color:#f7f4ec;font-size:17px;line-height:1.35}
.data-proof-entry p{margin:10px 0 15px;color:#cfc7bd;font-size:13px;line-height:1.6}
.data-proof-entry a,.data-channel-panel>a{display:inline-flex;color:#b7d9ad;font-size:13px;font-weight:800;text-decoration:none}
.data-proof-entry a:hover,.data-channel-panel>a:hover{color:#d6efce}
.data-flagship-list{border-top:1px solid rgba(232,229,221,.2)}
.data-flagship-row{border-bottom:1px solid rgba(232,229,221,.2);background:rgba(14,12,20,.44)}
.data-flagship-row+.data-flagship-row{margin-top:18px;border-top:1px solid rgba(232,229,221,.2)}
.data-flagship-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:28px 30px;border-bottom:1px solid rgba(232,229,221,.12)}
.data-flagship-title>div:first-child>span{color:#a7d29a;font:800 10px/1.2 "Montserrat",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.data-flagship-title h3{margin:9px 0 8px;color:#f7f4ec;font-size:clamp(25px,2.6vw,38px);line-height:1.08;letter-spacing:-.035em}
.data-flagship-title p{max-width:780px;margin:0;color:#cfc7bd;font-size:14px;line-height:1.65}
.data-flagship-volume{text-align:right}
.data-flagship-volume strong{display:block;color:#f7f4ec;font-size:28px;line-height:1}
.data-flagship-volume span{display:block;margin-top:7px;color:#aaa2b2;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.data-buyer-contract{display:grid;grid-template-columns:repeat(3,1fr);margin:0}
.data-buyer-contract>div{min-height:154px;padding:23px 25px;border-right:1px solid rgba(232,229,221,.1);border-bottom:1px solid rgba(232,229,221,.1)}
.data-buyer-contract>div:nth-child(3n){border-right:0}
.data-buyer-contract>div:nth-last-child(-n+3){border-bottom:0}
.data-buyer-contract dt{color:#a7d29a;font:800 10px/1.2 "Montserrat",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.data-buyer-contract dd{margin:10px 0 0;color:#dfd9d0;font-size:13px;line-height:1.65}
.data-proof-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:18px 24px;border-top:1px solid rgba(232,229,221,.14);background:rgba(167,210,154,.035)}
.data-proof-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
.data-proof-metrics div{padding-right:12px;border-right:1px solid rgba(232,229,221,.12)}
.data-proof-metrics div:last-child{border-right:0}
.data-proof-metrics span{display:block;color:#aaa2b2;font-size:9px;letter-spacing:.05em;text-transform:uppercase}
.data-proof-metrics strong{display:block;margin-top:5px;color:#f7f4ec;font-size:12px;line-height:1.35}
.data-flagship-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.data-flagship-actions>span{color:#aaa2b2;font-size:10px}
.data-flagship-actions a{color:#b7d9ad;font-size:11px;font-weight:800;text-decoration:none}
.data-flagship-actions a:last-child{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(167,210,154,.4);color:#0f0d17;background:#a7d29a}
.data-commercial-paths{background:#0f0d17}
.data-ladder{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border:1px solid rgba(232,229,221,.16)}
.data-ladder article{min-height:190px;padding:24px;border-right:1px solid rgba(232,229,221,.14);background:rgba(28,24,39,.52)}
.data-ladder article:last-child{border-right:0}
.data-ladder article>span{color:#a7d29a;font:800 10px/1.2 "Montserrat",sans-serif;letter-spacing:.08em}
.data-ladder h3{margin:15px 0 8px;color:#f7f4ec;font-size:19px}
.data-ladder p{margin:0;color:#cfc7bd;font-size:13px;line-height:1.65}
.data-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.data-channel-panel{min-height:320px;padding:30px;border:1px solid rgba(232,229,221,.16);background:rgba(28,24,39,.58)}
.data-channel-panel h3{max-width:650px;margin:12px 0 18px;color:#f7f4ec;font-size:clamp(24px,2.5vw,36px);line-height:1.15;letter-spacing:-.025em}
.data-channel-panel>p{max-width:620px;margin:0 0 24px;color:#cfc7bd;font-size:14px;line-height:1.7}
.data-channel-panel [data-custom-entry-points]{display:grid;gap:0;margin:2px 0 24px}
.data-channel-panel [data-custom-entry-points]>div{padding:13px 0;border-top:1px solid rgba(232,229,221,.12)}
.data-channel-panel [data-custom-entry-points] strong{color:#f7f4ec;font-size:13px}
.data-channel-panel [data-custom-entry-points] p{margin:4px 0 0;color:#aaa2b2;font-size:12px;line-height:1.55}
@media(max-width:980px){.data-flagship-heading{grid-template-columns:1fr}.data-buyer-contract{grid-template-columns:repeat(2,1fr)}.data-buyer-contract>div:nth-child(3n){border-right:1px solid rgba(232,229,221,.1)}.data-buyer-contract>div:nth-child(2n){border-right:0}.data-buyer-contract>div:nth-last-child(-n+3){border-bottom:1px solid rgba(232,229,221,.1)}.data-buyer-contract>div:nth-last-child(-n+2){border-bottom:0}.data-proof-strip{grid-template-columns:1fr}.data-flagship-actions{justify-content:flex-start}.data-proof-metrics{grid-template-columns:repeat(2,1fr)}.data-ladder{grid-template-columns:repeat(2,1fr)}.data-ladder article:nth-child(2){border-right:0}.data-ladder article:nth-child(-n+2){border-bottom:1px solid rgba(232,229,221,.14)}.data-channel-grid{grid-template-columns:1fr}}
@media(max-width:1080px){.data-proof-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.data-flagship-title{grid-template-columns:1fr;padding:23px 20px}.data-flagship-volume{text-align:left}.data-buyer-contract{grid-template-columns:1fr}.data-buyer-contract>div,.data-buyer-contract>div:nth-child(2n),.data-buyer-contract>div:nth-child(3n),.data-buyer-contract>div:nth-last-child(-n+2),.data-buyer-contract>div:nth-last-child(-n+3){min-height:0;padding:19px 20px;border-right:0;border-bottom:1px solid rgba(232,229,221,.1)}.data-buyer-contract>div:last-child{border-bottom:0}.data-proof-metrics{grid-template-columns:1fr 1fr}.data-proof-strip{padding:18px 20px}.data-ladder{grid-template-columns:1fr}.data-ladder article,.data-ladder article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid rgba(232,229,221,.14)}.data-ladder article:last-child{border-bottom:0}.data-channel-panel{min-height:0;padding:24px 20px}}
/* Elkwai commercial ladder, local data tools, business systems, and developer platform */
.tools-page main,
.systems-page main,
.developers-page main {
    padding-top: 74px;
}

.tools-hero,
.systems-hero,
.developer-hero {
    border-bottom: 1px solid var(--line);
    background:
        radial-gradient(circle at 74% 20%, rgba(168, 121, 255, 0.12), transparent 35%),
        linear-gradient(135deg, rgba(24, 21, 38, 0.88), rgba(8, 7, 15, 0.96));
}

.tools-hero-grid,
.systems-hero-grid,
.developer-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    align-items: center;
    gap: clamp(3rem, 8vw, 7rem);
    min-height: 660px;
    padding-block: clamp(5rem, 10vw, 8rem);
}

.tools-hero h1,
.systems-hero h1,
.developer-hero h1 {
    max-width: 880px;
    font-size: clamp(3.4rem, 7.4vw, 6.7rem);
    letter-spacing: -0.055em;
}

.tools-hero h1 {
    font-size: clamp(4rem, 8.2vw, 7.4rem);
}

.tools-hero-grid > div > p,
.systems-hero-grid > div > p,
.developer-hero-grid > div > p {
    max-width: 720px;
    margin-top: 1.7rem;
    color: var(--soft);
    font-size: clamp(1.08rem, 1.8vw, 1.38rem);
    line-height: 1.65;
}

.tools-privacy-ledger,
.systems-principles,
.developer-contract {
    border: 1px solid var(--line);
    background: rgba(13, 12, 24, 0.72);
    box-shadow: var(--shadow);
}

.tools-privacy-ledger > div,
.systems-principles > div,
.developer-contract > div {
    display: grid;
    gap: 0.4rem;
    padding: 1.45rem 1.6rem;
    border-bottom: 1px solid var(--line);
}

.tools-privacy-ledger > div:last-child,
.systems-principles > div:last-child,
.developer-contract > div:last-child {
    border-bottom: 0;
}

.tools-privacy-ledger strong,
.systems-principles strong,
.developer-contract strong {
    color: #b8d5a8;
    font-family: var(--heading-font);
    font-size: 1rem;
}

.tools-privacy-ledger span,
.systems-principles span,
.developer-contract span {
    color: var(--muted);
    line-height: 1.5;
}

.tool-workspace-section {
    background: rgba(7, 6, 13, 0.72);
}

.tool-shell {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    min-height: 720px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: rgba(15, 14, 27, 0.94);
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.44);
}

.tool-directory-controls {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(210px, 0.7fr) minmax(260px, 1fr);
    align-items: center;
    gap: 0.8rem 1.1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--line);
    background: rgba(20, 17, 31, 0.72);
}

.tool-directory-heading { display: grid; gap: 0.25rem; }
.tool-directory-heading strong { color: var(--text); font: 700 1rem var(--heading-font); }
.tool-directory-heading span,
.tool-directory-status { color: var(--muted); font-size: 0.78rem; }
.tool-search input {
    width: 100%;
    min-height: 44px;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--line);
    border-radius: 5px;
    color: var(--text);
    background: rgba(8, 7, 15, 0.8);
    font: 0.9rem var(--body-font);
}
.tool-search input:focus { border-color: rgba(184, 213, 168, 0.68); outline: none; box-shadow: 0 0 0 3px rgba(184, 213, 168, 0.08); }
.tool-directory-filters { display: flex; flex-wrap: wrap; gap: 0.45rem; grid-column: 1 / -1; }
.tool-directory-filters button {
    padding: 0.42rem 0.65rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: transparent;
    font: 700 0.72rem var(--body-font);
    cursor: pointer;
}
.tool-directory-filters button:hover,
.tool-directory-filters button:focus-visible,
.tool-directory-filters button.is-active { color: #d9f2ca; border-color: rgba(184, 213, 168, 0.46); background: rgba(184, 213, 168, 0.09); outline: none; }
.tool-directory-filters button span { opacity: 0.7; }
.tool-directory-status { grid-column: 1 / -1; margin: 0; }

.tool-tabs {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.15rem;
    border-right: 1px solid var(--line);
    background: rgba(8, 7, 15, 0.68);
}

.tool-tabs button {
    width: 100%;
    padding: 0.95rem 1rem;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--muted);
    background: transparent;
    font: 600 0.9rem var(--body-font);
    text-align: left;
    cursor: pointer;
}

.tool-tabs button:hover,
.tool-tabs button:focus-visible {
    color: var(--text);
    border-color: var(--line);
    outline: none;
}

.tool-tabs button[aria-selected="true"] {
    color: #d9f2ca;
    border-color: rgba(184, 213, 168, 0.32);
    background: rgba(184, 213, 168, 0.08);
}

.tool-stage {
    min-width: 0;
    padding: clamp(1.5rem, 4vw, 3.25rem);
}

.tool-panel {
    animation: tool-panel-in 180ms ease;
}

@keyframes tool-panel-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.tool-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.9rem;
}

.tool-panel-head h2 {
    font-size: clamp(2rem, 4vw, 3.35rem);
    letter-spacing: -0.035em;
}

.tool-panel-head p {
    max-width: 690px;
    margin-top: 0.7rem;
    font-size: 1rem;
}

.local-only {
    flex: 0 0 auto;
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(184, 213, 168, 0.3);
    border-radius: 999px;
    color: #b8d5a8;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.file-drop {
    display: grid;
    place-items: center;
    min-height: 240px;
    padding: 2rem;
    border: 1px dashed rgba(210, 197, 255, 0.28);
    border-radius: 7px;
    background: rgba(8, 7, 15, 0.52);
    text-align: center;
    cursor: pointer;
}

.file-drop:hover,
.file-drop:focus-within {
    border-color: rgba(184, 213, 168, 0.62);
    background: rgba(184, 213, 168, 0.04);
}

.file-drop strong {
    color: var(--text);
    font: 700 1.18rem var(--heading-font);
}

.file-drop span {
    color: var(--muted);
    font-size: 0.88rem;
}

.file-drop input {
    width: min(100%, 340px);
    margin-top: 1.3rem;
    color: var(--muted);
}

.file-drop input::file-selector-button {
    margin-right: 0.9rem;
    padding: 0.62rem 0.85rem;
    border: 1px solid var(--line);
    border-radius: 5px;
    color: var(--text);
    background: var(--surface-strong);
    cursor: pointer;
}

.tool-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.tool-actions .btn:disabled {
    opacity: 0.38;
    cursor: not-allowed;
}

.tool-result {
    min-height: 104px;
    margin-top: 1.35rem;
    padding: 1.25rem;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: rgba(8, 7, 15, 0.56);
}

.tool-result.has-error {
    border-color: rgba(255, 122, 122, 0.46);
    background: rgba(255, 122, 122, 0.05);
}

.compare-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.compare-grid label,
.wide-label,
.converter-controls label {
    display: grid;
    gap: 0.55rem;
    color: var(--soft);
    font-size: 0.85rem;
    font-weight: 650;
}

.tool-panel textarea,
.tool-panel select {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--text);
    background: rgba(8, 7, 15, 0.8);
    font: 0.86rem/1.6 var(--mono);
    outline: none;
}

.tool-panel textarea {
    resize: vertical;
    padding: 0.95rem;
}

.tool-panel select {
    min-height: 44px;
    padding: 0.6rem 0.8rem;
}

.tool-panel textarea:focus,
.tool-panel select:focus {
    border-color: rgba(184, 213, 168, 0.68);
    box-shadow: 0 0 0 3px rgba(184, 213, 168, 0.08);
}

.converter-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.converter-controls label {
    width: min(260px, 100%);
}

.result-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: -1.25rem -1.25rem 1.25rem;
    border-bottom: 1px solid var(--line);
}

.result-summary > div {
    display: grid;
    gap: 0.15rem;
    padding: 1rem 1.1rem;
    border-right: 1px solid var(--line);
}

.result-summary > div:last-child { border-right: 0; }
.result-summary strong { color: var(--text); font: 700 1.4rem var(--heading-font); }
.result-summary span { color: var(--muted); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.06em; }

.result-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    border-left: 3px solid var(--amber);
    background: rgba(247, 200, 96, 0.06);
}

.result-callout.clear { border-left-color: #b8d5a8; background: rgba(184, 213, 168, 0.06); }
.result-callout strong { color: var(--text); }
.result-callout span { color: var(--muted); font-size: 0.82rem; }

.result-table { min-width: 600px; }
.result-row { display: grid; grid-template-columns: minmax(180px, 1.3fr) repeat(3, minmax(100px, 0.7fr)); align-items: center; min-height: 44px; border-bottom: 1px solid rgba(210, 197, 255, 0.09); }
.result-row > * { padding: 0.65rem 0.75rem; }
.result-row strong { color: var(--soft); font-size: 0.85rem; }
.result-row span { color: var(--muted); font-size: 0.8rem; }
.result-head { color: var(--muted); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }

.change-list,
.entity-groups {
    display: grid;
    gap: 0;
}

.change-list > div,
.entity-groups > div {
    display: grid;
    grid-template-columns: auto minmax(150px, 0.45fr) 1fr;
    align-items: start;
    gap: 0.8rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(210, 197, 255, 0.09);
}

.entity-groups > div { grid-template-columns: minmax(140px, 0.35fr) 1fr auto; }
.entity-groups strong { color: var(--soft); }
.entity-groups span { color: var(--muted); }
.entity-groups em { color: var(--amber); font-size: 0.74rem; font-style: normal; }
.change-kind { padding: 0.18rem 0.35rem; border-radius: 3px; font: 700 0.65rem var(--mono); text-transform: uppercase; }
.change-kind.added { color: #b8d5a8; background: rgba(184, 213, 168, 0.09); }
.change-kind.removed { color: #ffaaa8; background: rgba(255, 122, 122, 0.09); }
.change-kind.changed { color: var(--amber); background: rgba(247, 200, 96, 0.09); }
.change-list code { overflow-wrap: anywhere; }
.change-list p { font: 0.78rem/1.5 var(--mono); overflow-wrap: anywhere; }
.code-result pre { max-height: 420px; margin: 0; color: var(--soft); font: 0.78rem/1.6 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }

.commercial-ladder-section { border-block: 1px solid var(--line); background: rgba(20, 17, 31, 0.7); }
.commercial-ladder-section .section-head { max-width: 820px; }
.commercial-ladder {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 3rem 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--line);
    background: rgba(8, 7, 15, 0.5);
}
.commercial-ladder li { min-height: 230px; padding: 1.5rem; border-right: 1px solid var(--line); }
.commercial-ladder li:last-child { border-right: 0; }
.commercial-ladder span { color: #b8d5a8; font: 700 0.8rem var(--mono); }
.commercial-ladder strong { display: block; margin-top: 2.6rem; color: var(--text); font: 700 1.04rem var(--heading-font); }
.commercial-ladder p { margin-top: 0.7rem; font-size: 0.85rem; }

.tool-boundary-section { background: var(--bg); }
.tool-boundary-grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; }
.tool-boundary-grid h2 { max-width: 780px; }
.tool-boundary-grid p { max-width: 750px; margin-top: 1rem; font-size: 1.05rem; }
.tool-boundary-actions { display: flex; flex-direction: column; gap: 0.7rem; }

.systems-index-section,
.api-reference-section { background: rgba(7, 6, 13, 0.76); }
.system-index {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 3.2rem;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}
.system-index article {
    min-height: 255px;
    padding: 1.65rem;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(17, 15, 29, 0.56);
}
.system-index article:hover { background: rgba(184, 213, 168, 0.035); }
.system-index article > span,
.api-family-list article > span,
.delivery-methods article > strong,
.developer-plans article > span { color: #b8d5a8; font: 700 0.72rem var(--mono); letter-spacing: 0.08em; text-transform: uppercase; }
.system-index h3 { margin-top: 1.9rem; font-size: 1.35rem; }
.system-index p { margin-top: 0.75rem; }
.system-index em { display: block; margin-top: 1.35rem; color: var(--muted); font: normal 0.72rem var(--mono); }

.system-anatomy-section { border-block: 1px solid var(--line); background: rgba(22, 18, 34, 0.76); }
.system-anatomy { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr); gap: clamp(3rem, 8vw, 7rem); }
.system-anatomy > div p { margin-top: 1rem; font-size: 1.04rem; }
.system-anatomy ol { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.system-anatomy li { display: grid; grid-template-columns: 55px 145px 1fr; align-items: baseline; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.system-anatomy li span { color: #b8d5a8; font: 700 0.78rem var(--mono); }
.system-anatomy li strong { color: var(--text); }
.system-anatomy li p { font-size: 0.86rem; }

.system-delivery-grid,
.delivery-methods,
.developer-plans {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 3rem;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}
.system-delivery-grid article,
.delivery-methods article,
.developer-plans article {
    min-height: 240px;
    padding: 1.5rem;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(15, 14, 27, 0.62);
}
.system-delivery-grid article > strong,
.developer-plans h3 { display: block; color: var(--text); font: 700 1.1rem var(--heading-font); }
.system-delivery-grid article > span { display: block; margin-top: 0.45rem; color: #b8d5a8; font: 700 0.86rem var(--mono); }
.system-delivery-grid p,
.delivery-methods p,
.developer-plans p { margin-top: 1.4rem; font-size: 0.88rem; }
.system-delivery-grid em { display: block; margin-top: 1rem; color: var(--muted); font: normal 0.72rem/1.5 var(--mono); }
.final-cta { border-top: 1px solid var(--line); background: rgba(184, 213, 168, 0.035); }
.final-cta-inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; }
.final-cta-inner p { max-width: 740px; margin-top: 1rem; }

.api-reference-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.api-family-list { display: grid; margin-top: 2.5rem; border-top: 1px solid var(--line); }
.api-family-list article { display: grid; grid-template-columns: 120px minmax(190px, 0.75fr) minmax(260px, 1.25fr); gap: 1rem; align-items: start; padding: 1.3rem 0; border-bottom: 1px solid var(--line); }
.api-family-list article strong { color: var(--soft); }
.api-family-list code { display: block; margin-bottom: 0.45rem; overflow-wrap: anywhere; color: var(--muted); font-size: 0.72rem; }
.api-access-panel { position: sticky; top: 104px; padding: 1.6rem; border: 1px solid var(--line); background: rgba(17, 15, 29, 0.84); box-shadow: var(--shadow); }
.api-access-panel > span { color: #b8d5a8; font: 700 0.72rem var(--mono); letter-spacing: 0.08em; text-transform: uppercase; }
.api-access-panel h3 { margin-top: 1.4rem; font-size: 1.55rem; }
.api-access-panel p { margin-top: 0.9rem; }
.api-access-panel dl { margin: 1.5rem 0; border-top: 1px solid var(--line); }
.api-access-panel dl div { display: flex; justify-content: space-between; gap: 1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--line); font-size: 0.76rem; }
.api-access-panel dt { color: var(--muted); }
.api-access-panel dd { margin: 0; color: var(--soft); text-align: right; }

.delivery-method-section { border-block: 1px solid var(--line); background: rgba(22, 18, 34, 0.76); }
.delivery-methods { grid-template-columns: repeat(3, 1fr); }
.delivery-methods article { min-height: 205px; }
.delivery-methods article > strong { font-family: var(--heading-font); font-size: 0.83rem; }
.developer-plans article { min-height: 270px; }
.developer-plans h3 { margin-top: 1.8rem; font-size: 1.25rem; }
.developer-plans article > strong { display: block; margin-top: 1.3rem; color: var(--soft); font: 700 0.8rem var(--mono); }

.partner-section { border-block: 1px solid var(--line); background: rgba(184, 213, 168, 0.035); }
.partner-grid { display: grid; grid-template-columns: minmax(250px, 0.6fr) minmax(0, 1.4fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.partner-grid > div:first-child p { margin: 1rem 0 1.6rem; font-size: 1.02rem; }
.partner-routes { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.partner-routes article { min-height: 145px; padding: 1.3rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.partner-routes strong { display: block; color: var(--text); font-family: var(--heading-font); }
.partner-routes span { display: block; margin-top: 0.6rem; color: var(--muted); font-size: 0.84rem; }

.home-commercial-ladder {
    border-block: 1px solid var(--line);
    background: rgba(22, 18, 34, 0.76);
}
.home-commercial-grid { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; }
.home-commercial-grid > div:first-child p { margin-top: 1rem; font-size: 1.04rem; }
.home-commercial-grid > div:first-child .hero-actions { margin-top: 1.5rem; }
.home-route-list { display: grid; border-top: 1px solid var(--line); }
.home-route-list a { display: grid; grid-template-columns: 38px 170px 1fr; gap: 1rem; align-items: baseline; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.home-route-list a span { color: #b8d5a8; font: 700 0.76rem var(--mono); }
.home-route-list a strong { color: var(--text); }
.home-route-list a em { color: var(--muted); font-style: normal; font-size: 0.84rem; }
.home-route-list a:hover strong { color: #b8d5a8; }

.service-menu-grid,
.managed-service-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 3rem;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}
.service-menu-grid article,
.managed-service-list article { min-height: 220px; padding: 1.4rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(15, 14, 27, 0.55); }
.service-menu-grid article > span,
.managed-service-list article > span { color: #b8d5a8; font: 700 0.74rem var(--mono); }
.service-menu-grid h3,
.managed-service-list h3 { margin-top: 1.7rem; }
.service-menu-grid p,
.managed-service-list p { margin-top: 0.7rem; font-size: 0.86rem; }
.service-menu-grid em,
.managed-service-list em { display: block; margin-top: 1.2rem; color: var(--muted); font: normal 0.72rem var(--mono); }

@media (max-width: 1050px) {
    .tools-hero-grid,
    .systems-hero-grid,
    .developer-hero-grid { grid-template-columns: 1fr; min-height: 0; }
    .tools-privacy-ledger,
    .systems-principles,
    .developer-contract { display: grid; grid-template-columns: 1fr 1fr; }
    .tools-privacy-ledger > div:nth-child(odd),
    .systems-principles > div:nth-child(odd),
    .developer-contract > div:nth-child(odd) { border-right: 1px solid var(--line); }
    .tool-shell { grid-template-columns: 1fr; }
    .tool-tabs { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); }
    .tool-tabs button { min-width: 165px; }
    .commercial-ladder { grid-template-columns: repeat(3, 1fr); }
    .commercial-ladder li:nth-child(3) { border-right: 0; }
    .commercial-ladder li:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
    .system-index { grid-template-columns: repeat(2, 1fr); }
    .system-delivery-grid,
    .developer-plans { grid-template-columns: repeat(2, 1fr); }
    .api-reference-grid { grid-template-columns: 1fr; }
    .api-access-panel { position: static; }
    .home-commercial-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .tools-page main,
    .systems-page main,
    .developers-page main { padding-top: 68px; }
    .tools-hero-grid,
    .systems-hero-grid,
    .developer-hero-grid { padding-block: 4rem; gap: 2.4rem; }
    .tools-hero h1 { font-size: clamp(3.35rem, 14.7vw, 3.75rem); }
    .systems-hero h1,
    .developer-hero h1 { font-size: clamp(3rem, 13vw, 4.25rem); }
    .tools-privacy-ledger,
    .systems-principles,
    .developer-contract { grid-template-columns: 1fr; }
    .tools-privacy-ledger > div:nth-child(odd),
    .systems-principles > div:nth-child(odd),
    .developer-contract > div:nth-child(odd) { border-right: 0; }
    .tool-directory-controls { grid-template-columns: 1fr; }
    .tool-stage { padding: 1.1rem; }
    .tool-panel-head { flex-direction: column; gap: 0.8rem; }
    .compare-grid { grid-template-columns: 1fr; }
    .result-summary { grid-template-columns: 1fr 1fr; }
    .result-summary > div:nth-child(2) { border-right: 0; }
    .result-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .result-callout { align-items: flex-start; flex-direction: column; }
    .change-list > div,
    .entity-groups > div { grid-template-columns: 1fr; }
    .commercial-ladder { grid-template-columns: 1fr; }
    .commercial-ladder li { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .commercial-ladder li:last-child { border-bottom: 0; }
    .commercial-ladder strong { margin-top: 1.4rem; }
    .tool-boundary-grid,
    .final-cta-inner { grid-template-columns: 1fr; }
    .tool-boundary-actions { align-items: flex-start; }
    .system-index,
    .system-delivery-grid,
    .delivery-methods,
    .developer-plans,
    .service-menu-grid,
    .managed-service-list { grid-template-columns: 1fr; }
    .system-anatomy,
    .partner-grid { grid-template-columns: 1fr; }
    .system-anatomy li { grid-template-columns: 42px 1fr; }
    .system-anatomy li p { grid-column: 2; }
    .api-family-list article { grid-template-columns: 1fr; }
    .partner-routes { grid-template-columns: 1fr; }
    .home-route-list a { grid-template-columns: 34px 1fr; }
    .home-route-list a em { grid-column: 2; }
}

/* Sitewide contrast guardrails */
.integration-tieback-board {
    border-color: rgba(232, 229, 221, 0.18);
    background: rgba(232, 229, 221, 0.14);
}

.integration-tieback-board article {
    background:
        linear-gradient(145deg, rgba(43, 36, 58, 0.9), rgba(22, 20, 32, 0.96)),
        #161420;
}

.integration-tieback-board span,
.trace-header span,
.trace-detail-grid dt {
    color: #a7d29a;
}

.integration-tieback-board strong {
    color: #f5f1ea;
}

.integration-tieback-board p {
    color: #cfc7bd;
}

/* 2026-08-30 sitewide typography integrity */
body main :where(h1, h2, h3) {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

.page-hero p,
.page-summary,
.home-hero-copy p,
.lazygame-release-copy p {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

.data-sales-page .data-catalog-hero h1 {
    max-width: 12ch;
    font-size: 4rem;
    line-height: 1;
}

.tools-hero h1,
.systems-hero h1,
.developer-hero h1 {
    font-size: 4.75rem;
    line-height: 1;
}

.data-sales-page .data-portfolio-ledger strong {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    font-size: 1.7rem;
    line-height: 1.08;
    text-wrap: pretty;
}

.data-sales-page .data-portfolio-ledger small {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

@media (max-width: 760px) {
    .page-hero h1,
    .tools-hero h1,
    .systems-hero h1,
    .developer-hero h1 {
        max-width: 100%;
        font-size: 2.9rem;
        line-height: 1.04;
    }

    .home-hero-copy h1 {
        max-width: 10ch;
        font-size: 3rem;
        line-height: 1.02;
    }

    .data-sales-page .data-catalog-hero h1 {
        max-width: 100%;
        font-size: 2.45rem;
        line-height: 1.03;
    }
}

@media (max-width: 640px) {
    .data-sales-page .data-portfolio-ledger {
        grid-template-columns: 1fr;
    }

    .data-sales-page .data-portfolio-ledger > div,
    .data-sales-page .data-portfolio-ledger > div:nth-child(2n),
    .data-sales-page .data-portfolio-ledger > div:nth-child(n + 3) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(247, 244, 236, 0.1);
    }

    .data-sales-page .data-portfolio-ledger > p {
        grid-column: 1;
    }
}

/* Public-site privacy preferences. This is intentionally quiet and branded;
   the public pages stay readable while the optional measurement boundary is
   visible and reversible. */
.public-privacy-banner {
    position: fixed;
    z-index: 1000;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem 2rem;
    align-items: center;
    max-width: 1120px;
    margin: 0 auto;
    padding: 1.05rem 1.25rem;
    border: 1px solid rgba(184, 213, 168, .32);
    border-radius: 14px;
    background: rgba(16, 14, 24, .96);
    box-shadow: 0 18px 55px rgba(0, 0, 0, .38);
    backdrop-filter: blur(18px);
}
.public-privacy-copy { min-width: 0; }
.public-privacy-kicker {
    display: block;
    color: var(--sage, #b8d5a8);
    font: 700 .68rem/1.2 var(--mono, monospace);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.public-privacy-copy strong { display: block; margin-top: .35rem; color: var(--cream, #f7f2ea); font-size: .97rem; }
.public-privacy-copy p { max-width: 670px; margin: .35rem 0 0; color: var(--muted, #b5afbd); font-size: .78rem; line-height: 1.5; }
.public-privacy-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.public-privacy-button {
    cursor: pointer;
    border: 1px solid rgba(184, 213, 168, .38);
    border-radius: 7px;
    padding: .62rem .78rem;
    color: var(--cream, #f7f2ea);
    background: transparent;
    font: 700 .72rem/1 var(--body, Inter, sans-serif);
}
.public-privacy-button:hover { border-color: var(--sage, #b8d5a8); }
.public-privacy-button--primary { border-color: var(--sage, #b8d5a8); color: #13161a; background: var(--sage, #b8d5a8); }
.public-privacy-button--quiet { border-color: transparent; color: var(--muted, #b5afbd); }
.public-privacy-options { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.1rem; padding-top: .85rem; border-top: 1px solid rgba(255, 255, 255, .1); }
.public-privacy-options label { color: var(--muted, #b5afbd); font-size: .75rem; }
.public-privacy-options input { accent-color: var(--sage, #b8d5a8); margin-right: .35rem; }
.privacy-preferences-launcher {
    position: fixed;
    z-index: 999;
    right: 1rem;
    bottom: 1rem;
    cursor: pointer;
    border: 1px solid rgba(184, 213, 168, .32);
    border-radius: 999px;
    padding: .48rem .7rem;
    color: var(--muted, #b5afbd);
    background: rgba(16, 14, 24, .9);
    font: 700 .68rem/1 var(--mono, monospace);
    letter-spacing: .04em;
}
.privacy-preferences-launcher:hover { color: var(--cream, #f7f2ea); border-color: var(--sage, #b8d5a8); }
.privacy-preferences-launcher--footer {
    position: static;
    margin-left: .8rem;
    vertical-align: middle;
    background: transparent;
}

.start-choice-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1050px) {
    .start-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .public-privacy-banner { right: .65rem; bottom: .65rem; left: .65rem; grid-template-columns: 1fr; gap: .8rem; padding: 1rem; }
    .public-privacy-controls { justify-content: flex-start; }
    .public-privacy-options { grid-column: auto; }
    .privacy-preferences-launcher { right: .65rem; bottom: .65rem; }
    .start-choice-grid { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .page-hero h1,
    .tools-hero h1,
    .systems-hero h1,
    .developer-hero h1 {
        font-size: 2.65rem;
    }

    .data-sales-page .data-catalog-hero h1 {
        font-size: 2.4rem;
    }

    .home-hero-copy h1 {
        font-size: 2.8rem;
    }
}

/* 2026-09-02 developer-to-shop and customer account alignment */
.developer-eyebrow {
    display: inline-block;
    color: #b8d5a8;
    font: 800 .72rem var(--mono);
    letter-spacing: .11em;
    text-transform: uppercase;
}

.developer-hero-grid-v2 { min-height: 620px; }
.developer-hero-grid-v2 > div > p { max-width: 660px; }
.developer-contract-v2 { background: linear-gradient(145deg, rgba(20, 18, 34, .94), rgba(12, 11, 20, .9)); }
.developer-contract-v2 > div { grid-template-columns: 42px 1fr; }
.developer-contract-v2 .developer-step { grid-row: span 2; color: #b8d5a8; font: 800 .72rem var(--mono); }
.developer-contract-v2 strong { font-size: 1.04rem; }
.developer-contract-v2 > div > span:last-child { grid-column: 2; }
.developer-section-head { margin-bottom: 2.2rem; }
.developer-section-head h2 { margin-top: .9rem; }
.developer-section-head > p { margin-top: 1rem; }
.developer-expectations { background: rgba(22, 18, 34, .58); }
.developer-expectation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}
.developer-expectation-grid article {
    min-height: 225px;
    padding: 1.5rem;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(15, 14, 27, .62);
}
.developer-expectation-grid article > span { color: #b8d5a8; font: 800 .72rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.developer-expectation-grid h3 { margin-top: 1.65rem; font-size: 1.15rem; }
.developer-expectation-grid p { margin-top: .75rem; font-size: .86rem; }
.api-access-panel-v2 { border-color: rgba(184, 213, 168, .3); }
.api-panel-actions { margin-top: 1.25rem; }
.api-panel-actions .btn { flex: 1 1 130px; }
.developer-connection-card {
    display: grid;
    grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr);
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 1.5rem;
    border: 1px solid rgba(184, 213, 168, .28);
    background: rgba(17, 15, 29, .72);
}
.developer-connection-card h3 { margin-top: .7rem; font-size: 1.35rem; }
.developer-connection-card p { margin-top: .65rem; font-size: .82rem; }
.developer-connection-card dl { margin: 0; min-width: 0; }
.developer-connection-card dl > div { display: grid; grid-template-columns: 1fr; gap: .3rem; padding: .72rem 0; border-bottom: 1px solid var(--line); }
.developer-connection-card dl > div:first-child { padding-top: 0; }
.developer-connection-card dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.developer-connection-card dt { color: var(--muted); font-size: .75rem; }
.developer-connection-card dd { min-width: 0; margin: 0; }
.developer-connection-card code { color: var(--soft); font-size: .72rem; overflow-wrap: anywhere; }
.api-family-list article > div { min-width: 0; }
.developer-delivery-grid { grid-template-columns: repeat(3, 1fr); }
.developer-delivery-grid article { min-height: 185px; }
.developer-plans-v2 { grid-template-columns: repeat(3, 1fr); }
.developer-plans-v2 article { min-height: 245px; }
.developer-plans-v2 article > strong { line-height: 1.5; }
.developer-commercial-section { background: rgba(20, 17, 31, .7); }
.developer-commercial-actions { margin-top: 1.8rem; }
.developer-account-section { background: rgba(7, 6, 13, .76); }
.developer-account-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); gap: clamp(3rem, 8vw, 7rem); align-items: start; }
.developer-account-grid h2 { margin-top: .9rem; }
.developer-account-grid p { max-width: 680px; margin-top: 1rem; font-size: 1rem; }
.developer-account-rail { border-top: 1px solid var(--line); }
.developer-account-rail > div { display: grid; grid-template-columns: 155px 1fr; gap: 1rem; padding: 1.25rem 0; border-bottom: 1px solid var(--line); }
.developer-account-rail strong { color: var(--text); font-family: var(--heading-font); }
.developer-account-rail span { color: var(--muted); font-size: .84rem; }

/* Customer account: readable controls, billing history, and credential state */
.sf-account-head-copy { max-width: 720px; margin-top: 12px; color: var(--sf-muted); font-size: .92rem; line-height: 1.6; }
.sf-account-head-actions { display: grid; justify-items: end; gap: 16px; }
.sf-account-head-actions .sf-button { min-height: 40px; }
.sf-account-access-grid { grid-template-columns: repeat(3, 1fr); }
.sf-account-access-grid .sf-account-tool { min-height: 310px; }
.sf-account-tool .sf-account-list { margin-top: 18px; border-top: 1px solid var(--sf-line); }
.sf-account-tool .sf-account-list .sf-account-empty { margin-top: 12px; padding: 14px; font-size: .72rem; }
.sf-account-list-row { display: grid; gap: 5px; padding: 12px 0; border-bottom: 1px solid var(--sf-line); }
.sf-account-list-row:last-child { border-bottom: 0; }
.sf-account-list-row > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.sf-account-list-row strong { color: var(--sf-text); font-size: .75rem; overflow-wrap: anywhere; }
.sf-account-list-row span { color: var(--sf-muted); font-size: .68rem; line-height: 1.45; }
.sf-account-list-row .sf-button { min-height: 30px; padding-inline: 10px; font-size: .65rem; }
.sf-account-billing-note { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--sf-line); color: var(--sf-muted); font-size: .7rem; line-height: 1.5; }
.sf-billing-summary { margin-top: 20px; padding: 22px; border: 1px solid var(--sf-line); background: #121514; }
.sf-billing-summary-head { display: flex; justify-content: space-between; gap: 24px; align-items: start; padding-bottom: 18px; border-bottom: 1px solid var(--sf-line); }
.sf-billing-summary-head small { color: var(--sf-accent); font: 800 .63rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.sf-billing-summary-head h3 { margin-top: 8px; color: var(--sf-text); font: 700 1.1rem var(--heading-font); }
.sf-billing-summary-head p { max-width: 510px; color: var(--sf-muted); font-size: .74rem; line-height: 1.55; }
.sf-billing-record { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(105px, .55fr)); gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--sf-line); }
.sf-billing-record:last-child { border-bottom: 0; }
.sf-billing-record strong { color: var(--sf-text); font-size: .78rem; }
.sf-billing-record span { display: block; margin-top: 4px; color: var(--sf-muted); font-size: .68rem; }
.sf-billing-record dl { display: contents; }
.sf-billing-record dl div { display: grid; gap: 4px; }
.sf-billing-record dt { color: var(--sf-muted); font: .59rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.sf-billing-record dd { margin: 0; color: #e1e4dc; font-size: .72rem; font-weight: 700; }
.sf-billing-status { color: var(--sf-accent-bright) !important; text-transform: capitalize; }
.sf-billing-group-title { margin: 18px 0 0; color: var(--sf-accent); font: 800 .63rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.sf-billing-group-title:first-child { margin-top: 0; }

@media (max-width: 1050px) {
    .developer-expectation-grid, .developer-delivery-grid, .developer-plans-v2 { grid-template-columns: repeat(2, 1fr); }
    .developer-account-grid { grid-template-columns: 1fr; }
    .sf-account-access-grid { grid-template-columns: 1fr 1fr; }
    .sf-account-access-grid .sf-account-tool:last-child { grid-column: 1 / -1; }
    .sf-billing-record { grid-template-columns: minmax(0, 1fr) repeat(3, minmax(100px, .5fr)); }
}

@media (max-width: 760px) {
    .developer-connection-card, .developer-connection-card dl > div { grid-template-columns: 1fr; }
    .developer-expectation-grid, .developer-delivery-grid, .developer-plans-v2, .sf-account-access-grid { grid-template-columns: 1fr; }
    .sf-account-access-grid .sf-account-tool:last-child { grid-column: auto; }
    .sf-account-head-actions { width: 100%; justify-items: start; }
    .sf-account-head-actions .sf-button { width: 100%; }
    .sf-billing-summary-head { flex-direction: column; }
    .sf-billing-record { grid-template-columns: 1fr 1fr; gap: 12px; }
    .sf-billing-record > div:first-child { grid-column: 1 / -1; }
}

/* 2026-09-01 evidence-led Solutions, Demonstration, and Case Studies */
.elkwai-evidence-site {
    --evidence-bg: #0f0d17;
    --evidence-bg-deep: #0a0910;
    --evidence-surface: #17141f;
    --evidence-surface-2: #1e1928;
    --evidence-line: rgba(232, 229, 221, 0.14);
    --evidence-line-strong: rgba(167, 210, 154, 0.42);
    --evidence-text: #f7f4ec;
    --evidence-muted: #c9c2ba;
    --evidence-faint: #97909f;
    --evidence-green: #a7d29a;
    --evidence-green-strong: #c8e7bf;
    --evidence-violet: #8b72ad;
    --evidence-danger: #f27b7b;
    min-width: 320px;
    background:
        radial-gradient(circle at 8% 2%, rgba(124, 92, 173, 0.14), transparent 30rem),
        linear-gradient(180deg, var(--evidence-bg) 0%, var(--evidence-bg-deep) 100%);
    color: var(--evidence-text);
}

.elkwai-evidence-site main {
    padding: 0;
    background: transparent;
}

.elkwai-evidence-site .evidence-shell {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.elkwai-evidence-site .navbar {
    width: min(1240px, calc(100% - 48px));
}

.elkwai-evidence-site .nav-links {
    gap: 1.35rem;
}

.elkwai-evidence-site .nav-links a {
    color: #ded8d0;
    font-size: 0.86rem;
    font-weight: 650;
}

.elkwai-evidence-site .nav-links a:hover,
.elkwai-evidence-site .nav-links a:focus-visible,
.elkwai-evidence-site .nav-links a[aria-current="page"] {
    color: var(--evidence-green);
}

.elkwai-evidence-site :is(.evidence-hero, .evidence-section, .evidence-section-nav) {
    color: var(--evidence-text);
}

.elkwai-evidence-site .evidence-hero {
    min-height: 650px;
    display: grid;
    align-items: center;
    padding: 132px 0 72px;
    border-bottom: 1px solid var(--evidence-line);
    background:
        radial-gradient(circle at 14% 18%, rgba(124, 92, 173, 0.2), transparent 34rem),
        radial-gradient(circle at 91% 16%, rgba(112, 167, 117, 0.11), transparent 28rem),
        linear-gradient(180deg, #171421 0%, #0f0d17 100%);
}

.elkwai-evidence-site .evidence-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.72fr);
    gap: clamp(48px, 7vw, 104px);
    align-items: center;
}

.elkwai-evidence-site .evidence-hero-copy {
    max-width: 760px;
}

.elkwai-evidence-site .evidence-hero h1 {
    max-width: 12.5ch;
    color: var(--evidence-text);
    font-size: clamp(3.15rem, 5.6vw, 5.25rem);
    font-weight: 760;
    line-height: 0.99;
    text-wrap: balance;
}

.elkwai-evidence-site .evidence-hero p {
    max-width: 710px;
    margin-top: 28px;
    color: var(--evidence-muted);
    font-size: clamp(1.05rem, 1.45vw, 1.22rem);
    line-height: 1.72;
}

.elkwai-evidence-site .evidence-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.elkwai-evidence-site .btn {
    min-height: 48px;
    padding: 0.82rem 1.18rem;
    border: 1px solid var(--evidence-green-strong);
    border-radius: 4px;
    background: #9dbf91;
    color: #111217;
    box-shadow: none;
    font-size: 0.9rem;
    font-weight: 800;
}

.elkwai-evidence-site .btn:hover,
.elkwai-evidence-site .btn:focus-visible {
    border-color: #ccebc3;
    background: #b8dcae;
    transform: translateY(-1px);
}

.elkwai-evidence-site .btn.secondary {
    border-color: rgba(232, 229, 221, 0.25);
    background: transparent;
    color: var(--evidence-text);
}

.elkwai-evidence-site .btn.secondary:hover,
.elkwai-evidence-site .btn.secondary:focus-visible {
    border-color: var(--evidence-green);
    background: rgba(167, 210, 154, 0.08);
    color: var(--evidence-text);
}

.elkwai-evidence-site .evidence-brief {
    border: 1px solid var(--evidence-line);
    border-radius: 4px;
    background: rgba(15, 13, 23, 0.72);
}

.elkwai-evidence-site .evidence-brief h2 {
    padding: 22px 24px;
    border-bottom: 1px solid var(--evidence-line);
    color: var(--evidence-text);
    font-size: 1.15rem;
    line-height: 1.3;
}

.elkwai-evidence-site .evidence-brief dl {
    margin: 0;
}

.elkwai-evidence-site .evidence-brief dl div {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 18px;
    padding: 19px 24px;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .evidence-brief dl div:last-child {
    border-bottom: 0;
}

.elkwai-evidence-site .evidence-brief dt {
    color: var(--evidence-green);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.elkwai-evidence-site .evidence-brief dd {
    margin: 0;
    color: var(--evidence-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.elkwai-evidence-site .evidence-section-nav {
    position: sticky;
    top: 74px;
    z-index: 50;
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(15, 13, 23, 0.94);
    backdrop-filter: blur(14px);
}

.elkwai-evidence-site .evidence-section-nav .evidence-shell {
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 54px;
    overflow-x: auto;
    scrollbar-width: none;
}

.elkwai-evidence-site .evidence-section-nav .evidence-shell::-webkit-scrollbar {
    display: none;
}

.elkwai-evidence-site .evidence-section-nav a {
    flex: 0 0 auto;
    color: var(--evidence-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.elkwai-evidence-site .evidence-section-nav a:hover,
.elkwai-evidence-site .evidence-section-nav a:focus-visible {
    color: var(--evidence-green);
}

.elkwai-evidence-site .evidence-section {
    padding: clamp(72px, 8vw, 118px) 0;
    border-bottom: 1px solid var(--evidence-line);
    background:
        radial-gradient(circle at 12% 4%, rgba(124, 92, 173, 0.08), transparent 26rem),
        linear-gradient(180deg, #111019, #0d0b13);
}

.elkwai-evidence-site .evidence-section--band {
    background:
        radial-gradient(circle at 88% 0%, rgba(112, 167, 117, 0.07), transparent 28rem),
        linear-gradient(180deg, #17131f, #100e16);
}

.elkwai-evidence-site .evidence-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 42px;
}

.elkwai-evidence-site .evidence-section-heading > div {
    max-width: 820px;
}

.elkwai-evidence-site .evidence-section-heading h2,
.elkwai-evidence-site .proof-route-grid h2,
.elkwai-evidence-site .guided-review-intro h2 {
    color: var(--evidence-text);
    font-size: clamp(2.2rem, 4vw, 3.7rem);
    line-height: 1.04;
}

.elkwai-evidence-site .evidence-section-heading p,
.elkwai-evidence-site .proof-route-grid p {
    max-width: 800px;
    margin-top: 18px;
    color: var(--evidence-muted);
    font-size: 1rem;
    line-height: 1.68;
}

.elkwai-evidence-site .evidence-text-link {
    flex: 0 0 auto;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(167, 210, 154, 0.35);
    color: var(--evidence-green);
    font-size: 0.83rem;
    font-weight: 800;
}

.elkwai-evidence-site .solution-path-grid {
    border-top: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .solution-path-card {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.012);
}

.elkwai-evidence-site .solution-path-number {
    padding: 34px 24px;
    border-right: 1px solid var(--evidence-line);
    color: var(--evidence-green);
    font-family: var(--mono);
    font-size: 0.78rem;
    font-weight: 900;
}

.elkwai-evidence-site .solution-path-copy {
    padding: 34px 38px 38px;
}

.elkwai-evidence-site .solution-path-copy h3 {
    color: var(--evidence-text);
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    line-height: 1.15;
}

.elkwai-evidence-site .solution-path-lead {
    max-width: 860px;
    margin-top: 13px;
    color: var(--evidence-muted);
    font-size: 1rem;
    line-height: 1.62;
}

.elkwai-evidence-site .solution-path-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 28px 0 24px;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .solution-path-details div {
    padding: 18px;
    border-right: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .solution-path-details div:last-child {
    border-right: 0;
}

.elkwai-evidence-site .solution-path-details dt {
    color: var(--evidence-green);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.elkwai-evidence-site .solution-path-details dd {
    margin: 8px 0 0;
    color: var(--evidence-muted);
    font-size: 0.86rem;
    line-height: 1.58;
}

.elkwai-evidence-site .solution-path-copy > a,
.elkwai-evidence-site .demo-extension-grid a {
    color: var(--evidence-green);
    font-size: 0.84rem;
    font-weight: 800;
}

.elkwai-evidence-site .commercial-entry-table {
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .commercial-entry-row {
    display: grid;
    grid-template-columns: 1.05fr 0.72fr 1.45fr 1.6fr;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .commercial-entry-row:last-child {
    border-bottom: 0;
}

.elkwai-evidence-site .commercial-entry-row > * {
    min-width: 0;
    padding: 18px 20px;
    border-right: 1px solid var(--evidence-line);
    color: var(--evidence-muted);
    font-size: 0.85rem;
    line-height: 1.52;
}

.elkwai-evidence-site .commercial-entry-row > *:last-child {
    border-right: 0;
}

.elkwai-evidence-site .commercial-entry-row strong {
    color: var(--evidence-text);
}

.elkwai-evidence-site .commercial-entry-row > :nth-child(2) {
    color: var(--evidence-green-strong);
    font-weight: 800;
}

.elkwai-evidence-site .commercial-entry-head {
    background: rgba(167, 210, 154, 0.06);
}

.elkwai-evidence-site .commercial-entry-head > * {
    color: var(--evidence-faint);
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.elkwai-evidence-site .catalog-route-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .catalog-route-grid a {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.012);
}

.elkwai-evidence-site .catalog-route-grid strong {
    color: var(--evidence-text);
    font-size: 1.25rem;
}

.elkwai-evidence-site .catalog-route-grid span {
    max-width: 520px;
    margin-top: 13px;
    color: var(--evidence-muted);
    font-size: 0.9rem;
    line-height: 1.62;
}

.elkwai-evidence-site .catalog-route-grid em {
    margin-top: auto;
    padding-top: 28px;
    color: var(--evidence-green);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 800;
}

.elkwai-evidence-site .catalog-route-grid a:hover,
.elkwai-evidence-site .catalog-route-grid a:focus-visible {
    background: rgba(167, 210, 154, 0.045);
    outline: none;
}

.elkwai-evidence-site .evidence-section--proof {
    padding: 68px 0;
    background:
        radial-gradient(circle at 14% 40%, rgba(124, 92, 173, 0.16), transparent 26rem),
        linear-gradient(90deg, #17131f, #0d0b13);
}

.elkwai-evidence-site .proof-route-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 52px;
    align-items: center;
}

.elkwai-evidence-site .proof-route-grid h2 {
    font-size: clamp(2rem, 3.5vw, 3rem);
}

.elkwai-evidence-site .proof-route-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

/* Guided contract walkthrough */
.elkwai-evidence-site .guided-review-section {
    padding-top: 76px;
}

.elkwai-evidence-site .guided-review-intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 28px;
}

.elkwai-evidence-site .guided-review-intro h2 {
    font-size: clamp(2rem, 3.6vw, 3.25rem);
}

.elkwai-evidence-site .guided-review-intro p {
    margin-top: 12px;
    color: var(--evidence-muted);
}

.elkwai-evidence-site code {
    color: #d7e8d1;
}

.elkwai-evidence-site .demo-boundary-note {
    max-width: 420px;
    padding: 14px 16px;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .demo-boundary-note strong,
.elkwai-evidence-site .demo-boundary-note span {
    display: block;
}

.elkwai-evidence-site .demo-boundary-note strong {
    color: var(--evidence-green);
    font-size: 0.7rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.elkwai-evidence-site .demo-boundary-note span {
    margin-top: 4px;
    color: var(--evidence-muted);
    font-size: 0.78rem;
}

.elkwai-evidence-site .contract-walkthrough {
    border: 1px solid rgba(232, 229, 221, 0.2);
    border-radius: 4px;
    background: #111019;
}

.elkwai-evidence-site .walkthrough-step-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .walkthrough-step-rail button {
    min-height: 94px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 2px 12px;
    align-content: center;
    padding: 16px 18px;
    border: 0;
    border-right: 1px solid var(--evidence-line);
    background: transparent;
    color: var(--evidence-muted);
    cursor: pointer;
    text-align: left;
}

.elkwai-evidence-site .walkthrough-step-rail button:last-child {
    border-right: 0;
}

.elkwai-evidence-site .walkthrough-step-rail button > span {
    grid-row: 1 / 3;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--evidence-line);
    border-radius: 50%;
    color: var(--evidence-faint);
    font-family: var(--mono);
    font-size: 0.72rem;
}

.elkwai-evidence-site .walkthrough-step-rail strong {
    color: var(--evidence-text);
    font-size: 0.86rem;
}

.elkwai-evidence-site .walkthrough-step-rail small {
    color: var(--evidence-faint);
    font-size: 0.7rem;
}

.elkwai-evidence-site .walkthrough-step-rail button.is-active {
    background: rgba(167, 210, 154, 0.06);
}

.elkwai-evidence-site .walkthrough-step-rail button.is-active > span {
    border-color: var(--evidence-green);
    background: var(--evidence-green);
    color: #101217;
}

.elkwai-evidence-site .walkthrough-step-rail button.is-active strong {
    color: var(--evidence-green-strong);
}

.elkwai-evidence-site .walkthrough-live-region {
    min-height: 42px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--evidence-line);
    color: var(--evidence-faint);
    font-size: 0.75rem;
}

.elkwai-evidence-site .walkthrough-panel {
    padding: 28px;
}

.elkwai-evidence-site .walkthrough-panel-heading {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
}

.elkwai-evidence-site .walkthrough-panel-heading > div > span {
    display: block;
    color: var(--evidence-green);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.elkwai-evidence-site .walkthrough-panel-heading h3 {
    margin-top: 5px;
    color: var(--evidence-text);
    font-size: clamp(1.4rem, 2vw, 1.85rem);
}

.elkwai-evidence-site .walkthrough-panel-heading h3:focus {
    outline: none;
}

.elkwai-evidence-site .walkthrough-panel-heading > p {
    max-width: 530px;
    color: var(--evidence-muted);
    font-size: 0.83rem;
    line-height: 1.55;
    text-align: right;
}

.elkwai-evidence-site .business-change-summary {
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .business-change-summary article {
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) minmax(190px, 0.9fr) minmax(190px, 0.9fr) minmax(170px, 0.75fr);
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.012);
}

.elkwai-evidence-site .business-change-summary article > * {
    min-width: 0;
    padding: 18px;
    border-right: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .business-change-summary article > *:last-child {
    border-right: 0;
}

.elkwai-evidence-site .business-change-summary .business-change-name {
    background: rgba(167, 210, 154, 0.035);
}

.elkwai-evidence-site .business-change-summary span,
.elkwai-evidence-site .business-change-summary small,
.elkwai-evidence-site .business-change-summary strong,
.elkwai-evidence-site .business-change-summary p {
    display: block;
}

.elkwai-evidence-site .business-change-summary span,
.elkwai-evidence-site .business-change-summary small {
    color: var(--evidence-green);
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.elkwai-evidence-site .business-change-summary strong {
    margin-top: 6px;
    color: var(--evidence-text);
    font-size: 0.88rem;
    line-height: 1.35;
}

.elkwai-evidence-site .business-change-summary p {
    margin-top: 6px;
    color: var(--evidence-faint);
    font-size: 0.74rem;
    line-height: 1.45;
}

.elkwai-evidence-site .business-change-summary em {
    display: flex;
    align-items: center;
    background: rgba(242, 123, 123, 0.045);
    color: #f2a0a0;
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.4;
}

.elkwai-evidence-site .signal-evidence-list {
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .signal-evidence-card {
    display: grid;
    grid-template-columns: minmax(170px, 0.64fr) minmax(0, 2.5fr) minmax(165px, 0.68fr);
    align-items: stretch;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.012);
}

.elkwai-evidence-site .signal-evidence-card > * {
    min-width: 0;
    padding: 18px;
    border-right: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .signal-evidence-card > *:last-child {
    border-right: 0;
}

.elkwai-evidence-site .signal-evidence-state {
    background: rgba(167, 210, 154, 0.035);
}

.elkwai-evidence-site .signal-evidence-state span,
.elkwai-evidence-site .signal-evidence-state strong,
.elkwai-evidence-site .signal-evidence-copy span,
.elkwai-evidence-site .signal-evidence-copy strong,
.elkwai-evidence-site .signal-evidence-copy p {
    display: block;
}

.elkwai-evidence-site .signal-evidence-state span,
.elkwai-evidence-site .signal-evidence-copy span {
    color: var(--evidence-green);
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.elkwai-evidence-site .signal-evidence-state strong,
.elkwai-evidence-site .signal-evidence-copy strong {
    margin-top: 7px;
    color: var(--evidence-text);
    font-size: 0.86rem;
    line-height: 1.4;
}

.elkwai-evidence-site .signal-evidence-copy p {
    margin-top: 7px;
    color: var(--evidence-faint);
    font-size: 0.74rem;
    line-height: 1.5;
}

.elkwai-evidence-site .signal-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 15px;
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .signal-review-grid > div {
    min-width: 0;
    padding: 12px 13px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.012);
}

.elkwai-evidence-site .signal-review-grid dt,
.elkwai-evidence-site .signal-review-grid dd {
    display: block;
}

.elkwai-evidence-site .signal-review-grid dt {
    color: var(--evidence-green);
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.elkwai-evidence-site .signal-review-grid dd {
    margin: 5px 0 0;
    color: var(--evidence-muted);
    font-size: 0.7rem;
    line-height: 1.48;
}

.elkwai-evidence-site .signal-evidence-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.elkwai-evidence-site .signal-evidence-links strong {
    color: var(--evidence-faint);
    font-size: 0.64rem;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.elkwai-evidence-site .signal-evidence-links a {
    color: var(--evidence-green-strong);
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1.45;
    text-decoration: underline;
    text-decoration-color: rgba(167, 210, 154, 0.36);
    text-underline-offset: 3px;
}

.elkwai-evidence-site .technical-evidence {
    margin-top: 16px;
    border: 1px solid var(--evidence-line);
    background: rgba(13, 17, 27, 0.72);
}

.elkwai-evidence-site .technical-evidence summary {
    padding: 16px 18px;
    color: var(--evidence-green-strong);
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 800;
}

.elkwai-evidence-site .technical-evidence > p {
    padding: 0 18px 16px;
    color: var(--evidence-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.elkwai-evidence-site .technical-evidence .schema-compare-grid {
    border-left: 0;
}

.elkwai-evidence-site .technical-evidence .sample-evidence-json {
    max-height: 420px;
    margin: 0;
    overflow: auto;
    padding: 20px;
    border-top: 1px solid var(--evidence-line);
    background: #0d111b;
    color: #d8e4d3;
    font-family: var(--mono);
    font-size: 0.7rem;
    line-height: 1.55;
    white-space: pre;
}

.elkwai-evidence-site .schema-compare-grid,
.elkwai-evidence-site .code-delivery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .schema-compare-grid article,
.elkwai-evidence-site .code-delivery-grid > div {
    min-width: 0;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
    background: #0d111b;
}

.elkwai-evidence-site .schema-compare-grid article > header {
    position: static;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.025);
    backdrop-filter: none;
}

.elkwai-evidence-site .schema-compare-grid header strong {
    color: var(--evidence-text);
    font-size: 0.82rem;
}

.elkwai-evidence-site .schema-compare-grid header span,
.elkwai-evidence-site .code-delivery-grid > div > span {
    color: var(--evidence-faint);
    font-family: var(--mono);
    font-size: 0.67rem;
}

.elkwai-evidence-site pre {
    max-width: 100%;
    margin: 0;
    overflow: auto;
    background: #0d111b;
    color: #d9e2df;
    font-size: 0.74rem;
    line-height: 1.64;
    tab-size: 2;
}

.elkwai-evidence-site .schema-compare-grid pre {
    min-height: 388px;
    padding: 18px;
}

.elkwai-evidence-site .code-delivery-grid > div > span {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid var(--evidence-line);
    color: var(--evidence-green);
    font-weight: 800;
    text-transform: uppercase;
}

.elkwai-evidence-site .code-delivery-grid pre {
    min-height: 310px;
    padding: 18px;
}

.elkwai-evidence-site .walkthrough-explainer {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 22px;
    margin-top: 14px;
    padding: 16px 18px;
    border: 1px solid var(--evidence-line);
    background: rgba(167, 210, 154, 0.035);
}

.elkwai-evidence-site .walkthrough-explainer strong {
    color: var(--evidence-green);
    font-size: 0.78rem;
}

.elkwai-evidence-site .walkthrough-explainer p {
    color: var(--evidence-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.elkwai-evidence-site .finding-list {
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .finding-placeholder {
    padding: 28px;
    color: var(--evidence-faint);
    text-align: center;
}

.elkwai-evidence-site .finding-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1.4fr) 110px minmax(190px, 0.8fr);
    align-items: center;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .finding-row:last-child {
    border-bottom: 0;
}

.elkwai-evidence-site .finding-row > * {
    min-width: 0;
    padding: 15px;
    border-right: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .finding-row > *:last-child {
    border-right: 0;
}

.elkwai-evidence-site .finding-row-count {
    color: var(--evidence-danger);
    font-family: var(--mono);
    font-size: 0.7rem;
}

.elkwai-evidence-site .finding-row strong {
    display: block;
    color: var(--evidence-text);
    font-size: 0.86rem;
}

.elkwai-evidence-site .finding-row p {
    margin-top: 4px;
    color: var(--evidence-faint);
    font-size: 0.73rem;
}

.elkwai-evidence-site .finding-row em {
    color: var(--evidence-danger);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 850;
    text-transform: uppercase;
}

.elkwai-evidence-site .finding-row code {
    overflow-wrap: anywhere;
    color: var(--evidence-muted);
    font-size: 0.68rem;
}

.elkwai-evidence-site .finding-row-area {
    color: var(--evidence-muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.elkwai-evidence-site .finding-row--review .finding-row-count,
.elkwai-evidence-site .finding-row--review em {
    color: var(--evidence-green-strong);
}

.elkwai-evidence-site .finding-review-reason {
    color: var(--evidence-muted) !important;
}

.elkwai-evidence-site .finding-review-summary {
    margin-top: 9px !important;
    color: var(--evidence-text) !important;
    font-size: 0.76rem !important;
    line-height: 1.5;
}

.elkwai-evidence-site .finding-review-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 13px;
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .finding-review-facts > div {
    min-width: 0;
    padding: 10px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .finding-review-facts dt {
    color: var(--evidence-green);
    font-size: 0.59rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.elkwai-evidence-site .finding-review-facts dd {
    margin: 5px 0 0;
    color: var(--evidence-faint);
    font-size: 0.67rem;
    line-height: 1.45;
}

.elkwai-evidence-site .finding-review-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 15px;
    margin-top: 12px;
}

.elkwai-evidence-site .finding-review-links span {
    color: var(--evidence-faint);
    font-size: 0.61rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.elkwai-evidence-site .finding-review-links a {
    color: var(--evidence-green-strong);
    font-size: 0.68rem;
    font-weight: 750;
    text-decoration: underline;
    text-decoration-color: rgba(167, 210, 154, 0.36);
    text-underline-offset: 3px;
}

.elkwai-evidence-site .walkthrough-method-grid,
.elkwai-evidence-site .decision-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .walkthrough-method-grid > div,
.elkwai-evidence-site .decision-options article {
    padding: 18px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .walkthrough-method-grid strong,
.elkwai-evidence-site .decision-options strong {
    display: block;
    color: var(--evidence-text);
    font-size: 0.82rem;
}

.elkwai-evidence-site .walkthrough-method-grid span,
.elkwai-evidence-site .decision-options p {
    display: block;
    margin-top: 7px;
    color: var(--evidence-faint);
    font-size: 0.75rem;
    line-height: 1.5;
}

.elkwai-evidence-site .decision-options article > span {
    color: var(--evidence-green);
    font-family: var(--mono);
    font-size: 0.67rem;
}

.elkwai-evidence-site .release-decision {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(242, 123, 123, 0.38);
    background: rgba(242, 123, 123, 0.05);
}

.elkwai-evidence-site .release-decision-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid var(--evidence-danger);
    border-radius: 50%;
    color: var(--evidence-danger);
    font-size: 1.8rem;
    font-weight: 300;
}

.elkwai-evidence-site .release-decision span {
    display: block;
    color: var(--evidence-faint);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.elkwai-evidence-site .release-decision strong {
    display: block;
    margin-top: 4px;
    color: var(--evidence-text);
    font-size: 1.24rem;
}

.elkwai-evidence-site .release-decision p {
    margin-top: 5px;
    color: var(--evidence-muted);
    font-size: 0.8rem;
}

.elkwai-evidence-site .delivery-surface-tabs {
    display: flex;
    gap: 0;
    overflow-x: auto;
    border: 1px solid var(--evidence-line);
    border-bottom: 0;
}

.elkwai-evidence-site .delivery-surface-tabs button {
    min-height: 46px;
    flex: 1 0 auto;
    padding: 0 18px;
    border: 0;
    border-right: 1px solid var(--evidence-line);
    background: transparent;
    color: var(--evidence-muted);
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 800;
}

.elkwai-evidence-site .delivery-surface-tabs button:last-child {
    border-right: 0;
}

.elkwai-evidence-site .delivery-surface-tabs button.is-active {
    background: rgba(167, 210, 154, 0.08);
    color: var(--evidence-green-strong);
}

.elkwai-evidence-site .delivery-surface-panel {
    min-height: 320px;
    padding: 22px;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .delivery-dashboard-record {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .delivery-dashboard-record div {
    padding: 20px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .delivery-dashboard-record span,
.elkwai-evidence-site .delivery-dashboard-record strong {
    display: block;
}

.elkwai-evidence-site .delivery-dashboard-record span {
    color: var(--evidence-faint);
    font-size: 0.67rem;
    font-weight: 800;
    text-transform: uppercase;
}

.elkwai-evidence-site .delivery-dashboard-record strong {
    margin-top: 7px;
    color: var(--evidence-text);
    font-size: 0.92rem;
}

.elkwai-evidence-site .delivery-dashboard-record .decision-blocked {
    color: var(--evidence-danger);
}

.elkwai-evidence-site .delivery-dashboard-record .decision-pending {
    color: #e8c77f;
}

.elkwai-evidence-site .delivery-dashboard-note {
    margin-top: 16px;
    padding: 20px;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .delivery-dashboard-note strong {
    color: var(--evidence-green);
    font-size: 0.75rem;
}

.elkwai-evidence-site .delivery-dashboard-note p {
    margin-top: 8px;
    color: var(--evidence-muted);
    font-size: 0.86rem;
}

.elkwai-evidence-site .receipt-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px;
    align-items: end;
}

.elkwai-evidence-site .receipt-layout dl {
    margin: 0;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .receipt-layout dl div {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .receipt-layout dl div:last-child {
    border-bottom: 0;
}

.elkwai-evidence-site .receipt-layout dt,
.elkwai-evidence-site .receipt-layout dd {
    min-width: 0;
    margin: 0;
    padding: 13px 15px;
}

.elkwai-evidence-site .receipt-layout dt {
    border-right: 1px solid var(--evidence-line);
    color: var(--evidence-faint);
    font-size: 0.7rem;
    font-weight: 800;
}

.elkwai-evidence-site .receipt-layout dd {
    overflow-wrap: anywhere;
    color: var(--evidence-muted);
    font-family: var(--mono);
    font-size: 0.7rem;
}

.elkwai-evidence-site .walkthrough-controls {
    min-height: 74px;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 12px;
    align-items: center;
    padding: 12px 18px;
    border-top: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .walkthrough-controls > span {
    color: var(--evidence-faint);
    font-size: 0.76rem;
    text-align: center;
}

.elkwai-evidence-site .walkthrough-controls button[disabled] {
    cursor: not-allowed;
    opacity: 0.38;
    transform: none;
}

.elkwai-evidence-site .walkthrough-reset {
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: var(--evidence-faint);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 750;
}

.elkwai-evidence-site .walkthrough-reset:hover,
.elkwai-evidence-site .walkthrough-reset:focus-visible {
    color: var(--evidence-green);
}

.elkwai-evidence-site .demo-extension-grid,
.elkwai-evidence-site .scenario-library-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--evidence-line);
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .demo-extension-grid article,
.elkwai-evidence-site .scenario-library-grid article {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .demo-extension-grid strong,
.elkwai-evidence-site .scenario-library-grid strong {
    color: var(--evidence-text);
    font-size: 1rem;
}

.elkwai-evidence-site .demo-extension-grid p,
.elkwai-evidence-site .scenario-library-grid p {
    margin-top: 12px;
    color: var(--evidence-muted);
    font-size: 0.82rem;
    line-height: 1.6;
}

.elkwai-evidence-site .demo-extension-grid a {
    margin-top: auto;
    padding-top: 24px;
}

/* Evidence-backed implementation cases */
.elkwai-evidence-site .case-study-header {
    position: static;
    z-index: auto;
    width: auto;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.72fr);
    gap: clamp(44px, 7vw, 96px);
    padding-bottom: 36px;
    border-bottom: 1px solid var(--evidence-line);
    background: transparent;
    backdrop-filter: none;
}

.elkwai-evidence-site .case-study-status {
    display: inline-flex;
    padding: 7px 9px;
    border: 1px solid rgba(167, 210, 154, 0.32);
    color: var(--evidence-green);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.elkwai-evidence-site .case-study-status--guarded {
    border-color: rgba(247, 200, 96, 0.34);
    color: #e8c77f;
}

.elkwai-evidence-site .case-study-header h2 {
    max-width: 820px;
    margin-top: 20px;
    color: var(--evidence-text);
    font-size: clamp(2.25rem, 4.2vw, 4rem);
    line-height: 1.03;
}

.elkwai-evidence-site .case-study-header > div > p {
    max-width: 780px;
    margin-top: 20px;
    color: var(--evidence-muted);
    line-height: 1.7;
}

.elkwai-evidence-site .case-study-meta {
    align-self: end;
    margin: 0;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .case-study-meta div {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .case-study-meta div:last-child {
    border-bottom: 0;
}

.elkwai-evidence-site .case-study-meta dt,
.elkwai-evidence-site .case-study-meta dd {
    margin: 0;
    padding: 13px 14px;
}

.elkwai-evidence-site .case-study-meta dt {
    border-right: 1px solid var(--evidence-line);
    color: var(--evidence-green);
    font-size: 0.66rem;
    font-weight: 850;
    text-transform: uppercase;
}

.elkwai-evidence-site .case-study-meta dd {
    color: var(--evidence-muted);
    font-size: 0.76rem;
    line-height: 1.5;
}

.elkwai-evidence-site .case-study-body {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(400px, 0.95fr);
    gap: 34px;
    margin-top: 38px;
}

.elkwai-evidence-site .case-study-body--balanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.elkwai-evidence-site .case-study-narrative {
    border-top: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .case-study-narrative article {
    padding: 25px 0;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .case-study-narrative article > span {
    display: block;
    color: var(--evidence-green);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.elkwai-evidence-site .case-study-narrative h3 {
    margin-top: 8px;
    color: var(--evidence-text);
    font-size: 1.2rem;
    line-height: 1.25;
}

.elkwai-evidence-site .case-study-narrative p {
    margin-top: 10px;
    color: var(--evidence-muted);
    font-size: 0.87rem;
    line-height: 1.65;
}

.elkwai-evidence-site .case-study-evidence,
.elkwai-evidence-site .security-control-list,
.elkwai-evidence-site .lifecycle-timeline {
    padding: 24px;
    border: 1px solid var(--evidence-line);
    background: rgba(255, 255, 255, 0.014);
}

.elkwai-evidence-site :is(.case-study-evidence, .security-control-list, .lifecycle-timeline) > h3 {
    color: var(--evidence-text);
    font-size: 1rem;
}

.elkwai-evidence-site .release-evidence-record {
    margin-top: 15px;
    border: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .release-evidence-record > div {
    padding: 13px 14px;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .release-evidence-record > div strong,
.elkwai-evidence-site .release-evidence-record > div span {
    display: block;
}

.elkwai-evidence-site .release-evidence-record > div strong {
    color: var(--evidence-text);
    font-size: 0.8rem;
}

.elkwai-evidence-site .release-evidence-record > div span {
    margin-top: 3px;
    color: var(--evidence-faint);
    font-size: 0.66rem;
}

.elkwai-evidence-site .release-evidence-record dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.elkwai-evidence-site .release-evidence-record dl div {
    padding: 11px 13px;
    border-right: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .release-evidence-record dt,
.elkwai-evidence-site .release-evidence-record dd {
    margin: 0;
}

.elkwai-evidence-site .release-evidence-record dt {
    color: var(--evidence-faint);
    font-size: 0.62rem;
    text-transform: uppercase;
}

.elkwai-evidence-site .release-evidence-record dd {
    margin-top: 3px;
    color: var(--evidence-green-strong);
    font-size: 0.75rem;
    font-weight: 800;
}

.elkwai-evidence-site .case-study-source-note {
    margin-top: 15px;
    color: var(--evidence-faint);
    font-size: 0.69rem;
    line-height: 1.55;
}

.elkwai-evidence-site .security-control-list ol,
.elkwai-evidence-site .lifecycle-timeline ol {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .security-control-list li,
.elkwai-evidence-site .lifecycle-timeline li {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site :is(.security-control-list, .lifecycle-timeline) li > span {
    color: var(--evidence-green);
    font-family: var(--mono);
    font-size: 0.66rem;
}

.elkwai-evidence-site :is(.security-control-list, .lifecycle-timeline) li strong {
    color: var(--evidence-text);
    font-size: 0.82rem;
}

.elkwai-evidence-site :is(.security-control-list, .lifecycle-timeline) li p {
    margin-top: 5px;
    color: var(--evidence-muted);
    font-size: 0.75rem;
    line-height: 1.52;
}

.elkwai-evidence-site .case-study-limitations {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 22px;
    margin-top: 30px;
    padding: 20px;
    border: 1px solid rgba(247, 200, 96, 0.24);
    background: rgba(247, 200, 96, 0.025);
}

.elkwai-evidence-site .case-study-limitations > strong {
    color: #e8c77f;
    font-size: 0.78rem;
}

.elkwai-evidence-site .case-study-limitations ul {
    margin: 0;
    padding-left: 18px;
}

.elkwai-evidence-site .case-study-limitations li {
    margin-bottom: 6px;
    color: var(--evidence-muted);
    font-size: 0.77rem;
    line-height: 1.52;
}

.elkwai-evidence-site .scenario-library-action {
    margin-top: 24px;
}

.elkwai-evidence-site footer {
    border-top: 0;
    background: #09080e;
}

.elkwai-evidence-site footer :is(h4, a) {
    color: var(--evidence-text);
}

.elkwai-evidence-site footer p,
.elkwai-evidence-site footer .footer-bottom {
    color: var(--evidence-faint);
}

.elkwai-evidence-site :focus-visible {
    outline: 2px solid var(--evidence-green);
    outline-offset: 3px;
}

/* Shared legal-document shell */
.legal-page {
    width: min(960px, calc(100% - 36px));
    margin: 0 auto;
    padding: clamp(138px, 15vw, 180px) 0 clamp(76px, 10vw, 124px);
}

.legal-page > .eyebrow {
    margin: 0 0 14px;
    color: #a9c79c;
    font-family: var(--mono-font);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.legal-page h1 {
    margin: 0 0 20px;
    font-size: clamp(2.7rem, 7vw, 5.8rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.legal-page h2 {
    margin: 46px 0 14px;
    padding-top: 26px;
    border-top: 1px solid var(--line);
    font-size: clamp(1.35rem, 3vw, 2rem);
}

.legal-page p,
.legal-page li {
    color: var(--muted);
    line-height: 1.72;
}

.legal-page .legal-meta,
.legal-page .legal-note {
    padding: 18px 20px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.025);
}

.data-storefront > .elkwai-site-footer {
    position: relative;
    z-index: 1;
}

@media (max-width: 1050px) {
    .elkwai-evidence-site .evidence-hero-grid,
    .elkwai-evidence-site .case-study-header {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
        gap: 42px;
    }

    .elkwai-evidence-site .evidence-hero h1 {
        font-size: clamp(3rem, 6vw, 4.4rem);
    }

    .elkwai-evidence-site .solution-path-details,
    .elkwai-evidence-site .walkthrough-method-grid,
    .elkwai-evidence-site .decision-options {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .solution-path-details div,
    .elkwai-evidence-site .walkthrough-method-grid > div,
    .elkwai-evidence-site .decision-options article {
        border-right: 0;
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .commercial-entry-row {
        grid-template-columns: 0.9fr 0.65fr 1.2fr 1.3fr;
    }

    .elkwai-evidence-site .demo-extension-grid,
    .elkwai-evidence-site .scenario-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elkwai-evidence-site .case-study-body,
    .elkwai-evidence-site .case-study-body--balanced {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .elkwai-evidence-site .evidence-shell,
    .elkwai-evidence-site .navbar {
        width: min(100% - 32px, 1240px);
    }

    .elkwai-evidence-site .evidence-hero {
        min-height: 0;
        padding: 116px 0 62px;
    }

    .elkwai-evidence-site .evidence-hero-grid,
    .elkwai-evidence-site .case-study-header {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .evidence-hero h1 {
        max-width: 13ch;
        font-size: clamp(2.85rem, 10vw, 4.2rem);
    }

    .elkwai-evidence-site .evidence-brief {
        max-width: 620px;
    }

    .elkwai-evidence-site .evidence-section-heading,
    .elkwai-evidence-site .guided-review-intro,
    .elkwai-evidence-site .proof-route-grid {
        align-items: flex-start;
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .proof-route-actions {
        justify-content: flex-start;
    }

    .elkwai-evidence-site .solution-path-card {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .elkwai-evidence-site .solution-path-number {
        padding: 26px 15px;
    }

    .elkwai-evidence-site .solution-path-copy {
        padding: 26px 24px 30px;
    }

    .elkwai-evidence-site .commercial-entry-table {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        border: 0;
    }

    .elkwai-evidence-site .commercial-entry-head {
        display: none;
    }

    .elkwai-evidence-site .commercial-entry-row {
        display: grid;
        grid-template-columns: 1fr;
        align-content: start;
        border: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .commercial-entry-row > * {
        padding: 12px 15px;
        border-right: 0;
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .commercial-entry-row > *:last-child {
        border-bottom: 0;
    }

    .elkwai-evidence-site .catalog-route-grid,
    .elkwai-evidence-site .schema-compare-grid,
    .elkwai-evidence-site .code-delivery-grid {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .walkthrough-step-rail button {
        min-height: 78px;
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 12px;
    }

    .elkwai-evidence-site .walkthrough-step-rail small {
        display: none;
    }

    .elkwai-evidence-site .walkthrough-panel-heading {
        flex-direction: column;
    }

    .elkwai-evidence-site .walkthrough-panel-heading > p {
        text-align: left;
    }

    .elkwai-evidence-site .business-change-summary article {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elkwai-evidence-site .business-change-summary .business-change-name,
    .elkwai-evidence-site .business-change-summary em {
        grid-column: 1 / 3;
    }

    .elkwai-evidence-site .business-change-summary .business-change-name {
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .business-change-summary em {
        border-top: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .signal-evidence-card {
        grid-template-columns: minmax(170px, 0.72fr) minmax(0, 1.6fr);
    }

    .elkwai-evidence-site .signal-evidence-links {
        grid-column: 1 / 3;
        border-top: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .finding-review-facts {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .finding-row {
        grid-template-columns: 40px minmax(0, 1fr) 90px;
    }

    .elkwai-evidence-site .finding-row code,
    .elkwai-evidence-site .finding-row-area {
        grid-column: 2 / 4;
        border-top: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .delivery-dashboard-record {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elkwai-evidence-site .receipt-layout {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .elkwai-evidence-site .case-study-meta {
        max-width: 620px;
    }
}

@media (max-width: 600px) {
    .elkwai-evidence-site .evidence-shell,
    .elkwai-evidence-site .navbar {
        width: min(100% - 28px, 1240px);
    }

    .elkwai-evidence-site .evidence-hero {
        padding-top: 102px;
    }

    .elkwai-evidence-site .evidence-hero h1 {
        font-size: clamp(2.55rem, 12vw, 3.45rem);
    }

    .elkwai-evidence-site .evidence-hero p {
        margin-top: 20px;
        font-size: 1rem;
    }

    .elkwai-evidence-site .evidence-actions .btn,
    .elkwai-evidence-site .proof-route-actions .btn {
        width: 100%;
    }

    .elkwai-evidence-site .evidence-brief dl div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .elkwai-evidence-site .evidence-section {
        padding: 62px 0;
    }

    .elkwai-evidence-site .evidence-section-nav {
        top: 68px;
    }

    .elkwai-evidence-site .evidence-section-nav .evidence-shell {
        gap: 20px;
    }

    .elkwai-evidence-site .solution-path-card {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .solution-path-number {
        padding: 18px 20px 0;
        border-right: 0;
    }

    .elkwai-evidence-site .solution-path-copy {
        padding: 13px 20px 26px;
    }

    .elkwai-evidence-site .commercial-entry-table,
    .elkwai-evidence-site .demo-extension-grid,
    .elkwai-evidence-site .scenario-library-grid {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .catalog-route-grid a {
        min-height: 200px;
        padding: 24px 20px;
    }

    .elkwai-evidence-site .walkthrough-step-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elkwai-evidence-site .walkthrough-step-rail button {
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .walkthrough-panel {
        padding: 20px 14px;
    }

    .elkwai-evidence-site .schema-compare-grid pre {
        min-height: 0;
        font-size: 0.68rem;
    }

    .elkwai-evidence-site .walkthrough-explainer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .elkwai-evidence-site .business-change-summary article {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .business-change-summary .business-change-name,
    .elkwai-evidence-site .business-change-summary em {
        grid-column: 1;
    }

    .elkwai-evidence-site .business-change-summary article > * {
        border-right: 0;
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .business-change-summary article > *:last-child {
        border-bottom: 0;
    }

    .elkwai-evidence-site .signal-evidence-card {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .signal-evidence-card > *,
    .elkwai-evidence-site .signal-evidence-links {
        grid-column: 1;
        border-right: 0;
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .signal-evidence-links {
        border-top: 0;
        border-bottom: 0;
    }

    .elkwai-evidence-site .signal-review-grid {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .finding-row {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .elkwai-evidence-site .finding-row em,
    .elkwai-evidence-site .finding-row code,
    .elkwai-evidence-site .finding-row-area {
        grid-column: 2;
        border-top: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .delivery-surface-panel {
        padding: 14px;
    }

    .elkwai-evidence-site .delivery-surface-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .elkwai-evidence-site .delivery-surface-tabs button {
        min-width: 0;
        padding: 10px 8px;
        border-bottom: 1px solid var(--evidence-line);
        white-space: normal;
    }

    .elkwai-evidence-site .delivery-surface-tabs button:nth-child(2n) {
        border-right: 0;
    }

    .elkwai-evidence-site .delivery-surface-tabs button:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .elkwai-evidence-site .delivery-dashboard-record {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .receipt-layout dl div,
    .elkwai-evidence-site .case-study-meta div {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .receipt-layout dt,
    .elkwai-evidence-site .case-study-meta dt {
        border-right: 0;
        border-bottom: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .walkthrough-controls {
        grid-template-columns: 1fr 1fr;
    }

    .elkwai-evidence-site .walkthrough-controls > span {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .elkwai-evidence-site .walkthrough-reset {
        grid-column: 1 / 3;
    }

    .elkwai-evidence-site .release-evidence-record dl {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .case-study-limitations {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .elkwai-evidence-site *,
    .elkwai-evidence-site *::before,
    .elkwai-evidence-site *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* Consent-aware inquiry form */
.contact-consent {
    display: grid;
    gap: 0.8rem;
    margin: 1rem 0 1.2rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(18, 18, 32, 0.42);
}
.contact-consent legend {
    padding: 0 0.35rem;
    color: var(--text);
    font-family: var(--heading-font);
    font-size: 0.95rem;
    font-weight: 700;
}
.contact-consent-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    color: var(--soft);
    font-size: 0.86rem;
    line-height: 1.5;
}
.contact-consent-row input {
    margin-top: 0.25rem;
    accent-color: var(--teal);
}
.contact-consent-row a {
    color: var(--teal);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
.contact-consent-row--optional {
    color: var(--muted);
}

/* Free Tools Network: compact acquisition surface and practical calculators */
.section-kicker { display: block; margin-bottom: .85rem; color: #b8d5a8; font: 800 .68rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.tool-network-section { border-bottom: 1px solid var(--line); background: rgba(20, 17, 31, 0.72); }
.tool-network-section .section-head { max-width: 800px; }
.tool-network-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.3rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.tool-network-grid a { display: grid; align-content: start; gap: .65rem; min-height: 190px; padding: 1.45rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(8, 7, 15, .46); transition: background 160ms ease, transform 160ms ease; }
.tool-network-grid a:hover, .tool-network-grid a:focus-visible { background: rgba(184, 213, 168, .07); transform: translateY(-2px); }
.tool-network-grid strong { color: var(--text); font: 700 1.08rem var(--heading-font); }
.tool-network-grid span { color: var(--muted); font-size: .86rem; line-height: 1.55; }
.tool-network-grid em { margin-top: auto; color: #b8d5a8; font-size: .72rem; font-style: normal; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.commercial-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.commercial-price-grid article { display: grid; align-content: start; gap: .7rem; min-height: 235px; padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(8, 7, 15, .5); }
.commercial-price-grid article > span { color: #b8d5a8; font: 700 .68rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.commercial-price-grid strong { color: var(--text); font: 700 clamp(1.35rem, 2vw, 1.85rem) var(--heading-font); }
.commercial-price-grid p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.6; }
.commercial-price-grid a { align-self: end; margin-top: auto; color: #d9f2ca; font-size: .75rem; font-weight: 700; }
.calculator-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.calculator-grid label { position: relative; display: grid; gap: .55rem; color: var(--soft); font-size: .85rem; font-weight: 650; }
.calculator-grid input, .calculator-grid select { width: 100%; min-height: 44px; padding: .65rem .8rem; border: 1px solid var(--line); border-radius: 6px; color: var(--text); background: rgba(8, 7, 15, .8); font: .86rem var(--mono); outline: none; }
.calculator-grid input:focus, .calculator-grid select:focus { border-color: rgba(184, 213, 168, .68); box-shadow: 0 0 0 3px rgba(184, 213, 168, .08); }
.calculator-grid .field-suffix { position: absolute; right: .8rem; bottom: .78rem; color: var(--muted); font: .8rem var(--mono); }
.calculator-grid input:has(+ .field-suffix) { padding-right: 2rem; }
.tool-result .result-note { margin-top: .85rem; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.tool-result .result-list { display: grid; gap: .55rem; margin-top: 1rem; }
.tool-result .result-list > div { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem .75rem; border-bottom: 1px solid rgba(210, 197, 255, .09); color: var(--muted); font-size: .8rem; }
.tool-result .result-list strong { color: var(--soft); }
.tool-result .risk-list { color: var(--amber); }
@media (max-width: 980px) {
    .tool-network-grid { grid-template-columns: repeat(2, 1fr); }
    .commercial-price-grid { grid-template-columns: repeat(2, 1fr); }
    .calculator-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
    .tool-network-grid, .commercial-price-grid, .calculator-grid { grid-template-columns: 1fr; }
    .tool-network-grid a { min-height: 150px; }
}
/* Source-backed proof examples extend the existing evidence surface without
   creating another catalog or navigation branch. */
.historical-proof-section { background: #111019; }
.historical-proof-heading { align-items: end; gap: 2rem; }
.historical-proof-heading .case-study-status { display: inline-flex; margin-bottom: 1rem; }
.historical-proof-source { min-width: 220px; padding: 1rem 1.15rem; border-left: 3px solid #9fbd91; background: rgba(159, 189, 145, .07); }
.historical-proof-source strong, .historical-proof-source span { display: block; }
.historical-proof-source strong { color: #f5f1ec; font-size: .86rem; }
.historical-proof-source span { margin-top: .3rem; color: #aaa4b0; font-size: .74rem; }
.historical-proof-workspace { margin-top: 2rem; border: 1px solid #353141; background: #15131d; }
.historical-proof-tabs { display: flex; gap: 0; border-bottom: 1px solid #353141; }
.historical-proof-tabs button { min-height: 52px; padding: .85rem 1.2rem; border: 0; border-right: 1px solid #353141; color: #aaa4b0; background: transparent; font: 700 .78rem/1.2 Inter, sans-serif; cursor: pointer; }
.historical-proof-tabs button[aria-selected="true"] { color: #111512; background: #b7d3a8; }
.historical-proof-tabs button:focus-visible { outline: 3px solid #d9c86c; outline-offset: -3px; }
.historical-proof-panel { padding: clamp(1.25rem, 3vw, 2rem); }
.historical-proof-control { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 2rem; align-items: end; }
.historical-proof-control h3 { margin: 0 0 .5rem; color: #f5f1ec; font-size: clamp(1.35rem, 2.5vw, 2rem); }
.historical-proof-control p { max-width: 780px; margin: 0; color: #aaa4b0; line-height: 1.65; }
.historical-proof-control label { display: grid; gap: .45rem; color: #d9d5dc; font-size: .76rem; font-weight: 700; }
.historical-proof-control select { width: 100%; min-height: 46px; padding: .7rem .8rem; border: 1px solid #4b4657; border-radius: 0; color: #f5f1ec; background: #0f0d15; font: inherit; }
.historical-proof-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1.6rem 0; border: 1px solid #353141; }
.historical-proof-metrics > div { min-height: 92px; padding: 1rem; }
.historical-proof-metrics > div + div { border-left: 1px solid #353141; }
.historical-proof-metrics strong, .historical-proof-metrics span { display: block; }
.historical-proof-metrics strong { color: #c8e1ba; font: 700 clamp(1.05rem, 2vw, 1.45rem)/1.15 Montserrat, sans-serif; }
.historical-proof-metrics span { margin-top: .45rem; color: #918b98; font-size: .72rem; }
.historical-proof-rows { border-top: 1px solid #353141; }
.historical-proof-row { display: grid; grid-template-columns: minmax(240px, 1fr) 150px 170px; gap: 1rem; align-items: center; min-height: 74px; padding: .9rem 0; border-bottom: 1px solid #353141; color: #d9d5dc; font-size: .78rem; }
.historical-proof-row > div strong, .historical-proof-row > div span { display: block; }
.historical-proof-row > div strong { color: #f5f1ec; font-size: .84rem; }
.historical-proof-row > div span { margin-top: .25rem; color: #918b98; }
.historical-proof-decision { padding: 1.25rem; border-left: 3px solid #d9c86c; background: rgba(217, 200, 108, .07); }
.historical-proof-decision span { color: #d9c86c; font: 700 .7rem/1 Montserrat, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.historical-proof-decision p { max-width: 900px; margin: .65rem 0 0; color: #e2dde5; line-height: 1.65; }
.historical-proof-foot { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 1.35rem; }
.historical-proof-foot p { max-width: 820px; margin: 0; color: #aaa4b0; font-size: .77rem; line-height: 1.55; }
.historical-proof-foot a { flex: 0 0 auto; color: #c8e1ba; font-size: .76rem; font-weight: 700; }
@media (max-width: 760px) {
    .historical-proof-heading, .historical-proof-control { grid-template-columns: 1fr; align-items: start; }
    .historical-proof-source { min-width: 0; }
    .historical-proof-tabs { display: grid; grid-template-columns: 1fr 1fr; }
    .historical-proof-metrics { grid-template-columns: 1fr; }
    .historical-proof-metrics > div + div { border-top: 1px solid #353141; border-left: 0; }
    .historical-proof-row { grid-template-columns: 1fr; gap: .35rem; padding-block: 1rem; }
    .historical-proof-foot { align-items: flex-start; flex-direction: column; gap: .8rem; }
}

/* Buyer-facing solution studies: evidence and tradeoffs take precedence over
   decorative mockups or unverified outcome metrics. */
.solution-studies-site { background: #111019; color: #f5f1ec; }
.solution-studies-site main { padding-top: 76px; }
.solution-studies-shell { width: min(1120px, calc(100% - 3rem)); margin-inline: auto; }
.solution-studies-hero { padding: 4.5rem 0 3.25rem; border-bottom: 1px solid #353141; background: #15131d; }
.study-kicker { margin: 0 0 1rem; color: #b8d5a8; font: 700 .72rem/1.4 var(--mono, monospace); letter-spacing: .08em; text-transform: uppercase; }
.solution-studies-hero h1, .study-detail-hero h1 { max-width: 850px; margin: 0; color: #f5f1ec; font: 700 3.25rem/1.08 var(--heading-font, Montserrat, sans-serif); }
.study-intro { max-width: 780px; margin: 1.3rem 0 1.2rem; color: #c5c0ca; font-size: 1.05rem; line-height: 1.7; }
.study-primary-link, .study-back-link { display: inline-flex; align-items: center; min-height: 42px; color: #d9f2ca; font-size: .85rem; font-weight: 700; text-underline-offset: .2em; }
.study-primary-link { padding: .65rem .9rem; border: 1px solid #607057; text-decoration: none; }
.study-primary-link:hover, .study-primary-link:focus-visible { background: rgba(184, 213, 168, .09); }
.study-method { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 3rem 0 0; padding: 0; border-top: 1px solid #45404f; border-left: 1px solid #45404f; list-style: none; }
.study-method li { display: grid; align-content: start; gap: .45rem; min-height: 130px; padding: 1rem; border-right: 1px solid #45404f; border-bottom: 1px solid #45404f; }
.study-method li > span { color: #b8d5a8; font: 700 .7rem/1.2 var(--mono, monospace); }
.study-method strong { color: #f5f1ec; font-size: .95rem; }
.study-method small { color: #aaa4b0; font-size: .78rem; line-height: 1.45; }
.industry-index-section { padding: 4rem 0; }
.industry-index-heading { display: grid; grid-template-columns: minmax(0, .8fr) minmax(280px, .6fr); gap: 2rem; align-items: end; margin-bottom: 1.8rem; }
.industry-index-heading h2, .study-contact-inner h2 { margin: 0; color: #f5f1ec; font: 700 2rem/1.2 var(--heading-font, Montserrat, sans-serif); }
.industry-index-heading > p, .study-contact-inner p { margin: 0; color: #aaa4b0; font-size: .9rem; line-height: 1.65; }
.industry-index { border-top: 1px solid #45404f; }
.industry-index > a { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 1.2rem; align-items: center; min-height: 112px; padding: 1.2rem .7rem; border-bottom: 1px solid #45404f; color: inherit; text-decoration: none; }
.industry-index > a:hover, .industry-index > a:focus-visible { background: rgba(184, 213, 168, .045); outline: none; }
.industry-index > a > span { color: #b8d5a8; font: 700 .78rem/1 var(--mono, monospace); }
.industry-index > a div { display: grid; gap: .4rem; }
.industry-index > a strong { color: #f5f1ec; font-size: 1.12rem; }
.industry-index > a small { max-width: 700px; color: #aaa4b0; font-size: .82rem; line-height: 1.5; }
.industry-index > a b { color: #d9f2ca; font-size: .76rem; }
.study-truth-note { margin-top: 2.3rem; padding: 1.2rem 1.35rem; border-left: 3px solid #b8d5a8; background: #17151f; }
.study-truth-note strong { color: #f5f1ec; font-size: .9rem; }
.study-truth-note p { max-width: 920px; margin: .55rem 0 0; color: #aaa4b0; font-size: .82rem; line-height: 1.65; }
.study-contact-band { padding: 2.7rem 0; border-block: 1px solid #353141; background: #15131d; }
.study-contact-inner { display: flex; justify-content: space-between; gap: 2rem; align-items: center; }
.study-contact-inner > div { max-width: 760px; }
.study-contact-inner h2 { font-size: 1.55rem; }
.study-contact-inner p { margin-top: .55rem; }
.study-contact-inner .btn { flex: 0 0 auto; }
.study-detail-hero { padding: 3.5rem 0 3rem; border-bottom: 1px solid #353141; background: #15131d; }
.study-detail-hero .study-kicker { margin-top: 1.8rem; }
.study-detail-hero h1 { max-width: 880px; font-size: 2.8rem; }
.study-detail-hero > div > p:not(.study-kicker):not(.study-disclosure) { max-width: 780px; margin: 1.1rem 0 0; color: #c5c0ca; font-size: 1rem; line-height: 1.7; }
.study-disclosure { margin: 1.2rem 0 0; color: #b8d5a8; font-size: .78rem; font-weight: 650; }
.study-detail-body { padding: 3rem 0 4.5rem; }
.study-reading-width { max-width: 900px; }
.study-section { padding: 0 0 2.25rem; margin: 0 0 2.25rem; border-bottom: 1px solid #353141; }
.study-section h2 { margin: 0 0 .9rem; color: #f5f1ec; font: 700 1.5rem/1.25 var(--heading-font, Montserrat, sans-serif); }
.study-section h3 { margin: 0 0 .6rem; color: #e4dfe6; font-size: .95rem; }
.study-section p, .study-section li { color: #c5c0ca; font-size: .9rem; line-height: 1.7; }
.study-section p { margin: 0 0 .85rem; }
.study-section ul, .study-checklist { display: grid; gap: .55rem; margin: 0; padding-left: 1.15rem; }
.study-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin: 1.2rem 0; }
.study-two-column ul { padding-left: 1.1rem; }
.study-source-note { padding: 1rem 1.15rem; border-left: 3px solid #7e9c71; background: #17151f; font-size: .82rem !important; }
.study-source-note a { color: #d9f2ca; }
.study-table-wrap { overflow-x: auto; border: 1px solid #45404f; }
.study-options { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; }
.study-options th, .study-options td { padding: .9rem 1rem; border-bottom: 1px solid #353141; vertical-align: top; color: #c5c0ca; font-size: .82rem; line-height: 1.55; }
.study-options thead th { color: #b8d5a8; background: #17151f; font-size: .72rem; letter-spacing: .04em; }
.study-options tbody th { min-width: 150px; color: #f5f1ec; font-size: .84rem; }
.study-options tr:last-child th, .study-options tr:last-child td { border-bottom: 0; }
.study-boundary { padding: 1.2rem 1.3rem; border: 1px solid #45404f; border-left: 3px solid #d9c86c; }
.study-boundary h2 { font-size: 1.2rem; }
.study-boundary p { margin-bottom: 0; }
.study-next-step { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }
.study-fit-note { max-width: 780px; margin: 1.2rem 0 0; padding: .9rem 1rem; border-left: 3px solid #b8d5a8; background: #191721; color: #c5c0ca; font-size: .9rem; line-height: 1.65; }
.study-fit-note strong { color: #f5f1ec; }
.study-fit-section { border-left: 3px solid #7e9c71; padding-left: 1.1rem; }
.study-value-section > p { max-width: 820px; }
.study-value-context { color: #d9f2ca !important; }
.study-value-calculator { margin-top: 1.25rem; padding: 1.2rem; border: 1px solid #45404f; background: #15131d; }
.study-calculator-inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .25rem 1.1rem; min-width: 0; }
.study-calculator-inputs fieldset { display: grid; gap: .8rem; min-width: 0; margin: 0 0 1rem; padding: .85rem 0 1rem; border: 0; border-top: 1px solid #45404f; }
.study-calculator-inputs legend { padding: 0 .35rem 0 0; color: #d9f2ca; font-size: .79rem; font-weight: 700; }
.study-calculator-inputs label { display: grid; gap: .35rem; color: #e4dfe6; font-size: .79rem; font-weight: 600; line-height: 1.4; }
.study-calculator-inputs input { width: 100%; min-height: 42px; padding: .55rem .65rem; border: 1px solid #5a5363; border-radius: 2px; background: #111019; color: #f5f1ec; font: 500 .9rem/1.3 Inter, sans-serif; }
.study-calculator-inputs input:focus-visible { border-color: #b8d5a8; outline: 2px solid #b8d5a8; outline-offset: 2px; }
.study-calculator-inputs label small { color: #aaa4b0; font-size: .72rem; font-weight: 400; line-height: 1.5; }
.study-calculator-reset { grid-column: 1 / -1; justify-self: start; min-height: 40px; padding: .55rem .8rem; border: 1px solid #607057; border-radius: 2px; background: transparent; color: #d9f2ca; font: 650 .78rem/1.2 Inter, sans-serif; cursor: pointer; }
.study-calculator-reset:hover, .study-calculator-reset:focus-visible { background: rgba(184, 213, 168, .09); }
.study-calculator-results { min-width: 0; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #353141; }
.study-calculator-status, .study-calculator-basis { margin: 0 0 .9rem; color: #c5c0ca; font-size: .82rem; line-height: 1.6; }
.study-calculator-status { color: #d9f2ca; }
.study-calculator-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; margin: 0 0 1rem; }
.study-calculator-summary > div { padding: .7rem 0; border-top: 1px solid #353141; }
.study-calculator-summary dt { color: #aaa4b0; font-size: .72rem; line-height: 1.4; }
.study-calculator-summary dd { margin: .3rem 0 0; color: #f5f1ec; font-size: .98rem; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.3; overflow-wrap: anywhere; }
.study-calculator-table { width: 100%; min-width: 540px; border-collapse: collapse; text-align: left; }
.study-calculator-table th, .study-calculator-table td { padding: .65rem .55rem; border-bottom: 1px solid #353141; color: #c5c0ca; font-size: .72rem; line-height: 1.45; font-variant-numeric: tabular-nums; }
.study-calculator-table thead th { color: #d9f2ca; font-size: .66rem; }
.study-calculator-table tbody th { color: #f5f1ec; white-space: nowrap; }
.study-calculator-summary-bottom { margin-top: 1rem; }
.study-calculator-caveat, .study-calculator-privacy { margin: .9rem 0 0 !important; color: #aaa4b0 !important; font-size: .75rem !important; line-height: 1.6 !important; }
.study-calculator-method { margin-top: 1rem; border-top: 1px solid #353141; border-bottom: 1px solid #353141; }
.study-calculator-method summary { padding: .7rem 0; color: #d9f2ca; font-size: .78rem; font-weight: 700; cursor: pointer; }
.study-calculator-method p { margin: 0 0 .8rem; color: #aaa4b0; font-size: .75rem; line-height: 1.6; }
[data-study-calculator-output][hidden] { display: none; }
@media (max-width: 760px) {
    .solution-studies-site main { padding-top: 68px; }
    .solution-studies-shell { width: min(100% - 2rem, 1120px); }
    .solution-studies-hero { padding: 3rem 0 2.2rem; }
    .solution-studies-hero h1 { font-size: 2.4rem; }
    .study-method { grid-template-columns: 1fr 1fr; margin-top: 2rem; }
    .study-method li { min-height: 112px; }
    .industry-index-section { padding: 2.8rem 0; }
    .industry-index-heading { grid-template-columns: 1fr; gap: .8rem; }
    .industry-index-heading h2 { font-size: 1.75rem; }
    .industry-index > a { grid-template-columns: 34px minmax(0, 1fr); gap: .75rem; padding: 1rem .25rem; }
    .industry-index > a b { grid-column: 2; }
    .study-contact-inner { align-items: flex-start; flex-direction: column; gap: 1.2rem; }
    .study-detail-hero { padding: 2.5rem 0 2.25rem; }
    .study-detail-hero h1 { font-size: 2.2rem; }
    .study-detail-body { padding: 2.2rem 0 3rem; }
    .study-two-column { grid-template-columns: 1fr; gap: 1.2rem; }
    .study-section { padding-bottom: 1.7rem; margin-bottom: 1.7rem; }
    .study-value-calculator { padding: 1rem; }
    .study-calculator-summary { gap: 0 .7rem; }
}

.elkwai-evidence-site .local-ai-section {
    scroll-margin-top: 128px;
    background: #19231f;
}

.elkwai-evidence-site .local-ai-definition {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 38px;
    padding: 28px 0;
    border-top: 1px solid var(--evidence-line);
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .local-ai-definition h3,
.elkwai-evidence-site .local-ai-balance h3,
.elkwai-evidence-site .local-ai-subheading h3,
.elkwai-evidence-site .local-ai-customization h3 {
    color: var(--evidence-text);
    font-size: 1.45rem;
    line-height: 1.24;
}

.elkwai-evidence-site .local-ai-definition p,
.elkwai-evidence-site .local-ai-subheading p,
.elkwai-evidence-site .local-ai-customization p,
.elkwai-evidence-site .local-ai-close p {
    max-width: 800px;
    margin: 0;
    color: var(--evidence-muted);
    font-size: 1rem;
    line-height: 1.7;
}

.elkwai-evidence-site .local-ai-balance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .local-ai-balance > div {
    min-width: 0;
    padding: 38px 42px 42px 0;
}

.elkwai-evidence-site .local-ai-balance > div + div {
    padding-left: 42px;
    border-left: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .local-ai-balance ul {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.elkwai-evidence-site .local-ai-balance li {
    padding: 13px 0;
    border-top: 1px solid var(--evidence-line);
    color: var(--evidence-muted);
    font-size: 0.91rem;
    line-height: 1.58;
}

.elkwai-evidence-site .local-ai-balance li strong,
.elkwai-evidence-site .local-ai-close strong {
    color: var(--evidence-text);
}

.elkwai-evidence-site .local-ai-applications,
.elkwai-evidence-site .local-ai-projects,
.elkwai-evidence-site .local-ai-customization {
    display: grid;
    grid-template-columns: minmax(250px, 0.7fr) minmax(0, 1.3fr);
    gap: 56px;
    padding: 48px 0;
    border-bottom: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .local-ai-subheading p,
.elkwai-evidence-site .local-ai-customization p {
    margin-top: 16px;
}

.elkwai-evidence-site .local-ai-use-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 28px;
}

.elkwai-evidence-site .local-ai-project-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 28px;
}

.elkwai-evidence-site .local-ai-project-list article {
    min-width: 0;
    border-top: 1px solid var(--evidence-line);
    padding-top: 16px;
}

.elkwai-evidence-site .local-ai-project-type {
    margin: 0 0 8px;
    color: var(--evidence-green);
    font-size: .75rem;
    font-weight: 750;
    text-transform: uppercase;
}

.elkwai-evidence-site .local-ai-project-list h4 {
    color: var(--evidence-text);
    font-size: 1.06rem;
    line-height: 1.3;
}

.elkwai-evidence-site .local-ai-project-list p:not(.local-ai-project-type) {
    margin: 10px 0 0;
    color: var(--evidence-muted);
    font-size: .89rem;
    line-height: 1.58;
}

.elkwai-evidence-site .local-ai-project-list .local-ai-project-limit {
    border-left: 2px solid var(--evidence-green);
    padding-left: 12px;
}

.elkwai-evidence-site .local-ai-use-grid article {
    min-width: 0;
    padding-top: 16px;
    border-top: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .local-ai-use-grid h4 {
    color: var(--evidence-text);
    font-size: 1.06rem;
    line-height: 1.3;
}

.elkwai-evidence-site .local-ai-use-grid p,
.elkwai-evidence-site .local-ai-customization dd {
    margin: 9px 0 0;
    color: var(--evidence-muted);
    font-size: 0.89rem;
    line-height: 1.58;
}

.elkwai-evidence-site .local-ai-customization dl {
    margin: 0;
}

.elkwai-evidence-site .local-ai-customization dl > div {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 20px;
    padding: 14px 0;
    border-top: 1px solid var(--evidence-line);
}

.elkwai-evidence-site .local-ai-customization dt {
    color: var(--evidence-green);
    font-size: 0.85rem;
    font-weight: 750;
}

.elkwai-evidence-site .local-ai-customization dd {
    margin: 0;
}

.elkwai-evidence-site .local-ai-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-top: 38px;
}

.elkwai-evidence-site .local-ai-close p {
    max-width: 790px;
}

.elkwai-evidence-site .local-ai-close .btn {
    flex: 0 0 auto;
}

@media (min-width: 761px) and (max-width: 980px) {
    .elkwai-evidence-site .nav-toggle {
        display: inline-flex;
    }

    .elkwai-evidence-site .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 1rem;
        right: 1rem;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: .7rem;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #05080d;
        box-shadow: var(--shadow);
    }

    .elkwai-evidence-site .nav-links.show {
        display: flex;
    }

    .elkwai-evidence-site .nav-links a {
        padding: .7rem;
    }
}

@media (max-width: 820px) {
    .elkwai-evidence-site .local-ai-definition,
    .elkwai-evidence-site .local-ai-applications,
    .elkwai-evidence-site .local-ai-projects,
    .elkwai-evidence-site .local-ai-customization {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .elkwai-evidence-site .local-ai-close {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .elkwai-evidence-site .local-ai-balance,
    .elkwai-evidence-site .local-ai-use-grid,
    .elkwai-evidence-site .local-ai-project-list {
        grid-template-columns: 1fr;
    }

    .elkwai-evidence-site .local-ai-balance > div,
    .elkwai-evidence-site .local-ai-balance > div + div {
        padding: 28px 0;
        border-left: 0;
    }

    .elkwai-evidence-site .local-ai-balance > div + div {
        border-top: 1px solid var(--evidence-line);
    }

    .elkwai-evidence-site .local-ai-customization dl > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .elkwai-evidence-site .local-ai-close .btn {
        width: 100%;
    }
}