.integrations-hero{color:#fff;margin:0 auto;position:relative;overflow:hidden}.integrations-hero-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:40px;padding:0 0 45px;display:grid}@media (max-width:768px){.integrations-hero-container{grid-template-columns:1fr}}.hero-label{text-transform:uppercase;letter-spacing:2px;color:#0f1115cc;margin-bottom:10px;font-size:15px;font-weight:600;display:inline-block}.integrations-hero h1{color:#000;margin-bottom:22px;font-family:Fraunces,serif;font-size:clamp(1.5rem,4vw,53px);font-weight:700;line-height:1.1;text-decoration:none}@media (min-width:650px) and (max-width:1029px){.integrations-hero h1{font-size:37px!important}}.integrations-hero p{opacity:.9;color:#0f1115;margin-bottom:34px;font-size:15px;line-height:1.7}.hero-cta-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:#000;border-radius:10px;padding:14px 32px;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-block}.hero-cta-btn:hover{transform:translateY(-2px)}.integrations-hero-visual{justify-content:space-around;align-items:center;width:100%;display:flex}.integrations-image{object-fit:contain;border-radius:28px;width:100%;max-width:700px;height:auto;animation:8s ease-in-out infinite float;display:block}@media (max-width:960px){.integrations-hero-container{text-align:center;gap:0}.integrations-hero-content{align-items:center;max-width:100%}.integrations-hero p{max-width:695px;margin-bottom:25px;margin-left:auto;margin-right:auto}.visual-card-stack{max-width:320px;height:320px}}
.integration-list-section{background:#fff;width:100vw;margin:0 auto 45px -50vw;padding:25px 85px 20px;position:relative;left:50%}@media (max-width:1025px){.integration-list-section{padding:17px 30px 20px}}.integration-feature-block{align-items:center;gap:64px;margin-bottom:25px;display:flex}@media (max-width:1025px){.integration-feature-block{gap:0;flex-direction:column!important}}@media (max-width:550px){.integration-feature-block{margin-bottom:30px}}.integration-feature-block:last-child{margin-bottom:0}.integration-text-col{flex:1}.integration-text-col h2{color:var(--ink);margin-bottom:20px;font-family:Fraunces,serif;font-size:2.5rem;font-weight:700;line-height:1.2}@media (max-width:768px){.integration-text-col h2{font-size:2rem}}@media (max-width:550px){.integration-text-col h2{font-size:27px}}@media (max-width:375px){.integration-text-col h2{font-size:24px}}.integration-text-col p{color:var(--ink);opacity:.8;margin-bottom:20px;font-size:1.125rem;line-height:1.7}.integration-logos-label{color:var(--ink);margin-bottom:16px;font-size:.875rem;font-weight:700}.integration-logos-row{align-items:center;gap:24px;display:flex}.integration-visual-col{flex:1;justify-content:center;display:flex}.feature-visual-card{border-radius:16px;width:100%;max-width:600px;overflow:hidden}.integration-features{margin:0 0 20px;padding:0;list-style:none}.integration-features li{margin-bottom:10px;padding-left:22px;font-size:.95rem;line-height:1.6;position:relative}.integration-features li:before{content:"✔";color:var(--copper);font-weight:700;position:absolute;left:0}.integration-best-for{opacity:.85;font-size:.95rem}.integration-best-for strong{color:#111}.feature-image{object-fit:contain;width:fit-content;max-width:18%;height:auto;margin-bottom:12px;display:block}@media (max-width:550px){.feature-image{max-width:30%}}.feature-visual-card-image{object-fit:cover;width:100%;height:auto;display:block}@media (max-width:1025px){.feature-visual-card-image{height:394px}}@media (max-width:550px){.feature-visual-card-image{height:auto}}.featured-integrations-title{text-align:center;color:#19a86c;width:100%;margin-bottom:25px;font-family:Fraunces,serif;font-size:2.5rem;display:inline-block;position:relative}@media (max-width:550px){.featured-integrations-title{font-size:27px}}.featured-integrations-title:after{content:"";background:#0d6f46;border-radius:2px;width:80px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}
.integrations-cta-section{max-width:1300px;margin:0 auto;padding:0 24px}.integrations-cta-banner{color:#000;text-align:center;background:linear-gradient(#fff,#ffffff75);border-radius:24px;grid-column:1/-1;padding:40px 10px;box-shadow:0 20px 40px #00000026}.integrations-cta-content h2{color:#1ba96d;font-family:Fraunces,serif;font-size:clamp(24px,4vw,2.8rem);font-weight:800}.integrations-cta-content p{color:#0f1115;max-width:835px;margin:16px auto;font-size:1.1rem}@media (max-width:480px){.integrations-cta-content p{font-size:14px}}.integrations-cta-btn{color:#fff;background:#000;border-radius:999px;margin-top:8px;padding:14px 28px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.integrations-cta-btn:hover{transform:translateY(-2px)}@media (max-width:768px){.integrations-cta-banner{text-align:center;flex-direction:column;gap:32px}}
.how-integrations-work{padding:20px 24px 100px}.hiw-container{max-width:1200px;margin:0 auto}.hiw-header{text-align:center;margin-bottom:70px}.hiw-header h2{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:24px;font-size:3rem;font-weight:800}.hiw-header p{color:#555;max-width:850px;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.6}.hiw-grid{grid-template-columns:repeat(3,1fr);gap:50px;display:grid}.hiw-card-wrapper{padding:12px;position:relative}.hiw-card{z-index:1;background:#fff;border-radius:20px;flex-direction:column;height:100%;padding:40px 30px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 15px 40px #0000000a}.hiw-card:hover{transform:translateY(-8px)}.hiw-card-wrapper:before,.hiw-card-wrapper:after{content:"";z-index:0;pointer-events:none;border:7px solid #132a24;width:80px;height:80px;position:absolute}.hiw-card-wrapper:before{border-bottom:none;border-left:none;border-top-right-radius:30px;top:0;right:0}.hiw-card-wrapper:after{border-top:none;border-right:none;border-bottom-left-radius:30px;bottom:0;left:0}.hiw-icon-box{color:#fff;background:#2d6a4f;border-radius:14px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:30px;font-size:1.8rem;display:flex;box-shadow:0 8px 20px #2d6a4f33}.hiw-card h3{color:#1a1a1a;letter-spacing:.02em;margin-bottom:12px;font-size:1.25rem;font-weight:800}.hiw-subtitle{color:#1a3c34;margin-bottom:15px;font-size:1.1rem;font-weight:700;line-height:1.4}.hiw-description{color:#666;flex-grow:1;margin:0;font-size:.95rem;line-height:1.6}.hiw-read-more{color:#1a1a1a;align-items:center;gap:8px;margin-top:20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.hiw-read-more:hover{gap:12px}@media (max-width:1100px){.hiw-grid{gap:30px}.hiw-header h2{font-size:2.5rem}}@media (max-width:991px){.hiw-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.how-integrations-work{padding:60px 20px}.hiw-grid{grid-template-columns:1fr}.hiw-header h2{font-size:2.2rem}.hiw-header p{font-size:1.1rem}}
.logo-marquee-section{background-color:#0000;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:10px 0 50px;position:relative;left:50%;right:50%;overflow:hidden}.marquee-header{text-align:center;max-width:800px;margin:0 auto 25px;padding:0 20px}.marquee-heading{color:#1a1a1a;margin-bottom:15px;font-family:Fraunces,serif;font-size:2.7rem;font-weight:800}@media (max-width:482px){.marquee-heading{font-size:1.8rem}}.marquee-subtext{color:#0f1115cc;font-size:1.1rem;line-height:1.6}.marquee-container{flex-direction:column;gap:40px;display:flex}.marquee-row-group{flex-direction:column;gap:20px;display:flex}.marquee-row-title{text-align:center;color:#000;text-transform:capitalize;letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:700}@media (max-width:482px){.marquee-row-title{font-size:1.5rem}}.marquee-row{-webkit-user-select:none;user-select:none;display:flex;position:relative;overflow:hidden}.marquee-content{flex-shrink:0;justify-content:space-around;align-items:center;gap:35px;min-width:100%;display:flex}.marquee-row-1 .marquee-content{animation:40s linear infinite scroll-left}.marquee-row-2 .marquee-content{animation:40s linear infinite scroll-right}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-item{background:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:180px;height:80px;padding:15px 30px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 12px #0000000d}.logo-item:hover{box-shadow:0 8px 20px #0000001a}.marquee-logo{object-fit:contain;width:auto;max-width:120px;max-height:50px;transition:filter .3s,opacity .3s}.logo-item:hover .marquee-logo{transition:transform .3s;transform:scale(1.2)}@media (max-width:768px){.logo-marquee-section{padding:3px 0 40px}.logo-item{min-width:140px;height:60px;padding:10px 20px}.marquee-logo{max-width:90px;max-height:40px}.marquee-content{gap:20px}.logo-marquee-section:before,.logo-marquee-section:after{width:100px}}@media (max-width:480px){.logo-item{min-width:120px;height:50px;padding:8px 15px}.marquee-logo{max-width:70px;max-height:30px}}
.integrations-main{padding:20px 4vw 45px}
