/* Industry-specific home layouts.
   Structure lives here; colors come from the active theme variables. */

/* ---------- Shared header variations ---------- */
.top-contact-bar {
    background: var(--surface-2);
    border-bottom: 1px solid var(--border);
    color: var(--muted);
    font-size: .78rem;
}
.top-contact-bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0;
}
.top-contact-bar a { color: var(--primary); font-weight: 600; }
.header-corporate .site-header { border-top: 3px solid var(--primary); }
.header-corporate .top-contact-bar { background: var(--footer-bg); color: var(--footer-text); }
.header-corporate .top-contact-bar a { color: #fde68a; }

.header-centered .header-inner {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 12px;
}
.header-centered .brand { order: 1; }
.header-centered .header-actions { order: 2; margin-left: auto; }
.header-centered .main-nav {
    order: 3;
    width: 100%;
    justify-content: center;
    padding: 6px 0 10px;
    border-top: 1px solid var(--border);
}

.masthead-meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0;
    color: var(--muted);
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border);
}
.header-editorial .site-header { position: static; background: var(--surface); }
.header-editorial .header-inner { flex-wrap: wrap; padding-top: 10px; }
.header-editorial .brand { order: 1; }
.header-editorial .header-actions { order: 2; margin-left: auto; }
.header-editorial .main-nav {
    order: 3;
    width: 100%;
    padding: 8px 0;
    border-top: 1px solid var(--border);
    border-bottom: 3px double var(--border);
}

.header-minimal .site-header {
    position: static;
    background: transparent;
    border-bottom: 1px solid var(--border);
    backdrop-filter: none;
}
.header-minimal .header-inner { min-height: 80px; }
.header-minimal .header-actions .btn-primary {
    background: transparent;
    color: var(--text);
    border: 1px solid var(--text);
    box-shadow: none;
}

/* Transparent headers only on the dark home layouts; inner pages keep the normal header. */
body.header-transparent.home-layout-terminal .site-header,
body.header-transparent.home-layout-industrial .site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: none;
    box-shadow: none;
}
body.header-transparent.home-layout-terminal .site-header .brand,
body.header-transparent.home-layout-terminal .site-header .brand-text small,
body.header-transparent.home-layout-terminal .site-header .main-nav a,
body.header-transparent.home-layout-terminal .site-header .icon-link,
body.header-transparent.home-layout-terminal .site-header .btn-ghost,
body.header-transparent.home-layout-industrial .site-header .brand,
body.header-transparent.home-layout-industrial .site-header .brand-text small,
body.header-transparent.home-layout-industrial .site-header .main-nav a,
body.header-transparent.home-layout-industrial .site-header .icon-link,
body.header-transparent.home-layout-industrial .site-header .btn-ghost {
    color: #fff;
}
body.header-transparent.home-layout-terminal .site-header .brand-text small,
body.header-transparent.home-layout-industrial .site-header .brand-text small { color: rgba(255, 255, 255, .7); }
body.header-transparent.home-layout-terminal .site-header .main-nav a.is-active,
body.header-transparent.home-layout-industrial .site-header .main-nav a.is-active {
    color: #fff;
    background: rgba(255, 255, 255, .16);
}
body.header-transparent.home-layout-terminal .site-header .main-nav a:hover,
body.header-transparent.home-layout-industrial .site-header .main-nav a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}
body.header-transparent.home-layout-terminal .site-header .btn-outline,
body.header-transparent.home-layout-industrial .site-header .btn-outline {
    color: #fff;
    border-color: rgba(255, 255, 255, .45);
}
body.header-transparent.home-layout-terminal .site-header .menu-toggle,
body.header-transparent.home-layout-industrial .site-header .menu-toggle { border-color: rgba(255, 255, 255, .35); }
body.header-transparent.home-layout-terminal .site-header .menu-toggle span,
body.header-transparent.home-layout-industrial .site-header .menu-toggle span { background: #fff; }

/* ---------- Terminal / dark product layout ---------- */
body.home-layout-terminal .terminal-hero {
    padding: 150px 0 70px;
    background:
        radial-gradient(820px 460px at 12% 0%, rgba(34, 211, 238, .18), transparent 62%),
        radial-gradient(760px 420px at 90% 4%, rgba(168, 85, 247, .20), transparent 62%);
}
.terminal-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 54px;
    align-items: center;
}
.terminal-hero h1 { font-size: clamp(2.6rem, 5vw, 4.6rem); letter-spacing: -.04em; }
.terminal-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 30px;
}
.terminal-metrics > div {
    display: flex;
    flex-direction: column;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface) 78%, transparent);
}
.terminal-metrics strong { font-size: 1.05rem; }
.terminal-metrics span { color: var(--muted); font-size: .76rem; }
.terminal-window {
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, .34);
    border-radius: 18px;
    background: #040a16;
    color: #c9f7ff;
    box-shadow: 0 30px 90px rgba(34, 211, 238, .10), 0 30px 90px rgba(168, 85, 247, .10);
}
.terminal-window pre { margin: 0; padding: 22px 20px; overflow: auto; font-size: .82rem; line-height: 1.8; }
.terminal-window .panel-top { border-bottom-color: rgba(255, 255, 255, .08); }
.ticker-strip {
    overflow: hidden;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}
