.service-page{padding-bottom:120px}
.service-page-back{display:inline-flex;margin-bottom:54px;color:#aebcda;font-size:13px;letter-spacing:.3px}
.service-page-back:hover{color:#c2b4ff}
.service-page-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:center;gap:7%;padding-bottom:66px;border-bottom:1px solid #394765}
.service-page-copy h1{max-width:850px;margin:20px 0 22px;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:1.18;letter-spacing:-1.5px}
.service-page-description{max-width:760px;color:#b3c2db;font-size:clamp(16px,1.55vw,21px);line-height:1.85}
.service-page-mark{min-height:240px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #3e4c70;background:radial-gradient(circle at 50% 45%,#4d427262,#11213a 65%,#0c172b);overflow:hidden}
.service-page-mark:before{content:'';position:absolute;width:68%;aspect-ratio:1;border:1px solid #aaa0ed55;border-radius:50%;box-shadow:0 0 65px #8f83e443}
.service-page-mark svg{position:relative;width:96px;height:96px;fill:none;stroke:#c4b7ff;stroke-width:1.3;filter:drop-shadow(0 0 15px #aaa0ed88)}
.service-page-mark span{position:absolute;right:17px;bottom:13px;color:#93a3c2;font-size:11px;letter-spacing:1.3px}
.service-page-best-panel{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:start;padding:33px 0;border-bottom:1px solid #394765}
.service-page-best-label,.service-page-output-label{color:#bdb3fa;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.service-page-best{margin:0;color:#dce4f3;font-size:clamp(18px,2vw,27px);line-height:1.55;max-width:950px}
.service-page-cases{padding:55px 0 58px;border-bottom:1px solid #394765}
.service-page-cases h2{margin:0 0 23px;color:#d8d0ff;font-size:18px;font-weight:500}
.service-page-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-page-case-grid article{min-width:0;min-height:150px;padding:25px 27px;background:#102039f2;border:1px solid #344563}
.service-page-case-grid article span{display:block;color:#ada4ee;font-size:11px;letter-spacing:1.5px;margin-bottom:13px}
.service-page-case-grid article p{margin:0;color:#d6e0ef;font-size:18px;line-height:1.65}
.service-page-lower{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:6%;padding-top:61px}
.service-page-scope h2,.service-page-output-panel h2{margin:0 0 22px;font-size:17px;font-weight:500;color:#d8d0ff}
.service-page-scope ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:27px}
.service-page-scope li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:21px 0;border-top:1px solid #34435e}
.service-page-scope li span{font-size:11px;color:#a99ef0;letter-spacing:1px;padding-top:5px}
.service-page-scope li p{margin:0;color:#c2cde0;font-size:15px;line-height:1.75}
.service-page-output-panel{padding:28px;background:#102038f5;border:1px solid #435276;align-self:start;position:sticky;top:112px}
.service-page-output{margin:0 0 20px;color:#b9c7dc;font-size:15px;line-height:1.85}
.service-page-deliverables{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid #3b4d6c}
.service-page-deliverables li{position:relative;padding:11px 0 11px 20px;border-bottom:1px solid #3b4d6c;color:#d5def0;font-size:13px;line-height:1.6}
.service-page-deliverables li:before{content:'✓';position:absolute;inset-inline-start:0;color:#b9aaff}
[dir="rtl"] .service-page-deliverables li{padding:11px 20px 11px 0}
.service-page-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid #b8aaff;background:#b8aaff;color:#101a2e;border-radius:3px;padding:13px 17px;font-size:14px;text-align:start}
.service-page-cta:hover{background:#d0c6ff;border-color:#d0c6ff}
@media(max-width:760px){.service-page{padding-bottom:70px}.service-page-back{margin-bottom:33px}.service-page-hero{grid-template-columns:1fr;gap:25px;padding-bottom:34px}.service-page-copy h1{font-size:37px;letter-spacing:-.5px}.service-page-description{font-size:16px}.service-page-mark{min-height:165px}.service-page-mark svg{width:66px;height:66px}.service-page-best-panel{grid-template-columns:1fr;gap:12px;padding:25px 0}.service-page-best{font-size:19px}.service-page-cases{padding:35px 0}.service-page-case-grid{grid-template-columns:1fr}.service-page-case-grid article{min-height:0;padding:21px}.service-page-case-grid article p{font-size:16px}.service-page-lower{grid-template-columns:1fr;gap:35px;padding-top:36px}.service-page-scope ol{grid-template-columns:1fr}.service-page-scope li p{font-size:15px}.service-page-output-panel{padding:23px;position:static}}
