/* PATCH-212: compact space below the header and restored standalone rifle.
   Card layout, Pro, Requests, game store and mobile hero remain unchanged. */
.z208-hub{display:none}

@media (min-width:1024px){
  /* Previously 24px wrapper padding + 18px hero margin = 42px of blank space.
     One 16px inset, no negative margins or changes to the sticky header. */
  html body .zpx-v13.premium-home{padding-top:16px!important}
  html body .premium-home #marketHomeHero{margin-top:0!important}
  #marketHomeHero .z208-legacy-hub{display:none}
  #marketHomeHero .z208-hub{
    --h209-ink:#151b32;
    --h209-muted:#596780;
    display:grid;
    grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(224px,1fr));
    gap:16px;
    min-width:0;
    color:var(--h209-ink);
    font-family:Onest,Inter,system-ui,sans-serif;
  }
  #marketHomeHero .z208-hub *{box-sizing:border-box}
  #marketHomeHero .z208-hub svg{width:22px;height:22px;flex:none}
  #marketHomeHero .z208-surface{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-width:0;
    border:1px solid var(--h209-border,#d8dcf3);
    border-radius:22px;
    color:inherit;
    text-decoration:none;
    box-shadow:0 7px 22px #273e7010,inset 0 1px 0 #ffffffb3;
  }
  #marketHomeHero .z208-main{
    grid-column:1;
    grid-row:1 / 3;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:24px;
    min-height:0;
    padding:clamp(24px,2vw,34px);
    background:
      radial-gradient(ellipse at 94% 24%,#afcaff77,transparent 54%),
      linear-gradient(125deg,#f8f6ff 4%,#ece7ff 53%,#dcecff 100%);
  }
  #marketHomeHero .z208-main-content{position:relative;z-index:2;width:68%;min-width:0}
  #marketHomeHero .z208-eyebrow{
    display:flex;align-items:center;gap:9px;
    margin:0 0 18px;
    color:#5d5982;
    font-size:max(12px,.8125rem);font-weight:600;letter-spacing:.065em;line-height:1.45;
  }
  #marketHomeHero .z208-eyebrow>span{width:8px;height:8px;flex:none;border-radius:50%;background:#8250ff}
  #marketHomeHero .z208-main h1{
    margin:0;max-width:100%;
    color:var(--h209-ink);
    font-size:clamp(2rem,2.6vw,3rem);font-weight:650;line-height:1.13;letter-spacing:-.035em;
  }
  #marketHomeHero .z208-main h1>span{
    background:linear-gradient(100deg,#873aee,#5c4aec 50%,#177be8);
    background-clip:text;-webkit-background-clip:text;color:transparent;
  }
  #marketHomeHero .z208-intro{
    margin:16px 0 20px;max-width:82%;
    color:var(--h209-muted);
    font-size:max(16px,1rem);font-weight:400;line-height:1.55;
  }
  #marketHomeHero .z208-primary{
    display:inline-flex;align-items:center;justify-content:center;gap:16px;
    max-width:100%;min-height:48px;padding:12px 20px;
    border:1px solid #7651f0;border-radius:14px;
    background:linear-gradient(110deg,#7960ff,#683bfa 65%,#8a3df0);
    box-shadow:inset 0 1px 1px #ffffff60,0 6px 15px #7050ed25;
    color:#fff;text-decoration:none;
    font-size:max(15px,1rem);font-weight:600;line-height:1.4;
  }
  #marketHomeHero .z208-primary:hover{background:linear-gradient(110deg,#6c51f1,#592be6 65%,#7b2dde)}
  #marketHomeHero .z208-art{
    position:absolute;z-index:0;pointer-events:none;
    background-repeat:no-repeat;background-position:center;background-size:contain;
  }
  /* Blend the supplied white studio backdrops into the tinted surfaces. */
  #marketHomeHero .z208-art-main,
  #marketHomeHero .z208-art-requests,
  #marketHomeHero .z208-art-market{mix-blend-mode:multiply}
  #marketHomeHero .z208-art-main{
    width:50%;height:83%;right:0;top:7%;
    background-image:url('/assets/img/hero-v208/hero-z.png');
  }
  #marketHomeHero .z208-trust{
    position:relative;z-index:2;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
    width:100%;list-style:none;margin:0;padding:17px 0 0;
    border-top:1px solid #c5c6e6;
  }
  #marketHomeHero .z208-trust li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--h209-ink)}
  #marketHomeHero .z208-trust svg{width:26px;height:26px;color:#6254ed;stroke-width:1.7}
  #marketHomeHero .z208-trust li>span{font-size:max(14px,.9375rem);font-weight:500;line-height:1.4}
  #marketHomeHero .z208-trust small{display:block;margin-top:2px;color:var(--h209-muted);font-size:max(13px,.875rem);font-weight:400}

  /* Equal columns and rows; every service has the same header/body/footer tracks.
     A full-width body avoids the v208 shrink-to-fit flex column and tall wrapping. */
  #marketHomeHero .z208-service{
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto 1fr auto;
    align-items:start;gap:8px;padding:16px 20px;
  }
  #marketHomeHero .z208-pro{
    grid-column:2;grid-row:1;--h209-border:#d5c7f3;--h209-accent:#7033dd;
    background:radial-gradient(ellipse at 100% 100%,#c8b2ff8c,transparent 70%),linear-gradient(130deg,#faf6ff,#ede1ff);
  }
  #marketHomeHero .z208-requests{
    grid-column:3;grid-row:1;--h209-border:#c2daf5;--h209-accent:#1267d9;
    background:radial-gradient(ellipse at 100% 100%,#93c5ff77,transparent 70%),linear-gradient(130deg,#f5faff,#dfedff);
  }
  #marketHomeHero .z208-market{
    grid-column:2;grid-row:2;--h209-border:#bce1d4;--h209-accent:#00824b;
    background:radial-gradient(ellipse at 100% 100%,#8ed6b966,transparent 70%),linear-gradient(130deg,#f4fcf8,#dff5eb);
  }
  #marketHomeHero .z210-game-store{
    grid-column:3;grid-row:2;--h209-border:#ecd8a9;--h209-accent:#916000;
    background:radial-gradient(ellipse at 100% 100%,#ffc45470,transparent 70%),linear-gradient(130deg,#fffaf0,#ffedcc);
  }
  #marketHomeHero a.z208-service:hover{border-color:var(--h209-accent);box-shadow:0 8px 24px #273e7018,inset 0 1px 0 #fff}
  #marketHomeHero .z208-label{
    position:relative;z-index:2;display:flex;align-items:center;gap:9px;
    min-height:32px;width:100%;min-width:0;
    color:var(--h209-accent);
    font-size:max(14px,.9375rem);font-weight:600;line-height:1.3;
  }
  #marketHomeHero .z208-label>span:nth-child(2){flex:1;min-width:0}
  #marketHomeHero .z208-icon{
    width:32px;height:32px;display:grid;place-items:center;flex:none;
    border-radius:10px;background:#ffffffad;color:var(--h209-accent);
  }
  #marketHomeHero .z208-icon svg{width:21px;height:21px}
  #marketHomeHero .z208-round-arrow{
    margin-left:auto;width:32px;height:32px;display:grid;place-items:center;flex:none;
    border:1px solid #ffffffb3;border-radius:50%;color:var(--h209-accent);background:#ffffff9c;
  }
  #marketHomeHero .z208-round-arrow svg{width:17px;height:17px}
  #marketHomeHero .z208-copy{position:relative;z-index:2;width:100%;min-width:0;max-width:none;padding:0}
  #marketHomeHero .z208-copy h2{
    min-height:2.36em;max-width:100%;margin:0;
    color:var(--h209-ink);
    font-size:clamp(1.375rem,1.5vw,1.5rem);font-weight:600;line-height:1.18;letter-spacing:-.025em;
  }
  #marketHomeHero .z208-copy p{
    width:70%;max-width:none;margin:7px 0 0;
    color:var(--h209-muted);font-size:max(14px,.9375rem);font-weight:400;line-height:1.5;
  }
  #marketHomeHero .z208-secondary{
    position:relative;z-index:2;justify-self:start;
    display:inline-flex;align-items:center;justify-content:center;gap:14px;
    max-width:100%;min-height:44px;margin:0;padding:10px 16px;
    border:1px solid #ffffffeb;border-radius:13px;
    background:#ffffffe6;color:var(--h209-accent);
    font-size:max(14px,.9375rem);font-weight:500;line-height:1.4;
    box-shadow:0 2px 7px #24355205;
  }
  #marketHomeHero .z208-secondary svg{width:18px;height:18px}
  #marketHomeHero .z208-service .z208-art{right:2%;bottom:16px;width:31%;height:53%}
  #marketHomeHero .z208-art-pro{background-image:url('/assets/img/hero-v208/pro-crown.png')}
  #marketHomeHero .z208-art-requests{background-image:url('/assets/img/hero-v208/requests-document.png')}
  #marketHomeHero .z210-art-game-store{
    background-image:url('/assets/img/hero-v210/games-keys.png');
    mix-blend-mode:multiply;
  }
  #marketHomeHero .z210-store-status{
    position:relative;z-index:2;justify-self:start;
    display:inline-flex;align-items:center;gap:8px;
    max-width:70%;min-height:44px;padding:10px 0;
    color:var(--h209-accent);
    font-size:max(14px,.9375rem);font-weight:600;line-height:1.4;
  }
  #marketHomeHero .z210-store-status svg{width:18px;height:18px}
  #marketHomeHero .z208-service .z208-art-market{
    right:2%;bottom:67px;width:31%;height:36%;
    background-image:url('/assets/img/hero-v212/market-rifle.png');
  }
  #marketHomeHero .z208-games{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0}
  #marketHomeHero .z208-games a{
    display:flex;align-items:center;gap:8px;
    min-width:0;min-height:44px;padding:8px 10px;
    border:1px solid #ffffffeb;border-radius:13px;
    background:#ffffffe6;color:#172b28;text-decoration:none;
    font-size:max(14px,.9375rem);font-weight:500;line-height:1.4;
  }
  #marketHomeHero .z208-games a:hover{border-color:#79b9a0;background:#fff}
  #marketHomeHero .z208-games a img{width:26px;height:26px;object-fit:contain;border-radius:6px}
  #marketHomeHero .z208-games a svg{width:17px;height:17px;margin-left:auto}
  #marketHomeHero .z208-hub a:focus-visible{outline:3px solid #6338e5;outline-offset:-4px}
}

