.integration-benefits,.integration-cta,.integration-enterprise,.integration-feature,.integration-hero,.integration-steps{padding:80px 0}.integration-benefits,.integration-enterprise.alt,.integration-feature.alt,.integration-steps{background:#f7f9fc}.integration-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.feature-grid,.integration-hero__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}.feature-grid.reverse{direction:rtl}.feature-grid.reverse>*{direction:ltr}.integration-page .section-heading{max-width:760px;margin-bottom:40px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.integration-eyebrow{display:inline-block;margin-bottom:16px;padding:8px 14px;border-radius:999px;background:#c5e5fa!important;color:#062f4a!important;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.integration-eyebrow--dark{background:rgba(255,255,255,.12);color:#fff}.integration-hero__visual.integration-visual{padding:24px 20px;border-radius:24px;background:linear-gradient(180deg,#f8fbff 0,#fff 100%);border:1px solid rgba(17,24,39,.08);box-shadow:0 18px 40px rgba(15,23,42,.08)}.integration-visual .workflow{display:flex;flex-direction:column;gap:18px}.integration-visual__inner{display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 0}.integration-side{display:flex;flex-direction:column;align-items:center;gap:10px}.integration-icon{width:140px;height:140px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.08)}.integration-icon img{width:100px;height:100px;object-fit:contain}.integration-label{font-size:14px;font-weight:500;color:#374151}.integration-connector{display:flex;align-items:center;gap:8px}.integration-connector__line{width:36px;height:2px;background:linear-gradient(90deg,rgba(37,132,218,.2),rgba(37,132,218,.6))}.integration-connector__node{width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#fff,#eef6ff);border:1px solid rgba(37,132,218,.18);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(37,132,218,.18)}.integration-connector__dot{width:10px;height:10px;border-radius:50%;background:#2584da}@media (max-width:767px){.integration-visual__inner{gap:18px}.integration-icon{width:60px;height:60px}.integration-icon img{width:32px;height:32px}.integration-connector__line{width:24px}}.integration-page h1,.integration-page h2,.integration-page h3{margin:0 0 16px;line-height:1.15}.integration-page h1{font-size:52px}.integration-page h2{font-size:38px}.integration-page h3{font-size:24px}.integration-page p{margin:0 0 16px;line-height:1.7}.integration-lead{font-size:18px;max-width:640px}.integration-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.integration-page .btn-primary{background:#fb8c00;color:#fff}.integration-page .btn-primary:hover{background:#bd6c06;color:#fff}.integration-page .btn-secondary{background:#fff;color:#0f172a;border:1px solid #dbe3ee}.integration-page .btn-secondary:hover{background:#e8f4ff;color:#0f172a}.integration-page .card{background:#fff;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.benefit-card,.compare-card,.enterprise-item,.integration-hero__visual,.mockup,.step-card{padding:28px}.workflow__row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.workflow__node{flex:0 0 auto;min-width:140px;text-align:center;padding:16px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:14px;font-weight:700;color:#0f172a}.workflow__node--icon{width:190px}.workflow__node--result{min-width:180px}.workflow__arrow{font-size:22px;color:#062f4a;font-weight:700}.workflow__results{display:flex;gap:10px;flex-wrap:wrap}.workflow__pill{display:inline-block;padding:10px 14px;border-radius:999px;background:#c5e5fa;color:#0f172a!important;font-weight:600;font-size:14px}.benefits-grid,.compare-grid,.enterprise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.benefit-card__icon{font-size:28px;margin-bottom:14px}.benefit-card{transition:transform .25s ease,box-shadow .25s ease}.benefit-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,.12)}.benefit-card__icon{width:46px;height:46px;border-radius:10px;background:#e8f4ff;display:flex;align-items:center;justify-content:center;color:#062f4a;margin-bottom:16px;transition:transform .25s ease,background .25s ease}.benefit-card:hover .benefit-card__icon{transform:scale(1.08);background:#dff0ff}.benefit-card__icon svg{width:24px;height:24px}.mockup__header{display:flex;gap:8px;margin-bottom:18px}.mockup__header span{width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block}.email-analysis__message{padding:18px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;color:#0f172a;line-height:1.7}.highlight{background:rgba(251,138,0,.12);border-bottom:2px solid #fb8c00;padding:1px 3px;border-radius:4px}.email-analysis__flags{display:grid;gap:10px;margin-top:16px}.flag{padding:12px 14px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:12px;color:#0f172a;font-size:14px;font-weight:600}.dashboard__image{border:1px solid #dbe3ee;border-radius:14px;background:#f8fafc;margin-bottom:16px;overflow:hidden}.dashboard__image img{width:100%;height:auto;display:block}.dashboard__summary{padding:16px;border-left:4px solid #062f4a;border-radius:12px;background:#fff;border-top:1px solid #dbe3ee;border-right:1px solid #dbe3ee;border-bottom:1px solid #dbe3ee;color:#0f172a;font-weight:600}.dashboard__summary+.workflow__results{margin-top:18px}.compare-label{display:inline-block;margin-bottom:14px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.compare-label--manual{background:#fff7ed;color:#c2410c}.compare-label--ai{background:#ecfeff;color:#0f766e}.integration-steps__heading{max-width:760px;margin:0 auto 40px;text-align:center}.steps-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}.step-card{display:flex;align-items:center;gap:16px}.step-card--horizontal{padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;gap:0}.step-card__number{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#c5e5fa;color:#062f4a;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.step-card--horizontal .step-card__number{margin-bottom:20px;flex:0 0 auto}.step-card--horizontal .step-card__content{color:#475569;line-height:1.6;font-size:18px}.step-card--horizontal .step-card__content strong{color:#0f172a}.enterprise-item{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;justify-content:center;gap:10px;text-align:center;font-weight:600;color:#0f172a}.enterprise-item i{flex:0 0 auto;font-size:18px;line-height:1}.enterprise-item span{display:inline}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px;border-radius:22px}.cta-box h2,.cta-box p{color:#fff}.cta-box p{opacity:.9;max-width:700px}@media (max-width:1199px){.steps-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){h1{font-size:40px}h2{font-size:30px}.benefits-grid,.compare-grid,.cta-box,.enterprise-grid,.feature-grid,.integration-hero__grid{grid-template-columns:1fr;display:grid}.cta-box{text-align:left}}@media (max-width:767px){.integration-benefits,.integration-cta,.integration-enterprise,.integration-feature,.integration-hero,.integration-steps{padding:56px 0}h1{font-size:34px}h2{font-size:28px}.workflow__row{flex-direction:column}.workflow__arrow{transform:rotate(90deg)}.integration-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.steps-row{grid-template-columns:1fr}.step-card--horizontal{min-height:auto}}.integration-visual .workflow__results{justify-content:center}.integration-visual .integration-label{color:#374151}.workflow--lms .workflow__row--lms{flex-wrap:nowrap;gap:24px;align-items:center}.workflow--lms .workflow__node{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:0;background:0 0;border:0;color:#374151;font-weight:500}.workflow--lms .workflow__node--icon,.workflow--lms .workflow__node--result{width:auto;min-width:0}.workflow--lms .integration-icon{width:140px;height:140px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.08)}.workflow--lms .integration-icon img{width:100px;height:100px;object-fit:contain}.workflow--lms .integration-icon i{display:flex;align-items:center;justify-content:center;line-height:1;font-size:94px}.workflow--lms .integration-icon [class*=" icon-"]:before,.workflow--lms .integration-icon [class^=icon-]:before{width:auto;margin-right:0;margin-left:0}.workflow--lms .integration-label{font-size:14px;font-weight:500;color:#374151}.integration-page .benefit-card__icon i{display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.integration-page .benefit-card__icon i:before{width:auto;margin:0}.workflow--lms .workflow__results{justify-content:center}@media (max-width:767px){.workflow--lms .workflow__row--lms{flex-wrap:wrap;gap:18px}.workflow--lms .integration-icon{width:108px;height:108px}.workflow--lms .integration-icon img{width:82px;height:82px}.workflow--lms .integration-icon i{font-size:72px}}.integration-icon__mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 14px;color:#0b4f8a;font-size:1.65rem;font-weight:800;letter-spacing:-.04em;line-height:1.05;text-align:center}@media (max-width:767px){.integration-icon__mark{font-size:1rem;padding:0 8px}}