.wc-marketing-page .wc-section { padding: clamp(5.2rem,8vw,8.5rem) 0; }
.wc-marketing-page [id] { scroll-margin-top: 8rem; }
.wc-marketing-page .wc-footer { background: #ebe7dd; }

.wc-mkt-hero { padding-top: 10.8rem !important; }
.wc-mkt-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(30rem,.98fr);
  align-items: center;
  gap: clamp(3rem,6vw,7rem);
}
.wc-mkt-hero-copy { position: relative; z-index: 2; }
.wc-mkt-hero-copy > .wc-provider-badge { display: flex; width: max-content; margin-bottom: 1.1rem; }
.wc-mkt-hero-copy h1,
.wc-demo-hero h1 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(3.4rem,5.35vw,5.7rem);
  font-weight: 640;
  letter-spacing: -.073em;
  line-height: .92;
  text-wrap: balance;
}
.wc-mkt-hero-copy > p:not(.wc-eyebrow) {
  max-width: 62ch;
  margin: 1.65rem 0 0;
  color: var(--wc-muted);
  font-size: clamp(.98rem,1.3vw,1.12rem);
  line-height: 1.75;
}
.wc-mkt-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.25rem; margin-top: 2rem; }
.wc-mkt-hero-media { position: relative; margin: 0; padding: .48rem; transform: rotate(.55deg); }
.wc-mkt-hero-media > div { overflow: hidden; aspect-ratio: 5 / 4.25; border-radius: 1.62rem; background: #ded8cd; }
.wc-mkt-hero-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--wc-ease); }
.wc-mkt-hero-media:hover img { transform: scale(1.018); }
.wc-mkt-hero-media figcaption { position: absolute; left: 1.1rem; right: 1.1rem; bottom: 1.05rem; padding: .62rem .75rem; border-radius: .75rem; color: white; background: rgba(10,38,29,.76); backdrop-filter: blur(14px); font-size: .6rem; font-weight: 650; }
.wc-features-page .wc-mkt-hero-media img { object-position: 63% center; }
.wc-contact-page .wc-mkt-hero-media img { object-position: 52% center; }

.wc-mkt-tint { background: rgba(255,253,248,.63); border-block: 1px solid rgba(25,48,39,.06); }
.wc-mkt-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(18rem,.48fr); align-items: end; gap: 1.3rem 3rem; margin-bottom: 3rem; }
.wc-mkt-heading .wc-eyebrow { grid-column: 1 / -1; margin-bottom: -.25rem; }
.wc-mkt-heading h2,
.wc-mkt-split-heading h2,
.wc-mkt-media-copy h2,
.wc-mkt-story h2,
.wc-contact-details h2,
.wc-mkt-faq h2 {
  margin: 0;
  font-size: clamp(2.65rem,4.7vw,5rem);
  font-weight: 620;
  letter-spacing: -.065em;
  line-height: .97;
  text-wrap: balance;
}
.wc-mkt-heading > p:last-child,
.wc-mkt-split-heading > p { max-width: 52ch; margin: 0; color: var(--wc-muted); font-size: .86rem; }

.wc-connection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.wc-connection-card { position: relative; min-height: 26rem; padding: clamp(1.8rem,3.5vw,3.25rem); overflow: hidden; border: 1px solid var(--wc-line); border-radius: 1.65rem; background: var(--wc-card); box-shadow: 0 22px 60px rgba(25,48,39,.07),inset 0 1px white; }
.wc-connection-card:nth-child(2) { background: #e9eee8; }
.wc-connection-index { position: absolute; top: 1.25rem; right: 1.35rem; color: var(--wc-green); font: 500 .6rem/1 "DM Mono",monospace; }
.wc-connection-card h3 { margin: 0; font-size: clamp(2.35rem,4vw,4.35rem); font-weight: 610; letter-spacing: -.06em; line-height: .95; }
.wc-connection-card > p:not(.wc-card-kicker) { max-width: 52ch; margin: 1.25rem 0 0; color: var(--wc-muted); font-size: .82rem; }
.wc-connection-card ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 2.5rem 0 0; padding: 0; list-style: none; }
.wc-connection-card li { padding: .45rem .65rem; border-radius: .6rem; color: var(--wc-green-dark); background: rgba(24,129,95,.09); font-size: .58rem; font-weight: 740; }
.wc-connection-grid.is-compact .wc-connection-card { min-height: 21rem; }

