:root {
  --site-home-max: 1320px;
  --site-home-space: clamp(84px, 9vw, 144px);
  --site-home-title: clamp(2.7rem, 4.8vw, 4.7rem);
  --site-on-ink: #c9d5ee;
  --site-on-ink-muted: #afbfdd;
  --site-on-ink-rule: #344563;
  --site-image-shadow: 0 22px 70px rgba(7, 22, 50, 0.12);
}
.home-wrap { width: min(calc(100% - var(--site-inset) * 2), var(--site-home-max)); margin-inline: auto; }
.home-section { padding-block: var(--site-home-space); }
.home-kicker { margin-bottom: 24px; font-size: .72rem; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; color: var(--site-cobalt); }
.home-section h2, .home-conversion h2 { font-size: var(--site-home-title); font-weight: 560; line-height: 1.035; letter-spacing: -.055em; }
.home-lede { max-width: 500px; color: var(--site-muted); font-size: clamp(1.05rem, 1.4vw, 1.26rem); line-height: 1.55; letter-spacing: -.017em; }
.home-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: end; gap: 6%; }
.home-intro > *, .editorial-split > * { min-width: 0; }
.home-intro .home-lede { padding-bottom: 5px; }
.home-link { display: inline-flex; align-items: center; gap: 26px; min-height: 48px; color: var(--site-cobalt); font-size: .9rem; font-weight: 590; text-decoration: none; }
.home-link span { transition: transform .18s ease; }
.home-link:hover span { transform: translate(3px,-3px); }
.home-link:hover { text-decoration: underline; }
.whole-system { background: var(--site-ink); color: var(--site-paper); }
.whole-system .home-kicker { color: var(--site-on-ink); }
.whole-system .home-lede { color: var(--site-on-ink); }
.product-story { margin-top: 72px; }
.story-track { display: none; }
[data-product-story][data-enhanced] .story-track { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 26px; }
.story-track button { display: grid; gap: 13px; padding: 24px 22px 24px 0; min-height: 110px; border: 0; border-top: 1px solid var(--site-on-ink-rule); background: transparent; color: var(--site-on-ink-muted); text-align: left; cursor: pointer; }
.story-track button span { font-size: .7rem; font-weight: 500; letter-spacing: .07em; }
.story-track button strong { font-size: clamp(1.05rem,1.65vw,1.45rem); font-weight: 520; letter-spacing: -.025em; }
.story-track button[aria-selected="true"] { border-top: 2px solid var(--site-signal); padding-top: 23px; color: var(--site-paper); }
.story-stage figure { margin: 0 0 42px; }
[data-enhanced] .story-stage figure { margin: 0; }
.product-canvas { background: var(--site-paper); padding: clamp(10px, 2vw, 28px); overflow: hidden; }
.product-canvas img { width: 100%; height: auto; }
.story-stage figcaption { display: flex; justify-content: space-between; gap: 28px; align-items: center; padding: 23px 0 0; font-size: .81rem; color: var(--site-on-ink); }
.story-stage figcaption a { display: inline-flex; min-height: 44px; align-items: center; gap: 20px; color: var(--site-paper); text-decoration: none; }
.system-footnote { border-top: 1px solid var(--site-on-ink-rule); margin-top: 44px; padding-top: 34px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.system-footnote p { color: var(--site-on-ink-muted); font-size: .91rem; line-height: 1.8; }
.system-footnote strong { color: var(--site-paper); font-weight: 500; }
.system-footnote .home-link { color: var(--site-paper); }
.editorial-split { display: grid; grid-template-columns: .9fr 1.25fr; gap: 6%; align-items: center; }
.editorial-copy h2 { font-size: clamp(2.5rem,3.6vw,3.7rem); }
.editorial-copy .home-lede { margin-top: 30px; }
.editorial-copy .home-link { margin-top: 22px; }
.relationship-art { margin: 0; padding: 25px 0; border-block: 1px solid var(--site-rule); min-width: 0; }
.art-rule { display: flex; justify-content: space-between; color: var(--site-muted); margin-bottom: 28px; font-size: .71rem; letter-spacing: .04em; }
.relationship-art img { width: 100%; height: auto; }
.relationship-art figcaption { color: var(--site-muted); font-size: .77rem; padding-top: 25px; }
.outreach-story { background: var(--site-cobalt-soft); }
.outreach-heading { max-width: 880px; }
.outreach-heading .home-lede { max-width: 680px; margin-top: 30px; }
.outreach-art { margin: 56px 0 0; }
.outreach-art img { width: 100%; height: auto; box-shadow: var(--site-image-shadow); }
.outreach-art figcaption { color: var(--site-muted); padding-top: 24px; font-size: .81rem; }
.automation-line { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: 5%; align-items: center; padding-top: 48px; margin-top: 44px; border-top: 1px solid var(--site-cobalt); }
.automation-line .home-kicker { margin-bottom: 12px; display: block; }
.automation-line h3 { font-size: clamp(1.6rem,2.5vw,2.3rem); font-weight: 540; letter-spacing: -.04em; line-height: 1.1; }
.automation-line > p { font-size: .98rem; line-height: 1.6; }
.availability-note { margin-top: 26px; color: var(--site-muted); font-size: .72rem; }
.close-story .home-link { margin-top: 16px; }
.revenue-art { margin: 58px 0 0; }
.revenue-art img { width: 100%; height: auto; border: 1px solid var(--site-rule); }
.revenue-art figcaption { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 22px; color: var(--site-muted); font-size: .85rem; }
.revenue-art figcaption a { display: inline-flex; align-items: center; gap: 22px; min-height: 44px; color: var(--site-cobalt); text-decoration: none; }
.fit-story { border-block: 1px solid var(--site-rule); }
.fit-examples { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 65px; border-top: 1px solid var(--site-ink); }
.fit-examples > a { display: flex; flex-direction: column; gap: 28px; padding: 32px; border-right: 1px solid var(--site-rule); text-decoration: none; transition: background .18s ease; }
.fit-examples > a:first-child { padding-left: 0; }
.fit-examples > a:last-child { border-right: 0; }
.fit-examples > a:hover { background: var(--site-paper); }
.fit-examples > a > span:first-child { color: var(--site-muted); font-size: .75rem; }
.fit-examples strong { font-size: clamp(1.3rem,2vw,1.8rem); font-weight: 530; letter-spacing: -.036em; line-height: 1.22; }
.fit-example__link { display: flex; gap: 18px; align-items: center; justify-content: space-between; color: var(--site-cobalt); font-size: .78rem; padding-top: 15px; }
.fit-example__link b { font-size: 1.2rem; font-weight: 400; }
.fit-detail { display: flex; justify-content: space-between; gap: 28px; border-top: 1px solid var(--site-rule); padding-top: 32px; }
.fit-detail p { color: var(--site-muted); font-size: .87rem; line-height: 1.7; }
.adoption-story { background: var(--site-paper); }
.adoption-story h2 { max-width: 900px; }
.adoption-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; margin-top: 45px; }
.adoption-links { display: grid; }
.adoption-links a { display: flex; justify-content: space-between; gap: 20px; min-height: 65px; align-items: center; border-top: 1px solid var(--site-rule); text-decoration: none; font-size: 1rem; }
.adoption-links a:hover { color: var(--site-cobalt); }
.adoption-links a:last-child { border-bottom: 1px solid var(--site-rule); }
.home-conversion { background: var(--site-ink); padding-block: 100px; color: var(--site-paper); }
.home-conversion .home-wrap { display: flex; justify-content: space-between; gap: 40px; align-items: center; }
.home-conversion .home-kicker { color: var(--site-on-ink); }
.home-conversion h2 { font-size: clamp(2.3rem,3.6vw,3.6rem); }
.conversion-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.conversion-actions .button { gap: 60px; white-space: nowrap; background: var(--site-paper); color: var(--site-ink); border-color: var(--site-paper); }
.conversion-actions .home-link { color: var(--site-paper); }
.media-failure { padding: 42px; color: var(--site-muted); background: var(--site-paper); }
@media (max-width: 1000px) {
  .home-intro { grid-template-columns: 1fr; gap: 30px; }
  .home-intro .home-lede { max-width: 700px; }
  .editorial-split { grid-template-columns: 1fr; gap: 44px; }
  .editorial-copy { max-width: 740px; }
  .editorial-copy .home-lede { max-width: 650px; }
  .automation-line { grid-template-columns: 1fr 1.3fr; }
  .automation-line .home-link { grid-column: 2; }
  .fit-examples > a { padding-inline: 20px; }
}
@media (max-width: 650px) {
  .product-story { margin-top: 42px; }
  .home-kicker { margin-bottom: 18px; }
  [data-product-story][data-enhanced] .story-track { gap: 12px; }
  .story-track button { padding-right: 0; min-height: 82px; gap: 10px; }
  .story-track button strong { font-size: .85rem; line-height: 1.3; }
  .story-track button span { font-size: .64rem; }
  .story-stage figcaption, .revenue-art figcaption { display: block; line-height: 1.5; }
  .story-stage figcaption a { margin-top: 10px; }
  .product-canvas { padding: 8px; margin-inline: -8px; }
  .system-footnote, .fit-detail { flex-direction: column; align-items: flex-start; gap: 12px; }
  .home-section h2 br { display: none; }
  .outreach-art { margin-top: 36px; }
  .automation-line { grid-template-columns: 1fr; gap: 24px; }
  .automation-line .home-link { grid-column: auto; }
  .fit-examples { grid-template-columns: 1fr; margin-top: 42px; }
  .fit-examples > a, .fit-examples > a:first-child { border-right: 0; padding: 26px 0; gap: 17px; border-bottom: 1px solid var(--site-rule); }
  .fit-examples strong { font-size: 1.6rem; }
  .fit-detail { border-top: 0; }
  .adoption-bottom { grid-template-columns: 1fr; gap: 34px; }
  .home-conversion { padding-block: 72px; }
  .home-conversion .home-wrap { display: block; }
  .conversion-actions { margin-top: 34px; }
}
@media (prefers-reduced-motion: reduce) { .home-link span, .fit-examples > a { transition: none; } }