.mk-integration-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}.mk-integration-hero h1{font:500 clamp(34px,4.4vw,54px) /1.1 var(--font-playfair),Georgia,serif;letter-spacing:-.04em}.mk-integration-hero .mk-hero-intro{max-width:720px;margin-top:22px;color:var(--mk-muted);font-size:17px;line-height:1.8}.mk-integration-hero .mk-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:30px}.mk-integration-hero-brand{align-self:center}.mk-integration-demo{padding-top:0}.mk-integration-demo-heading{max-width:760px;margin-bottom:26px}.mk-integration-demo-heading h2{font:500 clamp(26px,3vw,36px) /1.15 var(--font-playfair),Georgia,serif;letter-spacing:-.03em}.mk-integration-demo-heading p{margin-top:14px;color:var(--mk-muted);font-size:15px;line-height:1.8}.mk-integration-video{border:1px solid var(--mk-line);border-radius:6px;background:#0e1116;overflow:hidden}.mk-integration-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0e1116}.mk-integration-video figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:12px 20px;border-top:1px solid var(--mk-line);background:#fff;color:var(--mk-muted);font-size:13px}.mk-demo-quality{display:inline-flex;border:1px solid var(--mk-line);border-radius:999px;overflow:hidden}.mk-demo-quality-button{padding:5px 12px;border:0;background:#fff;color:var(--mk-muted);font:600 12px/1 var(--font-inter),system-ui,sans-serif;cursor:pointer}.mk-demo-quality-active{background:var(--mk-ink);color:#fff}.mk-demo-with-chapters{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}.mk-demo-chapters{margin:0;padding:6px 0;list-style:none;border:1px solid var(--mk-line);border-radius:6px;background:#fff}.mk-demo-chapter{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;width:100%;padding:11px 16px;border:0;background:none;color:var(--mk-ink);font:500 13.5px/1.45 var(--font-inter),system-ui,sans-serif;text-align:left;cursor:pointer}.mk-demo-chapter-active,.mk-demo-chapter:hover{background:var(--mk-cream)}.mk-demo-chapter-active{color:var(--mk-burgundy)}.mk-demo-chapter-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--mk-muted)}.mk-demo-chapter-active .mk-demo-chapter-time{color:var(--mk-burgundy)}.mk-integration-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px 48px;align-items:center;padding-top:56px;padding-bottom:56px}.mk-integration-story-copy h2{margin-top:4px;font:500 clamp(28px,3.2vw,40px) /1.12 var(--font-playfair),Georgia,serif;letter-spacing:-.03em}.mk-integration-story-figure{margin:0;align-self:center;border:1px solid var(--mk-line);border-radius:6px;background:#fff;overflow:hidden}.mk-integration-story-figure img{display:block;width:100%;height:auto}.mk-integration-story-figure figcaption{padding:12px 16px;border-top:1px solid var(--mk-line);color:var(--mk-muted);font-size:12.5px;line-height:1.6}.mk-integration-story-copy>p{margin-top:18px;color:var(--mk-muted);font-size:15.5px;line-height:1.8}.mk-integration-story-points{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.mk-integration-story-points li{position:relative;padding-left:26px;color:var(--mk-ink);font-size:15px;line-height:1.6}.mk-integration-story-points li:before{content:"↗";position:absolute;left:0;color:var(--mk-burgundy)}.mk-integration-story-alt{background:var(--mk-cream);box-shadow:0 0 0 100vmax var(--mk-cream);clip-path:inset(0 -100vmax)}.mk-integration-detail .mk-integration-screen{margin-top:8px}.mk-integration-more{padding-top:0}.mk-integration-more-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}.mk-integration-more-heading .mk-section-heading{margin-bottom:0}.mk-integration-more .mk-integrations-grid{margin-top:28px}@media (max-width:1000px){.mk-demo-with-chapters,.mk-integration-story{grid-template-columns:1fr}}@media (max-width:767px){.mk-integration-hero{grid-template-columns:1fr;gap:24px}.mk-integration-hero-brand{justify-self:start}}.mk-integration-similar{padding-top:0}.mk-integration-similar .mk-related{padding-top:8px;border-top:0}