.eng-page.eng-service-detail .eng-hero{background:#101724;color:#f7f8fc;padding-block:clamp(3.5rem,7vw,6rem)}
.eng-page.eng-service-detail .eng-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.eng-page.eng-service-detail .eng-hero h1{color:#f7f8fc;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.45;letter-spacing:-.035em;text-wrap:balance}
.eng-page.eng-service-detail .eng-hero-lead{color:#bec7d8;font-size:1.05rem}
.eng-page.eng-service-detail .eng-eyebrow{background:transparent;box-shadow:none;color:#bac6ee;padding-inline:0}
.eng-page.eng-service-detail .eng-eyebrow::before{background:#9cace1;box-shadow:none}
.eng-page.eng-service-detail .eng-hero .eng-btn-primary{background:#5365c8;border-color:#5365c8}
.eng-page.eng-service-detail .eng-hero .eng-btn-secondary{background:transparent;border-color:#556075;color:#e9edf7}
.eng-page.eng-service-detail .eng-hero-note{padding:0;background:transparent;box-shadow:none;border-radius:0;min-width:0}
.eng-page.eng-service-detail .eng-service-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;margin:0;background:#141e2e;border:1px solid #354158;--art-x:0px;--art-y:0px}
.eng-page.eng-service-detail .eng-service-art picture{position:absolute;inset:0;z-index:2;display:block;transform:translate3d(var(--art-x),var(--art-y),0);transition:transform .35s ease-out}
.eng-page.eng-service-detail .eng-service-art img{width:100%;height:100%;display:block;object-fit:contain}
.eng-page.eng-service-detail .eng-service-code-illustration{position:absolute;inset:0;z-index:2;width:100%;height:100%}
.eng-page.eng-service-detail .eng-service-art picture[hidden],.eng-page.eng-service-detail .eng-service-code-illustration[hidden]{display:none}
.eng-page.eng-service-detail .eng-service-art-ground{position:absolute;left:20%;right:15%;bottom:12%;height:8%;background:#050a12;filter:blur(20px);opacity:.55}
.eng-page.eng-service-detail .eng-service-art-edge{position:absolute;left:-5%;bottom:6%;width:35%;height:13%;border:1px solid #697897;border-top-width:3px;transform:rotate(-15deg);background:#17223566;z-index:3;pointer-events:none}
.eng-page.eng-service-detail .eng-service-principle{border-top:1px solid #3b4558;padding:22px 2px 0;margin-top:24px}
.eng-page.eng-service-detail .eng-service-principle strong{font-size:.95rem;color:#e9edf6}
.eng-page.eng-service-detail .eng-service-principle p{font-size:.86rem;color:#aab7cc;line-height:2}
.eng-page.eng-service-detail .eng-service-considerations{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}
.eng-page.eng-service-detail .eng-service-guidance{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}
.eng-page.eng-service-detail .eng-service-guidance--single{grid-template-columns:1fr}
.eng-page.eng-service-detail .eng-service-guidance h2{margin:0 0 20px;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.7;text-wrap:balance}
.eng-page.eng-service-detail .eng-service-fit-intro{margin:0 0 12px;color:var(--eng-muted);font-size:.96rem;line-height:2}
.eng-page.eng-service-detail .eng-service-feature-details{margin:0}
.eng-page.eng-service-detail .eng-service-feature-details>div{padding:20px 0;border-bottom:1px solid #dce0ec}
.eng-page.eng-service-detail .eng-service-feature-details>div:first-child{padding-top:0}
.eng-page.eng-service-detail .eng-service-feature-details dt{color:var(--eng-ink);font-size:1rem;line-height:1.9;font-weight:750}
.eng-page.eng-service-detail .eng-service-feature-details dd{margin:8px 0 0;color:var(--eng-muted);font-size:.95rem;line-height:2;overflow-wrap:anywhere}
.eng-page.eng-service-detail .eng-service-editorial-list{padding:0;margin:0;list-style:none;display:grid;align-content:start}
.eng-page.eng-service-detail .eng-service-editorial-list li{position:relative;padding:20px 26px 20px 0;border-bottom:1px solid #dce0ec;color:var(--eng-muted);font-size:.95rem;line-height:2}
.eng-page.eng-service-detail .eng-service-editorial-list li::before{content:'';position:absolute;right:0;top:32px;width:6px;height:6px;border-radius:50%;background:var(--eng-primary)}
.eng-page.eng-service-detail .eng-service-preparation{max-width:700px;margin:28px auto 0;padding-top:24px;border-top:1px solid #cfd4e5;text-align:right}
.eng-page.eng-service-detail .eng-service-preparation h3{margin:0;font-size:1rem;line-height:1.9}
.eng-page.eng-service-detail .eng-service-preparation .eng-service-preparation-hint{margin:10px 0 0;font-size:.92rem;line-height:2;color:var(--eng-muted)}
.eng-page.eng-service-detail .eng-service-preparation ol{margin:14px 0 0;padding-inline-start:24px;display:grid;gap:9px;color:var(--eng-muted);font-size:.94rem;line-height:2}
@media(max-width:900px){.eng-page.eng-service-detail .eng-hero-grid,.eng-page.eng-service-detail .eng-service-considerations,.eng-page.eng-service-detail .eng-service-guidance{grid-template-columns:1fr;gap:2rem}.eng-page.eng-service-detail .eng-hero-note{max-width:650px;width:100%;margin-inline:auto}.eng-page.eng-service-detail .eng-hero h1{font-size:clamp(2rem,5.8vw,3rem)}}
@media(max-width:760px){.eng-page.eng-service-detail .eng-service-art{aspect-ratio:2/3}}
@media(max-width:620px){.eng-page.eng-service-detail .eng-hero{padding-block:3rem}.eng-page.eng-service-detail .eng-hero h1{font-size:2rem;line-height:1.5}.eng-page.eng-service-detail .eng-hero-lead{font-size:.96rem}.eng-page.eng-service-detail .eng-service-principle{padding-top:18px;margin-top:18px}.eng-page.eng-service-detail .eng-service-editorial-list li{font-size:.9rem}.eng-page.eng-service-detail .eng-service-preparation ol{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.eng-page.eng-service-detail .eng-service-art picture{transform:none;transition:none}}
