/* Local design review: shared hierarchy, quiet film gallery and clearer grouping. */
body.editorial{--title-size:clamp(64px,7.8vw,144px);--transition-space:clamp(80px,7vw,128px)}
.editorial #product>.section-heading h2,.editorial #software>.section-heading h2,.editorial #contact h2{font-size:var(--title-size);line-height:1.01;letter-spacing:-.025em}
.editorial #explanations-title{font-size:clamp(86px,13.6vw,210px);line-height:.94;letter-spacing:-.025em}
.editorial #product>.section-heading .eyebrow,.editorial #software>.section-heading .eyebrow{font-size:clamp(28px,2.2vw,36px)!important;line-height:1.1!important;margin-bottom:14px}
.editorial #in-action .explanation-intro{padding-top:clamp(40px,4vw,72px);padding-bottom:32px}
.editorial #in-action .action-lightfall{opacity:.56;mask-image:radial-gradient(ellipse 62% 38% at 50% 64%,#0004 0%,#0008 60%,#000 100%)}
.editorial #in-action .pixel-effect-host{opacity:.65}
.editorial #in-action .explanation-heading h3{font-size:clamp(30px,2.5vw,38px);line-height:1.08}
/* Identical footprints and identical number-to-label spacing for the four facts. */
.editorial .poster-intro .spec-rail{--stat-size:clamp(36px,3.05vw,48px);width:calc((100% - 1px)*2/3);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.editorial .poster-intro .spec-rail>div,.editorial .poster-intro .spec-rail>div:nth-child(n){width:100%;min-height:78px;box-sizing:border-box;justify-content:center;justify-self:stretch;align-items:center;padding:14px 12px!important;gap:14px;border-color:#74ddeb38!important;background:#08121655}
.editorial .poster-intro .spec-rail b{flex:none}
.editorial .poster-intro .spec-rail span{font-size:calc(var(--stat-size)*.4);line-height:calc(var(--stat-size)*.5);height:var(--stat-size);flex:none}
/* A short caption tracks the actual on-screen workflow, with no zoom or clicks. */
.editorial #software .software-demo-caption{position:absolute;bottom:2.2%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;max-width:80%;width:max-content;box-sizing:border-box;margin:0;padding:10px 20px;border:1px solid #74ddeb30;border-radius:30px;background:#080f14ed;color:#e7f6f9;font:600 clamp(18px,1.4vw,23px)/1.3 Arial,sans-serif;text-align:center;z-index:4;pointer-events:none;letter-spacing:-.02em}
.software-demo-caption::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#93dce7;box-shadow:0 0 8px #74ddeb80}
/* Tight, aligned ownership steps beneath the purchase controls. */
.editorial #buy .purchase-bar{row-gap:32px}
.editorial #buy .purchase-bar .package-info .buy-heading{margin-bottom:18px}
.editorial #buy .purchase-bar .package-info ul{margin:16px 0;padding:16px 0}
.editorial #buy .purchase-bar #buy-stage{height:440px}
.editorial #buy .purchase-bar .ownership{margin:0;gap:28px;align-items:start}
.editorial #buy .purchase-bar .ownership article{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:60px auto;column-gap:12px;row-gap:8px;align-content:start;align-items:start;padding:0;border:0}
.editorial #buy .purchase-bar .ownership article>span{grid-column:1;grid-row:1;margin:0;font:700 21px/1.25 Arial,sans-serif;color:#93dce7}
.editorial #buy .purchase-bar .ownership article h3{grid-column:2;grid-row:1;margin:0;min-height:0;max-width:none;font:700 clamp(22px,1.8vw,27px)/1.12 Arial,sans-serif;letter-spacing:-.035em}
.editorial #buy .purchase-bar .ownership article p{grid-column:2;grid-row:2;margin:0;max-width:none;font-size:17px!important;line-height:1.45!important;color:#c1d0d8}
/* Keep the existing hand contour and half-overlapping keys, with shared breathing room. */
.editorial .intro.poster-intro{--poster-section-gap:clamp(112px,10vw,176px)}
.editorial #in-action{padding-bottom:calc(clamp(150px,13vw,194px)*.5 + 40px)}
.editorial #product{padding-top:clamp(144px,11vw,192px);padding-bottom:var(--transition-space)}
.editorial #buy .package.buy-showcase{margin-top:var(--transition-space)}
@media(max-width:1100px){.editorial .poster-intro .spec-rail{width:calc((100% - 1px)*2/3);grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 body.editorial{--title-size:clamp(58px,14vw,90px);--transition-space:80px}
 .editorial #explanations-title{font-size:20vw}
 .editorial #product>.section-heading .eyebrow,.editorial #software>.section-heading .eyebrow{font-size:28px!important}
 .editorial #in-action .explanation-intro{padding-top:36px;padding-bottom:24px}
 .editorial .poster-intro .spec-rail{--stat-size:36px;width:100%;gap:12px;margin-top:28px}
 .editorial .poster-intro .spec-rail>div,.editorial .poster-intro .spec-rail>div:nth-child(n){min-height:76px;padding:12px 8px!important;gap:10px}
 .editorial #software .software-demo-caption{position:relative;inset:auto;transform:none;max-width:calc(100% - 32px);width:max-content;margin:8px auto 0;padding:10px 14px;font-size:17px;gap:10px}
 .editorial #buy .purchase-bar{row-gap:24px}
 .editorial #buy .purchase-bar #buy-stage{height:300px}
 .editorial #buy .purchase-bar .ownership{gap:24px;margin-top:8px}
 .editorial #buy .purchase-bar .ownership article{grid-template-rows:auto auto}
 .editorial #buy .purchase-bar .ownership article h3{font-size:24px}
 .editorial .intro.poster-intro{--poster-section-gap:112px}
 .editorial #in-action{padding-bottom:111px}
 .editorial #product{padding-top:128px}
}
@media(max-width:360px){.editorial .poster-intro .spec-rail{grid-template-columns:1fr;--stat-size:38px}}

/* Long categories cannot shift the fixed navigation row on small screens. */
.editorial #product .detail-top{display:flex;align-items:center;flex-wrap:nowrap;height:22px;min-height:22px;flex:none}
.editorial #product #key-category{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editorial #product #key-count{flex:none;white-space:nowrap}
.editorial #buy .purchase-bar .ownership article h3{white-space:normal;overflow-wrap:normal;text-wrap:balance}

/* Remove inherited preview minimums so the purchase composition can tighten. */
.editorial #buy .purchase-bar #buy-stage{min-height:0}
.editorial #buy .purchase-bar .ownership article h3{max-width:16ch}
.editorial #product .product-stage.stage-ready .model-fallback{display:none}
@media(max-width:800px){.editorial #buy .purchase-bar .ownership article h3{max-width:none}}