/* GhostAI download page redesign */
.page-wrap.download-redesign{width:100%;max-width:none;margin:0;padding:0;background:transparent;color:#f4f5ed;overflow:hidden}
.download-redesign{--dr-bg:#10120f;--dr-panel:#171a15;--dr-line:rgba(223,232,207,.13);--dr-ink:#f2f4eb;--dr-muted:#a3aa9b;--dr-lime:#c6f47d;--dr-lime-ink:#161b0f;--dr-max:1160px;background:radial-gradient(circle at 20% 18%, rgba(198,244,125,.1), transparent 18%), radial-gradient(circle at 84% 56%, rgba(198,244,125,.08), transparent 18%), #0a0c0a;color:#f4f5ed;overflow:hidden}
.download-redesign *{box-sizing:border-box}
.download-redesign a{color:inherit}
.dr-hero,.dr-get,.dr-installation,.dr-final{width:min(var(--dr-max),calc(100% - 48px));margin-inline:auto}
.dr-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(34px,6vw,82px);align-items:center;padding:clamp(54px,8vw,102px) 0 86px}
.dr-hero-copy,.dr-hero-art,.dr-download-copy,.dr-final>div{min-width:0}
.dr-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--dr-lime);font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase}
.dr-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dr-lime);box-shadow:0 0 12px rgba(198,244,125,.65)}
.dr-hero h1{max-width:680px;margin:25px 0 22px;color:var(--dr-ink);font-size:clamp(48px,6.1vw,82px);font-weight:650;letter-spacing:-.075em;line-height:.99}
.dr-lede{max-width:480px;margin:0;color:var(--dr-muted);font-size:clamp(16px,1.5vw,19px);line-height:1.65}
.dr-actions,.dr-final-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.dr-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:16px;padding:0 20px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;font-weight:700;letter-spacing:-.02em;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.dr-button:hover:not(:disabled){transform:translateY(-2px)}
.dr-button:focus-visible,.dr-text-link:focus-visible,.dr-platform-option:focus-visible,.dr-copy-button:focus-visible{outline:3px solid rgba(198,244,125,.75);outline-offset:3px}
.dr-button-primary{background:var(--dr-lime);color:var(--dr-lime-ink)}
.dr-button-primary:hover:not(:disabled){background:#d4ffa0}
.dr-text-link{color:#d4dcc7;font-size:13px;font-weight:650;text-decoration:none;border-bottom:1px solid rgba(212,220,199,.45);padding-bottom:3px}
.dr-text-link:hover{color:var(--dr-lime);border-color:var(--dr-lime)}
.dr-compatibility{margin:17px 0 0;color:#c4c9bb;font-size:12px;letter-spacing:.025em}
.dr-hero-art{position:relative;isolation:isolate;min-height:350px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:linear-gradient(180deg, rgba(7,10,8,.15), rgba(7,10,8,.28)), url('/ghostai-hero.png') center center / cover no-repeat;box-shadow:none;overflow:hidden}
.dr-art-glow{position:absolute;z-index:-1;width:80%;height:80%;border-radius:50%;background:rgba(198,244,125,.09);filter:blur(64px)}
.dr-hero-image{display:none}
.dr-art-caption{position:absolute;top:28px;left:25px;padding:9px 12px;border:1px solid rgba(234,242,220,.2);border-radius:99px;background:rgba(18,21,16,.82);color:#eff4e8;font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(14px)}
.dr-live-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--dr-lime);box-shadow:0 0 9px var(--dr-lime)}
.dr-overlay-image{position:absolute;right:-9px;bottom:5px;display:block;width:min(41%,185px);max-height:180px;object-fit:cover;border:1px solid rgba(233,241,219,.24);border-radius:14px;box-shadow:0 18px 24px rgba(0,0,0,.28)}
.dr-get,.dr-installation{padding:66px 0 78px;border-top:1px solid var(--dr-line)}
.dr-section-heading{max-width:640px;margin-bottom:28px}
.dr-section-heading h2,.dr-final h2{margin:13px 0 10px;color:var(--dr-ink);font-size:clamp(34px,4vw,50px);font-weight:620;letter-spacing:-.06em;line-height:1.08}
.dr-section-heading p,.dr-final p{margin:0;color:var(--dr-muted);font-size:15px;line-height:1.65}
.dr-platform-wrap{padding:20px;border:1px solid var(--dr-line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.dr-platform-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}
.dr-platform-option{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border:1px solid var(--dr-line);border-radius:10px;background:rgba(10,12,9,.44);color:#c7cdc1;font:inherit;font-size:14px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}
.dr-platform-option:hover{border-color:rgba(198,244,125,.44);color:var(--dr-ink)}
.dr-platform-option.is-active{border-color:var(--dr-lime);background:rgba(198,244,125,.09);color:var(--dr-ink);box-shadow:inset 0 0 0 1px rgba(198,244,125,.18)}
.dr-platform-label{font-size:14px;font-weight:750}
.dr-platform-state{font-size:11px;color:#969d8f}
.dr-platform-option.is-active .dr-platform-state{color:var(--dr-lime)}
.dr-download-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid rgba(198,244,125,.21);border-radius:12px;background:rgba(12,15,11,.75)}
.dr-release-label{color:var(--dr-lime);font-size:10px;font-weight:750;letter-spacing:.16em}
.dr-download-copy h3{margin:8px 0 5px;color:var(--dr-ink);font-size:21px;letter-spacing:-.035em}
.dr-download-copy .dr-meta{margin:0;color:var(--dr-muted);font-size:13px}
.dr-download-button{flex:0 0 auto}
.dr-button-disabled,.dr-button:disabled{border-color:var(--dr-line);background:#232720;color:#858d7f;cursor:not-allowed;transform:none;box-shadow:none}
.dr-release-links{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:#939a8d;font-size:11px}
.dr-release-links a{color:#c2c9ba;text-decoration:underline;text-decoration-color:rgba(194,201,186,.35);text-underline-offset:3px}
.dr-release-links a:hover{color:var(--dr-lime)}
.dr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dr-step{min-width:0;padding:22px;border:1px solid var(--dr-line);border-radius:13px;background:linear-gradient(160deg,#191c17,#131510)}
.dr-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.dr-step-number{color:var(--dr-lime);font-size:14px;font-weight:750;letter-spacing:.12em}
.dr-step-symbol{color:#899180;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.dr-step h3{margin:0 0 8px;color:var(--dr-ink);font-size:17px;letter-spacing:-.025em}
.dr-step>p{min-height:44px;margin:0 0 20px;color:var(--dr-muted);font-size:13px;line-height:1.6}
.dr-command{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 10px 10px 12px;border:1px solid rgba(198,244,125,.19);border-radius:9px;background:#0b0d0b}
.dr-command code{min-width:0;overflow-wrap:anywhere;color:#e6efdc;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.dr-copy-button{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(215,229,197,.2);border-radius:6px;background:#181c15;color:#d9e1d0;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.dr-copy-button:hover{border-color:var(--dr-lime);color:var(--dr-lime)}
.dr-copy-status{display:block;min-height:16px;margin-top:6px;color:var(--dr-lime);font-size:10px}
.dr-copy-error{margin:12px 0 0;color:#ffb3a5;font-size:12px}
.dr-unavailable{padding:23px;border:1px solid var(--dr-line);border-radius:12px;background:#171a15;color:#c1c7ba;font-size:14px;line-height:1.65}
.dr-final{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0 72px;border-top:1px solid var(--dr-line)}
.dr-final h2{max-width:700px;font-size:clamp(30px,4vw,42px)}
.dr-final-actions{flex:0 0 auto;margin-top:0}
@media(max-width:900px){.dr-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:34px}.dr-hero-art{min-height:300px}.dr-steps{grid-template-columns:1fr}.dr-final{display:block}.dr-final-actions{margin-top:24px}}
@media(max-width:640px){.dr-hero,.dr-get,.dr-installation,.dr-final{width:calc(100% - 32px)}.dr-hero{grid-template-columns:1fr;gap:22px;padding:48px 0 56px}.dr-hero h1{font-size:clamp(44px,12vw,61px)}.dr-platform-selector{grid-template-columns:1fr}.dr-download-panel{flex-direction:column;align-items:flex-start}.dr-release-links{flex-direction:column;align-items:flex-start}.dr-hero-art{min-height:260px}} 
@media(prefers-reduced-motion:reduce){.download-redesign *,.download-redesign *:before,.download-redesign *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Full-bleed, blended hero using the supplied GhostAI background */
.download-redesign .dr-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: clamp(580px, 68vw, 760px);
  margin: 0;
  padding: clamp(72px, 9vw, 110px) max(24px, calc((100% - var(--dr-max)) / 2)) 96px;
  background:
    linear-gradient(90deg, rgba(7, 9, 8, 0.97) 0%, rgba(7, 9, 8, 0.88) 24%, rgba(7, 9, 8, 0.46) 53%, rgba(7, 9, 8, 0.08) 100%),
    linear-gradient(0deg, #0a0c0a 0%, rgba(10, 12, 10, 0) 28%),
    url('/ghostai-hero.png?rev=20261023-hero-blend') 62% center / cover no-repeat;
}

.download-redesign .dr-hero-copy {
  position: relative;
  z-index: 1;
  width: min(100%, 560px);
  max-width: 560px;
}

.download-redesign .dr-hero-art { display: none; }

@media (max-width: 900px) {
  .download-redesign .dr-hero {
    min-height: 640px;
    background-position: center, center, 66% center;
  }
}

@media (max-width: 640px) {
  .download-redesign .dr-hero {
    min-height: max(560px, 72svh);
    padding: 58px 16px 68px;
    background:
      linear-gradient(90deg, rgba(7, 9, 8, 0.94) 0%, rgba(7, 9, 8, 0.78) 50%, rgba(7, 9, 8, 0.48) 100%),
      linear-gradient(0deg, #0a0c0a 0%, rgba(10, 12, 10, 0) 40%),
      url('/ghostai-hero.png?rev=20261023-hero-blend') 68% center / cover no-repeat;
  }
}


/* Keep the bright download CTA readable and reuse the supplied artwork on Features. */
.download-redesign a.dr-button-primary,
.download-redesign a.dr-button-primary:hover:not(:disabled) {
  color: var(--dr-lime-ink);
}

.page-wrap:has(> .page-heading + .feature-hero) {
  position: relative;
  isolation: isolate;
}

.page-wrap:has(> .page-heading + .feature-hero)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: clamp(720px, 78vw, 1020px);
  transform: translateX(-50%);
  background-image:
    linear-gradient(90deg, rgba(10, 12, 10, .96) 0%, rgba(10, 12, 10, .82) 34%, rgba(10, 12, 10, .2) 76%, rgba(10, 12, 10, .36) 100%),
    linear-gradient(0deg, #0a0c0a 0%, rgba(10, 12, 10, .08) 43%, rgba(10, 12, 10, .3) 100%),
    url("/ghostai-hero.png?v=20261023-hero-blend");
  background-position: center, center, center 42%;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}

.page-wrap:has(> .page-heading + .feature-hero) .feature-hero > img {
  display: none;
}

@media (max-width: 640px) {
  .page-wrap:has(> .page-heading + .feature-hero)::before {
    height: 940px;
    background-image:
      linear-gradient(90deg, rgba(10, 12, 10, .86) 0%, rgba(10, 12, 10, .72) 100%),
      linear-gradient(0deg, #0a0c0a 0%, rgba(10, 12, 10, .25) 55%, rgba(10, 12, 10, .48) 100%),
      url("/ghostai-hero.png?v=20261023-hero-blend");
    background-position: center, center, 70% 38%;
  }
}