.ticker-inner {
    display: flex;
    gap: 38px;
    padding: 12px 0;
    white-space: nowrap;
    color: var(--muted);
    font-family: var(--mono);
    font-size: .74rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.terminal-bento {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.terminal-bento .bento-item {
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
}
.terminal-bento .bento-item.wide { grid-column: span 2; }
.terminal-bento .bento-item > span {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary);
    font-family: var(--mono);
    font-size: .74rem;
}
.terminal-bento h3 { font-size: 1.05rem; }
.terminal-bento p { color: var(--muted); font-size: .88rem; }
.terminal-bento a { color: var(--primary); font-size: .82rem; font-weight: 600; }

/* ---------- Split enterprise / inquiry layout ---------- */
.split-hero {
    padding: 78px 0 74px;
    background:
        radial-gradient(760px 420px at 8% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 62%),
        linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 55%, transparent), transparent);
}
.split-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 54px;
    align-items: center;
}
.split-copy h1 { font-size: clamp(2.4rem, 4.5vw, 4rem); }
.hero-inquiry-card {
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    box-shadow: var(--shadow);
}
.hero-inquiry-card h2 { font-size: 1.55rem; margin-bottom: 10px; }
.hero-inquiry-card > p { color: var(--muted); font-size: .9rem; }
.inquiry-steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 20px 0;
}
.inquiry-step {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: color-mix(in srgb, var(--surface-2) 70%, transparent);
}
.inquiry-step span { color: var(--primary-2); font-family: var(--mono); font-size: .7rem; }
.inquiry-step strong { font-size: .82rem; }
.inquiry-note { margin: 12px 0 0; color: var(--muted); font-size: .74rem; text-align: center; }
.trust-strip { position: relative; z-index: 2; }
.trust-strip .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--border);
    transform: translateY(-26px);
    box-shadow: var(--shadow-sm);
}
.trust-strip .container > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 17px 19px;
    background: var(--surface);
}
.trust-strip strong { font-size: .92rem; }
.trust-strip span { color: var(--muted); font-size: .76rem; }
.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.process-step {
    padding-top: 18px;
    border-top: 2px solid var(--primary-2);
}
.process-step > span {
    display: block;
    margin-bottom: 10px;
    color: var(--primary-2);
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .1em;
}
.process-step h3 { font-size: 1rem; }
.process-step p { color: var(--muted); font-size: .84rem; margin-bottom: 0; }

