.intg{--i-ink:#12102b;--i-brand:#b8175a;--i-brand-2:#e2306f;--i-coral:#ff6a4d;--i-rose:#fff1f6;--i-line:#e8e3ea;--i-muted:#5f5a6e;--i-grad:linear-gradient(120deg, #b8175a 0%, #e2306f 45%, #ff6a4d 100%)}.intg h1,.intg h2,.intg h3{color:var(--i-ink)}.intg .eyebrow{color:var(--i-brand);text-transform:uppercase;font-weight:600}.intg .little-square{background:var(--i-grad);border-radius:2px}.intg .button-primary{background:var(--i-grad);color:#fff;box-shadow:0 12px 30px #e2306f40}.intg .button-primary:hover{background:var(--i-grad);filter:brightness(1.06)}.intg .button-dark{background:var(--i-ink);color:#fff}.intg .button-dark:hover{background:#1c1747}.intg-hero{isolation:isolate;background:radial-gradient(70% 60% at 85% 20%,#ffe2ec 0%,#0000 60%),radial-gradient(50% 50% at 15% 90%,#eeebff 0%,#0000 60%),linear-gradient(#fff 0%,#fffafc 100%);padding:24px 0 0;position:relative;overflow:hidden}.intg-hero:before{content:"";z-index:-1;background-image:radial-gradient(#12102b12 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,#0000 100%)}.intg-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;padding-bottom:40px;display:grid}.intg-hero-copy .breadcrumbs{margin-bottom:52px}.intg-hero h1{letter-spacing:-.045em;margin:20px 0 22px;font-size:clamp(42px,4.6vw,66px);font-weight:500;line-height:1.04}.intg-hero h1>span{background:var(--i-grad);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.intg-hero .page-intro{max-width:560px}.intg-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.intg-stats{border-top:1px solid var(--i-line);flex-wrap:wrap;gap:34px;margin:44px 0 0;padding-top:26px;display:flex}.intg-stats dt{letter-spacing:1.1px;text-transform:uppercase;color:#8a7f8d;font-size:12px}.intg-stats dd{letter-spacing:-1px;color:var(--i-ink);margin:4px 0 0;font-size:30px;font-weight:500}.intg-orbit{--size:min(460px, 42vw);width:var(--size);height:var(--size);place-items:center;margin-inline:auto;display:grid;position:relative}.intg-orbit-ring{border:1px dashed #d9cfe0;border-radius:50%;position:absolute;inset:0}.intg-orbit-ring-inner{background:radial-gradient(circle,#fff 55%,#fff5f9 100%);border-style:solid;border-color:#ead9e2;inset:21%;box-shadow:0 30px 60px -30px #b8175a33}.intg-orbit-core{z-index:2;aspect-ratio:1;background:#fff;border:1px solid #f0dce5;border-radius:50%;place-items:center;gap:6px;width:30%;display:grid;position:relative;box-shadow:0 18px 40px -18px #b8175a55,0 0 0 10px #fff,0 0 0 11px #f3e6ec}.intg-orbit-core img{border-radius:12px;width:44%;height:auto}.intg-orbit-core span{letter-spacing:1.4px;color:var(--i-brand);font-size:12px;font-weight:600}.intg-orbit-track{animation:60s linear infinite intg-spin;position:absolute;inset:0}.intg-orbit-item{width:0;height:0;transform:rotate(calc(360deg / var(--n) * var(--i))) translateX(calc(var(--size) / 2)) rotate(calc(-360deg / var(--n) * var(--i)));position:absolute;top:50%;left:50%}.intg-orbit-item-inner{place-items:center;gap:6px;animation:60s linear infinite intg-counter-spin;display:grid;transform:translate(-50%,-50%)}.intg-orbit-item-inner .brand-tile{background:#fff;box-shadow:0 10px 24px -10px #12102b59}.intg-orbit-label{letter-spacing:.4px;color:var(--i-muted);white-space:nowrap;backdrop-filter:blur(4px);background:#fffc;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600}@keyframes intg-spin{to{transform:rotate(360deg)}}@keyframes intg-counter-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.intg-marquee{border-top:1px solid var(--i-line);border-bottom:1px solid var(--i-line);background:#fff;padding:16px 0;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.intg-marquee-track{gap:44px;width:max-content;animation:45s linear infinite intg-marquee;display:flex}.intg-marquee:hover .intg-marquee-track{animation-play-state:paused}.intg-marquee-item{color:var(--i-ink);white-space:nowrap;align-items:center;gap:12px;font-size:15px;font-weight:600;display:inline-flex}@keyframes intg-marquee{to{transform:translate(-50%)}}.intg-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:64px 0 20px;display:grid}.intg-flow-item{border:1px solid var(--i-line);background:#fff;border-radius:18px;padding:28px 26px 30px;position:relative;overflow:hidden}.intg-flow-item:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffe2ec 0%,#0000 65%);border-radius:50%;width:70%;position:absolute;inset:auto -30% -50% auto}.intg-flow-icon{background:var(--i-grad);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 22px -10px #e2306f99}.intg-flow-item h2{letter-spacing:-.6px;margin:22px 0 10px;font-size:21px;font-weight:500}.intg-flow-item p{color:var(--i-muted);margin:0;font-size:16px;line-height:1.8}.intg-directory{padding-top:50px;scroll-margin-top:80px}.intg-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.intg-heading h2{letter-spacing:-1.4px;margin:12px 0 0;font-size:clamp(30px,3.2vw,42px);font-weight:500}.intg-heading>p{max-width:380px;color:var(--i-muted);margin:0;font-size:16px;line-height:1.75}.intg .directory-controls{background:#fff;border-radius:18px;box-shadow:0 20px 50px -30px #12102b40}.intg .directory-search input{border-radius:12px}.intg .directory-search input:focus{border-color:var(--i-brand-2);outline:none;box-shadow:0 0 0 4px #e2306f1f}.intg .directory-filters button{border-radius:999px;padding:9px 15px}.intg .directory-filters button[aria-pressed=true]{background:var(--i-ink);border-color:var(--i-ink)}.intg .directory-filters button:hover{border-color:var(--i-brand-2);color:var(--i-brand)}.catalog-grid.intg-grid>.integration-card{border:1px solid var(--i-line);background:#fff;border-radius:18px;flex-direction:column;padding:24px 24px 26px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.intg .integration-card:before{content:"";background:var(--brand-bar,var(--i-grad));transform-origin:0;height:4px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 0 auto;transform:scaleX(0)}.intg .integration-card:hover{border-color:#e6d6dd;transform:translateY(-5px);box-shadow:0 26px 50px -26px #12102b59}.intg .integration-card:hover:before{transform:scaleX(1)}.intg .integration-card:hover .brand-tile{box-shadow:0 12px 24px -12px color-mix(in srgb, var(--brand) 60%, transparent);transform:translateY(-2px)scale(1.04)}.integration-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.integration-pill{letter-spacing:.9px;text-transform:uppercase;color:var(--i-brand);background:var(--i-rose);white-space:nowrap;border:1px solid #f6d6e2;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.intg .integration-card h3{letter-spacing:-.7px;margin:20px 0 8px;font-size:22px;font-weight:500}.intg .integration-card>p{color:var(--i-muted);margin:0 0 20px;font-size:16px;line-height:1.75}.intg .integration-setup{color:#7a6f7c;border-top:1px solid #f0ebee;align-items:flex-start;gap:9px;margin-top:auto;padding-top:16px;font-size:14px;line-height:1.7;display:flex}.intg .integration-setup svg{color:var(--i-brand-2);flex-shrink:0;margin-top:4px}.intg .integration-setup b{color:var(--i-ink);margin-right:4px;font-weight:600}.intg .integration-card .text-link{color:var(--i-ink);margin-top:18px}.intg .integration-card .text-link:hover{color:var(--i-brand)}.intg-note{color:#fff;background:var(--i-ink);background-image:radial-gradient(60% 80% at 10% 0,#5b4bd655 0%,#0000 60%),radial-gradient(50% 70% at 95% 100%,#b8175a66 0%,#0000 60%);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-top:48px;padding:40px 44px;display:grid}.intg-note .eyebrow{color:#ffb1cc}.intg-note h2{color:#fff;letter-spacing:-1px;margin:12px 0;font-size:30px;font-weight:500}.intg-note p{color:#cfc9e6;max-width:640px;margin:0;font-size:16px;line-height:1.8}.intg-note-actions{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.intg-note .button-dark{color:var(--i-ink);background:#fff}.intg-note .button-dark:hover{background:var(--i-rose)}.intg-note .text-link{color:#fff}.intg-note .text-link:hover{color:#ffb1cc}.intg .reveal{opacity:0;transition:opacity .6s ease var(--d,0s), transform .6s cubic-bezier(.2, .8, .2, 1) var(--d,0s);transform:translateY(18px)}.intg .reveal.is-in{opacity:1;transform:none}@media (width<=1100px){.intg-hero-grid{gap:24px}.intg-orbit{--size:min(400px, 40vw)}}@media (width<=900px){.intg-hero-grid{grid-template-columns:1fr;padding-bottom:20px}.intg-orbit{--size:min(380px, 78vw);margin-top:30px}.intg-flow{grid-template-columns:1fr;padding-top:44px}.intg-heading{flex-direction:column;align-items:flex-start}.intg-note{grid-template-columns:1fr;padding:32px 28px}.intg-note-actions{flex-flow:wrap;align-items:center}}@media (width<=560px){.intg-orbit{--size:min(380px, 68vw)}.intg-hero-copy .breadcrumbs{margin-bottom:36px}.intg-stats{gap:22px}.intg-stats dd{font-size:26px}.intg-orbit-label{display:none}.intg-orbit-item-inner .brand-tile{width:44px;height:44px}.intg-note h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.intg-orbit-track,.intg-orbit-item-inner,.intg-marquee-track{animation:none}.intg .reveal{opacity:1;transition:none;transform:none}}