/* GoldAutoTradePRO v5.5.0 — sitewide consistency + hero image layer
   Additive override only. Existing approved layouts remain structurally intact. */

/* Shared premium hero image language — content/layout remains untouched */
body[data-page="home"] .hero,
body[data-page="system"] .system-page-hero,
body[data-page="results-v17"] .results17-hero,
body[data-page="vps"] .page-hero,
body[data-page="faq"] .page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body[data-page="home"] .hero:before,
body[data-page="system"] .system-page-hero:before,
body[data-page="results-v17"] .results17-hero:before,
body[data-page="vps"] .page-hero:before,
body[data-page="faq"] .page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-size:cover;
  background-repeat:no-repeat;
  pointer-events:none;
}
body[data-page="home"] .hero:after,
body[data-page="system"] .system-page-hero:after,
body[data-page="results-v17"] .results17-hero:after,
body[data-page="vps"] .page-hero:after,
body[data-page="faq"] .page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(4,10,16,.97) 0%,rgba(4,10,16,.85) 38%,rgba(4,10,16,.56) 65%,rgba(4,10,16,.78) 100%),linear-gradient(0deg,rgba(4,10,16,.72),rgba(4,10,16,.12) 58%,rgba(4,10,16,.30));
}
body[data-page="home"] .hero:before{background-image:url('heroes/bull-home-v1.webp');background-position:center 52%}
body[data-page="system"] .system-page-hero:before{background-image:url('heroes/bull-system-v1.webp');background-position:center 48%}
body[data-page="results-v17"] .results17-hero:before{background-image:url('heroes/bull-results-v1.webp');background-position:center 50%}
body[data-page="vps"] .page-hero:before{background-image:url('heroes/bull-vps-v1.webp');background-position:center 47%}
body[data-page="faq"] .page-hero:before{background-image:url('heroes/bull-faq-v1.webp');background-position:center 45%}
body[data-page="results-v17"] .results17-hero:after{background:linear-gradient(90deg,rgba(4,10,16,.98) 0%,rgba(4,10,16,.90) 34%,rgba(4,10,16,.74) 58%,rgba(4,10,16,.88) 100%),linear-gradient(0deg,rgba(4,10,16,.78),rgba(4,10,16,.18) 60%,rgba(4,10,16,.34))}
body[data-page="faq"] .page-hero:after{background:linear-gradient(90deg,rgba(4,10,16,.97) 0%,rgba(4,10,16,.86) 52%,rgba(4,10,16,.62) 100%),linear-gradient(0deg,rgba(4,10,16,.72),rgba(4,10,16,.22))}
body[data-page="home"] .hero>.shell,
body[data-page="system"] .system-page-hero>.shell,
body[data-page="results-v17"] .results17-hero>.shell,
body[data-page="vps"] .page-hero>.shell,
body[data-page="faq"] .page-hero>.shell{position:relative;z-index:1}

/* Results: product CTA sits beside the existing Explorer heading */
body[data-page="results-v17"] .results17-workspace-head{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
}
body[data-page="results-v17"] .results17-workspace-head-copy{max-width:900px}
body[data-page="results-v17"] .results17-product-cta{margin-bottom:4px;white-space:nowrap}

/* VPS: compact remote-access explanation without changing approved grids */
body[data-page="vps"] .remote-access-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(7,17,26,.58);
}
body[data-page="vps"] .remote-access-strip strong{display:block;color:#f4f7f9;font-size:13px;margin-bottom:3px}
body[data-page="vps"] .remote-access-strip span{display:block;color:var(--muted);font-size:11.5px;line-height:1.48}
body[data-page="vps"] .remote-access-strip a{color:var(--gold);font-weight:800}

/* FAQ: subtle product bridge, same visual vocabulary as existing cards */
body[data-page="faq"] .faq-product-bridge{
  margin-top:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px;
  border:1px solid rgba(255,191,71,.24);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,191,71,.055),rgba(8,18,27,.76));
}
body[data-page="faq"] .faq-product-bridge strong{display:block;font-size:18px;margin-bottom:3px}
body[data-page="faq"] .faq-product-bridge span{display:block;color:var(--muted);font-size:13px}