/* ---------- SaaS / centered product layout ---------- */
.saas-hero {
    position: relative;
    overflow: hidden;
    padding: 72px 0 0;
    text-align: center;
    background:
        radial-gradient(700px 420px at 15% 0%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 62%),
        radial-gradient(680px 400px at 88% 8%, color-mix(in srgb, var(--primary-2) 14%, transparent), transparent 62%);
}
.saas-center { position: relative; z-index: 1; max-width: 920px; }
.saas-center h1 { font-size: clamp(2.7rem, 5vw, 4.6rem); letter-spacing: -.035em; }
.saas-center .lead { margin-left: auto; margin-right: auto; }
.hero-actions-center { justify-content: center; }
.saas-mockup {
    max-width: 980px;
    margin: 42px auto 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px 22px 0 0;
    background: var(--surface);
    box-shadow: var(--shadow);
    text-align: left;
}
.mock-browser {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}
.mock-browser span { width: 8px; height: 8px; border-radius: 50%; background: var(--border); }
.mock-browser em { margin-left: auto; color: var(--muted); font-family: var(--mono); font-size: .66rem; font-style: normal; }
.mock-body { display: grid; grid-template-columns: 150px 1fr; min-height: 300px; }
.mock-side { display: flex; flex-direction: column; gap: 10px; padding: 16px; background: color-mix(in srgb, var(--surface-2) 70%, transparent); }
.mock-side strong { font-size: .78rem; margin-bottom: 4px; }
.mock-side i { display: block; width: 78%; height: 7px; border-radius: 4px; background: var(--border); }
.mock-side i:nth-child(3n) { width: 55%; }
.mock-main { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mock-kpis span {
    height: 48px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), color-mix(in srgb, var(--primary-2) 8%, transparent));
}
.mock-chart, .mock-bars { display: flex; align-items: flex-end; gap: 6px; height: 105px; }
.mock-chart b, .mock-bars b {
    flex: 1;
    height: 38%;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(180deg, var(--primary), var(--primary-2));
    opacity: .8;
}
.mock-chart b:nth-child(2n), .mock-bars b:nth-child(2n) { height: 66%; }
.mock-chart b:nth-child(3n), .mock-bars b:nth-child(3n) { height: 86%; }
.mock-table { display: flex; flex-direction: column; gap: 6px; }
.mock-table span { height: 10px; border-radius: 5px; background: var(--surface-2); }
.metric-row, .metric-strip {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}
.metric-row .container, .metric-strip .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--border);
}
.metric-row .container > div, .metric-strip .container > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 20px 24px;
    background: var(--surface);
}
.metric-row strong, .metric-strip strong { font-size: 1.35rem; }
.metric-row span, .metric-strip span { color: var(--muted); font-size: .8rem; }
.feature-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}
.feature-tabs span {
    padding: 7px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted);
    font-size: .8rem;
}
.feature-tabs span.is-active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
}
.bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 14px;
}
.bento-card {
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}
.bento-card.large { grid-column: span 6; }
.bento-card.medium { grid-column: span 6; }
.bento-card.small { grid-column: span 3; }
.bento-num {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary);
    font-family: var(--mono);
    font-size: .74rem;
}
.bento-card h3 { font-size: 1.02rem; }
.bento-card p { color: var(--muted); font-size: .86rem; margin-bottom: 0; }
.bento-card a { display: inline-block; margin-top: 12px; color: var(--primary); font-size: .8rem; font-weight: 600; }
.saas-bento { grid-template-columns: repeat(2, 1fr); }
.saas-bento .bento-card.large { grid-column: span 2; }
.saas-bento .bento-card { grid-column: auto; }

