/* Value Chain: scoped page styles, using the shared brand and page frame. */
body[data-page-key="valueChain"] { --vc-accent: #72e7ff; --vc-tint: rgba(24,174,203,.08); }
body.mr-theme-light[data-page-key="valueChain"] { --vc-accent: #086a87; --vc-tint: rgba(24,174,203,.06); --mr-muted:#596b80; }
.vc-icon { width:32px; height:32px; display:block; flex:none; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.vc-hero { padding:148px 0 72px; background:radial-gradient(ellipse at 8% 20%,rgba(24,174,203,.14),transparent 52%),linear-gradient(180deg,var(--mr-bg),var(--mr-bg-soft)); }
.vc-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); align-items:center; gap:clamp(28px,4vw,64px); }
.vc-hero-copy { max-width:660px; min-width:0; }
.vc-kicker { display:inline-flex; align-items:center; gap:12px; color:var(--vc-accent); font-weight:800; font-size:.95rem; }
.vc-hero h1 { margin:20px 0; color:var(--mr-heading); font-size:clamp(2.15rem,3.2vw,3.2rem); font-weight:900; line-height:1.45; }
.vc-hero p { margin:0; color:var(--mr-muted); font-size:1.06rem; line-height:1.9; }
.vc-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.vc-actions .mr-btn { padding:15px 22px; }
.vc-hero-visual,.vc-inputs-visual { margin:0; min-width:0; }
.vc-hero-visual img,.vc-inputs-visual img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:30px; border:1px solid var(--mr-border); }
.vc-hero-visual img { box-shadow:var(--mr-shadow); }
.vc-hero-visual figcaption,.vc-inputs-visual figcaption { color:var(--mr-muted); font-size:.77rem; line-height:1.8; margin:12px 4px 0; }
.vc-section { padding:80px 0; }
.vc-intro-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(36px,6vw,96px); }
.vc-heading h2 { margin:14px 0 0; color:var(--mr-heading); font-size:clamp(1.8rem,2.7vw,2.4rem); line-height:1.55; font-weight:900; }
.vc-heading p,.vc-prose p { font-size:1rem; line-height:2.1; color:var(--mr-muted); }
.vc-heading p { margin:18px 0 0; }
.vc-prose p { margin:0 0 22px; }
.vc-prose p:last-child { margin-bottom:0; }
.vc-prose .vc-purpose { color:var(--mr-text); padding:18px 24px; border-inline-start:3px solid var(--vc-accent); background:var(--vc-tint); border-radius:12px; }
.vc-connection-mark { display:flex; align-items:center; gap:28px; margin-top:36px; padding:6px 0; color:var(--vc-accent); }
.vc-connection-mark i { width:12px; height:12px; border:2px solid currentColor; border-radius:50%; position:relative; }
.vc-connection-mark i:not(:last-child)::after { content:""; position:absolute; width:30px; border-top:1px solid currentColor; top:3px; inset-inline-start:10px; opacity:.5; }
.vc-connection-mark i:nth-child(3) { background:currentColor; box-shadow:0 0 0 6px var(--vc-tint); }
.vc-model-section { border-block:1px solid var(--mr-border); background:var(--vc-tint); }
.vc-heading--center { max-width:840px; margin-inline:auto; text-align:center; }
/* Six photographic stages; the two processing outputs remain one semantic group. */
.vc-chain { --vc-orb-size:clamp(140px,12vw,200px); --vc-chain-gap:24px; position:relative; isolation:isolate; list-style:none; padding:0; margin:82px 0 30px; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--vc-chain-gap); }
.vc-chain::before { content:""; position:absolute; z-index:-1; inset-inline:calc(100% / 12); top:calc(var(--vc-orb-size) / 2); border-top:2px solid var(--vc-accent); opacity:.45; }
.vc-stage { position:relative; display:flex; flex-direction:column; min-width:0; }
.vc-chain > li:not(:first-child)::before { content:""; position:absolute; inset-inline-start:-17px; top:calc(var(--vc-orb-size) / 2 - 5px); border-block:6px solid transparent; border-inline-start:8px solid var(--vc-accent); }
.vc-stage-visual { position:relative; width:var(--vc-orb-size); height:var(--vc-orb-size); margin:0 auto 24px; flex-shrink:0; }
.vc-stage-visual img { display:block; width:100%; height:100%; object-fit:cover; border:3px solid var(--vc-accent); border-radius:50%; box-shadow:0 0 0 6px var(--mr-bg),0 12px 30px rgba(0,11,28,.18); background:var(--mr-bg-soft); }
.vc-stage-copy { flex:1; min-width:0; border:1px solid var(--mr-border); border-radius:18px; background:var(--mr-surface); overflow:hidden; }
.vc-stage-copy :is(h3,h4) { display:grid; place-content:center; min-height:64px; margin:0; padding:12px 10px; background:linear-gradient(120deg,#103354,#076b87); color:#fff; font-size:1.05rem; line-height:1.8; font-weight:850; }
.vc-stage-copy p { margin:0; padding:18px 16px 22px; color:var(--mr-muted); font-size:.91rem; line-height:2; overflow-wrap:anywhere; }
.vc-output-group { position:relative; grid-column:span 2; min-width:0; }
.vc-output-group > h3 { position:absolute; bottom:calc(100% + 26px); width:100%; margin:0; padding:0 10px 8px; border-bottom:1px solid var(--vc-accent); color:var(--vc-accent); font-size:.8rem; line-height:1.8; text-align:center; }
.vc-output-group > ul { height:100%; padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--vc-chain-gap); }
.vc-icon-tile { display:inline-flex; justify-content:center; align-items:center; width:62px; height:62px; flex:none; color:#fff; background:linear-gradient(135deg,#0b4165,#087b92); border:1px solid rgba(114,231,255,.2); border-radius:18px; }
.vc-method h3 { margin:0 0 10px; color:var(--mr-heading); font-size:1.13rem; line-height:1.7; font-weight:850; }
.vc-method p { margin:0; color:var(--mr-muted); font-size:.91rem; line-height:1.95; }
.vc-model-note { max-width:960px; margin:24px auto 0; color:var(--mr-muted); font-size:.82rem; line-height:1.95; text-align:center; }
.vc-benefits { margin-top:56px; padding:0 24px 30px; border:1px solid var(--mr-border); border-radius:26px; background:linear-gradient(120deg,var(--vc-tint),transparent),var(--mr-surface); scroll-margin-top:32px; }
.vc-benefits > h3 { display:table; max-width:100%; margin:-23px auto 28px; padding:10px 30px; border:1px solid var(--mr-border); border-radius:14px; background:linear-gradient(120deg,#103354,#076b87); color:#fff; font-size:1.2rem; font-weight:850; line-height:1.8; }
.vc-benefits-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; list-style:none; }
.vc-benefits-list > li { min-width:0; padding:0 20px; text-align:center; }
.vc-benefits-list > li + li { border-inline-start:1px solid var(--mr-border); }
.vc-benefits-list .vc-icon-tile { width:60px; height:60px; margin-bottom:18px; }
.vc-benefits-list .vc-icon { width:36px; height:36px; }
.vc-benefits-list h4 { margin:0; color:var(--mr-heading); font-size:1rem; font-weight:700; line-height:1.9; }
.vc-inputs-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:clamp(32px,6vw,88px); align-items:center; }
.vc-input-icons { display:flex; gap:22px; margin-top:28px; color:var(--vc-accent); }
.vc-input-icons .vc-icon { width:38px; height:38px; }
.vc-method-section { background:var(--vc-tint); }
.vc-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:38px; }
.vc-method { min-width:0; padding:30px 0 0; border-top:1px solid var(--mr-border); }
.vc-method .vc-icon-tile { margin-bottom:22px; }
.vc-method p { max-width:40ch; font-size:1rem; }
.vc-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; border:1px solid var(--mr-border); border-radius:28px; padding:clamp(28px,4vw,52px); background:radial-gradient(ellipse at 0 100%,rgba(24,174,203,.16),transparent 60%),var(--mr-bg-soft); }
.vc-cta .vc-heading { max-width:940px; }
.vc-cta > .mr-btn { flex-shrink:0; }
@media (max-width:1100px) {
    .vc-chain { --vc-orb-size:200px; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:760px; margin:48px auto 30px; row-gap:44px; }
    .vc-chain::before,.vc-chain > li:not(:first-child)::before { display:none; }
    .vc-output-group { padding-top:40px; }
    .vc-output-group > h3 { top:-12px; bottom:auto; }
}
@media (max-width:900px) {
    .vc-benefits-list { grid-template-columns:repeat(6,minmax(0,1fr)); gap:30px 0; }
    .vc-benefits-list > li { grid-column:span 2; padding-inline:16px; }
    .vc-benefits-list > li:nth-child(4) { grid-column:2 / span 2; border-inline-start:0; }
    .vc-hero { padding:128px 0 52px; }
    .vc-hero-grid,.vc-intro-grid,.vc-inputs-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
    .vc-hero-copy { max-width:720px; }
    .vc-hero h1 { font-size:clamp(2rem,4.8vw,2.8rem); }
    .vc-hero-visual,.vc-inputs-visual { max-width:760px; }
    .vc-section { padding:56px 0; }
    .vc-methods { gap:22px; }
    .vc-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width:620px) {
    .vc-hero h1 { font-size:clamp(1.85rem,7.6vw,2.45rem); line-height:1.55; }
    .vc-heading h2 { font-size:1.75rem; }
    .vc-actions { display:grid; }
    .vc-hero-visual img,.vc-inputs-visual img { border-radius:22px; }
    .vc-methods { grid-template-columns:minmax(0,1fr); }
    .vc-method { padding-top:24px; }
    .vc-prose .vc-purpose { padding:16px 18px; }
    .vc-chain { --vc-orb-size:160px; --vc-chain-gap:18px; }
    .vc-cta > .mr-btn { width:100%; }
}
@media (max-width:520px) {
    .vc-benefits { padding:0 18px 24px; }
    .vc-benefits > h3 { padding:10px 18px; font-size:1.1rem; }
    .vc-benefits-list { grid-template-columns:minmax(0,1fr); gap:0; }
    .vc-benefits-list > li,.vc-benefits-list > li:nth-child(4) { grid-column:auto; padding:24px 8px; }
    .vc-benefits-list > li + li { border-inline-start:0; border-top:1px solid var(--mr-border); }
    .vc-benefits-list > li:first-child { padding-top:0; }
    .vc-benefits-list > li:last-child { padding-bottom:0; }
    .vc-chain { --vc-orb-size:180px; grid-template-columns:minmax(0,1fr); max-width:360px; }
    .vc-output-group { grid-column:auto; }
    .vc-output-group > ul { grid-template-columns:minmax(0,1fr); row-gap:40px; }
    .vc-stage-copy :is(h3,h4) { min-height:0; }
}