/* The product index leads with four real destinations, then the full registry. */
.page--products-endgame { color:#172426; background:#e9eae2; }
.page--products-endgame .container { width:min(calc(100% - 64px),1376px); margin-inline:auto; }
.products-entry { padding:clamp(38px,5.5vw,72px) 0 28px; background:#e9eae2; color:#172426; }
.products-entry__intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr); align-items:end; gap:24px 6%; margin-bottom:30px; }
.products-entry__eyebrow { margin:0 0 18px; color:#3b646a; font:700 .69rem/1.3 var(--cosmos-mono); letter-spacing:.13em; }
.products-entry h1 { margin:0; font:500 clamp(3.8rem,6.2vw,7.1rem)/.88 var(--cosmos-font); letter-spacing:-.08em; text-wrap:balance; }
.products-entry h1 em { color:#376a73; font-family:Georgia,serif; font-weight:400; font-size:.9em; letter-spacing:-.065em; }
.products-entry__intro-right { max-width:420px; padding-bottom:3px; }
.products-entry__intro-right > p { max-width:38ch; margin:0 0 25px; color:#455b5c; font-size:clamp(.9rem,1.1vw,1rem); line-height:1.55; }
.products-entry__intro-right > div { display:flex; flex-wrap:wrap; gap:8px 22px; }
.products-entry__intro-right a { display:inline-flex; align-items:center; gap:10px; min-height:38px; color:#17383f; font-size:.81rem; font-weight:700; text-decoration:none; border-bottom:1px solid #38636b; }
.products-entry__intro-right a:hover { color:#346f7b; }
.products-entry__intro-right a svg { transition:transform .2s ease; }
.products-entry__intro-right a:hover svg { transform:translateX(4px); }
.products-entry__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.products-entry-card { --card-bg:#10212a; --card-fg:#f0f3ee; --card-muted:#b3c5c9; --card-line:#ffffff35; display:flex; flex-direction:column; min-width:0; min-height:376px; overflow:hidden; color:var(--card-fg); background:var(--card-bg); border:1px solid #18323828; text-decoration:none; transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease; }
.products-entry-card:hover { transform:translateY(-5px); box-shadow:0 18px 30px #24373935; }
.products-entry-card:focus-visible { outline:3px solid #235f73; outline-offset:3px; }
.products-entry-card--betra-cloud { --card-bg:#d7e2dd; --card-fg:#203c42; --card-muted:#42636b; --card-line:#335d6245; }
.products-entry-card--bobflix { --card-bg:#1a1818; --card-fg:#eee9de; --card-muted:#c9b79e; --card-line:#e9d3b345; }
.products-entry-card--arc { --card-bg:#cbd0c6; --card-fg:#253633; --card-muted:#50615b; --card-line:#41605450; }
.products-entry-card__top { display:flex; align-items:start; justify-content:space-between; gap:9px; min-height:45px; padding:17px 17px 10px; border-bottom:1px solid var(--card-line); color:var(--card-muted); font:700 .61rem/1.25 var(--cosmos-mono); letter-spacing:.045em; }
.products-entry-card__status { color:var(--card-fg); text-align:right; }
.products-entry-scene { position:relative; flex:1; min-height:176px; overflow:hidden; }
.products-entry-scene__caption,.products-entry-scene--astrid > span { position:absolute; z-index:2; left:14px; bottom:11px; color:#eef3edb9; font:700 .54rem/1.2 var(--cosmos-mono); letter-spacing:.07em; }
.products-entry-scene--astrid { background:#09131e; }
.products-entry-scene--astrid::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,#0d1b24ec); }
.products-entry-scene--astrid img { display:block; width:135%; height:100%; max-width:none; object-fit:cover; object-position:25% 26%; transform:translateX(-8%); }
.products-entry-scene--cloud { display:grid; place-items:center; padding:24px 25px 25px; background:linear-gradient(138deg,#b5d0ce,#91b3b5 65%,#769ca6); }
.products-entry-scene--cloud .products-entry-scene__caption { color:#193d42b3; }
.products-entry-scene__window { width:100%; max-width:280px; height:147px; overflow:hidden; border:1px solid #5d8580; border-radius:5px; background:#edf3ed; box-shadow:10px 13px 0 #2c606057,18px 24px 30px #24525850; transform:rotate(-3deg); }
.products-entry-scene__bar { display:flex; align-items:center; gap:4px; height:27px; padding:0 10px; background:#112632; color:#e8f2eb; font:700 .51rem var(--cosmos-mono); letter-spacing:.07em; }
.products-entry-scene__bar span { margin-right:auto; }
.products-entry-scene__bar i { width:5px; height:5px; border:1px solid #cde4dd; border-radius:50%; }
.products-entry-scene__tabs { display:flex; gap:13px; align-items:center; height:32px; padding:0 12px; border-bottom:1px solid #b4c8c2; color:#557074; font-size:.56rem; }
.products-entry-scene__tabs b { color:#16373e; }
.products-entry-scene__files { display:grid; gap:6px; padding:10px 11px; }
.products-entry-scene__files > span { display:flex; align-items:center; gap:7px; height:30px; padding:0 8px; border:1px solid #c7d6cf; border-radius:3px; color:#294e54; background:#f7faf5; font-size:.57rem; }
.products-entry-scene__files i { width:12px; height:10px; border:1px solid #4c8387; border-radius:1px 2px 2px 2px; }
.products-entry-scene__files b { font-weight:600; }
.products-entry-scene__files em { margin-left:auto; font-style:normal; }
.products-entry-scene--bobflix { display:grid; place-items:center; padding:18px 22px; background:radial-gradient(circle at 75% 30%,#66462e,#211c1a 52%,#0b0e11); }
.products-entry-scene--bobflix::before { content:''; position:absolute; inset:0; opacity:.32; background:repeating-linear-gradient(165deg,transparent 0 28px,#caac8044 29px,transparent 30px); }
.products-entry-scene--bobflix .products-entry-scene__caption { color:#d7b98c; }
.products-entry-scene__screen { position:relative; width:100%; max-width:280px; height:150px; border:1px solid #b798765e; border-radius:5px; background:#101416; box-shadow:9px 12px 28px #0009; }
.products-entry-scene__screen > span { display:block; height:24px; padding:6px 9px; color:#e4d3b9; border-bottom:1px solid #b798765e; font:700 .55rem var(--cosmos-mono); letter-spacing:.13em; }
.products-entry-scene__poster { position:relative; height:92px; padding:28px 12px 8px; overflow:hidden; background:linear-gradient(135deg,#11151a,#2d2928 44%,#79563c); }
.products-entry-scene__poster i { position:absolute; right:14px; top:7px; width:67px; height:100px; border:1px solid #e5c4975e; border-radius:50%; transform:rotate(-37deg); }
.products-entry-scene__poster strong { position:relative; color:#f4e8d4; font:400 1.18rem/.92 Georgia,serif; }
.products-entry-scene__play { display:flex; align-items:center; gap:8px; height:32px; padding:0 10px; color:#cfbaa0; font-size:.59rem; }
.products-entry-scene__play b { display:grid; place-items:center; width:16px; height:16px; border-radius:50%; color:#271b14; background:#d7b98c; font-size:.43rem; }
.products-entry-scene--arc { display:grid; place-items:center; padding:22px 27px 26px; background:linear-gradient(138deg,#aebcb3,#90a59e 68%,#748f88); }
.products-entry-scene--arc .products-entry-scene__caption { color:#203b39ba; }
.products-entry-scene__arc { width:100%; max-width:270px; height:153px; overflow:hidden; border:1px solid #3b5e5b; border-radius:4px; color:#eaf0e9; background:#172a2b; box-shadow:11px 14px 0 #3b5e5b61,18px 24px 30px #2b504b64; transform:rotate(2deg); }
.products-entry-scene__arc-head { display:flex; align-items:center; justify-content:space-between; height:28px; padding:0 9px; border-bottom:1px solid #8fada236; font:700 .53rem var(--cosmos-mono); letter-spacing:.05em; }
.products-entry-scene__arc-head i { width:8px; height:8px; border:1px solid #bfd6c1; border-radius:50%; }
.products-entry-scene__arc-body { display:grid; gap:2px; padding:7px 9px; }
.products-entry-scene__arc-body > b { margin-bottom:3px; font-size:.66rem; }
.products-entry-scene__arc-body > span { display:flex; justify-content:space-between; align-items:center; padding:4px 6px; border:1px solid #9eb8a929; color:#e3ece3; font-size:.52rem; }
.products-entry-scene__arc-body i { color:#b9c9ac; font-style:normal; }
.products-entry-card__body { display:block; min-height:96px; padding:13px 17px 9px; }
.products-entry-card__name { display:flex; align-items:center; gap:9px; min-width:0; }
.products-entry-card__name .product-mark { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border:1px solid var(--card-line); border-radius:7px; color:var(--card-fg); background:transparent; }
.products-entry-card__name .product-mark svg { width:23px; height:23px; }
.products-entry-card__name strong { min-width:0; color:var(--card-fg); font-size:clamp(1.48rem,1.9vw,2rem); font-weight:600; line-height:1; letter-spacing:-.06em; }
.products-entry-card__body > small { display:block; margin:8px 0 0 41px; color:var(--card-muted); font-size:.76rem; line-height:1.3; }
.products-entry-card__action { display:flex; align-items:center; justify-content:space-between; min-height:43px; margin:0 17px; border-top:1px solid var(--card-line); color:var(--card-fg); font-size:.73rem; font-weight:700; }
.products-entry-card__action svg { transition:transform .2s ease; }
.products-entry-card:hover .products-entry-card__action svg { transform:translateX(5px); }
.products-entry__note { display:flex; justify-content:flex-end; gap:4px; margin:15px 0 0; color:#496064; font-size:.72rem; line-height:1.45; }
.products-entry__note a { color:#1d5661; text-underline-offset:3px; }

/* Four compact editorial records replace the broken narrow mobile carousel. */
.page--products-endgame .products-featured { padding:70px 0 82px; background:#f4f3ec; }
.page--products-endgame .products-featured .endgame-heading { margin-bottom:30px; }
.page--products-endgame .products-featured .endgame-heading h2 { max-width:780px; color:#1a2b2d; font-size:clamp(2.5rem,4.4vw,4.8rem); }
.page--products-endgame .products-featured .endgame-heading p:not(.eyebrow) { color:#55686a; }
.page--products-endgame .products-featured .eyebrow,.page--products-endgame .products-registry .eyebrow { color:#3b646a; }
.page--products-endgame .products-featured__stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0; overflow:visible; scroll-snap-type:none; }
.page--products-endgame .products-featured__story { display:grid; grid-template-columns:minmax(0,.45fr) minmax(0,.55fr); align-items:stretch; gap:0; min-width:0; min-height:250px; border:1px solid #9fb7b039; background:#172122; }
.page--products-endgame .products-featured__story:nth-child(even)>div { order:0; }
.page--products-endgame .products-featured__story > div:first-child { min-width:0; min-height:0; overflow:hidden; }
.page--products-endgame .products-featured__story .endgame-product-scene { width:100%; height:100%; min-height:100%; border:0; border-radius:0; box-shadow:none; }
.page--products-endgame .products-featured__story > section { min-width:0; padding:23px 23px 18px; }
.page--products-endgame .products-featured__story h2 { margin-top:13px; font-size:clamp(1.5rem,2.1vw,2.5rem); line-height:1; }
.page--products-endgame .products-featured__story p { margin-top:10px; font-size:.78rem; line-height:1.45; }
.page--products-endgame .products-featured__story .products-featured__tagline { color:#d6c3a7!important; font-size:.87rem!important; }
.page--products-endgame .products-featured__story section>a { margin-top:12px; font-size:.77rem; }
.page--products-endgame .products-featured__story > div > span { z-index:2; }
.page--products-endgame .products-registry { padding:70px 0 110px; background:#e9eae2; }
.page--products-endgame .products-registry .endgame-heading { margin-bottom:30px; }
.page--products-endgame .products-registry .endgame-heading h2 { color:#1a2b2d; font-size:clamp(2.5rem,4.4vw,4.8rem); }
.page--products-endgame .products-registry .endgame-heading p:not(.eyebrow) { color:#55686a; }
.page--products-endgame .products-registry__toolbar { position:relative; top:auto; border-color:#a8beb43a; border-radius:8px; background:#182122f2; }
.page--products-endgame .products-registry__toolbar label { border-color:#a8beb43a; border-radius:5px; }
.page--products-endgame .products-registry__toolbar button { border-radius:5px; }
.page--products-endgame .products-registry__grid { gap:10px; }
.page--products-endgame .products-registry__count { color:#506466; }
.page--products-endgame .betra-product-card { border-color:#a8beb42e; border-radius:7px; background:#172122; }

@media (max-width:1040px) {
  .products-entry__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .products-entry-card { min-height:350px; }
  .products-entry__intro { grid-template-columns:minmax(0,1fr) minmax(230px,.6fr); }
  .page--products-endgame .products-featured__stories { grid-template-columns:1fr; }
  .page--products-endgame .products-featured__story { min-height:220px; }
}
@media (max-width:600px) {
  .page--products-endgame .container { width:calc(100% - 32px); }
  .products-entry { padding:18px 0 23px; }
  .products-entry__intro { display:block; margin-bottom:14px; }
  .products-entry__eyebrow { margin-bottom:10px; font-size:.7rem; }
  .products-entry h1 { font-size:clamp(2.6rem,11.7vw,4rem); line-height:.91; }
  .products-entry__intro-right { max-width:none; }
  .products-entry__intro-right > p { max-width:38ch; margin:9px 0 6px; font-size:.8rem; line-height:1.4; }
  .products-entry__intro-right > div { gap:5px 18px; }
  .products-entry__intro-right a { min-height:30px; font-size:.75rem; }
  .products-entry__grid { grid-template-columns:1fr; gap:6px; }
  .products-entry-card { display:grid; grid-template-columns:110px minmax(0,1fr); grid-template-rows:30px minmax(0,1fr) 30px; min-height:108px; }
  .products-entry-card:first-child { grid-template-columns:minmax(0,42%) minmax(0,58%); min-height:174px; }
  .products-entry-card__top { grid-column:2; grid-row:1; min-height:0; padding:9px 12px 0; border:0; font-size:.75rem; }
  .products-entry-card__top > span:first-child { display:none; }
  .products-entry-scene { grid-column:1; grid-row:1/4; min-width:0; min-height:100%; }
  .products-entry-scene--astrid img { width:220%; transform:translateX(-24%); }
  .products-entry-scene__window,.products-entry-scene__screen,.products-entry-scene__arc { transform:none; height:83px; box-shadow:5px 7px 12px #20444955; }
  .products-entry-scene--cloud,.products-entry-scene--bobflix,.products-entry-scene--arc { padding:5px; }
  .products-entry-scene__bar,.products-entry-scene__arc-head { height:20px; }
  .products-entry-scene__tabs { height:20px; }
  .products-entry-scene__files { gap:3px; padding:5px; }
  .products-entry-scene__files > span { height:18px; }
  .products-entry-scene__files > span:nth-child(2) { display:none; }
  .products-entry-scene__screen > span { height:18px; padding:4px 6px; }
  .products-entry-scene__poster { height:52px; padding:12px 6px 4px; }
  .products-entry-scene__poster strong { font-size:.75rem; }
  .products-entry-scene__play { height:18px; font-size:.46rem; }
  .products-entry-scene__arc-body { padding:4px 6px; }
  .products-entry-scene__arc-body > span { padding:2px 4px; }
  .products-entry-scene__arc-body > span:last-child { display:none; }
  .products-entry-scene__caption,.products-entry-scene--astrid > span { display:none; }
  .products-entry-card__body { grid-column:2; grid-row:2; min-height:0; align-self:center; padding:2px 12px; }
  .products-entry-card__name { gap:7px; }
  .products-entry-card__name .product-mark { flex-basis:25px; width:25px; height:25px; border-radius:4px; }
  .products-entry-card__name .product-mark svg { width:19px; height:19px; }
  .products-entry-card__name strong { font-size:clamp(1.25rem,5.5vw,1.55rem); }
  .products-entry-card__body > small { margin:5px 0 0; font-size:.75rem; line-height:1.25; }
  .products-entry-card__action { grid-column:2; grid-row:3; min-height:0; margin:0 12px; font-size:.875rem; }
  .products-entry-card__action svg { width:14px; }
  .products-entry__note { display:block; margin-top:12px; font-size:.75rem; }
  .page--products-endgame .products-featured { padding:54px 0; }
  .page--products-endgame .products-featured .endgame-heading { margin-bottom:20px; }
  .page--products-endgame .products-featured__stories { display:grid; grid-template-columns:1fr; gap:8px; }
  .page--products-endgame .products-featured__story { display:grid; grid-template-columns:minmax(104px,.38fr) minmax(0,.62fr); min-height:210px; border-radius:6px; }
  .page--products-endgame .products-featured__story > div:first-child { min-width:0; min-height:100%; }
  .page--products-endgame .products-featured__story > section { min-width:0; padding:12px; }
  .page--products-endgame .products-featured__story section header { gap:4px; }
  .page--products-endgame .products-featured__story h2 { margin-top:10px; font-size:clamp(1.4rem,6.2vw,1.9rem); }
  .page--products-endgame .products-featured__story .products-featured__tagline { margin-top:6px!important; font-size:.8rem!important; }
  .page--products-endgame .products-featured__story p:not(.products-featured__tagline) { margin-top:6px; font-size:.75rem; line-height:1.35; }
  .page--products-endgame .products-featured__story section>a { margin-top:8px; font-size:.875rem; }
  .page--products-endgame .products-registry { padding:54px 0 80px; }
  .page--products-endgame .products-registry__toolbar { display:grid; grid-template-columns:1fr; gap:8px; max-width:100%; margin:0; padding:9px; overflow:visible; scroll-snap-type:none; }
  .page--products-endgame .products-registry__toolbar label { flex-basis:auto; width:100%; }
  .page--products-endgame .products-registry__toolbar div[role="group"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; overflow:visible; }
  .page--products-endgame .products-registry__toolbar div[role="group"] button { min-width:0; min-height:42px; padding:5px; font-size:.75rem; white-space:normal; }
  .page--products-endgame .betra-product-card { min-height:280px!important; border-radius:6px!important; }
}
@media (max-width:360px) {
  .page--products-endgame .container { width:calc(100% - 24px); }
  .products-entry-card { grid-template-columns:102px minmax(0,1fr); }
  .products-entry-card:first-child { grid-template-columns:minmax(0,42%) minmax(0,58%); }
  .products-entry-card__name strong { font-size:1.14rem; }
  .page--products-endgame .products-featured__story { grid-template-columns:102px minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  .products-entry-card,.products-entry__intro-right a svg,.products-entry-card__action svg { transition:none; }
  .products-entry-card:hover { transform:none; }
}