/* Detailed offer and quiet proof strip, matching the accepted hero. */
.services-section{background:#f5f6f3;padding-block:76px}
.offer-section-heading{margin-bottom:34px}
.offer-section-heading h2,.work-section-heading h2{font-size:clamp(32px,3.1vw,42px);line-height:1.2;letter-spacing:-.03em;color:#20262a;font-weight:600}
.offer-section-heading p{max-width:790px;margin-top:16px;font-size:17px;line-height:1.65;color:#353a3e}
.offer-grid{display:grid;grid-template-columns:1fr;gap:22px}
.offer-card{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);min-width:0;background:#fff;border:1px solid #d5dade;border-radius:2px;overflow:hidden}
.offer-image{height:296px;min-height:296px;overflow:hidden;background:#e9ece8}
.offer-image img{width:100%;height:100%;object-fit:cover;transition:none}
.offer-card-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:30px 36px}
.offer-card-body h3{font-size:28px;line-height:1.3;letter-spacing:-.025em;font-weight:600;color:#20262a;margin:0}
.offer-card-body p{font-size:17px;line-height:1.65;color:#353a3e;margin-top:14px;max-width:530px}
.offer-card-button{margin-top:24px;min-height:46px;padding:12px 17px;gap:24px;background:#20262a;border-color:#20262a;color:#fff;font-size:13px;font-weight:500;border-radius:2px}
.offer-card-button:hover{background:#343c41;border-color:#343c41}
.offer-card-button .icon,.offer-extra .icon,.all-projects-link .icon{width:17px;height:17px;fill:currentColor;stroke:none}
.offer-extra{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;padding:0;margin-top:36px;border:0;background:transparent}
.offer-extra h3{grid-column:1;align-self:center;font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#20262a}
.minor-jobs{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.minor-jobs li{display:flex;align-items:center;gap:14px;padding:20px;min-width:0;min-height:88px;font-size:16px;line-height:1.5;font-weight:500;color:#20262a;background:#fff;border:1px solid #d5dade;border-radius:2px}
.minor-jobs .icon{width:24px;height:24px;flex:none;color:#536169}
.minor-jobs-button{grid-column:2;grid-row:1;align-self:center;background:#fff;border-color:#aab3b9;color:#20262a;font-size:13px;font-weight:500;min-height:46px;padding:12px 17px;gap:18px;white-space:nowrap;border-radius:2px}
.minor-jobs-button:hover{background:#f5f6f4;border-color:#20262a}
.project-rails-section{background:#fff;padding-block:76px}
.work-section-heading{margin-bottom:38px}
.all-projects-action{text-align:center;margin-top:38px}
.all-projects-link{display:inline-flex;align-items:center;gap:24px;min-height:52px;padding:15px 24px;font-size:15px;line-height:1.4;font-weight:600;color:#fff;background:#20262a;border:1px solid #20262a;border-radius:2px}
.all-projects-link:hover{background:#343c41;border-color:#343c41}
/* Secondary information: softer surfaces, smaller icons and lower type weight. */
.hero.hero-service-layout .hero-proof{background:#f7f8f6;border-color:#e2e6e2}
.hero.hero-service-layout .hero-proof>.hero-feature{padding:16px 18px;min-height:72px;gap:10px}
.hero.hero-service-layout .hero-proof>.hero-feature:first-child{padding-left:18px}
.hero.hero-service-layout .hero-proof>.hero-feature+.hero-feature{border-color:#e2e6e2}
.hero.hero-service-layout .hero-proof .trust-icon{width:18px;height:18px;flex-basis:18px;color:#788288}
.hero.hero-service-layout .hero-proof .feature-copy{gap:4px}
.hero.hero-service-layout .hero-proof .feature-copy>strong{font-size:12px;font-weight:500;color:#4f595e}
.hero.hero-service-layout .hero-proof .feature-copy>span{font-size:11px!important;font-weight:400;color:#606a70}
.hero.hero-service-layout .hero-proof .feature-google>img{width:18px;height:18px}
.hero.hero-service-layout .hero-proof .proof-review-arrow{display:none}
@media(max-width:980px){
  .services-section,.project-rails-section{padding-block:60px}
  .offer-card-body{padding:26px}
  .offer-card-body h3{font-size:24px}
  .offer-card-body p{font-size:16px}
  .offer-image{height:270px;min-height:270px}
  .offer-extra{gap:18px 22px}
  .minor-jobs li{padding:18px;font-size:15px}
  .hero.hero-service-layout .hero-proof>.hero-feature{padding:16px 20px;min-height:76px}
  .hero.hero-service-layout .hero-proof>.hero-feature:first-child{padding-left:20px}
}
@media(max-width:800px){
  .offer-card{grid-template-columns:1fr}
  .offer-image{height:auto;aspect-ratio:16/9;min-height:0}
  .offer-extra{grid-template-columns:1fr}
  .minor-jobs-button{grid-column:1;grid-row:3;justify-self:start}
}
@media(max-width:690px){
  .services-section,.project-rails-section{padding-block:48px}
  .offer-section-heading{margin-bottom:26px}
  .offer-section-heading h2,.work-section-heading h2{font-size:32px}
  .offer-section-heading p{font-size:16px;margin-top:14px}
  .offer-grid{gap:22px}
  .offer-card-body{padding:22px}
  .offer-card-body h3{font-size:22px}
  .offer-card-body p{font-size:16px;line-height:1.6}
  .offer-card-button{min-height:46px;margin-top:22px;font-size:13px}
  .offer-extra{gap:18px;padding:0;margin-top:30px}
  .offer-extra h3{font-size:22px}
  .minor-jobs{grid-template-columns:1fr;gap:12px}
  .minor-jobs li{padding:18px;min-height:76px;font-size:16px}
  .minor-jobs-button{white-space:normal;gap:17px}
  .work-section-heading{margin-bottom:30px}
  .all-projects-action{margin-top:30px}
  .all-projects-link{width:100%;justify-content:center;font-size:14px;padding:15px 16px;gap:18px}
  .hero.hero-service-layout .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero.hero-service-layout .hero-proof>.hero-feature:not(.proof-review){flex-direction:column;justify-content:center;min-height:80px;padding:14px 8px;gap:8px;border:0;border-top:1px solid #e2e6e2;text-align:center}
  .hero.hero-service-layout .hero-proof>.hero-feature:nth-child(2),.hero.hero-service-layout .hero-proof>.hero-feature:nth-child(3){border-left:1px solid #e2e6e2}
  .hero.hero-service-layout .hero-proof .trust-icon{width:18px;height:18px;flex-basis:18px}
  .hero.hero-service-layout .hero-proof .feature-copy>strong{font-size:13px;font-weight:500;color:#465157;line-height:1.4}
  .hero.hero-service-layout .hero-proof>.hero-feature:not(.proof-review) .feature-copy>span{display:none}
  .hero.hero-service-layout .hero-proof>.proof-review{grid-column:1/-1;grid-row:1;min-height:92px;padding:20px;gap:16px;border:0;background:#fff;text-align:left}
  .hero.hero-service-layout .hero-proof .proof-review .feature-google{width:28px;height:28px;flex-basis:28px}
  .hero.hero-service-layout .hero-proof .proof-review .feature-google>img{width:28px;height:28px}
  .hero.hero-service-layout .hero-proof .proof-review .feature-copy{gap:5px}
  .hero.hero-service-layout .hero-proof .proof-review .feature-copy>strong{font-size:18px;font-weight:600;color:#20262a}
  .hero.hero-service-layout .hero-proof .proof-review .feature-copy>span{font-size:13px!important;line-height:1.5;color:#465157}
  .hero.hero-service-layout .hero-proof .proof-review .feature-copy>span>span{display:none}
  .hero.hero-service-layout .hero-proof .proof-review-arrow{display:block;width:20px;height:20px;flex:none;margin-left:auto;color:#20262a}
}
@media(prefers-reduced-motion:reduce){.offer-card{transition:none}}
/* Offer examples stay open to an individually agreed scope. */
.services-section .offer-scope-note{display:block;box-sizing:border-box;max-width:880px;margin:24px 0 0;padding:14px 16px;border:1px solid #d5dade;border-radius:2px;background:#f7f8f8;color:#353a3e;font-size:14px;font-weight:400;line-height:1.65}