/* Espia: graphite, a cold light accent, and a support index with real destinations.
   The symbol sits on a quiet technical drawing; the four resource rows do the work. */
body.sh-espia {
    --eh-bg: #101518;
    --eh-surface: #192125;
    --eh-ink: #f1f7f8;
    --eh-muted: #a7b8c0;
    --eh-line: #35434a;
    --eh-ice: #c6eff4;
    --sh-bg: var(--eh-bg);
    --sh-paper: var(--eh-surface);
    --sh-panel: var(--eh-surface);
    --sh-ink: var(--eh-ink);
    --sh-muted: var(--eh-muted);
    --sh-line: var(--eh-line);
    --sh-accent: var(--eh-ice);
    --sh-focus: var(--eh-ice);
    background: var(--eh-bg);
    color: var(--eh-ink);
    color-scheme: dark;
}
.sh-espia .sh-main { padding: 0; }
/* The original 465 hero only contains the nine language buttons. Their native
   anchors are presented above the intact manual with the new local flag nav. */
.sh-espia .sh-original .elementor-element-334853ab { display: none; }
.sh-espia :focus-visible { outline-color: var(--eh-ice); outline-offset: 5px; }
.sh-espia ::selection { color: #101518; background: var(--eh-ice); }
.sh-espia .sh-header { background: var(--eh-bg); border-bottom: 1px solid #29363c; }
.sh-espia .sh-header > .sh-shell { min-height: 96px; }
.sh-espia .sh-brand { color: var(--eh-ink); gap: 13px; }
.sh-espia .sh-brand img { width: 42px; height: 42px; object-fit: contain; border-radius: 50%; }
.sh-espia .sh-brand small { margin-top: 4px; color: var(--eh-muted); font-size: 12px; font-weight: 450; letter-spacing: 0; }
.sh-espia .sh-header-link { padding: 9px 15px; border: 1px solid var(--eh-line); border-radius: 7px; color: var(--eh-ink); font-size: 13px; }
.sh-espia .sh-header-link:hover { background: var(--eh-surface); border-color: #66838e; }
.sh-espia .sh-footer { background: #141b1f; border-top: 1px solid var(--eh-line); color: var(--eh-muted); }
.sh-espia .sh-footer a { color: var(--eh-muted); }
.sh-espia .sh-footer a:hover { color: var(--eh-ice); }

.sh-espia .eh-language-panel { margin-top: 27px; padding: 17px 24px 19px; border: 1px solid var(--eh-line); border-radius: 12px; background: #192125; }
.sh-espia .eh-language-panel h2 { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 12px; color: var(--eh-ink); font-size: 13px; font-weight: 550; line-height: 1.4; }
.sh-espia .eh-language-panel h2 svg { width: 16px; height: 16px; color: var(--eh-ice); }
.sh-espia .sh-languages { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 5px; margin: 0; padding: 0; background: transparent; border: 0; }
.sh-espia a.sh-language { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 45px; padding: 8px 5px; border: 1px solid transparent; border-radius: 7px; color: #c2ced3; font-size: 12px; font-weight: 550; text-decoration: none; }
.sh-espia a.sh-language img { display: block; width: 25px; height: 17px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px #ffffff16; flex: 0 0 auto; }
.sh-espia a.sh-language:hover { color: #fff; background: #28353c; }
.sh-espia a.sh-language[aria-current] { color: #12343f; background: var(--eh-ice); border-color: var(--eh-ice); }
.sh-espia a.sh-language svg { width: 12px; height: 12px; }

.sh-espia .eh-home { padding-top: 54px; padding-bottom: 70px; }
.sh-espia .eh-home-layout { display: grid; grid-template-columns: .86fr 1.34fr; align-items: start; gap: clamp(40px, 5.1vw, 76px); }
.sh-espia .eh-intro { min-width: 0; padding-top: 1px; }
.sh-espia .eh-intro h1 { max-width: 12ch; margin: 0; color: var(--eh-ink); font-size: clamp(46px, 4.5vw, 66px); font-weight: 650; line-height: 1.09; letter-spacing: -2.8px; text-wrap: balance; overflow-wrap: break-word; }
.sh-espia .eh-lead { max-width: 42ch; margin: 23px 0 0; color: var(--eh-muted); font-size: 15px; line-height: 1.85; }
.sh-espia .eh-products { display: flex; align-items: flex-start; gap: 9px; max-width: 42ch; margin: 22px 0 0; color: #c5d6dd; font-size: 12px; font-weight: 500; line-height: 1.6; }
.sh-espia .eh-products svg { width: 17px; height: 17px; margin-top: 1px; color: var(--eh-ice); flex: 0 0 auto; }

.sh-espia .eh-instrument { position: relative; width: min(100%, 338px); height: 158px; margin-top: 29px; overflow: hidden; isolation: isolate; }
.sh-espia .eh-instrument-grid { position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(#35434a70 1px, transparent 1px), linear-gradient(90deg, #35434a70 1px, transparent 1px); background-size: 22px 22px; -webkit-mask-image: linear-gradient(90deg, #000, #000 75%, transparent); mask-image: linear-gradient(90deg, #000, #000 75%, transparent); }
.sh-espia .eh-instrument-rule { position: absolute; background: #5e7883; }
.sh-espia .eh-instrument-rule--horizontal { top: 78px; left: 0; width: 100%; height: 1px; }
.sh-espia .eh-instrument-rule--vertical { top: 0; left: 94px; width: 1px; height: 100%; }
.sh-espia .eh-mark { position: absolute; top: 21px; left: 37px; display: grid; place-items: center; width: 116px; height: 116px; border-radius: 27px; background: #edf5f5; box-shadow: 0 0 0 7px var(--eh-bg), 0 0 0 8px #4e6570; }
.sh-espia .eh-mark img { display: block; width: 86px; height: 86px; object-fit: contain; }
.sh-espia .eh-instrument-node { position: absolute; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #506a75; border-radius: 50%; background: var(--eh-bg); color: var(--eh-ice); }
.sh-espia .eh-instrument-node svg { width: 17px; height: 17px; }
.sh-espia .eh-instrument-node--book { left: 216px; top: 23px; }
.sh-espia .eh-instrument-node--camera { left: 265px; bottom: 20px; }
.sh-espia .eh-instrument-corner { position: absolute; width: 15px; height: 15px; border-color: #8da6b0; border-style: solid; }
.sh-espia .eh-instrument-corner--one { top: 0; left: 0; border-width: 1px 0 0 1px; }
.sh-espia .eh-instrument-corner--two { bottom: 0; right: 0; border-width: 0 1px 1px 0; }

.sh-espia .eh-resources { min-width: 0; }
.sh-espia .eh-resources-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #7d939c; }
.sh-espia .eh-resources-heading h2 { margin: 0; color: var(--eh-ink); font-size: 20px; font-weight: 600; line-height: 1.35; letter-spacing: -.35px; }
.sh-espia .eh-resources-heading > span { color: var(--eh-muted); font-size: 11px; line-height: 1.5; text-align: right; }
.sh-espia .eh-action { display: grid; grid-template-columns: 42px minmax(0, 1fr) 35px; gap: 19px; align-items: center; min-height: 121px; padding: 23px 5px 23px 0; border-bottom: 1px solid var(--eh-line); color: var(--eh-ink); text-decoration: none; transition: background-color 140ms ease; }
.sh-espia .eh-action-icon { display: grid; place-items: center; width: 42px; height: 44px; color: #c4dce4; }
.sh-espia .eh-action-icon svg { width: 27px; height: 27px; }
.sh-espia .eh-action-copy { display: flex; flex-direction: column; min-width: 0; }
.sh-espia .eh-action-title { color: var(--eh-ink); font-size: clamp(21px, 2vw, 26px); font-weight: 600; line-height: 1.35; letter-spacing: -.55px; }
.sh-espia .eh-action-description { margin-top: 5px; color: var(--eh-muted); font-size: 13px; line-height: 1.6; }
.sh-espia .eh-action-domain { margin-top: 8px; color: #9eb8c2; font-size: 10px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.sh-espia .eh-action-arrow { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #4c626d; border-radius: 50%; color: var(--eh-ice); }
.sh-espia .eh-action-arrow svg { width: 17px; height: 17px; }
.sh-espia .eh-action:hover { background: #1a262b; }
.sh-espia .eh-action:hover .eh-action-title { color: var(--eh-ice); }
.sh-espia .eh-action:hover .eh-action-arrow { color: #122d37; background: var(--eh-ice); border-color: var(--eh-ice); }
.sh-espia .eh-action:focus-visible { position: relative; outline-offset: -3px; border-radius: 5px; }
.sh-espia .eh-secondary { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 22px; margin-top: 15px; }
.sh-espia .eh-secondary a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding-block: 8px; color: #bfced5; font-size: 11px; font-weight: 500; line-height: 1.5; text-underline-offset: 4px; text-decoration: none; }
.sh-espia .eh-secondary a:hover { color: var(--eh-ice); text-decoration: underline; }
.sh-espia .eh-secondary .eh-store-link { margin-left: auto; color: var(--eh-ice); }
.sh-espia .eh-store-link svg { width: 13px; height: 13px; }

@media (min-width: 1500px) {
    .sh-espia .eh-home { padding-top: 64px; }
}
@media (max-width: 1100px) {
    .sh-espia .eh-language-panel { padding-inline: 15px; }
    .sh-espia .sh-languages { gap: 3px; }
    .sh-espia a.sh-language { flex-direction: column; gap: 4px; min-height: 59px; font-size: 11px; }
    .sh-espia .eh-home-layout { grid-template-columns: .88fr 1.12fr; gap: 38px; }
    .sh-espia .eh-intro h1 { font-size: 49px; letter-spacing: -2px; }
    .sh-espia .eh-action { grid-template-columns: 33px minmax(0, 1fr) 29px; gap: 13px; }
    .sh-espia .eh-action-icon { width: 33px; }
    .sh-espia .eh-action-title { font-size: 23px; }
    .sh-espia .eh-secondary { column-gap: 17px; }
    .sh-espia .eh-secondary .eh-store-link { margin-left: 0; }
}
@media (max-width: 760px) {
    .sh-espia .sh-header > .sh-shell { min-height: 82px; }
    .sh-espia .sh-brand { gap: 10px; }
    .sh-espia .sh-brand img { width: 36px; height: 36px; }
    .sh-espia .sh-brand small { font-size: 11px; }
    .sh-espia .sh-header-link { padding: 8px 10px; font-size: 11px; }
    .sh-espia .eh-language-panel { margin-top: 18px; padding: 16px 12px 13px; border-radius: 11px; }
    .sh-espia .eh-language-panel h2 { margin-bottom: 11px; font-size: 12px; }
    .sh-espia .sh-languages { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
    .sh-espia a.sh-language { flex-direction: row; gap: 7px; min-height: 44px; padding: 7px 4px; font-size: 11px; }
    .sh-espia a.sh-language img { width: 23px; height: 16px; }
    .sh-espia a.sh-language svg { display: none; }
    .sh-espia .eh-home { padding-top: 34px; padding-bottom: 42px; }
    .sh-espia .eh-home-layout { display: block; }
    .sh-espia .eh-intro h1 { max-width: 18ch; font-size: clamp(38px, 7.5vw, 50px); letter-spacing: -1.8px; }
    .sh-espia .eh-lead { max-width: 65ch; margin-top: 18px; font-size: 14px; line-height: 1.8; }
    .sh-espia .eh-products { max-width: none; margin-top: 16px; font-size: 11px; }
    .sh-espia .eh-instrument { display: none; }
    .sh-espia .eh-resources { margin-top: 34px; }
    .sh-espia .eh-resources-heading { padding-bottom: 16px; gap: 15px; }
    .sh-espia .eh-resources-heading h2 { font-size: 18px; }
    .sh-espia .eh-resources-heading > span { font-size: 10px; }
    .sh-espia .eh-action { min-height: 112px; padding: 21px 1px 21px 0; grid-template-columns: 32px minmax(0, 1fr) 30px; gap: 13px; }
    .sh-espia .eh-action-icon { width: 32px; }
    .sh-espia .eh-action-icon svg { width: 24px; height: 24px; }
    .sh-espia .eh-action-title { font-size: 21px; letter-spacing: -.45px; }
    .sh-espia .eh-action-description { font-size: 12px; }
    .sh-espia .eh-action-domain { margin-top: 6px; font-size: 10px; }
    .sh-espia .eh-action-arrow { width: 29px; height: 29px; }
    .sh-espia .eh-action-arrow svg { width: 15px; height: 15px; }
    .sh-espia .eh-secondary { gap: 0 19px; margin-top: 13px; }
    .sh-espia .eh-secondary a { font-size: 11px; }
}
@media (max-width: 380px) {
    .sh-espia a.sh-language { gap: 5px; font-size: 10px; }
    .sh-espia a.sh-language img { width: 21px; height: 14px; }
    .sh-espia .eh-intro h1 { font-size: 37px; }
    .sh-espia .eh-action { gap: 10px; grid-template-columns: 29px minmax(0, 1fr) 26px; }
    .sh-espia .eh-action-title { font-size: 20px; }
    .sh-espia .eh-action-arrow { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .sh-espia .eh-action, .sh-espia .sh-language { transition: none; }
}
@media (forced-colors: active) {
    .sh-espia .eh-action-arrow, .sh-espia .eh-language-panel, .sh-espia a.sh-language[aria-current] { border: 1px solid CanvasText; }
    .sh-espia .eh-instrument { display: none; }
}
@media print {
    .sh-espia .eh-language-panel, .sh-espia .eh-instrument, .sh-espia .eh-action-arrow { display: none; }
    .sh-espia .eh-home { padding: 0; }
    .sh-espia .eh-home-layout { display: block; }
    .sh-espia .eh-action { break-inside: avoid; }
}