.wc-product-proof { margin: 1rem 0 0; padding: .45rem; background: rgba(24,129,95,.09); }
.wc-product-proof > div { overflow: hidden; border-radius: 1.62rem; background: #eef2ef; }
.wc-product-proof img { width: 100%; height: auto; }
.wc-product-proof figcaption { padding: .8rem 1rem .55rem; color: var(--wc-muted); font-size: .6rem; text-align: center; }

.wc-capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--wc-line-strong); }
.wc-capability { min-height: 18rem; padding: 2.2rem 2rem 2rem 0; border-bottom: 1px solid var(--wc-line-strong); }
.wc-capability:not(:nth-child(3n+1)) { padding-left: 2rem; border-left: 1px solid var(--wc-line-strong); }
.wc-capability > span { color: var(--wc-green); font: 500 .56rem/1 "DM Mono",monospace; }
.wc-capability h3 { margin: 2.4rem 0 0; font-size: clamp(1.5rem,2.5vw,2.35rem); font-weight: 620; letter-spacing: -.05em; line-height: 1; }
.wc-capability p { max-width: 39ch; margin: .9rem 0 0; color: var(--wc-muted); font-size: .75rem; }
.wc-capability-grid-three .wc-capability { min-height: 16rem; }

.wc-mkt-media-section { color: white; background: var(--wc-green-deeper); }
.wc-mkt-media-grid { display: grid; grid-template-columns: minmax(28rem,1.02fr) minmax(20rem,.78fr); align-items: center; gap: clamp(3rem,7vw,8rem); }
.wc-mkt-editorial-photo { overflow: hidden; aspect-ratio: 16 / 11; margin: 0; border: .42rem solid rgba(255,255,255,.1); border-radius: 1.7rem; box-shadow: 0 35px 85px rgba(0,0,0,.22); transform: rotate(-.45deg); }
.wc-mkt-editorial-photo img { width: 100%; height: 100%; object-fit: cover; }
.wc-mkt-media-copy .wc-eyebrow { color: #75dab5; }
.wc-mkt-media-copy .wc-eyebrow > span { background: #75dab5; }
.wc-mkt-media-copy > p:not(.wc-eyebrow) { max-width: 52ch; margin: 1.3rem 0 0; color: rgba(255,255,255,.64); font-size: .82rem; }
.wc-check-list { display: grid; gap: .85rem; margin: 2rem 0; padding: 0; list-style: none; }
.wc-check-list li { display: flex; align-items: center; gap: .7rem; font-size: .72rem; font-weight: 680; }
.wc-check-list li::before { content: "✓"; display: grid; place-items: center; width: 1.35rem; height: 1.35rem; flex: 0 0 auto; border-radius: 50%; color: var(--wc-green-deeper); background: #75dab5; font-size: .58rem; }
.wc-mkt-media-copy .wc-inline-link { color: white; }
.wc-mkt-media-grid.is-product .wc-product-proof { margin: 0; }

.wc-mkt-final { background: #ebe7dd; }
.wc-mkt-final-core { display: flex; align-items: flex-end; justify-content: space-between; gap: 3rem; padding: clamp(2.5rem,5vw,5rem); border-radius: 1.8rem; color: white; background: var(--wc-green-deeper); box-shadow: 0 30px 90px rgba(14,51,40,.17),inset 0 1px rgba(255,255,255,.08); }
.wc-mkt-final .wc-eyebrow { color: #75dab5; }
.wc-mkt-final .wc-eyebrow > span { background: #75dab5; }
.wc-mkt-final h2 { max-width: 790px; margin: 0; font-size: clamp(2.65rem,4.8vw,5.2rem); font-weight: 610; letter-spacing: -.065em; line-height: .95; }
.wc-mkt-final p:not(.wc-eyebrow) { max-width: 56ch; margin: 1.2rem 0 0; color: rgba(255,255,255,.62); font-size: .8rem; }
.wc-mkt-final .wc-mkt-actions { flex: 0 0 auto; align-items: flex-start; flex-direction: column; margin: 0; }
.wc-inline-light { color: white; }
.wc-button-light { color: var(--wc-green-deeper); background: white; }
.wc-button-light .wc-button-icon { color: white; background: var(--wc-green); }

.wc-mkt-hero-compact { padding-bottom: 4rem !important; }
.wc-mkt-price-note { padding: clamp(1.7rem,3vw,2.8rem); border: 1px solid var(--wc-line); border-radius: 1.6rem; background: rgba(255,253,248,.78); box-shadow: var(--wc-shadow-soft); }
.wc-mkt-price-note > span { color: var(--wc-muted); font: 500 .56rem/1 "DM Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.wc-mkt-price-note > strong { display: block; margin-top: .6rem; color: var(--wc-green-deeper); font: 500 clamp(3.4rem,6vw,5.6rem)/.9 "DM Mono",monospace; letter-spacing: -.08em; }
.wc-mkt-price-note > strong small { margin-left: .35rem; color: var(--wc-muted); font: 500 .7rem/1 "Manrope",sans-serif; letter-spacing: 0; }
.wc-mkt-price-note p { max-width: 38ch; margin: 1rem 0 1.5rem; color: var(--wc-muted); font-size: .72rem; }
.wc-mkt-pricing-section { padding-top: 2rem !important; }
.wc-mkt-pricing-section .wc-table-scroll th[scope="row"] small { display: block; max-width: 22ch; margin-top: .22rem; color: var(--wc-muted); font-size: .5rem; font-weight: 500; line-height: 1.4; }
.wc-mkt-pricing-section .wc-table-scroll [data-plan-column] { transition: background-color 500ms var(--wc-ease),box-shadow 500ms var(--wc-ease); }
.wc-mkt-pricing-section .wc-table-scroll [data-plan-column].is-match { background: #dff1e8 !important; box-shadow: inset 2px 0 #18815f,inset -2px 0 #18815f; }
.wc-mkt-pricing-section thead .is-match .wc-plan-match-tag { display: block !important; }
.wc-mkt-pricing-section thead .is-match .wc-plan-popular { display: none; }
.wc-mkt-pricing-section .wc-table-note { background: rgba(255,253,248,.75); }

.wc-mkt-split-heading { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(18rem,.52fr); align-items: end; gap: 3rem; margin-bottom: 3rem; }
.wc-mkt-faq-grid { display: grid; grid-template-columns: minmax(18rem,.55fr) minmax(0,1fr); gap: clamp(3rem,8vw,9rem); }
.wc-mkt-faq .wc-buy-faq-list { margin-top: 0; }

.wc-code-stage { min-width: 0; background: rgba(14,51,40,.14); transform: rotate(.4deg); }
.wc-code-stage-core { overflow: hidden; border-radius: 1.62rem; color: #dff7ed; background: #0b241c; box-shadow: inset 0 1px rgba(255,255,255,.06); }
.wc-code-top { display: flex; align-items: center; gap: .38rem; padding: 1rem 1.1rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.wc-code-top > span { width: .55rem; height: .55rem; border-radius: 50%; background: rgba(117,218,181,.4); }
.wc-code-top small { margin-left: auto; color: rgba(255,255,255,.48); font: 500 .55rem/1 "DM Mono",monospace; }
.wc-code-stage pre { min-height: 24rem; margin: 0; padding: clamp(1.3rem,3vw,2.25rem); overflow: auto; font: 400 clamp(.68rem,1.1vw,.82rem)/1.9 "DM Mono",monospace; white-space: pre-wrap; }
.wc-code-stage code { color: #cae9dc; }
.wc-code-stage code b { color: #76dcb7; font-weight: 500; }
.wc-api-steps { margin: 0; padding: 0; border-top: 1px solid var(--wc-line-strong); list-style: none; }
.wc-api-steps li { display: grid; grid-template-columns: 5rem 1fr; gap: 2rem; padding: 2.2rem 0; border-bottom: 1px solid var(--wc-line-strong); }
.wc-api-steps li > span { color: var(--wc-green); font: 500 .62rem/1 "DM Mono",monospace; padding-top: .35rem; }
.wc-api-steps h3 { margin: 0; font-size: clamp(1.5rem,2.6vw,2.5rem); font-weight: 620; letter-spacing: -.05em; line-height: 1; }
.wc-api-steps p { max-width: 65ch; margin: .7rem 0 0; color: var(--wc-muted); font-size: .75rem; }
.wc-api-capabilities { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.wc-api-capabilities article { min-height: 18rem; padding: 2rem; border: 1px solid var(--wc-line); border-radius: 1.45rem; background: var(--wc-card); }
.wc-api-capabilities article > span { color: var(--wc-green); font: 500 .58rem/1 "DM Mono",monospace; text-transform: uppercase; }
.wc-api-capabilities h3 { margin: 3rem 0 0; font-size: 1.65rem; letter-spacing: -.045em; line-height: 1.05; }
.wc-api-capabilities p { margin: .8rem 0 0; color: var(--wc-muted); font-size: .72rem; }
.wc-integration-stage { min-width: 0; padding: .45rem; background: rgba(14,51,40,.14); transform: rotate(.35deg); }
.wc-integration-stage-core { overflow: hidden; padding: clamp(1.25rem,2.6vw,2rem); border-radius: 1.62rem; color: #eaf8f2; background: radial-gradient(circle at 85% 8%,rgba(78,192,148,.2),transparent 36%),#0b241c; box-shadow: inset 0 1px rgba(255,255,255,.07); }
.wc-integration-stage-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.09); }
.wc-integration-stage-head span { font: 500 .7rem/1 "DM Mono",monospace; }
.wc-integration-stage-head small { color: rgba(255,255,255,.52); font-size: .68rem; }
.wc-integration-hub { display: flex; align-items: center; gap: .85rem; margin: 1.25rem 0; padding: 1rem; border: 1px solid rgba(119,222,182,.18); border-radius: 1rem; background: rgba(255,255,255,.055); }
.wc-integration-hub > span { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .8rem; color: #062116; background: #78dcb7; font: 500 .72rem/1 "DM Mono",monospace; }
.wc-integration-hub strong,.wc-integration-map strong { display: block; font-size: .82rem; }
.wc-integration-hub small,.wc-integration-map small { display: block; margin-top: .2rem; color: rgba(255,255,255,.54); font-size: .66rem; }
.wc-integration-map { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.wc-integration-map li { display: grid; grid-template-columns: 2.4rem minmax(0,1fr) auto; align-items: center; gap: .75rem; padding: .78rem; border-radius: .9rem; background: rgba(255,255,255,.04); }
.wc-integration-map li > span { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: .7rem; color: #8de8c5; background: rgba(117,218,181,.1); font: 500 .62rem/1 "DM Mono",monospace; }
.wc-integration-map b { color: #79dcb8; font: 500 .55rem/1 "DM Mono",monospace; text-transform: uppercase; }
.wc-integration-resource-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(18rem,.9fr); gap: .8rem; }
.wc-integration-card { display: flex; min-width: 0; min-height: 18.5rem; padding: clamp(1.4rem,2.7vw,2rem); flex-direction: column; border: 1px solid var(--wc-line); border-radius: 1.45rem; background: var(--wc-card); box-shadow: 0 20px 55px rgba(25,48,39,.06); }
.wc-integration-card.is-featured { grid-row: span 2; min-height: 37.8rem; background: radial-gradient(circle at 92% 8%,rgba(46,164,119,.11),transparent 34%),var(--wc-card); }
.wc-integration-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.wc-integration-card-icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .9rem; color: var(--wc-green-dark); background: var(--wc-green-wash); }
.wc-integration-card-icon svg { width: 1.45rem; height: 1.45rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wc-integration-status { padding: .42rem .55rem; border-radius: .55rem; color: var(--wc-muted); background: var(--wc-paper-deep); font: 500 .56rem/1 "DM Mono",monospace; }
.wc-integration-card-copy { margin-top: auto; padding: 2rem 0 1.5rem; }
.wc-integration-card-copy h3 { margin: .55rem 0 0; font-size: clamp(1.65rem,3vw,2.7rem); font-weight: 620; letter-spacing: -.055em; line-height: .98; }
.wc-integration-card-copy > p:not(.wc-card-kicker) { max-width: 48ch; margin: .85rem 0 0; color: var(--wc-muted); font-size: .9rem; line-height: 1.65; }
.wc-integration-card-copy ul { display: flex; flex-wrap: wrap; gap: .42rem; margin: 1.3rem 0 0; padding: 0; list-style: none; }
.wc-integration-card-copy li { padding: .42rem .58rem; border-radius: .55rem; color: var(--wc-green-dark); background: var(--wc-green-wash); font-size: .7rem; font-weight: 700; }
.wc-integration-download { display: flex; min-height: 44px; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding: .75rem .9rem; border: 1px solid var(--wc-line); border-radius: .85rem; color: var(--wc-muted); background: var(--wc-paper-deep); font: 650 .76rem/1.2 "Manrope",sans-serif; text-align: left; cursor: not-allowed; opacity: 1; }
.wc-integration-download.is-ready { color: white; border-color: transparent; background: var(--wc-green-deeper); cursor: pointer; transition: transform 220ms var(--wc-ease),background-color 220ms var(--wc-ease); }
.wc-integration-download.is-ready:hover { background: var(--wc-green-dark); transform: translateY(-1px); }
.wc-integration-download.is-ready:focus-visible { outline: 3px solid rgba(21,150,109,.36); outline-offset: 3px; }
.wc-mkt-callout { color: white; background: var(--wc-green-deeper); }
.wc-mkt-callout-core { display: flex; align-items: flex-end; justify-content: space-between; gap: 3rem; }
.wc-mkt-callout .wc-eyebrow { color: #75dab5; }
.wc-mkt-callout .wc-eyebrow > span { background: #75dab5; }
.wc-mkt-callout h2 { max-width: 850px; margin: 0; font-size: clamp(2.65rem,4.8vw,5.2rem); font-weight: 610; letter-spacing: -.065em; line-height: .95; }
.wc-mkt-callout p:not(.wc-eyebrow) { max-width: 64ch; margin: 1.2rem 0 0; color: rgba(255,255,255,.62); font-size: .78rem; }
.wc-mkt-callout .wc-button { flex: 0 0 auto; }

.wc-demo-hero { padding-top: 10.8rem !important; }
.wc-demo-hero-grid { display: grid; grid-template-columns: minmax(0,.75fr) minmax(32rem,1.25fr); align-items: center; gap: clamp(3rem,6vw,7rem); }
.wc-demo-hero .wc-video-card { transform: rotate(.45deg); }

.wc-mkt-story-grid { display: grid; grid-template-columns: minmax(20rem,.72fr) minmax(0,1fr); gap: clamp(3rem,8vw,9rem); }
.wc-mkt-story-copy p { max-width: 70ch; margin: 0 0 1.4rem; color: var(--wc-muted); font-size: .88rem; line-height: 1.85; }
.wc-team-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.wc-team-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--wc-line); border-radius: 1.45rem; background: var(--wc-card); box-shadow: 0 20px 50px rgba(25,48,39,.06); }
.wc-team-photo { margin: 0; overflow: hidden; aspect-ratio: 1; background: #e5e3d9; }
.wc-team-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 34%; filter: none; }
.wc-team-card-copy { display: flex; min-height: 7rem; padding: 1.15rem; flex: 1; flex-direction: column; }
.wc-team-card h3 { margin: 0; font-size: .85rem; letter-spacing: -.02em; }
.wc-team-card p { margin: auto 0 0; padding-top: .55rem; color: var(--wc-muted); font-size: .61rem; }

.wc-contact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.wc-contact-card { min-height: 22rem; display: flex; align-items: flex-start; flex-direction: column; padding: 2.2rem; border: 1px solid var(--wc-line); border-radius: 1.55rem; background: var(--wc-card); box-shadow: 0 20px 55px rgba(25,48,39,.06); }
.wc-contact-card > span { color: var(--wc-green); font: 500 .56rem/1 "DM Mono",monospace; text-transform: uppercase; }
.wc-contact-card h3 { margin: 3rem 0 0; font-size: clamp(1.55rem,2.6vw,2.3rem); font-weight: 620; letter-spacing: -.05em; line-height: 1; }
.wc-contact-card p { max-width: 38ch; margin: 1rem 0 2rem; color: var(--wc-muted); font-size: .74rem; }
.wc-contact-card .wc-inline-link { margin-top: auto; font-size: .72rem; }
.wc-contact-details-grid { display: grid; grid-template-columns: minmax(20rem,.72fr) minmax(0,1fr); gap: clamp(3rem,8vw,9rem); }
.wc-contact-details-grid > div > p:not(.wc-eyebrow) { max-width: 52ch; color: var(--wc-muted); font-size: .82rem; }
.wc-contact-list { margin: 0; border-top: 1px solid var(--wc-line-strong); }
.wc-contact-list > div { display: grid; grid-template-columns: 9rem 1fr; gap: 1.5rem; padding: 1.4rem 0; border-bottom: 1px solid var(--wc-line-strong); }
.wc-contact-list dt { color: var(--wc-muted); font: 500 .58rem/1.4 "DM Mono",monospace; text-transform: uppercase; }
.wc-contact-list dd { margin: 0; font-size: .82rem; font-weight: 720; overflow-wrap: anywhere; }
.wc-contact-list a:hover { color: var(--wc-green); }

@media (max-width: 1050px) {
  .wc-mkt-hero-grid,
  .wc-demo-hero-grid { grid-template-columns: minmax(0,1fr) minmax(26rem,.9fr); gap: 3rem; }
  .wc-team-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 960px) {
  .wc-mkt-hero-grid,
  .wc-demo-hero-grid,
  .wc-mkt-media-grid,
  .wc-mkt-story-grid,
  .wc-contact-details-grid,
  .wc-mkt-faq-grid { grid-template-columns: 1fr; }
  .wc-mkt-hero-copy { max-width: 780px; }
  .wc-mkt-hero-media,
  .wc-code-stage,
  .wc-integration-stage,
  .wc-demo-hero .wc-video-card { width: min(100%,48rem); margin-inline: auto; transform: none; }
  .wc-mkt-heading,
  .wc-mkt-split-heading { grid-template-columns: 1fr; gap: 1rem; }
  .wc-mkt-heading .wc-eyebrow { grid-column: 1; margin-bottom: .3rem; }
  .wc-mkt-media-grid { width: min(100%,48rem); }
  .wc-mkt-final-core,
  .wc-mkt-callout-core { align-items: flex-start; flex-direction: column; }
  .wc-mkt-final .wc-mkt-actions { flex-direction: row; }
  .wc-contact-grid { grid-template-columns: 1fr; }
  .wc-integration-resource-grid { grid-template-columns: 1fr; }
  .wc-integration-card.is-featured { grid-row: auto; min-height: 24rem; }
  .wc-contact-card { min-height: 18rem; }
}

@media (max-width: 767px) {
  .wc-marketing-page .wc-section { padding: 4.5rem 0; }
  .wc-mkt-hero,
  .wc-demo-hero { padding-top: 8.5rem !important; padding-bottom: 4rem !important; }
  .wc-mkt-hero-copy h1,
  .wc-demo-hero h1 { font-size: clamp(2.8rem,12vw,3.75rem); line-height: .93; }
  .wc-mkt-hero-media > div { aspect-ratio: 4 / 3.4; border-radius: 1.25rem; }
  .wc-mkt-hero-media figcaption { display: none; }
  .wc-mkt-heading { margin-bottom: 2.2rem; }
  .wc-mkt-heading h2,
  .wc-mkt-split-heading h2,
  .wc-mkt-media-copy h2,
  .wc-mkt-story h2,
  .wc-contact-details h2,
  .wc-mkt-faq h2,
  .wc-mkt-final h2,
  .wc-mkt-callout h2 { font-size: clamp(2.45rem,11.5vw,3.65rem); }
  .wc-connection-grid { grid-template-columns: 1fr; }
  .wc-connection-card,
  .wc-connection-grid.is-compact .wc-connection-card { min-height: 0; padding: 1.6rem; }
  .wc-connection-card h3 { font-size: 2.7rem; }
  .wc-connection-card ul { margin-top: 1.7rem; }
  .wc-product-proof > div { border-radius: 1.25rem; }
  .wc-capability-grid,
  .wc-api-capabilities { grid-template-columns: 1fr; }
  .wc-capability { min-height: 0; padding: 1.8rem 0; border-left: 0 !important; }
  .wc-capability:not(:nth-child(3n+1)) { padding-left: 0; }
  .wc-capability h3 { margin-top: 1.3rem; }
  .wc-mkt-editorial-photo { aspect-ratio: 4 / 3.25; border-radius: 1.3rem; transform: none; }
  .wc-mkt-final-core { padding: 2rem 1.4rem; border-radius: 1.4rem; }
  .wc-mkt-final .wc-mkt-actions { flex-direction: column; }
  .wc-mkt-pricing-section .wc-table-shell { margin-right: -1rem; }
  .wc-mkt-pricing-section .wc-table-scroll th[scope="row"] { position: sticky; left: 0; z-index: 2; width: 10rem; background: #f8f6ef; box-shadow: 1px 0 var(--wc-line); }
  .wc-mkt-pricing-section .wc-table-scroll thead th:first-child { z-index: 3; }
  .wc-mkt-pricing-section .wc-table-scroll tfoot th { background: #f8f6ef; }
  .wc-code-stage pre { min-height: 21rem; font-size: .66rem; }
  .wc-api-steps li { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .wc-api-capabilities article { min-height: 14rem; }
  .wc-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
  .wc-team-card-copy { min-height: 7rem; padding: .9rem; }
  .wc-integration-card { min-height: 0; padding: 1.5rem; }
  .wc-integration-card-copy { margin-top: 2.5rem; }
  .wc-contact-card { min-height: 17rem; padding: 1.6rem; }
  .wc-contact-list > div { grid-template-columns: 1fr; gap: .4rem; }
}

@media (max-width: 420px) {
  .wc-team-card h3 { font-size: .72rem; }
  .wc-team-card p { font-size: .55rem; }
}

/* Readable marketing-page type scale */
.wc-mkt-hero-copy h1,
.wc-demo-hero h1 {
  font-size: clamp(3.2rem,5vw,5.2rem);
  letter-spacing: -.048em;
  line-height: .98;
}
.wc-mkt-heading h2,
.wc-mkt-split-heading h2,
.wc-mkt-media-copy h2,
.wc-mkt-story h2,
.wc-contact-details h2,
.wc-mkt-faq h2,
.wc-mkt-final h2,
.wc-mkt-callout h2 {
  font-size: clamp(2.4rem,4vw,4.25rem);
  letter-spacing: -.045em;
  line-height: 1.04;
}
.wc-mkt-hero-media figcaption,
.wc-product-proof figcaption { font-size: .75rem; line-height: 1.5; }
.wc-mkt-heading > p:last-child,
.wc-mkt-split-heading > p,
.wc-mkt-media-copy > p:not(.wc-eyebrow),
.wc-mkt-final p:not(.wc-eyebrow),
.wc-mkt-callout p:not(.wc-eyebrow) { font-size: 1rem; line-height: 1.72; }
.wc-connection-index,
.wc-capability > span,
.wc-api-steps li > span,
.wc-api-capabilities article > span,
.wc-contact-card > span { font-size: .7rem; }
.wc-connection-card > p:not(.wc-card-kicker),
.wc-capability p,
.wc-api-steps p,
.wc-api-capabilities p,
.wc-contact-card p,
.wc-mkt-story-copy p { font-size: .95rem; line-height: 1.72; }
.wc-connection-card li { font-size: .75rem; }
.wc-check-list li { font-size: .875rem; }
.wc-mkt-price-note > span { font-size: .7rem; }
.wc-mkt-price-note > strong small { font-size: .82rem; }
.wc-mkt-price-note p { font-size: .9rem; line-height: 1.68; }
.wc-mkt-pricing-section .wc-table-scroll th[scope="row"] small { font-size: .7rem; line-height: 1.45; }
.wc-code-top small { font-size: .68rem; }
.wc-code-stage pre { font-size: clamp(.76rem,1.1vw,.84rem); }
.wc-team-card h3 { font-size: 1rem; }
.wc-team-card p { font-size: .8rem; line-height: 1.55; }
.wc-contact-card .wc-inline-link { font-size: .875rem; }
.wc-contact-details-grid > div > p:not(.wc-eyebrow) { font-size: .95rem; line-height: 1.72; }
.wc-contact-list dt { font-size: .7rem; }
.wc-contact-list dd { font-size: .92rem; }

@media (max-width: 767px) {
  .wc-mkt-hero-copy h1,
  .wc-demo-hero h1 { font-size: clamp(2.75rem,11.6vw,3.55rem); }
  .wc-code-stage pre { font-size: .76rem; }
  .wc-team-card h3 { font-size: .94rem; }
  .wc-team-card p { font-size: .75rem; }
}

/* Dark mode — marketing and pricing pages */
html[data-theme="dark"] .wc-marketing-page .wc-footer,
html[data-theme="dark"] .wc-mkt-final {
  background: #07120e;
}

html[data-theme="dark"] .wc-mkt-hero-media > div,
html[data-theme="dark"] .wc-product-proof > div {
  background: var(--wc-paper-deep);
}

html[data-theme="dark"] .wc-mkt-tint {
  background: rgba(19,43,34,.54);
  border-color: rgba(157,221,195,.1);
}

html[data-theme="dark"] .wc-connection-card {
  box-shadow: 0 26px 70px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.045);
}

html[data-theme="dark"] .wc-connection-card:nth-child(2) {
  background: #11261e;
}

html[data-theme="dark"] .wc-connection-card li {
  color: #9aeacb;
  background: rgba(75,211,160,.11);
  box-shadow: inset 0 0 0 1px rgba(112,226,184,.07);
}

html[data-theme="dark"] .wc-product-proof {
  background: rgba(75,211,160,.08);
}

html[data-theme="dark"] .wc-mkt-price-note,
html[data-theme="dark"] .wc-mkt-pricing-section .wc-table-note {
  background: rgba(15,33,27,.9);
  border-color: rgba(157,221,195,.12);
  box-shadow: 0 24px 68px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.035);
}

html[data-theme="dark"] .wc-mkt-price-note > strong {
  color: #8de7c1;
}

html[data-theme="dark"] .wc-mkt-pricing-section .wc-table-scroll [data-plan-column].is-match {
  color: var(--wc-ink);
  background: rgba(42,151,109,.2) !important;
  box-shadow: inset 2px 0 #43c995, inset -2px 0 #43c995;
}

html[data-theme="dark"] .wc-code-stage {
  background: rgba(91,214,166,.06);
}

html[data-theme="dark"] .wc-code-stage-core {
  box-shadow: inset 0 0 0 1px rgba(130,225,188,.075), 0 24px 70px rgba(0,0,0,.2);
}

html[data-theme="dark"] .wc-integration-stage { background: rgba(91,214,166,.06); }
html[data-theme="dark"] .wc-integration-card { background: var(--wc-card); box-shadow: 0 22px 58px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035); }
html[data-theme="dark"] .wc-integration-card.is-featured { background: radial-gradient(circle at 92% 8%,rgba(55,183,132,.14),transparent 35%),var(--wc-card); }
html[data-theme="dark"] .wc-integration-status,
html[data-theme="dark"] .wc-integration-download { border-color: rgba(157,221,195,.1); background: var(--wc-paper-deep); }
html[data-theme="dark"] .wc-integration-download.is-ready { color: #06130e; border-color: transparent; background: var(--wc-green); }
html[data-theme="dark"] .wc-integration-download.is-ready:hover { background: #8de7c1; }

html[data-theme="dark"] .wc-team-card,
html[data-theme="dark"] .wc-contact-card {
  box-shadow: 0 22px 58px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035);
}

@media (max-width: 767px) {
  html[data-theme="dark"] .wc-mkt-pricing-section .wc-table-scroll th[scope="row"],
  html[data-theme="dark"] .wc-mkt-pricing-section .wc-table-scroll tfoot th {
    background: #0d1e17;
    box-shadow: 1px 0 rgba(157,221,195,.12);
  }
}
