.inner-page { color: var(--ink); background: #f6f6f2; }
.inner-page .site-header { background: rgba(4,18,22,.97); }
.inner-main { overflow: hidden; }
.page-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; color: #8da1a6; font-size: 11px; }
.page-breadcrumbs a { color: var(--teal-bright); text-decoration: none; }
.page-breadcrumbs span::before { content: "/"; margin-right: 8px; color: #557077; }
.page-hero { position: relative; padding: 148px 0 82px; color: white; background: radial-gradient(circle at 78% 18%,rgba(18,169,191,.2),transparent 28%),var(--ink); }
.page-hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 56px; align-items: center; }
.page-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 19px; color: var(--teal-bright); font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.page-eyebrow::before { content: ""; width: 32px; height: 2px; background: currentColor; }
.page-hero h1 { max-width: 760px; margin: 0; font-family: var(--font-display); font-size: clamp(45px,5vw,69px); line-height: 1.04; letter-spacing: -.055em; }
.page-hero h1 em { color: var(--teal-bright); font-style: normal; }
.page-lead { max-width: 720px; margin: 25px 0 0; color: #b8c8cc; font-size: 18px; line-height: 1.65; }
.page-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 31px; }
.page-actions .text-cta { color: white; }
.page-hero-media { position: relative; min-height: 480px; margin: 0; overflow: hidden; background: #0b2a32; border: 1px solid #36545c; box-shadow: 0 30px 70px rgba(0,0,0,.28); }
.page-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,16,20,.05),rgba(3,16,20,.72)); }
.page-hero-media img { width: 100%; height: 100%; min-height: 480px; object-fit: cover; filter: saturate(.82) contrast(1.05); }
.integration-sync { position: absolute; z-index: 2; top: 41%; left: 45%; width: 25%; aspect-ratio: 120 / 52; pointer-events: none; filter: drop-shadow(0 5px 12px rgba(0,0,0,.42)); }
.integration-sync svg { display: block; width: 100%; height: 100%; overflow: visible; }
.integration-sync-line { fill: none; stroke: rgba(75,224,238,.92); stroke-width: 1.8; stroke-linecap: round; stroke-dasharray: 7 6; animation: integration-sync-line 2.2s linear infinite; }
.integration-sync-end { fill: #06262e; stroke: #62e7f2; stroke-width: 2; animation: integration-sync-pulse 1.8s ease-in-out infinite; }
.integration-sync-packet { fill: #f4ffff; stroke: #19bed1; stroke-width: 1.3; }
.integration-sync-packet-back { fill: #50d7e5; }
.integration-sync span { position: absolute; top: 44%; left: 50%; padding: 5px 7px; color: #dffbff; background: rgba(4,24,30,.9); border: 1px solid rgba(99,230,241,.58); border-radius: 99px; font-size: 7px; font-weight: 800; letter-spacing: .09em; line-height: 1; white-space: nowrap; transform: translate(-50%,-50%); backdrop-filter: blur(5px); }
.integration-sync span b { margin-right: 4px; color: #63e6f1; }
@keyframes integration-sync-line { to { stroke-dashoffset: -26; } }
@keyframes integration-sync-pulse { 50% { fill: #35cad9; stroke-width: 3; } }
@media (prefers-reduced-motion: reduce) { .integration-sync-line,.integration-sync-end { animation: none; } .integration-sync-packet { display: none; } }
.page-hero-caption { position: absolute; z-index: 2; right: 24px; bottom: 23px; left: 24px; padding: 17px 18px; color: white; background: rgba(4,21,27,.88); border-left: 3px solid var(--teal-bright); backdrop-filter: blur(8px); }
.page-hero-caption small,.page-hero-caption strong { display: block; }
.page-hero-caption small { color: var(--teal-bright); font-size: 7px; font-weight: 800; letter-spacing: .14em; }
.page-hero-caption strong { margin-top: 6px; font-family: var(--font-display); font-size: 16px; line-height: 1.35; }
.page-proof-rail { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 62px; background: #36545c; border: 1px solid #36545c; gap: 1px; }
.page-proof-rail div { min-height: 82px; padding: 18px 20px; background: #0d2a32; }
.page-proof-rail strong,.page-proof-rail span { display: block; }
.page-proof-rail strong { color: white; font-family: var(--font-display); font-size: 17px; }
.page-proof-rail span { margin-top: 5px; color: #92aab0; font-size: 9px; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase; }

.page-section { padding: 92px 0; }
.page-section.alt { background: white; }
.page-section.dark { color: white; background: var(--ink-2); }
.section-heading { display: grid; grid-template-columns: .78fr 1.22fr; gap: 65px; align-items: end; margin-bottom: 42px; }
.section-heading h2 { margin: 0; font-family: var(--font-display); font-size: clamp(36px,4vw,52px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading p { max-width: 760px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.dark .section-heading p { color: #a9bcc1; }
.answer-block { margin: 0 0 38px; padding: 25px 28px; color: #31474d; background: #e7f5f6; border-left: 4px solid var(--teal); font-size: 17px; line-height: 1.65; }
.answer-block strong { color: var(--ink); }
.page-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.page-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.insight-card { position: relative; min-height: 230px; padding: 29px; background: white; border: 1px solid #d4dddb; box-shadow: 0 15px 38px rgba(9,34,41,.055); }
.dark .insight-card { background: #0d2a32; border-color: #36545c; box-shadow: none; }
.insight-card > small { color: var(--teal-deep); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.dark .insight-card > small { color: var(--teal-bright); }
.insight-card h3 { margin: 22px 0 11px; font-family: var(--font-display); font-size: 23px; line-height: 1.25; letter-spacing: -.025em; }
.insight-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.dark .insight-card p { color: #a5b7bb; }
.check-list { display: grid; gap: 10px; margin: 25px 0 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 27px; color: #455b61; font-size: 14px; line-height: 1.55; }
.dark .check-list li { color: #c4d2d5; }
.check-list li::before { content: "✓"; position: absolute; top: 1px; left: 0; display: grid; place-items: center; width: 18px; height: 18px; color: white; background: var(--teal-deep); border-radius: 50%; font-size: 10px; font-weight: 800; }

.process-list { display: grid; gap: 1px; margin: 0; padding: 0; background: #d0d9d8; border: 1px solid #d0d9d8; list-style: none; }
.process-list li { display: grid; grid-template-columns: 72px 1fr 190px; gap: 25px; align-items: center; min-height: 128px; padding: 23px 28px; background: white; }
.process-list > li > span { display: grid; place-items: center; width: 58px; height: 58px; color: white; background: var(--ink); border-radius: 50%; font-size: 10px; font-weight: 800; }
.process-list h3 { margin: 0 0 6px; font-family: var(--font-display); font-size: 22px; }
.process-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.process-list aside { color: var(--teal-deep); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.comparison-wrap { overflow-x: auto; background: white; border: 1px solid #d3dcda; box-shadow: 0 18px 48px rgba(9,34,41,.07); }
.comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.comparison-table th,.comparison-table td { padding: 19px 22px; text-align: left; border-bottom: 1px solid #dce3e1; }
.comparison-table th { color: white; background: var(--ink); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.comparison-table th:last-child { background: var(--teal-deep); }
.comparison-table td { color: #53666b; font-size: 13px; line-height: 1.5; }
.comparison-table td:first-child { color: var(--ink); font-weight: 700; }
.comparison-table tr:last-child td { border-bottom: 0; }
.comparison-table td:last-child { color: #087f91; background: #edf8f9; font-weight: 700; }

.faq-list { display: grid; gap: 10px; }
.faq-list details { padding: 0 24px; background: white; border: 1px solid #d4dddb; }
.faq-list summary { padding: 22px 30px 22px 0; cursor: pointer; color: var(--ink); font-family: var(--font-display); font-size: 18px; font-weight: 700; }
.faq-list p { max-width: 850px; margin: -4px 0 22px; color: var(--muted); font-size: 14px; line-height: 1.7; }

.page-cta { display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; padding: 48px 52px; color: white; background: radial-gradient(circle at 88% 0,rgba(18,169,191,.22),transparent 30%),var(--ink); border-top: 4px solid var(--teal); }
.page-cta h2 { margin: 0; font-family: var(--font-display); font-size: clamp(30px,3vw,43px); }
.page-cta p { max-width: 720px; margin: 12px 0 0; color: #aebfc3; line-height: 1.6; }

.case-status { position: static; z-index: auto; top: auto; left: auto; display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 8px 11px; color: #8ee9f3; background: rgba(18,169,191,.12); border: 1px solid rgba(82,211,228,.35); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.case-status::before { content: ""; width: 7px; height: 7px; background: var(--teal-bright); border-radius: 50%; }
.case-editor-note { padding: 25px 27px; background: #fff7e8; border: 1px solid #e7d2a8; border-left: 4px solid #c88b27; }
.case-editor-note h3 { margin: 0 0 8px; font-family: var(--font-display); }
.case-editor-note p { margin: 0; color: #765d38; font-size: 13px; line-height: 1.6; }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: #cbd5d4; border: 1px solid #cbd5d4; }
.metric-card { min-height: 155px; padding: 24px; background: white; }
.metric-card small,.metric-card strong,.metric-card span { display: block; }
.metric-card small { color: var(--teal-deep); font-size: 7px; font-weight: 800; letter-spacing: .13em; }
.metric-card strong { margin-top: 22px; font-family: var(--font-display); font-size: 26px; line-height: 1.1; }
.metric-card span { margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.metric-card.pending strong { color: #8a989a; font-size: 17px; }
.evidence-layout { display: grid; grid-template-columns: 1fr 320px; gap: 60px; align-items: start; }
.evidence-copy h2 { margin: 0 0 19px; font-family: var(--font-display); font-size: 36px; }
.evidence-copy h3 { margin: 31px 0 10px; font-family: var(--font-display); font-size: 23px; }
.evidence-copy p { color: var(--muted); font-size: 15px; line-height: 1.72; }
.evidence-sidebar { position: sticky; top: 105px; padding: 24px; background: #e7f5f6; border-top: 3px solid var(--teal); }
.evidence-sidebar h3 { margin: 0 0 15px; font-family: var(--font-display); }
.evidence-sidebar ul { display: grid; gap: 10px; margin: 0; padding-left: 18px; color: #4e656a; font-size: 12px; line-height: 1.5; }

.page-footer { padding: 52px 0 38px; color: white; background: var(--ink); border-top: 3px solid var(--teal); }
.page-footer-grid { display: grid; grid-template-columns: 1fr minmax(360px,auto); gap: 56px; align-items: center; }
.page-footer p { margin: 14px 0 0; color: #71878e; font-size: 11px; }
.page-footer nav { display: grid; grid-template-columns: repeat(2,minmax(150px,1fr)); gap: 10px; }
.page-footer nav a { display: block; padding: 12px 15px; color: #d7e4e6; background: #0d2a32; border: 1px solid #31515a; text-decoration: none; font-size: 13px; font-weight: 700; }
.page-footer nav a:hover,.page-footer nav a:focus-visible { color: white; background: #123943; border-color: var(--teal-bright); }

.booking-page { background: var(--ink); }
.booking-main { min-height: calc(100vh - 80px); overflow: hidden; background: radial-gradient(circle at 15% 20%,rgba(18,169,191,.16),transparent 30%),linear-gradient(90deg,var(--ink) 0 48%,#eef3f1 48% 100%); }
.booking-section { padding: 138px 0 78px; }
.booking-layout { display: grid; grid-template-columns: .84fr 1.16fr; gap: 78px; align-items: start; }
.booking-copy { position: sticky; top: 120px; color: white; }
.booking-copy .page-breadcrumbs { margin-bottom: 45px; }
.booking-copy h1 { max-width: 570px; margin: 0; font-family: var(--font-display); font-size: clamp(47px,5.2vw,72px); line-height: 1.02; letter-spacing: -.055em; }
.booking-lead { max-width: 580px; margin: 25px 0 38px; color: #b4c5c9; font-size: 17px; line-height: 1.65; }
.booking-expect { max-width: 580px; padding: 25px 26px; background: rgba(13,42,50,.76); border: 1px solid #36545c; border-top: 3px solid var(--teal-bright); }
.booking-expect-label { margin: 0 0 20px; color: var(--teal-bright); font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.booking-expect ol { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.booking-expect li { display: grid; grid-template-columns: 33px 1fr; gap: 13px; }
.booking-expect li > span { display: grid; place-items: center; width: 29px; height: 29px; color: var(--teal-bright); border: 1px solid #38646d; border-radius: 50%; font-size: 8px; font-weight: 800; }
.booking-expect strong { font-family: var(--font-display); font-size: 15px; }
.booking-expect li p { margin: 4px 0 0; color: #8fa6ab; font-size: 11px; line-height: 1.45; }
.booking-direct { color: #8fa6ab; font-size: 12px; }
.booking-direct a,.booking-email-link { color: var(--teal-bright); text-decoration: none; }
.booking-email-link { font-size: 12px; }
.booking-panel { padding: 38px 40px 41px; background: white; border-top: 4px solid var(--teal); box-shadow: 0 28px 70px rgba(0,0,0,.18); }
.booking-panel-head { margin-bottom: 28px; }
.booking-panel-head small { color: var(--teal-deep); font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.booking-panel-head h2 { margin: 8px 0 6px; font-family: var(--font-display); font-size: 33px; letter-spacing: -.035em; }
.booking-panel-head p { margin: 0; color: var(--muted); font-size: 13px; }
.booking-form { display: grid; gap: 18px; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.booking-form label > span:first-child { display: block; margin-bottom: 7px; color: #344b51; font-size: 10px; font-weight: 800; letter-spacing: .03em; }
.booking-form input,.booking-form select,.booking-form textarea { width: 100%; padding: 13px 14px; color: var(--ink); background: #f8faf9; border: 1px solid #cbd7d5; border-radius: 0; font: inherit; font-size: 13px; transition: border-color .2s,box-shadow .2s; }
.booking-form textarea { resize: vertical; line-height: 1.5; }
.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus { outline: 0; border-color: var(--teal); box-shadow: 0 0 0 3px rgba(18,169,191,.14); }
.form-consent { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; }
.form-consent input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--teal-deep); }
.form-consent > span { margin: 0!important; color: #64767a!important; font-size: 10px!important; font-weight: 400!important; line-height: 1.5; letter-spacing: 0!important; }
.form-consent a { color: var(--teal-deep); }
.booking-submit { width: 100%; justify-content: center; border: 0; cursor: pointer; }
.form-note { margin: -4px 0 0; color: #829195; font-size: 9px; line-height: 1.5; }
.form-status { padding: 12px 14px; color: #075f6c; background: #e3f5f6; border-left: 3px solid var(--teal); font-size: 11px; line-height: 1.5; }

/* Buyer-specific solution storytelling */
.buyer-callout { display: grid; grid-template-columns: .72fr 1fr 1fr; gap: 1px; margin-top: 38px; overflow: hidden; color: white; background: #36545c; border: 1px solid #36545c; }
.buyer-callout > div { min-height: 112px; padding: 22px 24px; background: #0d2a32; }
.buyer-callout small,.buyer-callout strong,.buyer-callout span { display: block; }
.buyer-callout small { margin-bottom: 12px; color: var(--teal-bright); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.buyer-callout strong { font-family: var(--font-display); font-size: 17px; line-height: 1.3; }
.buyer-callout span { margin-top: 7px; color: #96aaaf; font-size: 11px; line-height: 1.5; }
.product-stage { padding: 32px; color: white; background: radial-gradient(circle at 88% 10%,rgba(18,169,191,.18),transparent 30%),#071d23; border: 1px solid #31515a; box-shadow: 0 25px 60px rgba(5,28,34,.16); }
.product-stage-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 24px; }
.product-stage-head small { color: var(--teal-bright); font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.product-stage-head span { color: #7f979c; font-size: 9px; }
.visual-note { margin: 18px 0 0; color: #849a9f; font-size: 10px; line-height: 1.55; }

.queue-board { display: grid; grid-template-columns: 155px 1fr; gap: 16px; }
.queue-sources { display: grid; gap: 8px; align-content: start; }
.queue-source { padding: 11px 12px; color: #b9c9cd; background: #0d3039; border-left: 3px solid #188fa0; font-size: 10px; font-weight: 700; }
.queue-source b { float: right; color: var(--teal-bright); }
.queue-list { display: grid; gap: 8px; }
.queue-row { display: grid; grid-template-columns: 78px 1fr 98px 76px; gap: 12px; align-items: center; padding: 12px 14px; color: #c7d5d8; background: rgba(255,255,255,.055); border: 1px solid #29464e; font-size: 10px; }
.queue-row strong { color: white; font-size: 11px; }
.queue-row .risk { color: #ffb0a9; }
.queue-row .ready { color: #66dfec; }
.queue-row .queue-action { padding: 6px 8px; text-align: center; color: #051a20; background: var(--teal-bright); font-weight: 800; }

.stock-journey { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: stretch; }
.stock-state { position: relative; min-height: 154px; padding: 22px 18px; background: rgba(255,255,255,.055); border: 1px solid #29464e; }
.stock-state + .stock-state { border-left: 0; }
.stock-state + .stock-state::before { content: "→"; position: absolute; z-index: 2; top: 50%; left: -10px; display: grid; place-items: center; width: 20px; height: 20px; color: #03171c; background: var(--teal-bright); border-radius: 50%; font-size: 11px; font-weight: 800; transform: translateY(-50%); }
.stock-state small { color: var(--teal-bright); font-size: 8px; font-weight: 800; }
.stock-state strong { display: block; margin-top: 25px; font-family: var(--font-display); font-size: 16px; }
.stock-state span { display: block; margin-top: 8px; color: #91a8ad; font-size: 10px; line-height: 1.45; }

.task-console { display: grid; grid-template-columns: .82fr 1.18fr; gap: 1px; background: #31515a; border: 1px solid #31515a; }
.task-sidebar,.task-main { padding: 25px; background: #09242b; }
.task-sidebar small,.task-main small { color: var(--teal-bright); font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.task-number { display: block; margin: 16px 0 7px; font-family: var(--font-display); font-size: 42px; line-height: 1; }
.task-sidebar p { margin: 0; color: #95a9ae; font-size: 10px; line-height: 1.5; }
.task-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin-top: 17px; }
.task-field { padding: 12px; background: rgba(255,255,255,.055); border: 1px solid #29464e; }
.task-field span,.task-field strong { display: block; }
.task-field span { color: #80969b; font-size: 8px; }
.task-field strong { margin-top: 6px; color: white; font-size: 12px; }
.task-confirm { margin-top: 12px; padding: 12px; text-align: center; color: #052128; background: var(--teal-bright); font-size: 10px; font-weight: 800; letter-spacing: .08em; }

.system-event-map { display: grid; grid-template-columns: 1fr 170px 1fr; gap: 18px; align-items: center; }
.system-stack { display: grid; gap: 9px; }
.system-node { padding: 13px 15px; color: #d0dcdf; background: rgba(255,255,255,.055); border: 1px solid #29464e; font-size: 10px; }
.system-node small { float: right; color: #719097; font-size: 7px; }
.odin-hub { padding: 26px 12px; text-align: center; background: #0d3b46; border: 1px solid #42c9d9; box-shadow: 0 0 30px rgba(66,201,217,.12); }
.odin-hub strong,.odin-hub span { display: block; }
.odin-hub strong { font-family: var(--font-display); font-size: 21px; }
.odin-hub span { margin-top: 8px; color: #8bdce5; font-size: 8px; letter-spacing: .1em; }
.event-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 14px; }
.event-chips b { padding: 5px 7px; color: #8fe6ef; background: #082932; font-size: 7px; font-weight: 700; }

.scope-frame { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.scope-card { padding: 28px; background: white; border: 1px solid #d2dcda; }
.scope-card.standard { border-top: 4px solid var(--teal); }
.scope-card.extended { border-top: 4px solid #b88742; }
.scope-card small { color: var(--teal-deep); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.scope-card.extended small { color: #9a6722; }
.scope-card h3 { margin: 12px 0 8px; font-family: var(--font-display); font-size: 25px; }
.scope-card > p { min-height: 44px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

.proof-module { margin-top: 38px; padding: 34px; background: #edf4f3; border: 1px solid #ccd9d7; border-top: 4px solid var(--teal); }
.proof-module.dark-proof { color: white; background: #09242b; border-color: #31515a; }
.proof-head { display: grid; grid-template-columns: 1fr .8fr; gap: 45px; align-items: end; }
.proof-head small { color: var(--teal-deep); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.dark-proof .proof-head small { color: var(--teal-bright); }
.proof-head h2 { margin: 8px 0 0; font-family: var(--font-display); font-size: clamp(28px,3vw,39px); }
.proof-head p { margin: 0; color: #66797e; font-size: 12px; line-height: 1.6; }
.dark-proof .proof-head p { color: #95a9ae; }
.proof-slots { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 25px; background: #c6d5d3; border: 1px solid #c6d5d3; }
.dark-proof .proof-slots { background: #31515a; border-color: #31515a; }
.proof-slot { min-height: 146px; padding: 20px; background: white; }
.dark-proof .proof-slot { background: #0d2a32; }
.proof-slot small,.proof-slot strong,.proof-slot span { display: block; }
.proof-slot small { color: var(--teal-deep); font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.dark-proof .proof-slot small { color: var(--teal-bright); }
.proof-slot strong { margin-top: 24px; color: #829195; font-family: var(--font-display); font-size: 17px; }
.dark-proof .proof-slot strong { color: #8da3a8; }
.proof-slot span { margin-top: 7px; color: #7b8b8f; font-size: 9px; line-height: 1.45; }
.proof-collect { margin-top: 18px; padding: 17px 19px; color: #50666b; background: white; border-left: 3px solid var(--teal); font-size: 11px; line-height: 1.6; }
.dark-proof .proof-collect { color: #9fb1b5; background: #061b21; }
.proof-collect strong { color: var(--ink); }
.dark-proof .proof-collect strong { color: white; }
.buyer-tag { display: inline-flex; margin: 0 0 18px; padding: 8px 10px; color: #076e7d; background: #dff4f6; border: 1px solid #b8dfe3; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.integration-register { overflow-x: auto; border: 1px solid #d2dcda; }
.integration-register table { width: 100%; min-width: 760px; border-collapse: collapse; background: white; }
.integration-register th,.integration-register td { padding: 16px 18px; text-align: left; border-bottom: 1px solid #dbe3e1; }
.integration-register th { color: white; background: var(--ink); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.integration-register td { color: #53676c; font-size: 11px; line-height: 1.45; }
.integration-register td:first-child { color: var(--ink); font-weight: 800; }
.integration-register tr:last-child td { border-bottom: 0; }
.status-pill { display: inline-flex; padding: 5px 7px; color: #087b8b; background: #e5f6f7; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.status-pill.scope { color: #8a611f; background: #fff3dc; }

@media (max-width: 1100px) {
  .page-hero-grid,.section-heading,.evidence-layout { grid-template-columns: 1fr; }
  .page-hero-media { min-height: 360px; }
  .page-hero-media img { min-height: 360px; }
  .page-grid { grid-template-columns: 1fr 1fr; }
  .evidence-sidebar { position: static; }
  .booking-main { background: var(--ink); }
  .booking-layout { grid-template-columns: 1fr; gap: 45px; }
  .booking-copy { position: static; }
  .buyer-callout { grid-template-columns: 1fr; }
  .queue-board,.task-console { grid-template-columns: 1fr; }
  .stock-journey { grid-template-columns: 1fr; }
  .stock-state + .stock-state { border-top: 0; border-left: 1px solid #29464e; }
  .stock-state + .stock-state::before { top: -10px; left: 50%; transform: translateX(-50%); }
}
@media (max-width: 820px) {
  .page-hero { padding: 115px 0 65px; }
  .page-hero-grid { gap: 38px; }
  .page-proof-rail,.metric-grid { grid-template-columns: 1fr 1fr; }
  .page-section { padding: 72px 0; }
  .page-grid,.page-grid.two { grid-template-columns: 1fr; }
  .process-list li { grid-template-columns: 58px 1fr; gap: 17px; }
  .process-list aside { grid-column: 2; }
  .page-cta { grid-template-columns: 1fr; padding: 38px 30px; }
  .page-footer-grid { grid-template-columns: 1fr; }
  .system-event-map { grid-template-columns: 1fr; }
  .proof-head { grid-template-columns: 1fr; gap: 14px; }
  .proof-slots { grid-template-columns: 1fr 1fr; }
  .scope-frame { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .page-hero h1 { font-size: 42px; }
  .page-lead { font-size: 16px; }
  .page-actions { align-items: stretch; flex-direction: column; }
  .page-actions .btn { width: 100%; }
  .page-proof-rail,.metric-grid { grid-template-columns: 1fr; }
  .page-hero-media,.page-hero-media img { min-height: 300px; }
  .section-heading { gap: 20px; }
  .process-list li { grid-template-columns: 1fr; }
  .process-list aside { grid-column: 1; }
  .booking-section { padding: 110px 0 50px; }
  .booking-copy h1 { font-size: 43px; }
  .booking-panel { padding: 28px 22px 30px; }
  .form-grid.two { grid-template-columns: 1fr; }
  .booking-email-link { display: none; }
  .product-stage,.proof-module { padding: 24px 18px; }
  .queue-row { grid-template-columns: 64px 1fr; }
  .queue-row span:nth-child(3),.queue-row .queue-action { text-align: left; }
  .task-fields,.proof-slots { grid-template-columns: 1fr; }
}

/* Full-bleed photographic subpage heroes */
.media-hero { min-height: calc(100svh - 78px); display: flex; align-items: stretch; padding: 96px 0 0; isolation: isolate; overflow: hidden; background: #041216; }
.media-hero > .shell { min-height: calc(100svh - 174px); display: flex; flex-direction: column; }
.media-hero .page-breadcrumbs { position: relative; z-index: 3; margin-bottom: 34px; }
.media-hero .page-hero-grid { display: block; }
.media-hero .page-hero-grid > div:first-child { position: relative; z-index: 3; max-width: 610px; padding-bottom: 42px; }
.media-hero .page-lead { max-width: 650px; color: #c3d0d3; }
.media-hero .page-hero-media { position: absolute; z-index: 0; inset: 0; min-height: 0; border: 0; margin: 0; box-shadow: none; background: #071b21; }
.media-hero .page-hero-media::after { z-index: 1; background: linear-gradient(90deg,#041216 0%,#041216 42%,rgba(4,16,20,.96) 48%,rgba(4,16,20,.38) 58%,rgba(4,16,20,.08) 72%,rgba(4,16,20,.04) 100%),linear-gradient(0deg,rgba(4,16,20,.68) 0%,transparent 44%); }
.media-hero .page-hero-media img { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 62%; height: 100%; min-height: 0; object-fit: cover; object-position: center 42%; transform: none; }
.media-hero .buyer-callout { position: relative; z-index: 3; width: 100%; margin-top: auto; }
.media-hero .page-proof-rail { position: relative; z-index: 3; width: 100%; margin-top: auto; }
.media-hero .integration-sync { z-index: 2; }
.solution-ecommerce .media-hero .page-hero-media img { object-position: center 38%; }

.solution-implementation .media-hero .page-hero-media img { object-position: center 28%; }

.solution-integrations .media-hero .page-hero-media img { object-position: center 44%; }
.solution-integrations .media-hero .integration-sync { top: 49%; left: 64%; width: 15%; }

@media (min-width: 821px) and (max-width: 1100px) {
  .media-hero { min-height: calc(100svh - 78px); }
  .media-hero > .shell { min-height: calc(100svh - 174px); }
  .media-hero .buyer-callout { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 820px) {
  .media-hero { min-height: 1100px; padding-top: 105px; }
  .media-hero > .shell { min-height: 995px; }
  .media-hero .page-breadcrumbs { margin-bottom: 34px; }
  .media-hero .page-hero-grid > div:first-child { max-width: none; padding-bottom: 42px; }
  .media-hero .buyer-callout { grid-template-columns: 1fr; }

  .media-hero .page-hero-media img { right: auto; left: 0; width: 100%; }
  .media-hero .page-hero-media::after { background: linear-gradient(90deg,rgba(4,16,20,.96),rgba(4,16,20,.5)),linear-gradient(0deg,rgba(4,16,20,.9),transparent 65%); }
}
@media (max-width: 560px) {
  .media-hero { min-height: 1160px; }
  .media-hero > .shell { min-height: 1055px; }
  .media-hero .page-hero-grid > div:first-child { padding-bottom: 42px; }
}
/* Privacy page */
.privacy-hero {
  padding-bottom: 76px;
}
.privacy-hero .shell {
  position: relative;
}
.privacy-hero h1 {
  max-width: 850px;
}
.privacy-hero .page-lead {
  max-width: 720px;
}
.privacy-meta {
  margin: 24px 0 0;
  color: #82999f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}
.privacy-section {
  background: var(--paper);
}
.privacy-layout {
  display: grid;
  grid-template-columns: 245px minmax(0, 780px);
  gap: 76px;
  justify-content: center;
  align-items: start;
}
.privacy-contents {
  position: sticky;
  top: 116px;
  padding: 24px;
  background: #e8efee;
  border-top: 3px solid var(--teal);
}
.privacy-contents small {
  display: block;
  margin-bottom: 17px;
  color: var(--teal-deep);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.privacy-contents nav {
  display: grid;
  gap: 1px;
}
.privacy-contents a {
  padding: 10px 0;
  color: #53666b;
  border-bottom: 1px solid #cad6d4;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.4;
}
.privacy-contents a:hover,
.privacy-contents a:focus-visible {
  color: var(--teal-deep);
}
.privacy-intro {
  margin: 0 0 48px;
  padding: 24px 27px;
  color: #32484e;
  background: white;
  border-left: 3px solid var(--teal);
  font-size: 17px;
  line-height: 1.7;
}
.privacy-article > section {
  position: relative;
  scroll-margin-top: 110px;
  padding: 0 0 38px 54px;
  margin-bottom: 38px;
  border-bottom: 1px solid #ccd7d5;
}
.privacy-article > section:last-child {
  margin-bottom: 0;
}
.privacy-article > section > span {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--teal-deep);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}
.privacy-article h2 {
  margin: 0 0 13px;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1.2;
}
.privacy-article p,
.privacy-article li {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}
.privacy-article p {
  margin: 0;
}
.privacy-article ul {
  margin: 0;
  padding-left: 20px;
}
.privacy-article li + li {
  margin-top: 7px;
}
.privacy-article a {
  color: var(--teal-deep);
  font-weight: 700;
}

@media (max-width: 820px) {
  .privacy-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .privacy-contents {
    position: static;
  }
  .privacy-contents nav {
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 24px;
  }
}

@media (max-width: 560px) {
  .privacy-hero {
    padding-bottom: 58px;
  }
  .privacy-contents nav {
    grid-template-columns: 1fr;
  }
  .privacy-intro {
    padding: 20px;
    font-size: 15px;
  }
  .privacy-article > section {
    padding-left: 0;
    padding-top: 28px;
  }
  .privacy-article > section > span {
    top: 0;
  }
  .privacy-article h2 {
    font-size: 24px;
  }
}

/* Security page */
.security-hero h1 {
  max-width: 820px;
}
.security-status {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 16px;
  align-items: center;
  margin-top: 26px;
}
.security-status strong {
  padding: 7px 10px;
  color: #062029;
  background: var(--teal-bright);
  font-size: 9px;
  letter-spacing: .13em;
}
.security-status span {
  color: #8fa6ab;
  font-size: 12px;
}
.security-section {
  background: var(--paper);
}
.security-review-note {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 52px;
  align-items: end;
  margin-bottom: 78px;
  padding: 32px 35px;
  background: white;
  border-left: 4px solid var(--teal);
  box-shadow: 0 16px 45px rgba(9,34,41,.07);
}
.security-review-note small {
  color: var(--teal-deep);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.security-review-note h2 {
  margin: 9px 0 0;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: 29px;
  line-height: 1.2;
}
.security-review-note p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 820px) {
  .security-review-note {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 58px;
  }
}

@media (max-width: 560px) {
  .security-review-note {
    padding: 24px 22px;
  }
  .security-review-note h2 {
    font-size: 25px;
  }
}

.security-page .media-hero .page-hero-media img { object-position: 68% center; }


/* Security hero composition: show more of the operational review scene. */
.security-page .media-hero .page-hero-media img {
  width: 78%;
  object-position: center 46%;
}
.security-page .media-hero .page-hero-media::after {
  background:
    linear-gradient(90deg, #041216 0%, #041216 36%, rgba(4,16,20,.96) 44%, rgba(4,16,20,.58) 56%, rgba(4,16,20,.14) 74%, rgba(4,16,20,.04) 100%),
    linear-gradient(0deg, rgba(4,16,20,.68) 0%, transparent 44%);
}

@media (max-width: 820px) {
  .security-page .media-hero .page-hero-media img {
    width: 100%;
    object-position: 58% center;
  }
  .security-page .media-hero .page-hero-media::after {
    background:
      linear-gradient(90deg, rgba(4,16,20,.96), rgba(4,16,20,.5)),
      linear-gradient(0deg, rgba(4,16,20,.9), transparent 65%);
  }
}