.integrations-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6}.integrations-page .hero-section{position:relative;min-height:100vh;padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,3vw,3rem);display:flex;align-items:stretch;overflow:hidden;background:radial-gradient(ellipse at top,rgba(0,122,204,.08) 0,transparent 70%),linear-gradient(135deg,#f5fcff,#ffffff 60%)}.integrations-page .hero-section .hero-container{display:flex;flex-direction:column}.integrations-page .hero-section .hero-main-row{flex:1}.integrations-page .hero-section .hero-capabilities-row{padding-top:clamp(1.5rem,3vw,2.5rem)}.integrations-page .hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23006aa6' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.integrations-page .hero-section:after{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-120px;background:radial-gradient(circle at center,rgba(0,122,204,.15) 0,rgba(0,122,204,0) 70%);filter:blur(60px);z-index:1}.integrations-page .hero-section .hero-content{position:relative;z-index:2}.integrations-page .hero-section .hero-title{font-size:clamp(2.25rem,4.6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:clamp(1rem,1.8vw,1.5rem);color:var(--text-dark)}.integrations-page .hero-section .hero-subtitle{font-size:clamp(1rem,1.5vw,1.25rem);color:#5a6c7d;margin-bottom:clamp(1.25rem,2vw,2rem);line-height:1.6;max-width:clamp(420px,50vw,600px)}.integrations-page .hero-section .hero-buttons{margin-bottom:2rem}.integrations-page .hero-section .hero-buttons .cta-primary{background:linear-gradient(135deg,#006aa6,#0099ff);border:none;font-weight:600;font-size:clamp(.95rem,1.1vw,1.1rem);padding:clamp(.7rem,1.1vw,1rem) clamp(1.25rem,2vw,2rem);border-radius:8px;box-shadow:0 8px 25px rgba(0,122,204,.3);transition:all .3s ease}.integrations-page .hero-section .hero-buttons .cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,122,204,.4)}.integrations-page .hero-section .hero-buttons .cta-secondary{border:2px solid #006aa6;color:#006aa6;font-weight:600;font-size:clamp(.95rem,1.1vw,1.1rem);padding:clamp(.7rem,1.1vw,1rem) clamp(1.25rem,2vw,2rem);border-radius:8px;transition:all .3s ease}.integrations-page .hero-section .hero-buttons .cta-secondary:hover{background:#006aa6;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,122,204,.2)}.integrations-page .hero-section .hero-logo-collage{position:relative;z-index:2;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.12);border:1px solid #e0e6ed;padding:clamp(1.25rem,2vw,2rem)}.integrations-page .hero-section .hero-logo-collage .collage-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(.65rem,1vw,1rem);margin-bottom:clamp(1rem,1.6vw,1.5rem);border-bottom:1px solid #eef2f6}.integrations-page .hero-section .hero-logo-collage .collage-header .collage-title{font-size:clamp(.85rem,1vw,.95rem);font-weight:600;color:#1f2937;margin:0}.integrations-page .hero-section .hero-logo-collage .collage-header .live-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:clamp(.7rem,.85vw,.8rem);font-weight:500;color:#10b981}.integrations-page .hero-section .hero-logo-collage .collage-header .live-pill .pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.integrations-page .hero-section .hero-logo-collage .collage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,.9vw,.85rem)}.integrations-page .hero-section .hero-logo-collage .collage-grid .collage-tile{aspect-ratio:1.6/1;background:#f8fafc;border:1px solid #e6ebf1;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:.75rem;transition:transform .25s ease,box-shadow .25s ease}.integrations-page .hero-section .hero-logo-collage .collage-grid .collage-tile .collage-logo{display:block;width:min(78%,10rem);height:clamp(2.7rem,4vw,3.55rem);object-fit:contain}.integrations-page .hero-section .hero-logo-collage .collage-grid .collage-tile .collage-logo-microsoft-dynamics{width:clamp(3.5rem,4.3vw,4.15rem);height:clamp(3.5rem,4.3vw,4.15rem)}.integrations-page .hero-section .hero-logo-collage .collage-grid .collage-tile .collage-logo-marketo,.integrations-page .hero-section .hero-logo-collage .collage-grid .collage-tile .collage-logo-pipedrive{width:clamp(3.15rem,3.8vw,3.65rem);height:clamp(3.15rem,3.8vw,3.65rem)}.integrations-page .hero-section .hero-logo-collage .collage-grid .collage-tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.06)}.integrations-page .capability-tile{text-align:center;padding:.5rem .75rem}.integrations-page .capability-tile .capability-icon{margin-bottom:.75rem}.integrations-page .capability-tile .capability-heading{font-size:1.05rem;font-weight:700;color:var(--text-dark);margin-bottom:.35rem}.integrations-page .capability-tile .capability-sublabel{font-size:.88rem;color:var(--text-light);line-height:1.45;margin-bottom:0}.integrations-page .feature-highlights-section{padding:5rem 0}.integrations-page .feature-highlights-section .section-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}@media(max-width:768px){.integrations-page .feature-highlights-section .section-title{font-size:2rem}}.integrations-page .feature-highlights-section .section-subtitle{font-size:1.1rem;max-width:700px;margin:0 auto;color:var(--text-light)}.integrations-page .feature-highlights-section .feature-card{padding:clamp(1.75rem,2.4vw,2.25rem)}.integrations-page .feature-highlights-section .feature-card .feature-icon{margin-bottom:1.25rem}.integrations-page .feature-highlights-section .feature-card .feature-title{margin-bottom:.75rem}.integrations-page .feature-highlights-section .feature-card .feature-description{margin-bottom:0}.integrations-page .integrations-how-it-works{padding:4rem 0;background:linear-gradient(180deg,#ffffff,#f5fcff)}.integrations-page .integrations-how-it-works .section-title{font-size:2.25rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}@media(max-width:768px){.integrations-page .integrations-how-it-works .section-title{font-size:1.75rem}}.integrations-page .integrations-how-it-works .step-card{text-align:center;padding:1.5rem 1rem}.integrations-page .integrations-how-it-works .step-card .step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#006aa6,#0099ff);color:#fff;font-weight:700;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 6px 18px rgba(0,122,204,.25)}.integrations-page .integrations-how-it-works .step-card .step-title{font-size:1.15rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.integrations-page .integrations-how-it-works .step-card .step-description{color:var(--text-light);font-size:.95rem;line-height:1.55}.integrations-page .integration-guides-section{padding:5rem 0}.integrations-page .integration-guides-section .section-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}@media(max-width:768px){.integrations-page .integration-guides-section .section-title{font-size:2rem}}.integrations-page .integration-guides-section .section-subtitle{font-size:1.1rem;max-width:700px;margin:0 auto 2.5rem;color:var(--text-light)}.integrations-page .integration-guide-card{border:1px solid var(--border-color);border-radius:12px;height:100%;transition:all .3s ease}.integrations-page .integration-guide-card .card-body{display:flex;flex-direction:column;text-align:center}.integrations-page .integration-guide-card .integration-logo-wrap{height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.integrations-page .integration-guide-card .integration-logo-wrap img{max-height:40px;max-width:150px;object-fit:contain}.integrations-page .integration-guide-card .integration-name{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.integrations-page .integration-guide-card .integration-tagline{color:var(--text-light);font-size:.95rem;line-height:1.55;margin-bottom:1.5rem;flex-grow:1}.integrations-page .integration-guide-card .guide-button{align-items:center;display:inline-flex;gap:.4rem;justify-content:center;font-weight:600;border-radius:8px;padding:.6rem 1.25rem}.integrations-page .integration-guide-card .guide-button svg{flex:0 0 auto}.integrations-page .integration-guide-card .guide-button-disabled{cursor:default;pointer-events:none}.integrations-page .integration-guide-card:not(.is-coming-soon):hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.1);border-color:rgba(0,122,204,.3)}.integrations-page .integration-guide-card.is-coming-soon{cursor:default}.integrations-page .coming-soon-section{padding:1rem 0 5rem}.integrations-page .coming-soon-section .section-eyebrow{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}@media(max-width:768px){.integrations-page .coming-soon-section .section-eyebrow{font-size:1.25rem}}.integrations-page .coming-soon-section .section-eyebrow-sub{color:var(--text-light);font-size:.95rem;margin-bottom:0}.integrations-page .coming-soon-section .request-integration-cta{margin-top:1rem}.integrations-page .coming-soon-section .request-integration-button{background:rgba(0,0,0,0);border:1.5px solid #006aa6;border-radius:8px;box-shadow:none;color:#006aa6;font-size:.9rem;font-weight:600;padding:.45rem 1rem;transition:all .3s ease}.integrations-page .coming-soon-section .request-integration-button:hover{background:#006aa6;border-color:#006aa6;box-shadow:0 8px 20px rgba(0,122,204,.18);color:#fff;transform:translateY(-2px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.integrations-page .hero-section{min-height:auto;padding:5.5rem 0 3rem}.integrations-page .hero-logo-collage{margin-top:2rem}}