/* Product final polish requested in review */
body[data-page="product-v7"] .product-tech-card{display:flex;flex-direction:column;min-height:100%}
body[data-page="product-v7"] .product-tech-card--nt{padding-top:24px}
body[data-page="product-v7"] .product-tech-nt-logo{
  position:static;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  max-width:240px;
  margin:18px 0 0;
}
body[data-page="product-v7"] .product-tech-nt-logo img{width:min(100%,220px)}
body[data-page="product-v7"] .product-tech-card--nt h3{margin-top:12px}
body[data-page="product-v7"] .product-tech-actions{margin-top:auto;padding-top:2px;min-height:46px;align-items:center}
body[data-page="product-v7"] .product-tech-actions .partner-gold{
  border-color:rgba(255,191,71,.52);
  color:#181003;
  background:linear-gradient(135deg,var(--orange),var(--gold));
  box-shadow:0 12px 28px rgba(255,139,27,.16);
}
body[data-page="product-v7"] .product-tech-actions .product-tech-details{
  min-height:42px;
  padding:10px 15px;
  border:1px solid rgba(74,163,255,.28);
  border-radius:14px;
  background:rgba(74,163,255,.045);
  color:#cfe5f5;
  font-size:11px;
  font-weight:850;
}

/* Keep main CTA rows aligned and calm */
body[data-page="home"] .mode-actions .text-link{white-space:nowrap}
body[data-page="system"] .system-product-link{margin-left:2px}

@media(max-width:900px){
  body[data-page="results-v17"] .results17-workspace-head{grid-template-columns:1fr;align-items:start}
  body[data-page="results-v17"] .results17-product-cta{justify-self:start;margin:0}
  body[data-page="vps"] .remote-access-strip{grid-template-columns:1fr}
  body[data-page="faq"] .faq-product-bridge{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  body[data-page="home"] .hero:before{background-position:62% center}
  body[data-page="system"] .system-page-hero:before{background-position:64% center}
  body[data-page="results-v17"] .results17-hero:before{background-position:58% center}
  body[data-page="vps"] .page-hero:before{background-position:63% center}
  body[data-page="faq"] .page-hero:before{background-position:60% center}
}

/* GoldAutoTradePRO v5.5.1 — final review refinements.
   Product + checkout remain frozen. These rules affect only Start/System/Results/VPS/FAQ. */

/* Start: preserve the approved decision-sequence visual, but let more of the golden bull read through it. */
body[data-page="home"] .hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.91) 0%,rgba(4,10,16,.74) 38%,rgba(4,10,16,.38) 68%,rgba(4,10,16,.54) 100%),linear-gradient(0deg,rgba(4,10,16,.54),rgba(4,10,16,.08) 58%,rgba(4,10,16,.20));
}
body[data-page="home"] .sequence-console{
  background:linear-gradient(155deg,rgba(15,33,50,.84),rgba(5,13,22,.90));
  backdrop-filter:blur(7px);
  box-shadow:0 30px 72px rgba(0,0,0,.34);
}
body[data-page="home"] .market-stage{background:rgba(7,17,27,.86)}
body[data-page="home"] .stage-explainer{background:rgba(8,20,31,.72)}
body[data-page="home"] .stage-button{background:rgba(8,20,31,.68)}

/* System: single product CTA in the unused hero space; content itself is unchanged. */
body[data-page="system"] .system-page-hero>.shell{position:relative}
body[data-page="system"] .system-hero-product-cta{
  position:absolute;
  right:22px;
  top:48%;
  transform:translateY(-50%);
  min-width:150px;
  justify-content:center;
  z-index:3;
  box-shadow:0 16px 36px rgba(255,139,27,.18);
}

/* Results: the detailed Explorer already repeats the top snapshot. Hide only the redundant hero cockpit,
   preserve its DOM for the frozen result runtime, and let the hero artwork become the focus. */
