.integrations-redesign-page{color:#0a1a31;background:#fdfdfe;min-height:100vh}.integrations-redesign-main{gap:0;display:grid}.integrations-wrap{width:min(1180px,100vw - 3rem);margin:0 auto}.integrations-eyebrow{color:#12a89a;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;margin:0;font-family:Inter,sans-serif;font-size:.76rem;font-weight:700;display:inline-flex}.integrations-hero{background:#fdfdfe;border-bottom:1px solid #0a1a311a;padding:clamp(2.4rem,5vw,3.8rem) 0 clamp(1.9rem,4vw,2.8rem)}.integrations-hero-grid{grid-template-columns:minmax(320px,1fr) minmax(460px,620px);align-items:center;gap:clamp(1.2rem,2.5vw,2.2rem);display:grid}.integrations-hero-copy h1{letter-spacing:.01em;text-wrap:balance;max-width:12.25ch;margin:.8rem 0 0;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7.2vw,5.25rem);line-height:.88}.integrations-hero-copy>p{color:#536c8a;max-width:46ch;margin:.9rem 0 0;font-family:Nunito,sans-serif;font-size:1.12rem;line-height:1.58}.integrations-hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.2rem;display:flex}.integrations-btn{white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:0 1.4rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}.integrations-btn:hover{transform:translateY(-1px)}.integrations-btn-primary{color:#fff;background:#11c8ba;border:1px solid #11c8babf;box-shadow:0 8px 18px #11c8ba38}.integrations-btn-secondary{color:#12243f;background:#fff;border:1px solid #12243f33}.integrations-hero-platforms{margin-top:1.25rem}.integrations-hero-platforms>p{color:#4f6785;margin:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.integrations-platform-row{flex-wrap:nowrap;align-items:center;gap:.55rem;margin-top:.7rem;display:flex;overflow:hidden}.integrations-platform-item{align-items:center;gap:.55rem;display:inline-flex}.integrations-platform-logo{object-fit:contain;width:auto;height:21px}.integrations-platform-logo.is-clover{height:25px}.integrations-platform-logo.is-woocommerce{height:26px}.integrations-platform-divider{background:#0a1a311f;width:1px;height:20px}.integrations-hero-visual{background:#fff;border:1px solid #0a1a3114;border-radius:16px;overflow:hidden;box-shadow:0 22px 42px #0a1a3114}.integrations-hero-visual img{width:100%;height:auto;display:block}.integrations-directory{border-bottom:1px solid #0a1a311a;padding:1.15rem 0 .6rem}.integrations-toolbar{background:#fff;border:1px solid #0a1a311f;border-radius:14px;gap:.75rem;padding:.95rem;display:grid}.integrations-search{color:#6a819e;background:#fff;border:1px solid #0a1a311f;border-radius:12px;align-items:center;gap:.52rem;min-height:50px;padding:0 .9rem;display:flex}.integrations-search input{color:#0a1a31;background:0 0;border:0;outline:0;width:100%;font-family:Inter,sans-serif;font-size:.98rem}.integrations-filter-row{flex-wrap:wrap;gap:.5rem;display:flex}.integrations-filter-row button{color:#4d6482;cursor:pointer;background:#fff;border:1px solid #0a1a3126;border-radius:999px;padding:.36rem .88rem;font-family:Inter,sans-serif;font-size:.86rem;font-weight:600}.integrations-filter-row button.is-active{color:#0d8076;background:#11c8ba1f;border-color:#11c8ba8c}.integrations-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.9rem;display:grid}.integration-card{background:#fff;border:1px solid #0a1a311f;border-radius:10px;align-items:center;gap:.75rem;min-height:78px;padding:.95rem 1.05rem;display:flex}.integration-card-logo{object-fit:contain;background:#fff;border:1px solid #0a1a311f;border-radius:8px;width:38px;height:38px;padding:.28rem}.integration-card h3{color:#0e2844;margin:0;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;line-height:1.2}.integrations-capabilities{padding:1.45rem 0 1.35rem}.integrations-capabilities h2,.integrations-steps h2{text-align:center;letter-spacing:-.01em;color:#0a1a31;margin:0;text-wrap:balance;max-width:22ch;margin-inline:auto;font-family:Inter,sans-serif;font-size:clamp(1.5rem,2.9vw,2.12rem);font-weight:800}.integrations-capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.76rem;margin-top:1rem;display:grid}.integrations-capability-card{background:#fff;border:1px solid #0a1a311f;border-radius:14px;padding:1.08rem}.integrations-capability-icon{color:#0b9689;background:#11c8ba21;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.integrations-capability-card h3{margin:.66rem 0 0;font-family:Inter,sans-serif;font-size:1.04rem;font-weight:800}.integrations-capability-card p{color:#516985;margin:.42rem 0 0;font-family:Nunito,sans-serif;font-size:.95rem;line-height:1.52}.integrations-steps{border-top:1px solid #0a1a311a;padding:1rem 0 1.55rem}.integrations-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.76rem;margin-top:.98rem;display:grid}.integration-step-card{background:#fff;border:1px solid #0a1a311f;border-radius:14px;padding:.95rem;position:relative}.integration-step-copy span{color:#0f8f83;background:#11c8ba26;border-radius:999px;place-items:center;width:30px;height:30px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:800;display:grid}.integration-step-copy h3{margin:.55rem 0 0;font-family:Inter,sans-serif;font-size:1.08rem;font-weight:800}.integration-step-copy p{color:#506886;margin:.36rem 0 0;font-family:Nunito,sans-serif;font-size:.94rem;line-height:1.48}.integration-step-card img{border:1px solid #0a1a3114;border-radius:11px;width:100%;height:auto;margin-top:.72rem;display:block}.integration-step-card i{background:#11c8ba99;border-radius:999px;width:.88rem;height:2px;position:absolute;top:5rem;right:-.44rem}.integrations-trust-row{background:#fff;border:1px solid #0a1a311f;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.96rem;display:grid}.integrations-trust-row article{align-items:flex-start;gap:.62rem;padding:.92rem;display:flex}.integrations-trust-row article+article{border-left:1px solid #0a1a311a}.integrations-trust-row article svg{color:#11b5a8;flex:none}.integrations-trust-row h4{margin:0;font-family:Inter,sans-serif;font-size:.96rem;font-weight:800}.integrations-trust-row p{color:#506886;margin:.2rem 0 0;font-family:Nunito,sans-serif;font-size:.9rem;line-height:1.45}.integrations-bottom-cta{padding:.2rem 0 2.2rem}.integrations-bottom-cta-inner{background:linear-gradient(135deg,#ffffff9e 0% 100%) 50%,url(/images/landing/cta-bg.png) 50%/cover no-repeat;border:1px solid #0a1a311f;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1.2rem,2.6vw,1.85rem);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 52px #02081433,inset 0 1px #e6f6ff38}.integrations-bottom-cta-inner:after,.integrations-bottom-cta-inner:before{content:none}.integrations-bottom-cta h2{letter-spacing:-.01em;text-wrap:balance;max-width:18ch;margin:0;font-family:Inter,sans-serif;font-size:clamp(1.5rem,3.4vw,2.35rem);font-weight:800;line-height:1.08}.integrations-bottom-cta p{color:#4f6784;margin:.44rem 0 0;font-family:Nunito,sans-serif;font-size:1rem;line-height:1.52}.integrations-bottom-actions{flex-wrap:wrap;justify-content:flex-end;gap:.62rem;display:flex}@media (width<=1160px){.integrations-wrap{width:min(1180px,100vw - 2rem)}.integrations-hero-grid{grid-template-columns:1fr}.integrations-hero-visual{max-width:780px;margin:0 auto}.integrations-card-grid,.integrations-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrations-steps-grid{grid-template-columns:1fr}.integration-step-card i{display:none}.integrations-trust-row{grid-template-columns:1fr}.integrations-trust-row article+article{border-top:1px solid #0a1a311a;border-left:0}.integrations-bottom-cta-inner{flex-direction:column;align-items:flex-start}.integrations-bottom-actions{justify-content:flex-start}}@media (width<=760px){.integrations-wrap{width:calc(100vw - 1.15rem)}.integrations-hero{padding:1.9rem 0 1.4rem}.integrations-hero-copy h1{font-size:clamp(2.2rem,14vw,3.5rem)}.integrations-hero-copy>p{font-size:1rem}.integrations-platform-row{gap:.44rem}.integrations-platform-divider{height:16px}.integrations-card-grid,.integrations-capability-grid{grid-template-columns:1fr}.integrations-bottom-cta h2{max-width:18ch}}
