/* Selected B Home composition. Shared navigation, actions and footer live in marketing-system.css. */
:root { --design-paper:var(--mk-paper);--design-white:var(--mk-paper);--design-ink:#1C1C1B;--design-muted:var(--mk-pencil);--design-line:var(--mk-rule);--design-green:#00FF01;--design-forest:#14352b;--design-soft:#e8eee7;--design-radius:12px;--design-space:clamp(20px,4.8vw,72px);--design-display:var(--mk-font-display);--design-read:var(--mk-font-read) }
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:80px }
body { margin:0;background:var(--mk-paper);color:var(--mk-ink);font-family:var(--design-read);font-size:18px;line-height:1.5 }
h1, h2, h3, h4, p, figure { margin:0 }
h1, h2 { font-family:var(--design-display);font-weight:900;letter-spacing:-.035em;line-height:1.1 }
h3, h4 { font-weight:700;line-height:1.25 }
h1 { font-size:clamp(42px,5.2vw,76px) }
h2 { font-size:clamp(32px,3.2vw,48px) }
p { overflow-wrap:break-word }
a { color:inherit;text-underline-offset:.2em }
img, svg, video { max-width:100%;display:block }
button, a { touch-action:manipulation }
a:focus-visible, button:focus-visible, video:focus-visible, summary:focus-visible { outline:3px solid #195fad;outline-offset:5px }
a:hover { text-decoration-thickness:2px }
.container { width:calc(100% - 2*var(--design-space));max-width:1296px;margin-inline:auto }
[hidden] { display:none!important }
.button { display:inline-flex;gap:28px;justify-content:space-between;align-items:center;background:var(--design-green);color:var(--design-ink);padding:17px 24px;min-height:54px;border-radius:6px;font-weight:700;font-size:18px;text-decoration:none;transition:background .15s,color .15s }
.button span { font-size:23px;line-height:1 }
.button:hover { background:var(--design-ink);color:var(--design-paper);text-decoration:none }
.text-link { display:inline-flex;align-items:center;font-size:17px;min-height:44px;font-weight:600 }
.brand-line { font-size:16px;font-weight:600;margin-bottom:25px }
.hero-lead { font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.35;margin-top:28px }
.hero-description { font-size:18px;color:var(--design-muted);margin-top:20px }
.section-heading { display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:32px 70px;margin-bottom:42px }
.section-heading>p { font-size:20px;color:var(--design-muted) }
.work-section { padding-block:56px 86px }
.software-section { background:#e7ece3;padding-block:64px 72px }
.software-layout { display:grid;gap:38px }
.software-layout header { display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end }
.software-layout header p { font-size:21px;color:#4b594a }
.software-groups { background:#fff;border:1px solid #d4ded2;border-radius:var(--design-radius);padding:6px 30px }
.software-group { display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;padding-block:24px }
.software-group + .software-group { border-top:1px solid #dce4d9 }
.software-group h3 { font-size:17px;font-weight:700;line-height:1.4;color:#425744 }
.software-group ul { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;align-items:center }
.software-group li { display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;font-size:17px;line-height:1.35;color:#1C1C1B }
.software-group img, .software-group .tool-brand-mark { display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain }
.software-group li>span { min-width:0 }
.tool-bank { stroke:#345d4c;stroke-width:1.5;fill:none }
.customer-section { padding-block:92px 70px }
.customer-composition { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start }
.customer-story { display:grid;grid-template-columns:1fr;gap:0;border-radius:12px;background:#fff;overflow:hidden }
.customer-player { display:block;position:relative;min-width:0;overflow:hidden;background:#101010 }
.customer-video { width:100%;height:100%;object-fit:cover;aspect-ratio:16/9 }
.video-start { position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer }
.video-start .play { transition:transform .15s }
.video-start:hover .play { transform:scale(1.08) }
.video-start:focus-visible { outline-offset:-7px }
.customer-video:focus-visible { outline:3px solid var(--design-green);outline-offset:-5px }
.video-status { position:absolute;inset:auto 0 0;padding:18px;background:var(--design-ink);color:#fff;font-size:16px }
.video-status button { margin-top:8px;border:1px solid currentColor;border-radius:4px;padding:8px 16px;background:transparent;color:inherit;font:inherit;cursor:pointer }
.customer-story.is-playing { grid-template-columns:1fr }
.customer-story.is-playing .customer-player { min-height:0;aspect-ratio:16/9 }
.customer-story.is-playing .customer-video { object-fit:contain }
.customer-copy button.text-link { padding:0;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;text-decoration:underline;text-underline-offset:.2em;cursor:pointer }
.customer-3 .customer-video { object-position:50% 40% }
.play { display:grid;place-items:center;background:var(--design-green);color:var(--design-ink);width:52px;height:52px;border-radius:50%;font-size:18px }
.customer-player .play { position:absolute;bottom:22px;left:22px }
.hero-player .play { position:static;width:64px;height:64px;font-size:24px }
.customer-copy { padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:start }
.customer-name h3 { font-size:21px }
.customer-name p { font-size:15px;opacity:.75;margin-top:5px }
.customer-result { font-size:25px;font-weight:600;line-height:1.35;margin-block:26px 20px }
.customer-story { grid-template-columns:40% 60%;min-height:290px }
.customer-story .customer-player { min-height:290px }
.customer-story .customer-video { position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto }
.customer-story .customer-copy { padding:28px }
.customer-story .customer-result { font-size:21px }
.proof-context { font-size:14px;color:var(--design-muted);margin-top:20px }
.quote-section { padding-block:65px;background:var(--design-ink);color:#F3F3F2 }
.quote-layout { display:grid;grid-template-columns:70px 1fr;gap:35px }
.quote-layout blockquote { font-size:clamp(29px,3.1vw,45px);line-height:1.3;letter-spacing:-.025em;margin:0 }
.quote-layout figcaption { font-size:16px;color:#c1c7bc;margin-top:24px }
.relationship-section { padding-block:85px 68px }
.industry-section { padding-block:54px 92px;border-top:1px solid var(--design-line) }
.industry-layout { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px }
.industry-layout h3 { font-size:17px;color:var(--design-muted);margin-bottom:22px }
.industry-layout ul { list-style:none;padding:0;margin:0;display:grid;gap:10px }
.industry-layout a { display:flex;align-items:center;padding:13px 16px;background:#fff;border:1px solid #dce0d7;border-radius:var(--mk-marketing-radius);min-height:59px;font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:4px }
.industry-layout a:hover { border-color:var(--design-forest);background:#e4efd9 }
.contact-section { background:var(--design-forest);color:#fff;padding-block:65px }
.contact-layout { display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center }
.contact-layout h2 { font-size:clamp(36px,4.2vw,60px) }
.contact-layout p { margin-top:25px;color:#d6e4d0;font-size:21px }
.contact-actions { display:flex;flex-direction:column;align-items:start;gap:24px;justify-self:end }
.contact-actions .button:hover { background:#fff;color:var(--design-ink) }
body[data-page=company-marketing-home] { background:var(--mk-paper) }
.story-hero { display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding-block:48px 72px }
.story-hero h1 { font-size:clamp(43px,5.5vw,80px) }
.story-hero-actions { display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:32px }
.story-hero-actions .button { margin:0 }
.story-secondary { display:inline-flex;align-items:center;min-height:48px;font-size:1rem;font-weight:600;text-underline-offset:.25em }
.hero-customer-story { min-width:0 }
.hero-customer { min-width:0;border-radius:var(--design-radius);overflow:hidden;background:var(--design-ink);color:#fff }
.hero-player { aspect-ratio:16/9 }
.hero-player .customer-video { height:100%;object-fit:contain }
.hero-customer-caption { display:grid;gap:8px;padding:20px 24px 24px }
.hero-customer-identity { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px }
.hero-customer-identity strong { font-size:19px }
.hero-customer-identity span { font-size:15px;color:#cdd2c8 }
.hero-customer-proof { margin:0;font-size:16px;color:#e1e7dd;line-height:1.5 }
.hero-customer-proof strong { color:#fff;font-weight:700 }
.hero-customer-link { color:#fff;font:inherit;font-weight:600;text-underline-offset:.25em;white-space:nowrap }
.hero-customer-link:hover { color:var(--design-green) }
.campaign-band { background:var(--design-green);color:var(--design-ink);padding-block:48px 54px }
.campaign-band>.container { display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center }
.campaign-band h2 { font-size:clamp(34px,3.8vw,55px) }
.campaign-work { border-left:1px solid var(--design-ink);padding-left:30px }
.campaign-work>span { font-family:var(--design-display);font-size:clamp(20px,2.3vw,30px);font-weight:850;line-height:1.3;color:var(--design-ink) }
.campaign-work>a { color:var(--design-ink) }
body[data-page=company-marketing-home] .work-section { padding-block:72px 86px }
body[data-page=company-marketing-home] .customer-section { padding-bottom:36px }
body[data-page=company-marketing-home] .customer-story { background:#f3f3f2 }
body[data-page=company-marketing-home] .software-section { background:#f0f2ed }
body[data-page=company-marketing-home] .quote-section { background:var(--design-forest) }
body[data-page=company-marketing-home] .industry-layout a { background:#f3f3f2 }
body[data-page=company-marketing-home] .contact-section { background:var(--design-ink) }
@media(max-width:1150px) {
  .story-hero { gap:38px }
  .software-layout header { gap:36px }
  .software-group { grid-template-columns:170px minmax(0,1fr);gap:24px }
  .software-group ul { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px }
  .customer-story { grid-template-columns:1fr }
  .customer-story .customer-player { min-height:0;aspect-ratio:16/9 }
  .customer-composition { gap:24px }
  .customer-copy { padding:28px }
  .industry-layout { gap:20px }
}
@media(max-width:850px) {
  .story-hero { grid-template-columns:1fr;gap:38px;padding-top:32px;padding-bottom:56px }
  .story-hero h1 { font-size:clamp(42px,7.5vw,72px) }
  .hero-lead { font-size:25px }
  .section-heading { grid-template-columns:1fr;gap:20px;margin-bottom:30px }
  .section-heading>p { font-size:19px }
  .work-section { padding-block:32px 54px }
  .software-layout { gap:30px }
  .software-layout header { grid-template-columns:1fr 1fr;gap:32px }
  .software-layout header p { font-size:20px;align-self:center }
  .software-groups { padding-inline:24px }
  .software-group { grid-template-columns:1fr;gap:20px }
  .customer-section { padding-top:60px }
  .quote-layout { grid-template-columns:40px 1fr;gap:20px }
  .industry-layout { grid-template-columns:1fr 1fr;gap:35px }
  .industry-layout>div:last-child { grid-column:1/-1 }
  .industry-layout>div:last-child ul { grid-template-columns:1fr 1fr;gap:12px 24px }
  .contact-layout { gap:40px }
  .contact-layout h2 { font-size:37px }
  .contact-actions .button { font-size:16px;gap:18px }
  .story-hero { grid-template-columns:1fr 1fr;gap:30px }
  .story-hero h1 { font-size:48px }
  .story-hero .hero-lead { font-size:23px }
  .campaign-band>.container { grid-template-columns:1fr;gap:26px }
}
@media(max-width:600px) {
  body { font-size:17px }
  .story-hero { padding-block:30px 44px;gap:35px }
  .brand-line { font-size:14px;margin-bottom:22px }
  .hero-lead { font-size:23px;margin-top:24px }
  .hero-description { font-size:17px;margin-top:19px }
  .button { font-size:17px;padding:15px 21px }
  .text-link { font-size:16px }
  .section-heading>p { font-size:18px }
  .software-section { padding-block:45px }
  .software-layout header { grid-template-columns:1fr;gap:18px }
  .software-layout header p { font-size:20px }
  .software-groups { padding:0 20px }
  .software-group { grid-template-columns:1fr;gap:14px;padding-block:22px }
  .software-group ul { grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));gap:18px 20px }
  .software-group li { font-size:16px;padding-block:0;gap:10px }
  .software-group h3 { font-size:16px }
  .customer-section { padding-block:52px }
  .customer-composition { grid-template-columns:1fr }
  .customer-story { grid-template-columns:36% 64%;min-height:260px }
  .customer-story .customer-player { min-height:260px;aspect-ratio:auto }
  .customer-story .customer-copy { padding:22px }
  .customer-story .customer-result { font-size:20px;margin-block:20px 13px }
  .customer-player .play { width:43px;height:43px;bottom:15px;left:15px;font-size:16px }
  .customer-name h3 { font-size:19px }
  .customer-name p { font-size:13px }
  .customer-copy .text-link { font-size:14px }
  .proof-context { font-size:13px }
  .quote-section { padding-block:45px }
  .quote-layout { display:block }
  .quote-layout blockquote { font-size:27px }
  .quote-layout figcaption { font-size:14px;margin-top:22px }
  .relationship-section { padding-block:48px }
  .industry-section { padding-block:42px 52px }
  .industry-layout { grid-template-columns:1fr;gap:32px }
  .industry-layout>div:last-child ul { grid-template-columns:1fr }
  .industry-layout h3 { margin-bottom:15px }
  .industry-layout a { min-height:58px;font-size:16px }
  .contact-section { padding-block:45px }
  .contact-layout { grid-template-columns:1fr;gap:29px }
  .contact-layout h2 { font-size:36px }
  .contact-layout p { font-size:18px;margin-top:20px }
  .contact-actions { justify-self:start;gap:18px }
  .story-hero { grid-template-columns:1fr }
  .story-hero h1 { font-size:47px }
  .campaign-band { padding-block:35px }
  .campaign-band h2 { font-size:35px }
  body[data-page=company-marketing-home] .work-section { padding-block:35px 50px }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  * { transition:none!important }
}
@media(max-width:850px) {
  .story-hero { grid-template-columns:1fr;gap:38px }
  .story-hero-copy { display:block }
  .hero-customer-story { display:block }
  .hero-customer-caption { padding:20px;gap:10px 16px }
  .hero-customer-identity strong { font-size:18px }
  .hero-customer-identity span { font-size:13px }
}
@media(max-width:600px) {
  .story-hero-copy { display:block }
  .story-hero-copy .brand-line { margin-bottom:22px }
  .story-hero-copy .hero-lead { margin-top:24px }
  .story-hero-copy .hero-description { margin-top:19px }
  .story-hero-actions { margin-top:24px;gap:8px 20px }
  .story-hero-actions .button { margin:0 }
  .hero-customer-story { display:block }
  .hero-customer-caption { padding:20px }
  .hero-customer-identity strong { font-size:20px }
  .hero-customer-proof { font-size:16px }
}
@media print {
  .container { width:92% }
  .customer-story { break-inside:avoid }
  .button { background:#ddd }
}
.buying-questions summary { cursor:pointer;font-weight:600 }
.questions-section { background:#f0f2ed;padding-block:64px }
.questions-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:70px }
.adaptation-copy { margin-top:30px }
.adaptation-copy h3 { font-size:23px }
.adaptation-copy p { margin-top:16px;color:var(--design-muted);font-size:17px }
.buying-questions>details { border-top:1px solid #cbd3c7;padding-block:20px }
.buying-questions>details:last-child { border-bottom:1px solid #cbd3c7 }
.buying-questions summary { font-size:19px }
.buying-questions details>p { margin-top:16px;color:var(--design-muted);font-size:17px }
.example-reading { display:grid;gap:18px;margin-top:25px;font-size:17px }
.example-reading h3 { font-size:25px }
.example-reading h4 { font-size:18px }
.example-reading p { color:var(--design-muted) }
.example-schedules { display:grid;grid-template-columns:1fr 1fr;gap:24px }
.example-schedules>div { background:white;padding:20px;border-radius:8px }
.example-schedules dl { margin-bottom:0 }
.example-schedules dl>div { padding-block:10px;border-bottom:1px solid var(--design-line) }
.example-schedules dt { color:var(--design-muted);font-size:15px }
.example-schedules dd { margin:4px 0 0;font-weight:600 }
@media(max-width:850px) {
  .questions-layout { grid-template-columns:1fr;gap:30px }
  .questions-layout>header { display:grid;grid-template-columns:1fr 1fr;gap:30px }
  .adaptation-copy { margin-top:0 }
}
@media(max-width:600px) {
  .questions-section { padding-block:44px }
  .questions-layout>header { display:block }
  .adaptation-copy { margin-top:25px }
  .example-schedules { grid-template-columns:1fr }
}
.company-network>.system-network-core { grid-area:2/2;order:0 }
.container { max-width:1440px }
.campaign-band { padding-block:48px 50px;background:var(--design-green);color:var(--design-ink) }
.campaign-band>.container { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,96px);align-items:center }
.campaign-kicker { font-size:16px;color:#354031;font-weight:700;margin-bottom:12px }
.campaign-band h2 { font-size:clamp(36px,4.1vw,60px);line-height:1.08 }
.campaign-copy>p:last-child { font-size:18px;line-height:1.55;color:#293127;margin-top:18px }
.campaign-work { display:grid;gap:18px;justify-items:start;border-left:2px solid var(--design-ink);padding:8px 0 8px 32px }
.campaign-work>span { font-family:var(--design-display);font-size:clamp(22px,2.6vw,36px);font-weight:800;line-height:1.25;color:var(--design-ink);letter-spacing:-.02em }
.campaign-work>a { display:inline-flex;align-items:center;color:var(--design-ink);font-weight:700;text-underline-offset:5px }
.company-system-section { padding-block:88px 96px;border-top:1px solid var(--design-line);background:#fff }
.system-heading { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(36px,6vw,92px);align-items:end;max-width:none }
.system-heading h2 { font-size:clamp(42px,5vw,72px);max-width:none }
.system-heading>p { font-size:20px;line-height:1.5;color:var(--design-muted);max-width:none }
.section-kicker { font-size:16px;line-height:1.3;font-weight:700;color:var(--design-muted);margin-bottom:12px }
.company-network { position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(220px,auto));gap:22px;padding:24px;margin-top:48px;background:var(--design-forest) }
.scope-node { position:relative;z-index:1;display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-content:center;align-items:start;min-width:0;padding:30px;background:#fff }
.scope-node h3 { font-family:var(--design-display);font-size:clamp(20px,1.9vw,27px);line-height:1.2;letter-spacing:-.02em }
.scope-node p { font-size:16px;line-height:1.5;color:var(--design-muted);margin-top:9px }
.scope-node-1 { grid-area:1/1 }
.scope-node-2 { grid-area:1/2 }
.scope-node-3 { grid-area:1/3 }
.scope-node-4 { grid-area:2/1 }
.scope-node-5 { grid-area:2/3 }
.scope-node-6 { grid-area:3/1 }
.scope-node-7 { grid-area:3/2 }
.scope-node-8 { grid-area:3/3 }
.scope-node-1::after, .scope-node-6::after, .scope-node-4::after { content:"";position:absolute;left:100%;top:50%;width:22px;border-top:3px solid var(--design-green) }
.scope-node-3::before, .scope-node-8::before, .scope-node-5::before { content:"";position:absolute;right:100%;top:50%;width:22px;border-top:3px solid var(--design-green) }
.scope-node-2::after { content:"";position:absolute;left:50%;top:100%;height:22px;border-left:3px solid var(--design-green) }
.scope-node-7::before { content:"";position:absolute;left:50%;bottom:100%;height:22px;border-left:3px solid var(--design-green) }
.system-network-core { position:relative;grid-area:2/2;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:36px;background:var(--design-green);color:var(--design-ink) }
.system-network-core>img { width:50px;height:50px;padding:6px;background:#fff }
.system-network-core .section-kicker { color:#354031;margin:0 }
.system-network-core>strong { font-family:var(--design-display);font-size:clamp(27px,3vw,40px);line-height:1.12;letter-spacing:-.025em }
.system-network-core>span:last-child { font-size:16px;line-height:1.5;color:#293127 }
.software-section { background:#E6E6E3 }
.work-section { background:var(--design-forest);color:#fff }
.work-section>.container { padding-block:86px 92px }
.work-section>.section-heading { margin-bottom:48px }
.work-section .section-heading h2, .work-section .section-heading>p { color:#fff;max-width:none }
.work-section>.container>.section-heading h2 { font-size:clamp(42px,5vw,70px) }
.work-section .section-kicker { color:#d4e4ce }
.business-journey { position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;list-style:none;padding:0;margin:0 }
.business-journey li { position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px 17px;align-content:start;padding:22px 0 32px;border-top:1px solid #789273;min-width:0;scroll-margin-top:90px }
.journey-marker { position:relative;z-index:1 }
.business-journey li h3 { font-family:var(--design-display);font-size:clamp(20px,2vw,27px);line-height:1.2;letter-spacing:-.015em;align-self:center;color:#fff }
.business-journey li p { grid-column:2;color:#e0e7dc;font-size:16px;line-height:1.5;max-width:none }
.quote-section { background:var(--mk-paper) }
.industry-section { padding-block:82px 90px }
.industry-layout { column-gap:52px;row-gap:38px }
.industry-layout>div { min-width:0 }
.system-extension { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,88px);padding-top:64px }
.extension-copy { min-width:0 }
.extension-copy h3 { font-family:var(--design-display);font-size:clamp(32px,3.3vw,46px);line-height:1.12;letter-spacing:-.025em }
.extension-copy>p:not(.section-kicker) { font-size:19px;line-height:1.55;color:var(--design-muted);margin-top:22px }
.system-reading { margin-top:24px;font-size:16px }
.system-reading>summary { display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;border-block:1px solid var(--design-line);padding-block:16px;font-weight:650 }
.system-reading>summary::-webkit-details-marker { display:none }
.system-reading>summary::after { content:'+';font-size:26px;line-height:1 }
.system-reading[open]>summary::after { content:'\2212' }
.system-reading p { margin-top:18px;line-height:1.55;color:var(--design-muted) }
.extension-example { padding:clamp(24px,3.1vw,44px);background:var(--design-soft);border-radius:var(--design-radius) }
.extension-example>figcaption { font-size:15px;font-weight:650;margin-bottom:26px }
.extension-records>p { font-size:15px;color:var(--design-muted);margin-bottom:12px }
.extension-records ul { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 }
.extension-records li { background:#fff;border:1px solid var(--design-line);padding:14px 12px;font-size:15px;font-weight:550;line-height:1.35 }
.extension-connector { display:block;width:100%;height:40px;fill:none;stroke:var(--design-forest);stroke-width:1.5;overflow:visible }
.extension-module { display:flex;gap:22px;align-items:center;background:var(--design-forest);color:#fff;padding:26px }
.extension-module>img { width:48px;height:48px;flex:0 0 48px }
.extension-module h4 { font-size:24px;font-weight:700 }
.extension-module ul { display:flex;gap:6px 18px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0 0;color:#dce9db;font-size:15px }
body[data-page=company-marketing-home] .work-section { padding-block:0 }
.work-section>.container { padding-block:86px }
.quote-layout { grid-template-columns:200px minmax(0,1fr);gap:clamp(36px,5.5vw,80px);align-items:center }
.quote-portrait { width:200px;height:200px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%;border:5px solid #fff }
.quote-layout blockquote { font-size:clamp(27px,3.1vw,44px);line-height:1.3 }
.quote-layout figcaption { line-height:1.5 }
.relationship-section { padding-block:88px }
.relationship-section h2 { font-size:clamp(32px,3.2vw,48px) }
.relationship-board { display:grid;grid-template-columns:clamp(288px,23vw,336px) minmax(0,1fr);grid-template-areas:"title title" "scene delivery" "growth growth" }
.relationship-board > h2 { grid-area:title;margin-bottom:36px }
.relationship-board > .relationship-scene { grid-area:scene;align-self:center;width:100%;margin:0;padding:0 24px }
.relationship-delivery { grid-area:delivery;display:flex;align-items:center;background:var(--design-forest);color:#fff;padding:clamp(28px,3vw,40px);border-radius:var(--design-radius) var(--design-radius) 0 0 }
.relationship-delivery dl { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;padding:0;margin:0 }
.relationship-delivery dl>div { min-width:0 }
.relationship-delivery dt { font-weight:700;font-size:23px;line-height:1.3 }
.relationship-delivery dd { margin:12px 0 0;color:#dce9db;font-size:16px;line-height:1.5 }
.relationship-growth { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,4vw,54px);grid-area:growth;align-items:center;padding:24px clamp(28px,3vw,40px);background:var(--design-green);border-radius:0 0 var(--design-radius) var(--design-radius) }
.relationship-growth h3 { font-family:var(--design-display);font-size:clamp(23px,2.6vw,32px);line-height:1.2;letter-spacing:-.02em }
.relationship-growth p { font-size:18px;line-height:1.5 }
@media(max-width:1350px) {
  .business-journey { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px }
}
@media(max-width:1050px) {
  .extension-records ul { grid-template-columns:1fr;gap:8px }
  .extension-records li { padding:10px 14px }
  .extension-connector { width:1px;margin-inline:auto;border-left:2px solid var(--design-forest) }
  .extension-connector path { display:none }
  .quote-layout { grid-template-columns:160px minmax(0,1fr);gap:36px }
  .quote-portrait { width:160px;height:160px }
}
@media(max-width:850px) {
  .system-extension { grid-template-columns:1fr;gap:30px;padding-top:38px }
  .extension-records ul { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .extension-connector { width:100%;border:0 }
  .extension-connector path { display:block }
  .quote-layout { display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;align-items:start }
  .quote-portrait { width:104px;height:104px;border-width:3px }
}
@media(max-width:520px) {
  .extension-copy h3 { font-size:32px }
  .extension-copy>p:not(.section-kicker) { font-size:17px }
  .extension-example { padding:24px 20px }
  .extension-records ul { grid-template-columns:1fr }
  .extension-connector { width:1px;border-left:2px solid var(--design-forest);height:26px }
  .extension-connector path { display:none }
  .extension-module { padding:20px;gap:16px;align-items:start }
  .extension-module>img { width:38px;height:38px;flex-basis:38px }
  .extension-module h4 { font-size:22px }
  .extension-module ul { display:grid;gap:4px }
  .quote-layout { grid-template-columns:1fr;gap:25px }
  .quote-layout blockquote { font-size:27px }
  .quote-portrait { width:112px;height:112px }
  .relationship-section { padding-block:52px }
  .relationship-growth p { font-size:17px }
}
@media(max-width:1050px) {
  .company-network { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:16px;padding:18px }
  .company-network>.system-network-core { grid-area:auto;grid-column:1/-1;order:-1 }
  .scope-node { grid-area:auto;grid-template-columns:32px minmax(0,1fr);gap:13px;padding:24px 22px }
  .scope-node::before, .scope-node::after { display:none }
  .system-network-core { min-height:220px;padding:30px }
}
@media(max-width:820px) {
  .campaign-band>.container { grid-template-columns:1fr;gap:26px }
  .campaign-work { padding:22px 0 0;border-left:0;border-top:2px solid var(--design-ink) }
  .system-heading { grid-template-columns:1fr;gap:20px }
  .system-heading h2 { font-size:clamp(40px,7vw,62px) }
  .business-journey { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px }
  .work-section>.container { padding-block:66px 72px }
  .work-section>.section-heading { grid-template-columns:1fr;gap:19px;margin-bottom:35px }
}
@media(max-width:620px) {
  .campaign-band { padding-block:34px }
  .campaign-band h2 { font-size:clamp(32px,8vw,42px) }
  .campaign-copy>p:last-child { font-size:16px }
  .campaign-work { gap:14px }
  .campaign-work>span { font-size:22px }
  .company-system-section { padding-block:58px 66px }
  .system-heading h2 { font-size:clamp(37px,10vw,52px) }
  .system-heading>p { font-size:17px }
  .company-network { grid-template-columns:1fr;grid-template-rows:auto;gap:1px;padding:0;background:var(--design-line);margin-top:29px }
  .system-network-core { grid-column:auto;min-height:0;padding:28px }
  .scope-node { grid-template-columns:38px minmax(0,1fr);gap:14px;padding:21px 19px }
  .scope-node h3 { font-size:20px }
  .scope-node p { font-size:16px;margin-top:7px }
  .work-section>.container { padding-block:54px 61px }
  .work-section>.section-heading { margin-bottom:27px }
  .business-journey { grid-template-columns:1fr;gap:0 }
  .business-journey li { grid-template-columns:42px minmax(0,1fr);gap:10px 14px;padding-block:18px }
  .journey-marker { width:36px;height:36px }
  .business-journey li h3 { font-size:21px }
  .business-journey li p { font-size:16px }
  .industry-section { padding-block:51px 62px }
  .industry-layout { grid-template-columns:1fr;gap:30px }
  .industry-layout>div:last-child ul { grid-template-columns:1fr }
}

/* Theme-aware reading surfaces; the campaign and forest bands retain their contrast. */
.relationship-growth { color: #1C1C1B; }

@media (max-width: 900px) {
  .relationship-board { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "scene" "delivery" "growth"; }
  .relationship-board > h2 { margin-bottom: 8px; }
  .relationship-board > .relationship-scene { max-width: 288px; justify-self: center; padding-bottom: 16px; }
  .relationship-growth { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 640px) {
  .relationship-delivery dt { font-size: 20px; }
}
@media (max-width: 600px) {
  .relationship-delivery dl { grid-template-columns: 1fr; gap: 20px; }
  .relationship-delivery dl > div + div { border-top: 1px solid #7c9b8f; padding-top: 20px; }
  .relationship-delivery dd { margin-top: 8px; }
}