body[data-page="results-v17"] .results17-cockpit[hidden]{display:none!important}
body[data-page="results-v17"] .results17-hero-grid{display:block;max-width:760px}
body[data-page="results-v17"] .results17-hero:before{
  background-image:url('heroes/bull-results-v2.webp');
  background-position:68% 50%;
}
body[data-page="results-v17"] .results17-hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.93) 0%,rgba(4,10,16,.78) 37%,rgba(4,10,16,.38) 67%,rgba(4,10,16,.48) 100%),linear-gradient(0deg,rgba(4,10,16,.56),rgba(4,10,16,.07) 62%,rgba(4,10,16,.18));
}
body[data-page="results-v17"] .results17-hero-copy{max-width:700px}

/* VPS: simplify the hero (no duplicate topology), brighten the bull, and keep the approved copy. */
body[data-page="vps"] .page-hero:before{
  background-image:url('heroes/bull-vps-v2.webp');
  background-position:70% 50%;
}
body[data-page="vps"] .page-hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.92) 0%,rgba(4,10,16,.75) 38%,rgba(4,10,16,.34) 70%,rgba(4,10,16,.44) 100%),linear-gradient(0deg,rgba(4,10,16,.53),rgba(4,10,16,.06) 62%,rgba(4,10,16,.18));
}
body[data-page="vps"] .vps-hero-grid{display:block;max-width:760px}
body[data-page="vps"] .partner-grid{align-items:stretch}
body[data-page="vps"] .partner-card--vps,
body[data-page="vps"] .partner-card--ninja{height:100%;min-height:500px}
body[data-page="vps"] .partner-card--vps .affiliate-disclosure,
body[data-page="vps"] .partner-card--ninja .affiliate-disclosure{min-height:74px}
body[data-page="vps"] .partner-card--vps .partner-actions,
body[data-page="vps"] .partner-card--ninja .partner-actions{margin-top:auto;min-height:48px;align-items:stretch}
body[data-page="vps"] .partner-card--vps .partner-actions .button,
body[data-page="vps"] .partner-card--ninja .partner-actions .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* FAQ: use the brighter product-grade bull composition and keep the copy field clean. */
body[data-page="faq"] .page-hero:before{
  background-image:url('product/gold-bull-hero-v1.webp');
  background-position:76% 50%;
}
body[data-page="faq"] .page-hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.94) 0%,rgba(4,10,16,.78) 46%,rgba(4,10,16,.34) 74%,rgba(4,10,16,.42) 100%),linear-gradient(0deg,rgba(4,10,16,.50),rgba(4,10,16,.07));
}
body[data-page="faq"] .page-hero .shell{max-width:1390px}
body[data-page="faq"] .page-hero h1,
body[data-page="faq"] .page-hero .page-copy{max-width:720px}

@media(max-width:1150px){
  body[data-page="system"] .system-hero-product-cta{position:static;transform:none;margin-top:24px;width:max-content}
}
@media(max-width:760px){
  body[data-page="home"] .hero:after,
  body[data-page="results-v17"] .results17-hero:after,
  body[data-page="vps"] .page-hero:after,
  body[data-page="faq"] .page-hero:after{background:linear-gradient(90deg,rgba(4,10,16,.94),rgba(4,10,16,.68)),linear-gradient(0deg,rgba(4,10,16,.58),rgba(4,10,16,.10))}
  body[data-page="results-v17"] .results17-hero:before{background-position:62% center}
  body[data-page="vps"] .page-hero:before{background-position:67% center}
  body[data-page="faq"] .page-hero:before{background-position:69% center}
}

/* GoldAutoTradePRO v5.5.2 — left-aligned hero restoration + brighter gold hero treatment. */

/* Wider hero shells restore the earlier left-weighted composition instead of the newer centered feel. */
body[data-page="results-v17"] .results17-hero>.shell,
body[data-page="vps"] .page-hero>.shell,
body[data-page="faq"] .page-hero>.shell,
body[data-page="product-v7"] .product-hero-bull>.shell{
  width:min(1390px,calc(100% - 52px));
}
body[data-page="results-v17"] .results17-hero-grid,
body[data-page="vps"] .vps-hero-grid{
  width:100%;
  max-width:none;
  margin:0;
}
body[data-page="results-v17"] .results17-hero-copy,
body[data-page="vps"] .page-hero .lead-stack,
body[data-page="faq"] .page-hero .page-copy,
body[data-page="product-v7"] .product-hero-copy{
  margin-left:0;
}
body[data-page="faq"] .page-hero h1,
body[data-page="faq"] .page-hero .page-copy,
body[data-page="results-v17"] .results17-hero-copy,
body[data-page="vps"] .vps-hero-grid>div,
body[data-page="product-v7"] .product-hero-copy{
  max-width:760px;
}

