/* Content and Web Apps share the service-page rhythm: clear promises,
   contrasting sections, practical cards and a visible next step. */
.refresh-page .service-feature-hero h1{max-width:1150px}
.refresh-page .service-feature-hero p{max-width:860px}
.refresh-page .service-centred-heading .eyebrow{color:#8a651c}
.refresh-page .surface-navy .service-centred-heading .eyebrow{color:#f2c566}
.refresh-page .refresh-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.refresh-page .refresh-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.refresh-page .refresh-pain{padding-top:52px;padding-bottom:56px}
.refresh-pain .service-centred-heading{margin-bottom:30px}
.refresh-page .refresh-pain h2{font-size:clamp(28px,3vw,40px);margin-bottom:0}
.refresh-problems{gap:20px}
.refresh-problems article{display:flex;align-items:flex-start;gap:18px;padding:26px;border:1px solid #10233826;border-radius:12px;background:#fff}
.refresh-problems svg{width:26px;height:26px;flex-shrink:0;margin-top:4px;color:#8a651c}
.refresh-problems p{margin:0;font-size:18px;line-height:1.55}
.refresh-page .refresh-statement{max-width:1040px;margin:48px auto 0;padding-top:30px;text-align:center;font-size:clamp(23px,2.6vw,34px);line-height:1.4;color:var(--section-ink);border-top:2px solid #f2c566}
.refresh-statement strong{font-weight:650}
.refresh-page .refresh-pain .refresh-statement{font-size:clamp(21px,2.2vw,28px);margin-top:32px;padding-top:25px}
.refresh-cards{gap:28px}
.refresh-cards article,.refresh-process article{padding:36px;border:1px solid #10233826;border-radius:14px;background:#fff;min-width:0}
.refresh-cards h3{font-size:27px;margin:24px 0 15px;line-height:1.25}
.refresh-cards p{font-size:18px;line-height:1.65;margin:0 0 25px}
.refresh-cards p:last-child{margin-bottom:0}
.refresh-cards .service-checks{gap:14px}
.refresh-page .surface-navy .refresh-cards article{background:#17283e;border-color:#ffffff30}
.refresh-page .surface-navy .service-checks svg{color:#f2c566}
.refresh-page .refresh-channel-band{padding-top:64px;padding-bottom:64px}
.refresh-channel-band .service-centred-heading{margin-bottom:34px}
.refresh-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:0;list-style:none}
.refresh-channels li{background:#ffffffb3;border:1px solid #10233826;border-radius:8px;padding:12px 23px;font-size:20px;font-weight:600}
.refresh-split{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
.refresh-split>div>p{font-size:20px;margin-bottom:30px}
.refresh-split h2{margin-top:18px!important;font-size:clamp(34px,3.5vw,48px)}
.refresh-offer{background:#101d31;border:1px solid #314960;border-radius:16px;padding:40px}
.refresh-page .refresh-offer .eyebrow{color:#f2c566}
.refresh-page .refresh-offer h3{font-size:32px;line-height:1.2;color:#fff;margin:22px 0 26px}
.refresh-page .refresh-offer h4{color:#fff;font-size:21px;margin:0 0 8px}
.refresh-page .refresh-offer p{color:#bfceda;font-size:18px;margin:0 0 26px}
.refresh-option{padding-top:22px;border-top:1px solid #ffffff30}
.refresh-page .refresh-offer .button{background:#f2c566;color:#102338;text-align:center;display:block;margin:26px 0}
.refresh-page .refresh-offer .button:hover{background:#ffdb89}
.refresh-page .refresh-offer .refresh-offer-note{font-size:15px;line-height:1.65;margin:0}
.refresh-page .refresh-caption{font-size:15px;margin:28px auto 0;text-align:center;max-width:100%}
.refresh-process{gap:28px}
.refresh-step{color:#8a651c;font-size:56px;line-height:1;font-weight:700}
.refresh-process h3{font-size:27px;margin:25px 0 15px}
.refresh-process p{font-size:19px;margin:0}
.refresh-related article{padding:28px;border:1px solid #10233826;border-radius:12px;background:#fff}
.refresh-related h3{font-size:25px;margin:0 0 14px}
.refresh-related a{text-decoration:none;display:flex;justify-content:space-between;gap:16px}
.refresh-related a:hover{text-decoration:underline;text-underline-offset:5px}
.refresh-related a span{color:#0072ab}
.refresh-related p{font-size:17px;margin:0}
.refresh-closing .service-centred-heading{margin-bottom:0}
.refresh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){
 .refresh-split{gap:36px}
 .refresh-cards article,.refresh-process article,.refresh-offer{padding:28px}
 .refresh-page .refresh-three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .apps-page #what-we-build .refresh-three{grid-template-columns:1fr}
 .refresh-problems article{display:block;padding:22px}
 .refresh-problems svg{margin-bottom:12px}
 .refresh-related{grid-template-columns:1fr}
}
@media(max-width:760px){
 .refresh-page .refresh-two,.refresh-page .refresh-three,.refresh-split{grid-template-columns:1fr}
 .refresh-split{gap:36px}
 .refresh-problems article{display:flex}
 .refresh-problems svg{margin-bottom:0}
 .refresh-cards h3{font-size:25px}
 .refresh-page .refresh-offer h3{font-size:29px}
 .refresh-page .refresh-statement{margin-top:32px;padding-top:25px}
 .refresh-page .refresh-statement br{display:none}
 .refresh-page .refresh-pain,.refresh-page .refresh-channel-band{padding-top:46px;padding-bottom:46px}
 .refresh-channels{gap:10px}
 .refresh-channels li{padding:10px 17px;font-size:17px}
 .refresh-split>div>p,.refresh-process p{font-size:18px}
 .refresh-related{gap:18px}
}