body:has(.integration-detail-page){color:var(--color-on-brand);font-family:var(--font-interface);background:#041812;margin:0}.integration-detail-page,.integration-detail-page *{box-sizing:border-box}.integration-detail-page{--detail-text:var(--color-on-brand);--detail-muted:#bdd0c9;--detail-border:#ffffff1a;--detail-accent:var(--color-icon-on-green);color:var(--detail-text);background:radial-gradient(circle at 78% 8%,#0b815b35,#0000 28rem),linear-gradient(#061f18,#031711);overflow:clip}.integration-detail-page h1,.integration-detail-page h2,.integration-detail-page p{margin-top:0}.integration-detail-hero{width:min(100% - 2rem, var(--content-width));padding-block:var(--space-subpage-hero-block);gap:clamp(3rem,7vw,6rem);margin-inline:auto;display:grid}.integration-detail-hero nav ol{color:var(--detail-muted);flex-wrap:wrap;gap:.35rem;margin:0 0 2.5rem;padding:0;font-size:.7rem;list-style:none;display:flex}.integration-detail-hero nav li:not(:last-child):after{content:"/";margin-left:.35rem}.integration-detail-hero nav a{color:inherit;text-decoration:none}.integration-detail-hero nav a:hover{color:var(--detail-accent)}.integration-detail__categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}.integration-detail__categories span{color:var(--detail-accent);letter-spacing:.06em;text-transform:uppercase;border:1px solid #76d9b65c;border-radius:999px;padding:.48rem .72rem;font-size:.68rem;font-weight:800}.integration-detail-hero h1{max-width:var(--subpage-title-max-width);font-size:var(--font-size-subpage-title);line-height:var(--subpage-title-line-height);letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:balance;margin-bottom:1.5rem}.integration-detail-hero__content>p{max-width:43rem;color:var(--detail-muted);margin-bottom:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.integration-detail-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.integration-detail-hero__actions [data-board-start],.integration-detail-hero__actions a,.integration-detail-cta [data-board-start]{border-radius:var(--radius-control);min-height:3rem;font:800 .82rem/1 var(--font-interface);cursor:pointer;justify-content:center;align-items:center;gap:.7rem;padding-inline:1.35rem;text-decoration:none;display:inline-flex}.integration-detail-hero__actions [data-board-start],.integration-detail-cta [data-board-start]{background:var(--detail-accent);color:#05251c;border:1px solid #0000}.integration-detail-hero__actions a:not([data-board-start]){color:var(--color-on-brand);border:1px solid #ffffff47}.integration-detail-hero__actions [data-board-start]:focus-visible,.integration-detail-hero__actions a:focus-visible,.integration-detail-cta [data-board-start]:focus-visible,.integration-related a:focus-visible,.integration-detail-hero nav a:focus-visible{outline:2px solid var(--detail-accent);outline-offset:.2rem}.integration-detail-hero__visual{border:1px solid var(--detail-border);background:radial-gradient(circle at 20% 45%,#76d9b629,#0000 12rem),radial-gradient(circle at 84%,#0b815b4a,#0000 14rem),linear-gradient(145deg,#ffffff08,#ffffff02);border-radius:2rem;grid-template-columns:auto minmax(3rem,1fr) auto;align-items:center;min-height:24rem;padding:clamp(1.25rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.integration-detail-hero__connector{place-items:center;display:grid}.integration-detail-hero__connector svg{width:100%;display:block;overflow:hidden}.integration-detail-hero__connector path{fill:none;stroke:var(--detail-accent);stroke-linecap:round;stroke-linejoin:round}.integration-detail-hero__track{stroke-width:1px;opacity:.3}.integration-detail-hero__light-arrow{stroke-width:2.2px;opacity:.8;filter:drop-shadow(0 0 3px var(--detail-accent));transform:translate(60px)}@media (prefers-reduced-motion:no-preference){.integration-detail-hero__visual.is-in-view .integration-detail-hero__light-arrow{animation:1.5s ease-in-out 3 integration-data-arrow}}@keyframes integration-data-arrow{0%{opacity:0;transform:translate(6px)}15%,85%{opacity:1}to{opacity:0;transform:translate(96px)}}.integration-detail-hero__brand{aspect-ratio:1;background:var(--color-surface-paper);border:1px solid #0a493b1f;border-radius:1.4rem;place-items:center;width:clamp(8rem,21vw,11rem);padding:1.25rem;display:grid;box-shadow:0 1rem 3rem #00120c38,inset 0 0 0 1px #ffffffa8}.integration-detail-hero__brand img{width:72%;height:auto}.integration-detail-story,.integration-related,.integration-detail-cta{width:min(100% - 2rem, var(--content-width));margin-inline:auto}.integration-detail-story{border-top:1px solid var(--detail-border);gap:2.5rem;padding-block:clamp(4rem,8vw,7rem);display:grid}.integration-detail-story__heading>p,.integration-related__heading p,.integration-detail-cta>div>p{color:var(--detail-accent);letter-spacing:.11em;text-transform:uppercase;margin-bottom:1rem;font-size:.72rem;font-weight:800}.integration-detail-story h2,.integration-related h2,.integration-detail-cta h2{letter-spacing:-.05em;text-wrap:balance;margin-bottom:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1}.integration-detail-story__sections{gap:.75rem;display:grid}.integration-detail-story article{min-width:0}.integration-detail-story article.integration-detail-story__intro{border-bottom:1px solid var(--detail-border);padding:0 0 1.5rem}.integration-detail-story__highlight{background:radial-gradient(circle at 100% 0,#76d9b62b,#0000 11rem),#ffffff0a;border:1px solid #76d9b630;border-radius:1rem;padding:1.35rem;position:relative;overflow:hidden}.integration-detail-story__highlight:after{background:var(--detail-accent);content:"";width:.2rem;position:absolute;inset:0 auto 0 0}.integration-detail-story__highlight-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;margin-bottom:.75rem;display:grid}.integration-detail-story__highlight-heading>span{background:var(--detail-accent);color:#05251c;letter-spacing:.06em;border-radius:999px;place-items:center;min-width:2.1rem;min-height:2.1rem;font-size:.66rem;font-weight:800;display:grid}.integration-detail-story article h3{margin:.25rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.2}.integration-detail-story article p,.integration-detail-story article li{color:var(--detail-muted);font-size:.86rem;line-height:1.65}.integration-detail-story article p:last-child{margin-bottom:0}.integration-detail-story__intro p{font-size:.98rem}.integration-detail-story article ul{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.integration-detail-story article li{padding-left:1.25rem;position:relative}.integration-detail-story article li:before{background:var(--detail-accent);content:"";border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.68em;left:0}.integration-related{border-top:1px solid var(--detail-border);padding-block:clamp(4rem,8vw,6rem)}.integration-related__heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.integration-related__heading>a{border:1px solid var(--detail-border);border-radius:var(--radius-control);min-height:2.75rem;color:inherit;align-items:center;gap:.6rem;padding-inline:1rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.integration-related ul{gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.integration-related li>a{border:1px solid var(--detail-border);min-height:6.2rem;color:inherit;background:#ffffff06;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;display:flex}.integration-related li>a>span{gap:.35rem;display:grid}.integration-related li strong{overflow-wrap:anywhere;font-size:.9rem}.integration-related li small{color:var(--detail-muted)}.integration-related li b{color:var(--detail-accent);margin-left:auto}.integration-detail-cta{background:radial-gradient(circle at 85% 15%,#76d9b62e,#0000 18rem),linear-gradient(145deg,#0b3e2f,#06261d);border:1px solid #76d9b633;border-radius:1.5rem 1.5rem 0 0;gap:2rem;padding:clamp(2rem,5vw,4rem);display:grid}.integration-detail-cta h2{max-width:14ch}.integration-detail-cta [data-board-start]{place-self:end start}@media (width<=29rem){.integration-detail-hero__visual{grid-template-columns:1fr;justify-items:center;gap:1rem}.integration-detail-hero__connector{width:3rem;height:3rem}.integration-detail-hero__connector svg{transform:rotate(90deg)}}@media (width>=44rem){.integration-related ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.integration-detail-hero{grid-template-columns:minmax(0,1.1fr) minmax(28rem,.9fr);align-items:center}.integration-detail-story{grid-template-columns:minmax(0,.85fr) minmax(30rem,1.15fr)}.integration-detail-cta{grid-template-columns:minmax(0,1fr) auto;align-items:end}.integration-detail-cta [data-board-start]{justify-self:end}}:root[data-theme=light] body:has(.integration-detail-page){color:var(--color-brand-deep);background:#f5f0e7}:root[data-theme=light] .integration-detail-page{--detail-text:var(--color-brand-deep);--detail-muted:var(--color-text-secondary);--detail-border:#0a493b1f;--detail-accent:var(--color-brand-green);color:var(--detail-text);background:radial-gradient(circle at 78% 8%,#b8dacc70,#0000 28rem),linear-gradient(#eee5d8,#fffaf2)}:root[data-theme=light] .integration-detail-hero__actions a:not([data-board-start]){color:var(--color-brand-deep);border-color:#0a493b52}:root[data-theme=light] .integration-detail-hero__actions [data-board-start],:root[data-theme=light] .integration-detail-story__highlight-heading>span{color:var(--color-on-brand)}:root[data-theme=light] .integration-detail-hero__visual,:root[data-theme=light] .integration-detail-story__highlight,:root[data-theme=light] .integration-related li>a{background-color:#fff6}:root[data-theme=light] .integration-detail-hero__brand{background:var(--color-surface-paper);box-shadow:0 1rem 3rem #6c5c4424}:root[data-theme=light] .integration-detail-cta{--detail-accent:var(--color-icon-on-green);color:var(--color-on-brand)}
