/* A10: reference-approved premium service section, accessible and responsive */
.rk83-services{padding-top:clamp(28px,5vw,75px)!important;padding-bottom:36px!important;max-width:1240px!important}
.rk83-services *,.rk83-audience *{box-sizing:border-box}
.rk83-services-hero{display:grid;grid-template-columns:1fr 1fr;min-height:335px;align-items:stretch;gap:20px;margin-bottom:22px;border-radius:30px;overflow:hidden;background:linear-gradient(115deg,#f4f8ff,#fff 55%,#e8f4ff);box-shadow:0 14px 40px #112a4c0d}
.rk83-hero-copy{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.rk83-hero-copy h2{font-size:clamp(32px,4.3vw,58px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:14px 0!important;overflow-wrap:normal!important}
.rk83-hero-copy h2 em,.rk83-audience h2 em{font-style:normal;color:#2464f3}
.rk83-hero-copy p{font-size:clamp(15px,1.6vw,19px);line-height:1.55;color:#52637e;margin:0 0 22px;max-width:460px}
.rk83-primary-link{display:inline-flex;gap:16px;align-items:center;justify-content:center;padding:15px 23px;border-radius:15px;background:#2464f3;color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 9px 23px #2464f344;min-height:50px}
.rk83-primary-link:hover{background:#164bc3}
.rk83-hero-visual{position:relative;min-height:280px;background:linear-gradient(90deg,#eff7ff05,#132b4830),url('a10-construction.webp') center 52%/cover no-repeat}
.rk83-trust{position:absolute;bottom:22px;right:20px;padding:13px 18px;background:#fff;border-radius:14px;box-shadow:0 10px 25px #0002;color:#1b3662;font-weight:800;font-size:14px}
.rk83-service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.rk83-service-grid .rk83-service{isolation:isolate;position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:315px;padding:28px!important;border:0!important;border-radius:25px!important;color:white!important;text-decoration:none!important;overflow:hidden;box-shadow:0 16px 27px #182e4a25;transition:transform .2s,box-shadow .2s}
.rk83-service:hover{transform:translateY(-3px);box-shadow:0 20px 36px #182e4a38}
.rk83-service::before{content:'';position:absolute;inset:0;z-index:-2;background-position:right center;background-size:50% 100%;background-repeat:no-repeat;opacity:.92}
.rk83-service::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--tone) 0%,var(--tone) 38%,color-mix(in srgb,var(--tone),transparent 28%) 70%,transparent 100%)}
.rk83-mortgage{--tone:#163a76;background:#163a76}.rk83-legal{--tone:#065052;background:#065052}.rk83-valuation{--tone:#823a21;background:#823a21}.rk83-construction{--tone:#503078;background:#503078}
.rk83-mortgage::before{background-image:url('a10-mortgage.webp')}.rk83-legal::before{background-image:url('a10-legal.webp')}.rk83-valuation::before{background-image:url('a10-valuation.webp')}.rk83-construction::before{background-image:url('a10-construction.webp')}
.rk83-service-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#ffffff24;font-size:38px;line-height:1;flex-shrink:0}
.rk83-service-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin-top:16px;max-width:70%}
.rk83-service-body strong{font-size:clamp(24px,2.7vw,34px)!important;line-height:1.15!important;color:#fff!important;overflow-wrap:break-word}
.rk83-service-body small{font-size:16px!important;line-height:1.45!important;color:#f1f5ff!important;margin-top:7px;overflow-wrap:break-word}
.rk83-service-perks{display:block;font-size:14px;line-height:1.8;color:#fff;margin-top:13px}
.rk83-service-arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:white;color:#2154a3;font-size:27px;font-weight:800}
.rk83-audience{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:32px!important;align-items:center!important;margin-top:20px!important;margin-bottom:45px!important;padding:clamp(24px,4vw,45px)!important;background:linear-gradient(125deg,#eef6ff,#f7f2ff)!important;border-radius:30px!important}
.rk83-audience h2{font-size:clamp(29px,3.5vw,45px)!important;line-height:1.14!important;letter-spacing:-.025em}
.rk83-audience .audience-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.rk83-audience .audience-grid>div{min-height:130px!important;padding:16px!important;border:1px solid #dfe7f5!important;border-radius:17px!important;background:#ffffffc9!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}
.rk83-audience .audience-grid span{font-size:26px}.rk83-audience .audience-grid b{font-size:16px!important;line-height:1.2!important}.rk83-audience .audience-grid small{font-size:13px!important;line-height:1.35!important}
@media(max-width:760px){.rk83-services-hero{grid-template-columns:1fr!important;gap:0}.rk83-hero-copy{padding:25px!important}.rk83-hero-visual{min-height:205px}.rk83-service-grid{gap:13px!important}.rk83-service-grid .rk83-service{min-height:290px;padding:19px!important}.rk83-service-body{max-width:84%}.rk83-service-body strong{font-size:25px!important}.rk83-service-body small{font-size:14px!important}.rk83-service-perks{font-size:12px}.rk83-audience{grid-template-columns:1fr!important}}
@media(max-width:540px){.rk83-services{padding-inline:14px!important}.rk83-service-grid{grid-template-columns:1fr!important}.rk83-service-grid .rk83-service{min-height:265px!important;padding:23px!important}.rk83-service-body{max-width:70%}.rk83-service-body strong{font-size:28px!important}.rk83-service-body small{font-size:15px!important}.rk83-service-perks{font-size:13px}.rk83-audience{margin-inline:14px!important;padding:24px!important}.rk83-audience .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rk83-audience .audience-grid>div{min-height:135px!important;padding:13px!important}.rk83-audience .audience-grid b{font-size:14px!important}}
@media(max-width:340px){.rk83-service-body{max-width:82%}.rk83-audience .audience-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.rk83-service{transition:none!important}}