/* Dedicated Services page; no selectors affect completed pages. */
.services-page .sp-shell{width:calc(100% - 80px);max-width:1560px;margin-inline:auto}
.services-page .sp-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:center;background:#002b24;color:#fff;min-height:clamp(420px,35vw,670px)}
.services-page .sp-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.services-page .sp-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00271cf5 0%,#00271ce8 26%,#00271c40 48%,transparent 72%)}
.services-page .sp-hero-copy{width:43%;max-width:610px;padding-block:48px}
.services-page .sp-kicker{display:flex;align-items:center;gap:16px;color:#b77819;font-size:14px;font-weight:700;letter-spacing:.09em;margin-bottom:15px}
.services-page .sp-kicker:after{content:'';width:80px;height:2px;background:#dcb253}
.services-page .sp-hero .sp-kicker{color:#ffd46f}
.services-page .sp-hero h1{width:100%;font-size:clamp(39px,3.45vw,64px);line-height:1.04;letter-spacing:-.025em;margin:0 0 20px;padding-bottom:.1em}
.services-page .sp-hero h1 em{font-size:inherit;color:#f5c45b}
.services-page .sp-hero-copy>p:not(.sp-kicker){font-size:clamp(16px,1.1vw,20px);line-height:1.5;max-width:470px;margin-bottom:26px}
.services-page .sp-actions{display:flex;flex-wrap:wrap;gap:16px}
.services-page .sp-actions .btn{min-height:48px;padding:12px 20px;font-size:14px;border-radius:6px;gap:12px}
.services-page .sp-actions .outline{border:1px solid #e3b853;background:#002a2455}
.services-page .sp-actions svg{width:22px;height:22px}
.services-page .sp-services{padding:38px 0 28px;background:linear-gradient(#fff,#fafcfb)}
.services-page .sp-heading{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:center;margin:0 14px 30px}
.services-page .sp-heading h2{font-size:clamp(29px,2.65vw,45px);line-height:1.08;color:#101b20}
.services-page .sp-heading h2 em{color:#c99028}
.services-page .sp-heading>p{border-inline-start:1px solid #dce2df;padding-inline-start:24px;font-size:16px;line-height:1.6}
.services-page .sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;grid-auto-rows:1fr}
.services-page .sp-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e1e6e3;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #0b2a1d08;transition:border-color .2s,box-shadow .2s}
.services-page .sp-card:hover{border-color:#d4ae57;box-shadow:0 8px 24px #0b2a1d16}
.services-page .sp-card>img{width:100%;height:auto;aspect-ratio:2.3;object-fit:contain;background:#edf1ed;border-bottom:1px solid #ead6a6}
.services-page .sp-card-body{position:relative;display:flex;flex-direction:column;flex:1;padding:42px 22px 20px}
.services-page .sp-service-icon{position:absolute;top:-29px;inset-inline-start:22px;display:grid;place-items:center;width:60px;height:60px;border:2px solid #e1b541;border-radius:50%;background:#003b2c;color:#f4cf64;box-shadow:0 3px 5px #002b241a}
.services-page .sp-service-icon svg{width:33px;height:33px}
.services-page .sp-card h3{font-size:clamp(21px,1.55vw,27px);line-height:1.13;margin-bottom:14px;min-height:2.26em}
.services-page .sp-card p{font-size:15px;line-height:1.55;margin-bottom:16px}
.services-page .sp-card ul,.services-page .sp-dialog ul{list-style:none;padding:0;margin:0 0 20px}
.services-page .sp-card li,.services-page .sp-dialog li{position:relative;padding-inline-start:23px;margin-bottom:8px;font-size:14px;line-height:1.5}
.services-page .sp-card li:before,.services-page .sp-dialog li:before{content:'✓';position:absolute;inset-inline-start:0;top:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#efbf55;color:#173e26;font-size:11px;font-weight:700}
.services-page .sp-learn{display:flex;align-items:center;justify-content:center;gap:25px;width:100%;min-height:45px;margin-top:auto;padding:10px;border:1px solid #d5ad45;border-radius:6px;background:#00362b;color:#ffda70;font-weight:700;font-size:14px}
.services-page .sp-learn:hover{background:#075240}
.services-page .sp-benefits{padding:22px 0;background:linear-gradient(110deg,#00382b,#001e1b);color:#fff;border-top:1px solid #d9b967}
.services-page .sp-benefits ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.services-page .sp-benefits li{display:flex;align-items:center;justify-content:center;gap:18px;padding-inline-end:20px;border-inline-end:1px solid #ffffff3b;font-size:16px;font-weight:600}
.services-page .sp-benefits li:last-child{border:0;padding-inline-end:0}
.services-page .sp-benefits li>span:first-child,.services-page .sp-custom>span{display:grid;place-items:center;flex:none;width:62px;height:62px;border:1px solid #e1b541;border-radius:50%;color:#f4cf64}
.services-page .sp-benefits svg{width:33px;height:33px}
.services-page .sp-custom{display:flex;align-items:center;gap:22px;border:1px solid #ac8f42;border-radius:12px;padding:20px 24px;margin-top:24px;background:#001f1b60}
.services-page .sp-custom h2{font-size:27px;margin-bottom:8px}
.services-page .sp-custom p{font-size:15px;color:#e2ece5}
.services-page .sp-custom .btn{margin-inline-start:auto;flex:none;min-height:48px}
.services-page .sp-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #bc9848;border-radius:14px;color:#132b2a;background:#fff;box-shadow:0 20px 80px #0006}
.services-page .sp-dialog::backdrop{background:#001e1bd9}
.services-page .sp-dialog>div{padding:28px}
.services-page .sp-dialog form{display:flex;justify-content:flex-end;margin-bottom:12px}
.services-page .sp-close{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:44px;background:#f3f6f3;border:1px solid #cbd9cf;border-radius:5px;color:#003b2c}
.services-page .sp-dialog h2{font-size:30px;margin-bottom:20px}
.services-page .sp-dialog p{font-size:16px;line-height:1.8;margin-bottom:20px}
.services-page .sp-dialog .sp-kicker{font-size:13px}
html[dir=rtl] .services-page .sp-hero:after{background:linear-gradient(270deg,#00271cf5 0%,#00271ce8 30%,#00271c40 65%,transparent)}
html[dir=rtl] .services-page .sp-hero h1{font-size:clamp(29px,2.65vw,46px);line-height:1.5;padding-bottom:.25em}
html[dir=rtl] .services-page .sp-heading h2{font-size:clamp(27px,2vw,36px);line-height:1.6}
html[dir=rtl] .services-page .sp-card h3{font-size:22px;line-height:1.7;min-height:1.7em;padding-bottom:.25em}
html[dir=rtl] .services-page .sp-card li,html[dir=rtl] .services-page .sp-dialog li{line-height:1.8;padding-bottom:.2em}
@media(max-width:1279px){
 .services-page .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .services-page .sp-hero-copy{width:50%;max-width:560px}
 .services-page .sp-heading{grid-template-columns:1.25fr 1fr;gap:25px}
 .services-page .sp-benefits ul{gap:18px}.services-page .sp-benefits li{gap:12px;font-size:14px}
 .services-page .sp-benefits li>span:first-child{width:48px;height:48px}.services-page .sp-benefits svg{width:28px;height:28px}
}
@media(max-width:800px){
 .services-page .sp-shell{width:calc(100% - 40px)}
 .services-page .sp-hero-copy{width:60%}.services-page .sp-hero h1{font-size:38px}
 .services-page .sp-heading{grid-template-columns:1fr;gap:20px;margin-inline:0}.services-page .sp-heading>p{padding-inline-start:20px}
 .services-page .sp-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.services-page .sp-benefits li{justify-content:start;border:0}
 .services-page .sp-custom{flex-wrap:wrap;padding:20px;gap:16px}.services-page .sp-custom>div{flex:1;min-width:180px}.services-page .sp-custom .btn{margin:0;width:100%}
}
@media(max-width:560px){
 .services-page .sp-shell{width:calc(100% - 32px)}
 .services-page .sp-hero{min-height:0;grid-template-columns:minmax(0,1fr);align-items:start}
 .services-page .sp-hero>img{position:static;grid-row:2;z-index:auto;width:100%;height:auto;object-fit:contain}
 .services-page .sp-hero>.sp-shell{grid-row:1}.services-page .sp-hero:after{display:none}
 .services-page .sp-hero-copy{width:100%;padding-block:30px}.services-page .sp-hero h1{font-size:37px}
 .services-page .sp-actions{gap:12px}.services-page .sp-actions .btn{padding:12px;flex:1;min-width:0;font-size:13px;gap:8px}
 .services-page .sp-actions svg{width:18px;height:18px}
 .services-page .sp-services{padding:28px 0}.services-page .sp-heading{margin-bottom:24px}.services-page .sp-heading h2{font-size:32px}
 .services-page .sp-grid{grid-template-columns:minmax(0,1fr);gap:24px;grid-auto-rows:auto}
 .services-page .sp-card h3,html[dir=rtl] .services-page .sp-card h3{min-height:0;font-size:25px}
 .services-page .sp-card p{font-size:16px}.services-page .sp-card li{font-size:15px}
 .services-page .sp-benefits ul{grid-template-columns:1fr;gap:22px}.services-page .sp-benefits li{font-size:16px}
 .services-page .sp-custom>span{width:50px;height:50px}.services-page .sp-custom h2{font-size:25px}
 .services-page .sp-dialog>div{padding:20px}.services-page .sp-dialog h2{font-size:26px}
 html[dir=rtl] .services-page .sp-hero h1{font-size:29px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.services-page *{transition:none;scroll-behavior:auto}}
