/* The approved flower diagram uses the landing's shared design tokens. */
.integrations{border-top:1px solid var(--line);padding-block:70px;margin-top:0}
.integration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:70px;align-items:center}
.integration-copy .eyebrow{margin-bottom:24px}
.integration-copy h2{font-size:42px;line-height:1.15;margin-bottom:29px}
.integration-copy h2 .serif{color:var(--accent)}
.integration-copy>p:not(.eyebrow):not(.integration-stage){font-size:17px;line-height:1.75;color:#636b60}
.integration-copy>p+p{margin-top:20px}
.integration-copy>p.integration-stage{font-size:14px;line-height:1.7;color:#636b60;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
.integration-figure{min-width:0}
.integrations .sk-flower{width:100%;max-width:568px;margin:0 auto 24px}
.integrations .sk-flower svg{width:100%;display:block;overflow:visible}
.integrations .sk-petal{fill:none;stroke:var(--line);stroke-width:1}
.integrations .sk-wire{fill:none;stroke:#91a18e;stroke-width:1.2}
.integrations .sk-dot{fill:var(--green)}
.integrations .sk-service{fill:var(--white);stroke:var(--line);stroke-width:1}
.integrations .sk-service-name{font-family:var(--sans);font-weight:500;letter-spacing:-.025em;text-anchor:middle;dominant-baseline:central;fill:var(--ink)}
.integrations .sk-protocol{font-family:var(--sans);font-weight:400;text-anchor:middle;dominant-baseline:central;fill:var(--muted)}
.integrations .sk-core{fill:var(--green)}
.integrations .sk-wordmark{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;text-anchor:middle;dominant-baseline:central;fill:var(--white)}
.integrations .sk-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font:400 11px/1.6 var(--sans)}
.integrations .sk-footer p{margin:0}
.integrations .sk-pause{font:400 11px/1.6 var(--sans);color:var(--muted);border:0;background:none;padding:8px 0;display:flex;gap:8px;align-items:center;white-space:nowrap;cursor:pointer}
.integrations .sk-pause[hidden]{display:none}
.integrations .sk-pause span{font-size:14px;color:var(--green)}
.integrations .sk-pause:hover{color:var(--green)}
.integrations .sk-pause:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.integrations.sk-paused .sk-dot{visibility:hidden}
@media(max-width:1100px){.integration-grid{gap:42px}.integration-copy h2{font-size:38px}.integration-copy>p:not(.eyebrow):not(.integration-stage){font-size:16px}}
@media(max-width:850px){.integrations{padding-block:55px}.integration-grid{gap:30px}.integration-copy h2{font-size:34px}.integration-copy>p:not(.eyebrow):not(.integration-stage){font-size:15px}.integrations .sk-footer{align-items:flex-start;gap:12px}.integrations .sk-footer p{max-width:56%}.integrations .sk-pause{padding-top:0}}
@media(max-width:700px){.integration-grid{grid-template-columns:1fr;gap:32px}.integration-copy{max-width:560px}.integration-copy h2{font-size:37px}.integration-copy>p:not(.eyebrow):not(.integration-stage){font-size:17px}.integrations .sk-flower{max-width:480px}.integrations .sk-footer{max-width:480px;margin-inline:auto}}
@media(max-width:660px){.integrations{padding-block:45px 50px}.integration-copy .eyebrow{margin-bottom:22px}.integration-copy h2{font-size:35px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.integrations .sk-dot,.integrations .sk-pause{display:none}}
@media print{.integrations{padding-block:25px;break-inside:avoid}.integration-grid{gap:30px}.integration-copy h2{font-size:29px}.integration-copy>p:not(.eyebrow):not(.integration-stage){font-size:12px}.integrations .sk-pause,.integrations .sk-dot{display:none}.integrations .sk-flower{max-width:480px}}