section.integration-head{padding:clamp(1.5rem, 1.5vw + 1rem, 2.5rem) calc(var(--col) + var(--g) + var(--m)) var(--sp-section-sm);border-bottom:1px solid var(--line);background:var(--clr-mint-50);z-index:1;position:relative}section.integration-head nav.crumbs{border-bottom:1px solid var(--line);letter-spacing:-.0175rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 1.5rem;margin-bottom:clamp(2.5rem,3vw + 1.5rem,4.5rem);padding-bottom:1rem;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}section.integration-head nav.crumbs ol{flex-wrap:wrap;align-items:center;gap:.25rem .625rem;margin:0;padding:0;list-style:none;display:flex}section.integration-head nav.crumbs li{color:var(--clr-black-900);align-items:center;column-gap:.625rem;display:flex}section.integration-head nav.crumbs li+li:before{content:"";background:var(--clr-celadon-500);flex-shrink:0;width:.3125rem;height:.3125rem}section.integration-head nav.crumbs a{color:var(--clr-body-light);transition:color .4s var(--ease)}section.integration-head nav.crumbs a.back{color:var(--clr-black-900);align-items:center;column-gap:.5rem;font-weight:600;display:inline-flex}section.integration-head nav.crumbs a.back svg.arrow{height:.75rem;rotate:180deg}@media (hover:hover){section.integration-head nav.crumbs a:hover{color:var(--clr-celadon-500)}}section.integration-head nav.crumbs a,section.integration-body div.glance dd a{position:relative}section.integration-head nav.crumbs a:after,section.integration-body div.glance dd a:after{content:"";position:absolute;inset:-.625rem 0}section.integration-head div.intro{align-items:center;column-gap:calc(var(--col) + var(--g) * 2);display:flex}section.integration-head figure.logo{width:calc(var(--col) * 4 + var(--g) * 3);aspect-ratio:4/3;border:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:center;align-items:center;column-gap:.75rem;margin:0;display:flex;position:relative}section.integration-head figure.logo:before,section.integration-head figure.logo:after{content:"";width:.625rem;height:.625rem;position:absolute}section.integration-head figure.logo:before{background:var(--clr-celadon-400);top:-1px;right:-1px}section.integration-head figure.logo:after{background:var(--clr-celadon-200);bottom:-1px;left:-1px}section.integration-head figure.logo img{height:var(--h);object-fit:contain;mix-blend-mode:multiply;width:auto;max-width:72%}section.integration-head figure.logo.row img{max-width:28%}section.integration-head figure.logo span.wordmark{font-family:var(--font-display), Arial, sans-serif;font-weight:var(--display-weight);letter-spacing:-.04rem;text-align:center;color:var(--clr-black-900);padding-inline:1rem;font-size:clamp(1.5rem,1.12676vw + 1.23592rem,2.25rem);line-height:1.1}section.integration-head div.block-text{flex:1;min-width:0}section.integration-head div.block-text p:not(.text-label){max-width:calc(var(--col) * 7 + var(--g) * 6);color:var(--clr-body)}section.integration-body{align-items:flex-start;column-gap:calc(var(--col) + var(--g) * 2);padding:var(--sp-section) calc(var(--col) + var(--g) + var(--m));border-bottom:1px solid var(--line);background:var(--clr-mint-50);z-index:1;display:flex;position:relative}section.integration-body div.main{flex:1;min-width:0}section.integration-body div.main:only-child{max-width:calc(var(--col) * 8 + var(--g) * 7)}section.integration-body div.main div.block-text p{color:var(--clr-body);text-wrap:pretty}section.integration-body aside{width:calc(var(--col) * 5 + var(--g) * 4);top:calc(var(--header-height,0px) + 1.5rem);flex-shrink:0;position:sticky}@media (max-height:46.25rem){section.integration-body aside{position:static}}section.integration-body div.glance{border:1px solid var(--line);background:var(--clr-surface);padding:clamp(1.25rem,.75vw + 1rem,1.75rem);position:relative}section.integration-body div.glance:after{content:"";background:var(--clr-celadon-400);width:.5rem;height:.5rem;position:absolute;top:-1px;right:-1px}section.integration-body div.glance p.text-label{color:var(--clr-body-light)}section.integration-body div.glance dl{margin:.75rem 0 0}section.integration-body div.glance dl div{border-top:1px solid var(--line);letter-spacing:-.0175rem;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding-block:.75rem;font-size:.875rem;line-height:1.4;display:flex}section.integration-body div.glance dt{color:var(--clr-body-light);flex-shrink:0}section.integration-body div.glance dd{text-align:right;color:var(--clr-black-900);flex:1 0 0;margin:0;font-weight:600}section.integration-body div.glance dd a{transition:color .4s var(--ease);align-items:center;column-gap:.25rem;display:inline-flex}section.integration-body div.glance dd a svg.arrow{height:.625rem;rotate:-45deg}@media (hover:hover){section.integration-body div.glance dd a:hover{color:var(--clr-celadon-500)}}@media (min-width:58.75rem){section.integration-body aside:only-child{width:100%;position:static}section.integration-body aside:only-child div.glance dl{column-gap:var(--g);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}section.integration-body aside:only-child div.glance dl div{flex-direction:column;justify-content:flex-start;align-items:flex-start}section.integration-body aside:only-child div.glance dd{text-align:left;flex:none}}section.integration-related{padding:var(--sp-section) calc(var(--col) + var(--g) + var(--m));border-bottom:1px solid var(--line);background:var(--clr-mint-50);z-index:1;position:relative}section.integration-related div.top{justify-content:space-between;align-items:flex-end;gap:1rem var(--g);flex-wrap:wrap;margin-bottom:clamp(2rem,1.50235vw + 1.64789rem,3rem);display:flex}section.integration-related div.top h2{font-size:clamp(1.75rem,1.12676vw + 1.48592rem,2.5rem);line-height:1.15}section.integration-related ul.integration-cells{grid-template-columns:repeat(3,minmax(0,1fr))}@media not (min-width:58.75rem){section.integration-head,section.integration-body,section.integration-related{padding-inline:var(--m)}section.integration-head div.intro{align-items:stretch;row-gap:var(--sp-2);flex-direction:column}section.integration-head figure.logo{aspect-ratio:auto;width:100%;height:clamp(8rem,20vw + 4rem,11rem)}section.integration-head div.block-text p:not(.text-label){max-width:none}section.integration-body{row-gap:var(--sp-section-sm);flex-direction:column}section.integration-body aside{width:100%;position:static}}@media not (min-width:40rem){section.integration-head nav.crumbs{margin-bottom:var(--sp-2)}section.integration-head figure.logo img{height:calc(var(--h) * .8)}section.integration-related ul.integration-cells{grid-template-columns:minmax(0,1fr)}}