/* ---------- Industrial / catalogue layout ---------- */
body.home-layout-industrial .industrial-hero {
    padding: 160px 0 60px;
    color: #fff;
    background:
        radial-gradient(760px 420px at 82% 0%, rgba(245, 158, 11, .16), transparent 60%),
        linear-gradient(120deg, #0b0d0f, #1b2329 70%);
}
.industrial-kicker {
    margin-bottom: 16px;
    color: #fbbf24;
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .18em;
}
.industrial-hero h1 { color: #fff; font-size: clamp(2.8rem, 5vw, 5rem); letter-spacing: -.035em; }
.industrial-hero .lead { color: rgba(255, 255, 255, .76); }
.industrial-hero .btn-outline { color: #fff; border-color: rgba(255, 255, 255, .42); }
.spec-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 42px;
    border-top: 1px solid rgba(255, 255, 255, .18);
}
.spec-strip > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 18px 18px 0 0;
}
.spec-strip strong { color: #fbbf24; font-size: 1.05rem; }
.spec-strip span { color: rgba(255, 255, 255, .62); font-size: .76rem; }
.category-list { border-top: 1px solid var(--border); }
.category-row {
    display: grid;
    grid-template-columns: 74px 1.2fr auto 24px;
    gap: 20px;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}
.category-row:hover { text-decoration: none; background: color-mix(in srgb, var(--primary) 4%, transparent); }
.cat-num { color: var(--primary); font-family: var(--mono); font-size: .76rem; }
.category-row strong { font-size: 1.1rem; }
.category-row p { margin: 0; color: var(--muted); font-size: .86rem; }
.cat-tag { padding: 4px 9px; border: 1px solid var(--border); border-radius: 4px; color: var(--muted); font-size: .7rem; white-space: nowrap; }
.cat-arrow { color: var(--primary); }
.spec-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.spec-grid > div {
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
}
.spec-grid > div > span { color: var(--primary); font-family: var(--mono); font-size: .72rem; }
.spec-grid h3 { margin-top: 10px; font-size: 1rem; }
.spec-grid p { margin-bottom: 0; color: var(--muted); font-size: .84rem; }

/* ---------- Dashboard / tool layout ---------- */
.dashboard-hero {
    padding: 78px 0 64px;
    background:
        radial-gradient(700px 420px at 10% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 60%),
        linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 55%, transparent), transparent);
}
.dashboard-grid-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}
.dashboard-grid-hero h1 { font-size: clamp(2.4rem, 4.5vw, 4rem); }
.dashboard-mock {
    display: grid;
    grid-template-columns: 130px 1fr;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--shadow);
}
.dashboard-mock .mock-side { padding: 18px 14px; }
.dashboard-mock .mock-side strong { color: var(--primary); }
.dashboard-mock .mock-main { padding: 16px; }
.chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.chip-row span { padding: 4px 10px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .74rem; }

/* ---------- Magazine / editorial layout ---------- */
.magazine-lead {
    padding: 42px 0 50px;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}
.magazine-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 30px;
}
.lead-story { min-width: 0; }
.lead-image { display: block; overflow: hidden; border: 1px solid var(--border); background: var(--surface-2); }
.lead-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.lead-copy { padding-top: 18px; }
.lead-copy h1 { font-size: clamp(2rem, 3.6vw, 3.3rem); margin: 10px 0 10px; }
.lead-copy h1 a { color: var(--text); }
.lead-copy p { color: var(--muted); }
.lead-side { display: flex; flex-direction: column; gap: 16px; border-left: 1px solid var(--border); padding-left: 26px; }
.magazine-side-title {
    color: var(--muted);
    font-family: var(--mono);
    font-size: .66rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}
.story-card { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: start; }
.story-card img { width: 96px; height: 72px; object-fit: cover; border: 1px solid var(--border); }
.story-card h3 { font-size: .92rem; margin: 4px 0 0; }
.story-card h3 a { color: var(--text); }
.magazine-columns {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 36px;
    align-items: start;
}
.story-list { display: flex; flex-direction: column; }
.story-row { padding: 20px 0; border-top: 1px solid var(--border); }
.story-row h3 { font-size: 1.15rem; margin: 6px 0; }
.story-row h3 a { color: var(--text); }
.story-row p { margin: 0; color: var(--muted); font-size: .88rem; }
.magazine-sidebar { border-left: 1px solid var(--border); padding-left: 28px; }
.magazine-side-block { padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid var(--border); }
.magazine-side-block:last-child { border-bottom: 0; }
.side-tool { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; border-bottom: 1px dashed var(--border); color: var(--text); }
.side-tool:last-child { border-bottom: 0; }
.side-tool strong { font-size: .86rem; }
.side-tool span { color: var(--muted); font-size: .74rem; }
.magazine-cta p { color: var(--muted); font-size: .84rem; }

