/* Benfol SaaS Development: reference-matched page content. Shared site header/footer are preserved. */
.saas-page{--cyan:#38C8EF;--light:#F0F7FF;--navy:#102B55;--blue:#0866E8;font-family:Inter,Arial,sans-serif;color:#071b42;overflow:hidden}.saas-page *{box-sizing:border-box}.saas-page .match-wrap{width:min(1200px,calc(100% - 72px));margin:auto}.saas-page h1,.saas-page h2,.saas-page h3,.saas-page p{font-family:Inter,Arial,sans-serif;margin:0}.saas-page h2{font-size:clamp(24px,2.5vw,34px);font-weight:800;line-height:1.13;letter-spacing:-.04em;color:#091d47}.saas-page h2 span{color:#0866E8}.saas-page h3{font-size:16px;font-weight:800;color:#0b1c40;line-height:1.2}.saas-page p{font-size:14px;line-height:1.4;color:#102345}.saas-page .match-kicker{font-size:12px;letter-spacing:.18em;font-weight:850;display:inline-block;color:#071b42;line-height:1.4}.saas-page .match-kicker:after{content:'';display:block;width:42px;height:4px;background:#38C8EF;margin-top:7px}.saas-page .match-kicker.light{color:#fff}.saas-page .match-hero{background:#041c3d;color:#fff;position:relative}.saas-page .match-hero-inner{min-height:360px;display:grid;grid-template-columns:44% 56%;align-items:stretch;position:relative}.saas-page .match-hero-copy{position:relative;z-index:2;padding:80px 0 23px}.saas-page .match-hero h1{font-size:clamp(31px,3vw,45px);font-weight:850;line-height:1.04;letter-spacing:-.045em;color:#fff;margin:11px 0 8px}.saas-page .match-hero p{max-width:540px;color:#fff;font-size:15px;line-height:1.23}.saas-page .match-hero-photo{background:url('/assets/images/saas/hero-laptop.png') center center / cover no-repeat;position:relative;min-height:360px}.saas-page .match-hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041c3d 0%,transparent 20%)}.saas-page .match-buttons{display:flex;gap:16px;margin-top:15px;flex-wrap:wrap}.saas-page .match-button{font-size:13px;line-height:1.1;padding:13px 19px;border-radius:5px;text-decoration:none!important;font-weight:750;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.saas-page .match-button.primary{background:#0866E8;color:#fff}.saas-page .match-button.outline{border:2px solid #fff;color:#fff}.saas-page .match-intro{padding:80px 0}.saas-page .match-intro-grid{display:grid;grid-template-columns:40% 1fr;gap:42px;align-items:center}.saas-page .match-intro img{width:100%;height:195px;object-fit:cover;border-radius:16px}.saas-page .match-intro h2{margin:6px 0 8px}.saas-page .match-intro p{font-size:14px;line-height:1.48}.saas-page .match-solutions{background:#e8f7ff;padding:80px 18px}.saas-page .match-solutions h2,.saas-page .match-technologies h2{text-align:center}.saas-page .match-center{text-align:center;margin:4px 0 15px}.saas-page .match-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px}.saas-page .match-service{display:flex;gap:14px;align-items:center;background:#fff;border-radius:14px;min-height:95px;padding:14px;box-shadow:0 2px 4px #0a457b25}.saas-page .match-service-icon{width:66px;min-width:66px;height:66px;background:#e8f8ff;border-radius:12px;display:grid;place-items:center;color:#069cf4;font-size:33px}.saas-page .match-service p{font-size:12px;line-height:1.32;margin-top:4px}.saas-page .match-process{padding:80px 23px}.saas-page .match-process-top{display:grid;grid-template-columns:40% 1fr;gap:40px;align-items:center;margin-bottom:9px}.saas-page .match-process-top h2{margin-top:4px}.saas-page .match-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.saas-page .match-steps:before{content:'';position:absolute;top:36px;left:10%;right:10%;border-top:2px solid #53bafa}.saas-page .match-step{position:relative;text-align:center;padding:0 14px;border-right:1px solid #d7e9f7}.saas-page .match-step:last-child{border:0}.saas-page .match-step-icon{width:72px;height:72px;border:1px solid #92d9ff;background:#ecfaff;color:#0874d8;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;font-size:30px;position:relative;z-index:1}.saas-page .match-step h3{font-size:14px;margin-bottom:5px}.saas-page .match-step p{font-size:12px;line-height:1.35}.saas-page .match-benefits{background:#e8f7ff;padding:80px 18}.saas-page .match-benefits-grid{display:grid;grid-template-columns:45% 1fr;gap:42px;align-items:center}.saas-page .match-benefits img{width:100%;height:205px;object-fit:cover;border-radius:15px}.saas-page .match-benefits h2{margin:4px 0 9px}.saas-page .match-benefits ul{padding:0;margin:0;list-style:none}.saas-page .match-benefits li{font-size:13px;line-height:1.35;margin:5px 0}.saas-page .match-benefits li i{color:#006cae;margin-right:8px}.saas-page .match-industries{padding:80px 18}.saas-page .match-industry-row{display:grid;grid-template-columns:1.5fr repeat(6,1fr);align-items:center}.saas-page .match-industry-heading{padding-right:18px}.saas-page .match-industry-heading p{font-size:12px;margin-top:6px}.saas-page .match-industry{text-align:center;padding:0 10px;min-height:94px;border-left:1px solid #bce2f7}.saas-page .match-industry i{font-size:27px;color:#069cf4;margin-bottom:7px}.saas-page .match-industry h3{font-size:12px}.saas-page .match-industry p{font-size:15px;line-height:1.25;margin-top:10px}.saas-page .match-technologies{background:#e8f7ff;text-align:center;padding:80px 18px}.saas-page .match-technologies p{font-size:12px;margin:5px 0 14px}.saas-page .match-technologies img{display:block;width:100%;height:auto}.saas-page .match-success{background:linear-gradient(100deg,#05204b,#004c88);padding:80px 18;color:white}.saas-page .match-success-grid{display:grid;grid-template-columns:1.1fr 1.45fr 1.45fr;gap:22px;align-items:center}.saas-page .match-success h2,.saas-page .match-success h3{color:#fff}.saas-page .match-success h2{font-size:25px}.saas-page .match-success p{color:white;font-size:12px;margin-top:5px}.saas-page .match-underline{display:block;background:#38C8EF;width:58px;height:4px;margin-top:10px}.saas-page .match-success article{border:1px solid #38C8EF;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;min-height:100px}.saas-page .match-success-icon{color:#38C8EF;font-size:35px}.saas-page .match-success h3{font-size:15px}.saas-page .match-faq{padding:80px 18}.saas-page .match-faq-grid{display:grid;grid-template-columns:30% 1fr;gap:30px;align-items:center}.saas-page .match-faq h2{font-size:27px}.saas-page .match-faq p{font-size:12px;margin-top:6px}.saas-page .match-faq details{border:1px solid #a9d9f5;border-radius:7px;margin-bottom:6px;padding:6px 14px}.saas-page .match-faq summary{font-size:16px;font-weight:750;cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center}.saas-page .match-faq summary:before{content:'+';font-size:20px;line-height:14px}.saas-page .match-faq details[open] summary:before{content:'−'}.saas-page .match-faq details p{padding:6px 0 3px}.saas-page .match-cta{padding:0 0 16px}.saas-page .match-cta-panel{background:linear-gradient(110deg,#06305d,#0866E8);border-radius:20px;color:white;min-height:100px;display:grid;grid-template-columns:130px 1fr auto;gap:30px;align-items:center;padding:18px 40px}.saas-page .match-cta-icon{font-size:53px;border-right:2px solid white;padding-right:20px}.saas-page .match-cta h2{color:#fff;font-size:27px}.saas-page .match-cta p{color:#fff;font-size:12px;margin-top:7px}.saas-page .match-cta-buttons{display:flex;gap:15px}.saas-page .match-cta .match-button{min-width:155px}.saas-page a:focus-visible,.saas-page summary:focus-visible{outline:3px solid #38C8EF;outline-offset:3px}
@media(max-width:1000px){.saas-page .match-wrap{width:min(100% - 36px,1400px)}.saas-page .match-hero-inner{grid-template-columns:49% 51%}.saas-page .match-hero h1{font-size:32px}.saas-page .match-hero p{font-size:13px}.saas-page .match-service-icon{width:48px;min-width:48px;height:48px;font-size:25px}.saas-page .match-service{padding:10px}.saas-page .match-industry-row{grid-template-columns:repeat(3,1fr);gap:14px}.saas-page .match-industry-heading{grid-column:1/-1;text-align:center}.saas-page .match-cta-panel{grid-template-columns:70px 1fr;gap:15px}.saas-page .match-cta-buttons{grid-column:2}}
@media(max-width:700px){.saas-page .match-hero-inner,.saas-page .match-intro-grid,.saas-page .match-benefits-grid,.saas-page .match-process-top,.saas-page .match-faq-grid,.saas-page .match-success-grid{grid-template-columns:1fr}.saas-page .match-hero-copy{padding:35px 0}.saas-page .match-hero-photo{min-height:245px}.saas-page .match-hero h1{font-size:35px}.saas-page .match-service-grid{grid-template-columns:1fr 1fr}.saas-page .match-steps{grid-template-columns:1fr 1fr;gap:18px}.saas-page .match-steps:before{display:none}.saas-page .match-cta-panel{grid-template-columns:1fr;text-align:center}.saas-page .match-cta-icon{border:0;padding:0}.saas-page .match-cta-buttons{grid-column:auto;justify-content:center;flex-wrap:wrap}.saas-page .match-intro,.saas-page .match-solutions,.saas-page .match-process,.saas-page .match-benefits,.saas-page .match-industries,.saas-page .match-technologies,.saas-page .match-success,.saas-page .match-faq{padding:40px 0}.saas-page .match-intro img,.saas-page .match-benefits img{height:auto}}
@media(max-width:460px){.saas-page .match-service-grid,.saas-page .match-steps,.saas-page .match-industry-row{grid-template-columns:1fr}.saas-page .match-hero h1{font-size:30px}.saas-page .match-cta-buttons{flex-direction:column}.saas-page .match-service{min-height:100px}.saas-page .match-industry{border-left:0;border-bottom:1px solid #bce2f7;padding:12px}.saas-page .match-hero-photo{min-height:190px}}




/* SaaS Development - Section Spacing */

.saas-page section {
    padding-top: 110px;
    padding-bottom: 110px;
}

/* Spacing for headings */
.saas-page .section-heading {
    margin-bottom: 45px;
}

/* Spacing between cards */
.saas-page .cards-grid {
    gap: 30px;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .saas-page section {
        padding-top: 65px;
        padding-bottom: 65px;
    }
}



/* ==========================================
   BENFOL SAAS - SPACIOUS SECTION LAYOUT
   ========================================== */

:root {
  --saas-section-space: 120px;
}

/* Main page sections */
.saas-page main > section {
  padding-top: var(--saas-section-space);
  padding-bottom: var(--saas-section-space);
}

/* Headings and descriptions */
.saas-page .section-heading {
  margin-bottom: 45px;
}

/* Service and industry cards */
.saas-page .cards-grid {
  gap: 28px;
}

/* Additional breathing room for text */
.saas-page section p {
  line-height: 1.75;
}

/* Mobile and tablet */
@media (max-width: 991px) {
  .saas-page main > section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 600px) {
  .saas-page main > section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}