/* Shared service mastheads. Theme tokens are isolated from page-level variables. */
.service-hero {
    --sh-ink: #faf6ee; --sh-muted: #dbd5e7; --sh-accent: #ffdf9f;
    --sh-surface: #161521; --sh-rule: #fff4d43d;
    --sh-image: url('/images/service-hero-20261005/titanium.webp');
    --sh-veil: linear-gradient(90deg,#171521f7 0%,#171521ed 38%,#17152166 75%,#17152122);
    position: relative; isolation: isolate; overflow: hidden; display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); align-items: center;
    min-height: 306px; padding: 34px 5%; margin-bottom: 32px; gap: 24px;
    border: 1px solid var(--sh-rule); border-radius: 22px;
    background: var(--sh-surface); color: var(--sh-ink); text-align: left;
    box-shadow: 0 14px 30px #18253810; font-family: inherit; line-height: 1.5;
}
.service-hero::before,.service-hero::after{content:none}
.service-hero[data-service-hero="download"],.service-hero[data-service-hero="docs"] {
    --sh-ink:#f0fbff;--sh-muted:#d5e8f1;--sh-accent:#9df0ef;--sh-rule:#bdeaff40;--sh-surface:#052b43;
    --sh-image:url('/images/service-hero-20261005/blueprint.webp');
    --sh-veil:linear-gradient(90deg,#052b43f2,#052b43cf 45%,#052b4340 78%,#052b4300);
}
.service-hero[data-service-hero="storage"] {
    --sh-ink:#292844;--sh-muted:#55556a;--sh-accent:#6e3169;--sh-rule:#c9b7b3;--sh-surface:#f8f0e7;
    --sh-image:url('/images/service-hero-20261005/workspace.webp');
    --sh-veil:linear-gradient(90deg,#fcf6eff7,#fcf6efeb 42%,#fcf6ef66 75%,#fcf6ef22);
}
.service-hero[data-service-hero="supporter"],.service-hero[data-service-hero="plans"] {
    --sh-ink:#fff6ef;--sh-muted:#f6d9e4;--sh-accent:#ffdfa6;--sh-rule:#ffe7c345;--sh-surface:#3b1536;
    --sh-image:url('/images/service-hero-20261005/silk.webp');
    --sh-veil:linear-gradient(90deg,#331330f7,#331330e6 42%,#33133040 78%,#33133011);
}
.service-hero[data-service-hero="account"] {
    --sh-ink:#173b39;--sh-muted:#3d5a57;--sh-accent:#315c4f;--sh-rule:#799b8e77;--sh-surface:#eef5eb;
    --sh-image:url('/images/service-hero-20261005/ledger.webp');
    --sh-veil:linear-gradient(90deg,#f0f8eef7,#f0f8eef0 44%,#f0f8ee70 76%,#f0f8ee20);
}
.service-hero .sh-backdrop{position:absolute;inset:0;z-index:-1;background-image:var(--sh-veil),var(--sh-image);background-size:cover;background-position:center}
.service-hero .sh-copy{position:relative;z-index:2;min-width:0;padding:6px 0}
.service-hero .sh-eyebrow{display:flex;align-items:center;gap:10px;color:var(--sh-accent);font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1.5;margin-bottom:19px}
.service-hero .sh-eyebrow::before{content:'';width:24px;height:2px;background:currentColor;flex-shrink:0}
.service-hero .sh-title{margin:0 0 15px;color:var(--sh-ink);font-size:clamp(26px,3.25vw,44px);font-weight:800;line-height:1.35;letter-spacing:-.04em;text-shadow:none;text-wrap:balance}
.service-hero .sh-subtitle{margin:0;max-width:38em;color:var(--sh-muted);font-size:15px;line-height:1.8;opacity:1}
.service-hero .sh-meta{display:block;margin-top:23px;padding-top:13px;border-top:1px solid var(--sh-rule);max-width:390px;font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--sh-accent)}
.service-hero .sh-art{position:relative;align-self:stretch;min-width:0;min-height:230px;pointer-events:none}
.service-hero .sh-word{position:absolute;top:32%;left:-20%;font-size:clamp(65px,9vw,130px);font-weight:900;font-family:Arial,sans-serif;font-style:italic;line-height:1;letter-spacing:-.06em;color:var(--sh-accent);opacity:.13;white-space:nowrap}
.service-hero .sh-orbit{position:absolute;width:255px;height:255px;border:1px solid var(--sh-rule);border-radius:50%;top:7%;right:1%;box-shadow:0 0 0 22px #ffffff05,0 0 0 23px var(--sh-rule)}
.service-hero .sh-mira{position:absolute;width:330px;max-width:none;height:auto;right:0;top:-26px;filter:drop-shadow(0 8px 18px #24122624);transform:none;object-fit:contain}
.service-hero .sh-signature{position:absolute;right:-1%;bottom:-9px;z-index:2;display:flex;align-items:baseline;gap:10px;color:var(--sh-ink);font-size:26px;font-family:Georgia,serif;font-style:italic;line-height:1;border-bottom:1px solid var(--sh-accent);padding:8px 0;text-shadow:0 1px 4px var(--sh-surface)}
.service-hero .sh-signature span{font-family:inherit;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.08em}
@media(min-width:1250px){.service-hero .sh-mira{width:375px;right:3%;top:-20px}.service-hero{min-height:320px}.service-hero .sh-orbit{right:8%;width:280px;height:280px}.service-hero .sh-word{left:-16%}}
@media(max-width:767px){
    .service-hero{grid-template-columns:minmax(0,1fr);min-height:400px;gap:0;padding:25px 24px 0;border-radius:18px;margin-bottom:24px;align-items:start}
    .service-hero .sh-copy{padding:0;z-index:2}.service-hero .sh-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:13px}
    .service-hero .sh-title{font-size:29px;line-height:1.35;margin-bottom:10px}.service-hero .sh-subtitle{font-size:13px;line-height:1.8;max-width:100%}
    .service-hero .sh-meta{font-size:9px;margin-top:15px;padding-top:10px;max-width:100%;letter-spacing:.09em}
    .service-hero .sh-art{height:208px;min-height:208px;margin-top:5px;align-self:end}
    .service-hero .sh-mira{width:255px;right:-26px;top:-3px}.service-hero .sh-word{font-size:77px;top:36%;left:0;opacity:.18}
    .service-hero .sh-orbit{width:180px;height:180px;right:0;top:10%}.service-hero .sh-signature{left:0;right:auto;bottom:25px;font-size:24px}
}
@media(max-width:359px){.service-hero{padding:22px 18px 0}.service-hero .sh-title{font-size:25px}.service-hero .sh-eyebrow{font-size:9px}.service-hero .sh-mira{right:-36px;width:240px}.service-hero .sh-meta{letter-spacing:.04em}}

@media(min-width:768px) and (max-width:1023px){.service-hero .sh-mira{width:280px;right:-22px;top:0}.service-hero .sh-orbit{width:220px;height:220px;right:-15px}.service-hero .sh-title{font-size:30px}}
@media(max-width:767px){.service-hero .sh-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sh-surface) 94%,transparent),color-mix(in srgb,var(--sh-surface) 88%,transparent) 43%,transparent 75%)}}