/* ---------- Bento / glass layout ---------- */
.bento-hero {
    position: relative;
    padding: 82px 0 64px;
    background:
        radial-gradient(760px 440px at 10% 0%, color-mix(in srgb, var(--primary) 15%, transparent), transparent 60%),
        radial-gradient(700px 420px at 92% 6%, color-mix(in srgb, var(--primary-2) 13%, transparent), transparent 62%);
}
.bento-hero-inner { text-align: center; }
.bento-hero h1 { font-size: clamp(2.6rem, 5vw, 4.4rem); }
.bento-hero .lead { margin-left: auto; margin-right: auto; }
.bento-hero .bento-grid { margin-top: 44px; text-align: left; }
.bento-card { backdrop-filter: blur(14px) saturate(130%); }

/* ---------- Minimal / typographic layout ---------- */
.minimal-hero {
    padding: 104px 0 78px;
    border-bottom: 1px solid var(--border);
}
.minimal-hero h1 {
    max-width: 1000px;
    font-size: clamp(3rem, 7vw, 6.2rem);
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1.02;
}
.minimal-hero .lead { max-width: 52em; margin-top: 18px; }
.minimal-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.minimal-section { padding: 46px 0; border-bottom: 1px solid var(--border); }
.minimal-section > .container {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 40px;
    align-items: start;
}
.section-label {
    color: var(--muted);
    font-family: var(--mono);
    font-size: .7rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.numbered-list { list-style: none; margin: 0; padding: 0; }
.numbered-list li {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    gap: 18px;
    align-items: start;
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border);
}
.numbered-list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.numbered-list .num { color: var(--muted); font-family: var(--mono); font-size: .76rem; padding-top: 3px; }
.numbered-list strong { font-size: 1.05rem; }
.numbered-list p { margin: 4px 0 0; color: var(--muted); font-size: .86rem; }
.numbered-list a { color: var(--primary); font-size: .8rem; }
.minimal-list { display: flex; flex-direction: column; }
.minimal-list a {
    display: grid;
    grid-template-columns: 1.2fr 2fr auto;
    gap: 18px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}
.minimal-list a:first-child { border-top: 1px solid var(--border); }
.minimal-list a:hover { text-decoration: none; color: var(--primary); }
.minimal-list a span:nth-child(2) { color: var(--muted); font-size: .84rem; }
.minimal-list a span:last-child { color: var(--primary); font-size: .78rem; white-space: nowrap; }
.minimal-cta { padding: 72px 0 88px; }
.minimal-cta h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); }
.minimal-cta p { color: var(--muted); }