@media (min-width:1024px) and (max-width:1399px){
  #marketHomeHero .z208-hub{grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,1fr));gap:12px}
  #marketHomeHero .z208-main{padding:24px;gap:20px}
  #marketHomeHero .z208-main-content{width:100%}
  #marketHomeHero .z208-main h1{font-size:clamp(2rem,2.7vw,2.5rem)}
  #marketHomeHero .z208-intro{max-width:84%}
  #marketHomeHero .z208-art-main{width:36%;height:43%;top:auto;bottom:86px;right:0;opacity:1}
  #marketHomeHero .z208-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}
  #marketHomeHero .z208-service{padding:16px;gap:10px}
  #marketHomeHero .z208-label{gap:7px;min-height:2.6em}
  #marketHomeHero .z208-copy p{width:100%;padding-right:0}
  /* At laptop widths, put decorative art below the copy, beside the CTA. */
  #marketHomeHero .z208-service .z208-art{width:19%;height:44px;bottom:14px;right:8px;opacity:.8}
  #marketHomeHero .z208-service .z208-art-market{display:none}
  #marketHomeHero .z208-secondary{gap:8px;padding:10px 12px;max-width:81%}
  #marketHomeHero .z208-games{gap:7px}
  #marketHomeHero .z208-games a{gap:6px;padding:8px}
  #marketHomeHero .z208-games a img{width:22px;height:22px}
}

