/* Shared platform page introduction: promise, then concrete capability proof. */
.platform-capability-intro {padding-block:76px 70px;text-align:center}
.platform-capability-intro>p {max-width:850px;margin:0 auto;font-family:Everett,Unica77,sans-serif;font-size:clamp(28px,2.8vw,40px);font-weight:400;line-height:1.18;letter-spacing:-.025em;text-wrap:balance;color:var(--sp-ink,#202124)}
.platform-capability-list {display:flex;justify-content:center;flex-wrap:wrap;gap:20px 28px;margin-top:32px;color:var(--sp-muted);font-size:14px;line-height:1.4}
.platform-capability-list>span {display:flex;align-items:center;gap:8px}
.platform-capability-list svg {width:18px;height:18px;flex:none}

@media(max-width:720px) {
 .platform-capability-intro {padding-block:52px}
 .platform-capability-list {gap:16px 24px;margin-top:26px;font-size:13px}
}

/* Reference-led platform sections. Retain Glossi's type, rail and surface roles. */
.platform-outcome-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--outcome-card-gap)}
.platform-outcome-card {display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--outcome-card-inset);border:1px solid var(--outcome-card-border);border-radius:var(--outcome-card-radius);background:var(--outcome-card-bg)}
.platform-outcome-icon {display:block;width:24px;height:24px;flex:none;margin-bottom:24px;color:var(--sp-muted)}
.platform-outcome-card p {margin:0;font-size:16px;line-height:1.6;color:var(--sp-muted);text-wrap:pretty}
.platform-outcome-card strong {font-weight:500;color:var(--sp-ink,#18181b)}
.platform-section-head {display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:var(--rhythm-section-heading)}
.platform-section-head h2 {margin:0;max-width:24ch}
.platform-section-head>.sp-link {flex:none}
.platform-integrations {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr);gap:48px;align-items:center}
.platform-integration-copy h2 {max-width:20ch;margin:0 0 24px;font-size:var(--type-size-section-compact)}
.platform-integration-list {display:grid;grid-template-columns:repeat(4,max-content);justify-content:end;gap:12px;padding:0;margin:0;list-style:none}
.platform-integration-list li {min-width:0;justify-self:end}
.platform-integration-list a {box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--sp-line);border-radius:999px;background:transparent;color:var(--sp-ink);text-decoration:none}
.platform-integration-list img {display:block;width:20px;height:20px;object-fit:contain;flex:none}
.platform-integration-list span {min-width:0;font-size:14px;line-height:20px;white-space:nowrap}
@media(hover:hover){.platform-integration-list a:hover span {text-decoration:underline;text-underline-offset:3px}}
.platform-integration-list a:focus-visible {outline:2px solid var(--sp-ink,var(--launch-ink));outline-offset:4px;border-radius:999px}
.platform-quote-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--quote-card-gap)}
.platform-quote-card {display:flex;flex-direction:column;min-width:0;min-height:420px;margin:0;padding:var(--quote-card-inset);border:1px solid var(--quote-card-border);border-radius:var(--quote-card-radius);background:var(--quote-card-bg)}
.platform-quote-card blockquote {margin:0 0 40px;font-family:Everett,Unica77,sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.015em;text-wrap:pretty;color:var(--sp-ink)}
.platform-quote-attribution {display:grid;grid-template-rows:32px auto;gap:18px;margin-top:auto;padding-top:24px;border-top:1px dotted #d3d4d8}
.platform-quote-attribution>div {min-height:80px}
.platform-customer-logo {display:block;max-width:148px;max-height:32px;width:148px;height:32px;object-fit:contain;object-position:left center}
.platform-customer-logo-stand {width:32px;height:32px;max-height:32px}
.platform-quote-attribution strong,.platform-quote-attribution span {display:block;font-size:13px;line-height:1.5}
.platform-quote-attribution strong {font-weight:500;color:var(--sp-ink)}
.platform-quote-attribution span {max-width:30ch;color:var(--sp-muted);margin-top:2px}
.platform-story-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.platform-story-card {display:block;min-width:0;color:var(--sp-ink);text-decoration:none;border-radius:12px}
.platform-story-art {display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#f4f4f5}
.platform-story-art img {display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration-media) var(--motion-ease-media)}
.platform-story-art--contain img {object-fit:contain;padding:24px}
.platform-story-card h3 {margin:22px 0 12px;font-family:Everett,Unica77,sans-serif;font-size:24px;font-weight:400;line-height:1.25;letter-spacing:-.015em;text-wrap:balance}
.platform-story-card p {margin:0;font-size:15px;line-height:1.6;color:var(--sp-muted);text-wrap:pretty}
@media(hover:hover){
 .platform-story-card:hover h3 {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .platform-story-card:hover .platform-story-art img {transform:scale(1.025)}
}
.platform-story-card:focus-visible {outline:2px solid var(--sp-ink);outline-offset:6px}
@media(max-width:1100px){
 .platform-outcome-card{padding:var(--outcome-card-inset)}
 .platform-quote-card{padding:var(--quote-card-inset);min-height:430px}.platform-quote-card blockquote{font-size:21px}
 .platform-integrations{gap:40px}
}
@media(max-width:1100px){.platform-integrations{grid-template-columns:1fr;gap:28px}.platform-integration-list{justify-content:start}.platform-integration-list li{justify-self:start}}
@media(max-width:800px){.platform-integration-list{grid-template-columns:repeat(2,max-content);gap:10px}}
@media(max-width:360px){.platform-integration-list a{gap:6px;padding-inline:8px}.platform-integration-list img{width:18px;height:18px}}
@media(max-width:800px){
 .platform-outcome-grid,.platform-quote-grid,.platform-story-grid{grid-template-columns:1fr}
 .platform-outcome-card{padding:var(--outcome-card-inset)}.platform-outcome-card p{max-width:56ch}
 .platform-section-head{align-items:flex-start;gap:20px}.platform-section-head h2{max-width:18ch}
 .platform-integrations{gap:28px}.platform-integration-copy h2{max-width:22ch}
 .platform-quote-card{min-height:0;padding:var(--quote-card-inset)}.platform-quote-card blockquote{font-size:24px;max-width:35ch}.platform-quote-attribution{padding-top:22px}
 .platform-story-grid{gap:36px}.platform-story-art{aspect-ratio:4/3}.platform-story-card h3{max-width:28ch;margin-top:20px}
}
@media(max-width:480px){.platform-section-head{flex-direction:column;gap:16px}.platform-quote-card{padding:var(--quote-card-inset)}.platform-quote-card blockquote{font-size:22px}}
@media(prefers-reduced-motion:reduce){.platform-story-art img{transition:none}}

/* Customer results: attributed figures, context and the customer behind them. */
.platform-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.platform-result-card{display:flex;flex-direction:column;min-width:0;min-height:324px;padding:28px;border:1px solid var(--sp-line);border-radius:var(--radius-card);background:#f7f7f8;color:#18181b;text-decoration:none}
.sp-main .platform-result-value{margin:0 0 10px;font-family:Everett,Unica77,sans-serif;font-size:28px;line-height:1.2;letter-spacing:-.015em;color:#18181b;font-variant-numeric:tabular-nums}
.platform-result-card h3{min-height:2.8em;margin:0 0 16px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--sp-ink,var(--color-text-primary));text-wrap:pretty}
.platform-result-detail{margin:0 0 28px;font-size:15px;line-height:1.6;text-wrap:pretty}
.platform-result-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:24px;border-top:1px dotted #d3d4d8}
.platform-result-brand>.platform-customer-logo{width:112px;height:24px;max-width:112px;max-height:24px}
.platform-result-wordmark{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.2;font-weight:500}
.platform-result-wordmark img{display:block;width:24px;height:24px}
.platform-result-brand>.directional-link__icon{color:#18181b}
.platform-result-card:focus-visible{outline:2px solid #18181b;outline-offset:6px}
@media(max-width:1100px){.platform-result-card{padding:24px}.sp-main .platform-result-value{font-size:28px}}
@media(max-width:800px){.platform-result-grid{grid-template-columns:1fr}.platform-result-card{min-height:0;padding:28px}.platform-result-card h3{min-height:0;margin-bottom:12px}.platform-result-detail{max-width:48ch}.sp-main .platform-result-value{font-size:28px}}
@media(max-width:480px){.platform-result-card{padding:24px}}

/* Feature bento copy: one size, with the first sentence carrying the emphasis. */
.sp-feature-grid .platform-bento-copy {
 margin:0;font-family:inherit;font-size:var(--bento-copy-size);font-weight:400;line-height:var(--type-leading-body);letter-spacing:0;color:var(--color-text-supporting);text-wrap:pretty;
}
.sp-feature-grid .platform-bento-copy strong {
 font:inherit;font-weight:500;color:var(--sp-ink,var(--color-text-primary));
}

/* Platform FAQs: compact questions with more room for the answers. */
.sp-page .sp-questions {
 grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start;padding-block:var(--rhythm-faq);
}
.sp-page .sp-questions>div {min-width:0}
.sp-page .sp-questions h2 {
 margin:0 0 14px;max-width:16ch;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;
}

@media(max-width:1000px){.sp-page .sp-questions{gap:40px}}
@media(max-width:720px){
 .sp-page .sp-questions{grid-template-columns:1fr;gap:24px;padding-block:var(--rhythm-faq)}
 .sp-page .sp-questions h2{max-width:20ch}
}

/* Bento chapters need a clear pause between their introduction and the card grid. */
.dam-page #connect>.sp-shell>.sp-centered-heading,
.dam-page #sharing>.sp-shell>.sp-centered-heading,
.pp-studio-page #features>.sp-shell>.sp-chapter-heading{margin-bottom:64px}
@media(max-width:720px){
.dam-page #connect>.sp-shell>.sp-centered-heading,
.dam-page #sharing>.sp-shell>.sp-centered-heading,
.pp-studio-page #features>.sp-shell>.sp-chapter-heading{margin-bottom:40px}
}

/* Customer results support the main production story. */
.platform-customer-results .platform-section-head h2 {font-size:var(--type-size-section-compact)}

/* Short scannable benefits under a product illustration. */
.platform-benefit-list{display:grid;gap:var(--space-2);list-style:none;margin:var(--space-6) 0 0;padding:0;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--type-size-body);line-height:1.5}
.platform-benefit-list>li{display:flex;align-items:flex-start;gap:var(--space-2)}
.platform-benefit-list svg{width:16px;height:16px;flex:none;margin-top:4px}
.platform-benefit-list--inline{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.platform-benefit-list--inline>li{white-space:nowrap}

/* A continuous proposition with optional secondary emphasis. */
.platform-capability-statement.platform-capability-statement{max-width:var(--statement-width,850px);margin:0 auto;font-family:var(--font-display);font-size:clamp(28px,2.8vw,40px);font-weight:400;line-height:1.22;letter-spacing:-.025em;text-wrap:balance;color:var(--color-text-primary)}
.platform-capability-statement__secondary{color:var(--color-text-display-supporting)}


/* Ruled outcome rows share the page frame while content keeps its own hierarchy. */
.platform-outcome-grid--ruled {
  gap:0;
  border-block:1px solid var(--color-structure);
  background:var(--color-bg-supporting);
}
.platform-outcome-grid--ruled > .platform-outcome-card {
  position:relative;
  align-items:center;
  text-align:center;
  padding:var(--space-10) var(--space-8);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.platform-outcome-grid--ruled > .platform-outcome-card + .platform-outcome-card::before {
  content:""; position:absolute; left:0; inset-block:var(--space-8);
  border-left:1px solid var(--color-structure); pointer-events:none;
}
.platform-outcome-grid--ruled .platform-outcome-icon {
  margin-bottom:var(--space-5);
  color:var(--color-text-supporting);
}
.platform-outcome-grid--ruled .platform-outcome-card > h3 {
  margin:0 0 var(--space-3);
  font-family:var(--font-display);
  font-size:var(--type-size-card);
  font-weight:400;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--color-text-primary);
}
.platform-outcome-grid--ruled .platform-outcome-card > p {
  max-width:30ch;
  font-size:var(--type-size-body);
  line-height:1.5;
  text-wrap:balance;
}
@media(max-width:1100px) {
  .platform-outcome-grid--ruled > .platform-outcome-card { padding-inline:var(--space-6); }
}
@media(max-width:800px) {
  .platform-outcome-grid--ruled > .platform-outcome-card { padding:var(--space-7) var(--space-6); }
  .platform-outcome-grid--ruled > .platform-outcome-card + .platform-outcome-card::before {
    inset-block:0 auto;
    inset-inline:var(--space-6);
    border-left:0;
    border-top:1px solid var(--color-structure);
  }
}