/* ---------- Corporate layout ---------- */
.corporate-hero {
    padding: 66px 0 60px;
    color: #fff;
    background:
        radial-gradient(700px 400px at 88% 0%, rgba(245, 158, 11, .24), transparent 58%),
        linear-gradient(120deg, #8f0c22, #c8102e 58%, #9f1239);
}
.corporate-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 44px;
    align-items: center;
}
.corporate-hero .eyebrow { color: #fde68a; }
.corporate-hero h1 { color: #fff; font-size: clamp(2.4rem, 4.5vw, 4rem); }
.corporate-hero .lead { color: rgba(255, 255, 255, .84); }
.corporate-hero .btn-outline { color: #fff; border-color: rgba(255, 255, 255, .5); }
.corporate-hero .btn-primary { background: #fbbf24; color: #5c0a16; box-shadow: none; }
.corporate-panel {
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 10px;
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(12px);
}
.corporate-panel h2 { color: #fff; font-size: 1.2rem; }
.corporate-panel p { color: rgba(255, 255, 255, .82); font-size: .86rem; }
.corporate-panel .text-link { color: #fde68a; }
.corporate-facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 18px 0;
}
.corporate-facts > div { display: flex; flex-direction: column; gap: 2px; padding: 10px; border: 1px solid rgba(255, 255, 255, .18); }
.corporate-facts strong { color: #fde68a; font-size: 1rem; }
.corporate-facts span { color: rgba(255, 255, 255, .68); font-size: .7rem; }
.corporate-process .process-step { border-top-color: var(--primary); }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
    .terminal-bento { grid-template-columns: repeat(2, 1fr); }
    .terminal-bento .bento-item.wide { grid-column: span 1; }
    .spec-grid { grid-template-columns: repeat(2, 1fr); }
    .category-row { grid-template-columns: 54px 1fr auto; }
    .category-row p { grid-column: 2 / -1; }
    .cat-tag, .cat-arrow { display: none; }
    .process-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .terminal-grid, .split-grid, .dashboard-grid-hero, .magazine-grid, .magazine-columns, .corporate-grid {
        grid-template-columns: 1fr;
    }
    .terminal-hero { padding-top: 140px; }
    .lead-side, .magazine-sidebar { border-left: 0; padding-left: 0; border-top: 1px solid var(--border); padding-top: 22px; }
    .metric-row .container, .metric-strip .container { grid-template-columns: 1fr; }
    .trust-strip .container { grid-template-columns: repeat(2, 1fr); }
    .bento-grid { grid-template-columns: repeat(6, 1fr); }
    .bento-card.large, .bento-card.medium { grid-column: span 3; }
    .bento-card.small { grid-column: span 3; }
    .minimal-section > .container { grid-template-columns: 1fr; gap: 18px; }
    .corporate-facts { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
    .top-contact-bar .container { justify-content: center; }
    .top-contact-bar .container span:nth-child(2) { display: none; }
    .masthead-meta span:nth-child(2) { display: none; }
    .terminal-hero { padding: 132px 0 52px; }
    .terminal-metrics { grid-template-columns: 1fr; }
    .split-hero { padding: 54px 0 58px; }
    .hero-inquiry-card { padding: 22px; }
    .inquiry-steps { grid-template-columns: 1fr; }
    .trust-strip .container { grid-template-columns: 1fr; transform: translateY(-16px); }
    .process-grid { grid-template-columns: 1fr; }
    .saas-hero { padding-top: 54px; }
    .saas-mockup { margin-top: 28px; border-radius: 16px 16px 0 0; }
    .mock-body { grid-template-columns: 1fr; }
    .mock-side { display: none; }
    .metric-row .container > div, .metric-strip .container > div { padding: 15px 18px; }
    .terminal-bento, .spec-grid { grid-template-columns: 1fr; }
    .bento-grid { grid-template-columns: 1fr; }
    .bento-card.large, .bento-card.medium, .bento-card.small { grid-column: auto; }
    .saas-bento { grid-template-columns: 1fr; }
    .saas-bento .bento-card.large { grid-column: auto; }
    .category-row { grid-template-columns: 40px 1fr; gap: 12px; }
    .category-row p { grid-column: 2 / -1; }
    .spec-strip { grid-template-columns: repeat(2, 1fr); }
    .minimal-hero { padding: 70px 0 56px; }
    .minimal-list a { grid-template-columns: 1fr; gap: 4px; }
    .minimal-list a span:last-child { display: none; }
    .numbered-list li { grid-template-columns: 38px 1fr; }
    .numbered-list li > a { grid-column: 2; }
    .corporate-hero { padding: 50px 0 46px; }
    .corporate-facts { grid-template-columns: 1fr; }
    .magazine-lead { padding: 26px 0 36px; }
    .story-card { grid-template-columns: 78px 1fr; }
    .story-card img { width: 78px; height: 62px; }
    .header-centered .main-nav, .header-editorial .main-nav { display: none; }
    .header-centered .main-nav.is-open, .header-editorial .main-nav.is-open { display: flex; }
}


/* ---------- Theme preview bar ---------- */
.theme-preview-bar {
    position: relative;
    z-index: 70;
    padding: 7px 14px;
    background: #111827;
    color: #e5e7eb;
    text-align: center;
    font-size: .76rem;
    letter-spacing: .02em;
}
.theme-preview-bar a { color: #7dd3fc; margin-left: 10px; font-weight: 600; }