@media (forced-colors:active){
  #marketHomeHero .z208-main h1>span{background:none;color:CanvasText}
  #marketHomeHero .z208-art{display:none}
}

/* PRE-LAUNCH 005: the v208 hero is now the only hero in the DOM. These rules
   replace the removed legacy mobile markup and keep a single semantic H1. */
.z206-service-hub{margin:18px 0 16px;min-width:0}.z206-service-hub.hidden{display:none!important}
@media (max-width:1023px){
  #marketHomeHero .z208-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:#151b32;font-family:Onest,Inter,system-ui,sans-serif}
  #marketHomeHero .z208-hub *{box-sizing:border-box}
  #marketHomeHero .z208-surface{position:relative;overflow:hidden;min-width:0;border:1px solid #dde1ef;border-radius:20px;color:inherit;text-decoration:none;box-shadow:0 7px 22px #273e700d,inset 0 1px 0 #fff;background:#fff}
  #marketHomeHero .z208-main{grid-column:1/-1;display:flex;flex-direction:column;gap:20px;padding:24px;background:radial-gradient(ellipse at 94% 24%,#afcaff66,transparent 54%),linear-gradient(125deg,#f8f6ff 4%,#ece7ff 53%,#dcecff 100%)}
  #marketHomeHero .z208-main-content{position:relative;z-index:2;max-width:690px}
  #marketHomeHero .z208-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#615d7f;font-size:12px;font-weight:650;letter-spacing:.06em}
  #marketHomeHero .z208-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#8250ff}
  #marketHomeHero .z208-main h1{margin:0;font-size:clamp(32px,7vw,48px);line-height:1.08;letter-spacing:-.045em;font-weight:680}
  #marketHomeHero .z208-main h1>span{background:linear-gradient(100deg,#873aee,#5c4aec 50%,#177be8);background-clip:text;-webkit-background-clip:text;color:transparent}
  #marketHomeHero .z208-intro{position:relative;z-index:2;max-width:620px;margin:14px 0 18px;color:#5f6b82;font-size:15px;line-height:1.55}
  #marketHomeHero .z208-primary{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 18px;border-radius:13px;background:linear-gradient(110deg,#7960ff,#683bfa 65%,#8a3df0);color:#fff;text-decoration:none;font-weight:650}
  #marketHomeHero .z208-primary svg{width:18px;height:18px}
  #marketHomeHero .z208-art-main{position:absolute;right:-4%;top:4%;width:34%;height:62%;background:url('/assets/img/hero-v208/hero-z.png') center/contain no-repeat;mix-blend-mode:multiply;opacity:.45;pointer-events:none}
  #marketHomeHero .z208-trust{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:16px 0 0;border-top:1px solid #cfd2e5;list-style:none}
  #marketHomeHero .z208-trust li{display:flex;align-items:center;gap:6px;min-width:0}.z208-trust svg{width:21px;height:21px;color:#6254ed}.z208-trust li>span{font-size:12px;font-weight:600}.z208-trust small{display:block;margin-top:1px;color:#6a7388;font-size:10px;font-weight:400}
  #marketHomeHero .z208-service{display:grid;grid-template-rows:auto 1fr auto;gap:9px;min-height:190px;padding:17px;background:linear-gradient(135deg,#fbfaff,#f2f5ff)}
  #marketHomeHero .z208-pro{background:linear-gradient(135deg,#faf6ff,#eee3ff)}#marketHomeHero .z208-requests{background:linear-gradient(135deg,#f5faff,#e6f0ff)}#marketHomeHero .z208-market{background:linear-gradient(135deg,#f5fcf8,#e5f6ee)}#marketHomeHero .z210-game-store{background:linear-gradient(135deg,#fffaf2,#fff0d4)}
  #marketHomeHero .z208-label{position:relative;z-index:2;display:flex;align-items:center;gap:8px;color:#6750d8;font-size:12px;font-weight:700}#marketHomeHero .z208-icon,#marketHomeHero .z208-round-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ffffffc9}#marketHomeHero .z208-round-arrow{margin-left:auto;border-radius:50%}#marketHomeHero .z208-label svg{width:18px;height:18px}
  #marketHomeHero .z208-copy{position:relative;z-index:2}#marketHomeHero .z208-copy h2{margin:0;font-size:20px;line-height:1.18;letter-spacing:-.025em}#marketHomeHero .z208-copy p{margin:7px 0 0;color:#69748a;font-size:12px;line-height:1.5}
  #marketHomeHero .z208-secondary,#marketHomeHero .z210-store-status{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;justify-self:start;color:#6448d9;font-size:12px;font-weight:650}#marketHomeHero .z208-secondary svg,#marketHomeHero .z210-store-status svg{width:16px;height:16px}
  #marketHomeHero .z208-games{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px}#marketHomeHero .z208-games a{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #dfe8e4;border-radius:10px;background:#ffffffc9;color:#253831;text-decoration:none;font-size:11px;font-weight:650}#marketHomeHero .z208-games img{width:22px;height:22px}#marketHomeHero .z208-games svg{width:14px;height:14px;margin-left:auto}
  #marketHomeHero .z208-service .z208-art{display:none}
}
@media (max-width:620px){
  .z206-service-hub{margin-top:10px}
  #marketHomeHero .z208-hub{grid-template-columns:1fr;gap:9px}
  #marketHomeHero .z208-main{padding:21px 18px 18px;border-radius:18px}
  #marketHomeHero .z208-main h1{font-size:34px}
  #marketHomeHero .z208-intro{font-size:14px;margin-top:12px}
  #marketHomeHero .z208-primary{width:100%}
  #marketHomeHero .z208-art-main{display:none}
  #marketHomeHero .z208-trust{grid-template-columns:1fr 1fr}
  #marketHomeHero .z208-service{min-height:164px;border-radius:17px;padding:16px}
  #marketHomeHero .z208-copy h2{font-size:18px}
}