/* Product hero remains frozen in structure, but explicitly keep the copy anchored on the left. */
body[data-page="product-v7"] .product-hero-copy{
  text-align:left;
  align-self:flex-end;
}

/* Brighter, more product-grade gold treatment across the non-product heroes. */
body[data-page="home"] .hero:before{filter:brightness(1.22) saturate(1.10) contrast(1.02)}
body[data-page="system"] .system-page-hero:before{filter:brightness(1.16) saturate(1.08) contrast(1.02)}
body[data-page="results-v17"] .results17-hero:before{filter:brightness(1.34) saturate(1.12) contrast(1.02)}
body[data-page="vps"] .page-hero:before{filter:brightness(1.40) saturate(1.12) contrast(1.03)}
body[data-page="faq"] .page-hero:before{filter:brightness(1.28) saturate(1.12) contrast(1.02)}

body[data-page="home"] .hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.84) 0%,rgba(4,10,16,.58) 35%,rgba(4,10,16,.16) 68%,rgba(4,10,16,.32) 100%),linear-gradient(0deg,rgba(4,10,16,.42),rgba(4,10,16,.03) 58%,rgba(4,10,16,.12));
}
body[data-page="results-v17"] .results17-hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.86) 0%,rgba(4,10,16,.60) 34%,rgba(4,10,16,.18) 66%,rgba(4,10,16,.28) 100%),linear-gradient(0deg,rgba(4,10,16,.46),rgba(4,10,16,.03) 62%,rgba(4,10,16,.10));
}
body[data-page="vps"] .page-hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.86) 0%,rgba(4,10,16,.60) 35%,rgba(4,10,16,.16) 69%,rgba(4,10,16,.26) 100%),linear-gradient(0deg,rgba(4,10,16,.44),rgba(4,10,16,.03) 62%,rgba(4,10,16,.10));
}
body[data-page="faq"] .page-hero:after{
  background:linear-gradient(90deg,rgba(4,10,16,.88) 0%,rgba(4,10,16,.62) 45%,rgba(4,10,16,.18) 74%,rgba(4,10,16,.24) 100%),linear-gradient(0deg,rgba(4,10,16,.42),rgba(4,10,16,.03));
}

/* FAQ should not reuse the exact product hero artwork; keep a distinct but similarly bright bull. */
body[data-page="faq"] .page-hero:before{
  background-image:url('heroes/bull-faq-v1.webp');
  background-position:76% 48%;
}

/* Start: keep the decision chart, but let more of the bull remain visible beneath it. */
body[data-page="home"] .sequence-console{
  background:linear-gradient(155deg,rgba(15,33,50,.58),rgba(5,13,22,.72));
  backdrop-filter:blur(7px);
  box-shadow:0 24px 58px rgba(0,0,0,.24);
}
body[data-page="home"] .market-stage{background:rgba(7,17,27,.58)}
body[data-page="home"] .stage-explainer{background:rgba(8,20,31,.54)}
body[data-page="home"] .stage-button{background:rgba(8,20,31,.50)}

/* System: move the product CTA out of the bull nose and place it in the normal text flow. */
body[data-page="system"] .system-hero-product-cta{
  position:static;
  right:auto;
  top:auto;
  transform:none;
  display:inline-flex;
  margin-top:26px;
  min-width:150px;
  justify-content:center;
  z-index:3;
}

/* Results: maintain the streamlined hero but keep it clearly left-anchored. */
body[data-page="results-v17"] .results17-hero-grid{display:block}
body[data-page="results-v17"] .results17-hero-copy{padding-right:20px}

