.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,44px);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:16px;line-height:1.7}.hero-cta-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:#000;border-radius:10px;justify-content:center;align-items:center;padding:14px 32px;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.hero-cta-btn .btn-icon{margin-right:8px;font-size:1rem}.hero-cta-btn .arrow{margin-left:8px;transition:transform .2s}.hero-cta-btn:hover{transform:translateY(-2px)}.hero-cta-btn:hover .arrow{transform:translate(4px)}.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-badge{text-transform:uppercase;letter-spacing:.08em;color:#c97c5d;background:#c97c5d14;border:1px solid #c97c5d26;border-radius:999px;margin-bottom:16px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-block}.integration-text-col h2,.integration-text-col h3{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,.integration-text-col h3{font-size:2rem}}@media (max-width:550px){.integration-text-col h2,.integration-text-col h3{font-size:27px}}@media (max-width:375px){.integration-text-col h2,.integration-text-col h3{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{width:100%;max-width:1200px;margin:0 auto;padding:60px 0;position:relative}@media (max-width:991px){.integrations-cta-section{padding:20px 0}}.integrations-cta-banner{background:#ffffffcf;border-radius:28px;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:50px 80px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:grid;position:relative;overflow:visible;border:none!important}.animate-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.float-animation{animation:6s ease-in-out infinite float}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.integrations-cta-content{z-index:2;text-align:left;max-width:90%;position:relative}.integrations-cta-content h2{color:#000;letter-spacing:-.02em;margin-bottom:20px;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:700;line-height:1.2}.integrations-cta-content p{color:#222;margin-bottom:36px;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.65}.cta-actions{align-items:center;gap:16px;display:flex}.integrations-cta-btn{color:#fff;background:#000;border-radius:999px;align-items:center;gap:8px;padding:10px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,box-shadow .25s;display:inline-flex}.integrations-cta-btn:active{transform:translateY(0)}.btn-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-block}.integrations-cta-btn:hover .btn-arrow{transform:translate(4px)}.integrations-cta-visual{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (min-width:992px){.phone-mockup-wrapper{z-index:10;justify-content:flex-end;align-items:flex-end;width:42%;max-width:420px;height:calc(100% + 80px);display:flex;position:absolute;top:-80px;bottom:0;right:40px}}@media (min-width:992px) and (max-width:1270px){.phone-mockup-wrapper{justify-content:center}}@media (min-width:992px){.phone-mockup-img{object-fit:contain;width:fit-content;height:100%;max-height:none;margin-right:-20px}}@media (max-width:1024px){.integrations-cta-banner{gap:36px;padding:60px 48px}.integrations-cta-content{max-width:95%}}@media (max-width:991px){.integrations-cta-banner{text-align:center;grid-template-columns:1fr;padding:48px 24px 0;overflow:hidden}.integrations-cta-content{text-align:center;max-width:100%}.integrations-cta-content p{margin:0 auto 28px}.cta-actions{justify-content:center}.integrations-cta-visual{justify-content:center;align-items:flex-end;width:100%;display:flex}.phone-mockup-wrapper{justify-content:flex-end;align-items:flex-end;width:100%;max-width:460px;height:auto;margin-bottom:-5px;display:flex;position:relative}.phone-mockup-img{object-fit:cover;width:100%;height:auto;max-height:400px;display:block}}
.how-integrations-work{padding:20px 24px 100px}.hiw-container{max-width:1200px;margin:0 auto}.hiw-header{text-align:center;margin-bottom:70px}@media (max-width:480px){.hiw-header{margin-bottom:30px}}.hiw-header h2{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:24px;font-family:Fraunces,serif;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:"";border:7px solid var(--card-accent,#132a24);z-index:0;pointer-events:none;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{background:var(--card-color,#2d6a4f);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:1.8rem;display:flex;box-shadow:0 8px 20px #0000001a}.hiw-card-header{align-items:center;gap:20px;margin-bottom:25px;display:flex}.hiw-card h3{color:#1a1a1a;letter-spacing:.02em;margin-bottom:0;font-size:1.25rem;font-weight:800;line-height:1.2}.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-header h2{font-size:2.5rem}.hiw-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:30px;margin:0 -24px;padding:10px 24px 30px;display:flex;overflow-x:auto}.hiw-card-wrapper{scroll-snap-align:start;flex:0 0 350px}.hiw-grid::-webkit-scrollbar{display:none}.hiw-grid{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width:767px){.how-integrations-work{padding:25px 20px}.hiw-grid{grid-template-columns:1fr}.hiw-header h2{font-size:2.2rem}.hiw-header p{font-size:1.1rem}.hiw-card-wrapper{flex:0 0 300px}}