/* VPS: tighter card rhythm, restored spacing, and aligned CTA / disclosure baselines. */
body[data-page="vps"] .partner-card{
  display:flex;
  flex-direction:column;
}
body[data-page="vps"] .partner-card--ninja .licensing-flow{margin-bottom:18px}
body[data-page="vps"] .partner-card--vps .partner-actions,
body[data-page="vps"] .partner-card--ninja .partner-actions{
  margin-top:18px;
  margin-bottom:0;
}
body[data-page="vps"] .partner-card--vps .affiliate-disclosure,
body[data-page="vps"] .partner-card--ninja .affiliate-disclosure{
  margin-top:auto;
  padding-top:18px;
}
body[data-page="vps"] .partner-section{padding-bottom:56px}
body[data-page="vps"] .partner-section + .section{padding-top:44px}
body[data-page="vps"] .final-cta{margin-top:0}

@media(max-width:1150px){
  body[data-page="results-v17"] .results17-hero>.shell,
  body[data-page="vps"] .page-hero>.shell,
  body[data-page="faq"] .page-hero>.shell,
  body[data-page="product-v7"] .product-hero-bull>.shell{
    width:min(var(--max),calc(100% - 44px));
  }
}
@media(max-width:760px){
  body[data-page="results-v17"] .results17-hero>.shell,
  body[data-page="vps"] .page-hero>.shell,
  body[data-page="faq"] .page-hero>.shell,
  body[data-page="product-v7"] .product-hero-bull>.shell{
    width:min(100% - 30px,var(--max));
  }
  body[data-page="home"] .hero:after,
  body[data-page="results-v17"] .results17-hero:after,
  body[data-page="vps"] .page-hero:after,
  body[data-page="faq"] .page-hero:after{
    background:linear-gradient(90deg,rgba(4,10,16,.88),rgba(4,10,16,.52)),linear-gradient(0deg,rgba(4,10,16,.48),rgba(4,10,16,.08));
  }
  body[data-page="home"] .hero:before{background-position:64% center}
  body[data-page="results-v17"] .results17-hero:before{background-position:64% center}
  body[data-page="vps"] .page-hero:before{background-position:69% center}
  body[data-page="faq"] .page-hero:before{background-position:72% center}
}

/* GoldAutoTradePRO v5.5.3 — restore hero copy alignment to the standard shell grid. */

/* Match hero copy alignment to the standard section shell so headings line up with the blocks below. */
body[data-page="results-v17"] .results17-hero>.shell,
body[data-page="vps"] .page-hero>.shell,
body[data-page="faq"] .page-hero>.shell,
body[data-page="product-v7"] .product-hero-bull>.shell{
  width:min(var(--max),calc(100% - 44px));
}

/* Results / VPS / Product should align with the content shell below, not hug the viewport edge. */
body[data-page="results-v17"] .results17-hero-grid,
body[data-page="vps"] .vps-hero-grid,
body[data-page="product-v7"] .product-hero-copy{
  width:100%;
  max-width:none;
  margin-inline:auto;
}

/* Preserve left alignment within the normal content column. */
body[data-page="results-v17"] .results17-hero-copy,
body[data-page="vps"] .page-hero .lead-stack,
body[data-page="product-v7"] .product-hero-copy,
body[data-page="faq"] .page-hero .page-copy{
  margin-left:0;
}

/* Slight extra gold lift where the user still wants more presence. */
body[data-page="system"] .system-page-hero:before{filter:brightness(1.22) saturate(1.10) contrast(1.03)}
body[data-page="faq"] .page-hero:before{filter:brightness(1.36) saturate(1.14) contrast(1.03)}

@media(max-width:1150px){
  body[data-page="results-v17"] .results17-hero>.shell,
  body[data-page="vps"] .page-hero>.shell,
  body[data-page="faq"] .page-hero>.shell,
  body[data-page="product-v7"] .product-hero-bull>.shell{
    width:min(var(--max),calc(100% - 44px));
  }
}
@media(max-width:760px){
  body[data-page="results-v17"] .results17-hero>.shell,
  body[data-page="vps"] .page-hero>.shell,
  body[data-page="faq"] .page-hero>.shell,
  body[data-page="product-v7"] .product-hero-bull>.shell{
    width:min(100% - 30px,var(--max));
  }
}