/* More playful invitation while keeping Ronin's black, white and magenta. */
body[data-system="home"] { --show-pink:#ff4fa8; --show-green:#b8fa55; }
body[data-system="home"] .showcase-root { background:#08080a; }
body[data-system="home"] .showcase-nav-cta,
body[data-system="home"] .showcase-hero-cta { background:var(--show-pink); color:#160711!important; box-shadow:0 9px 28px #f3268b3b; }
body[data-system="home"] .showcase-nav-cta:hover,
body[data-system="home"] .showcase-hero-cta:hover { box-shadow:0 12px 36px #f3268b72; }
body[data-system="home"] .showcase-hero-cta span { background:#230816; color:#fff; }
body[data-system="home"] .showcase-hero { background:linear-gradient(90deg,#07070afb 0%,#08070de9 35%,#12081380 72%,#09070ac7 100%),linear-gradient(0deg,#08090c 0%,transparent 35%),url('./assets/sonoran-night.webp') center 46%/cover; }
body[data-system="home"] .showcase-hero:after { content:""; position:absolute; z-index:-1; right:-7%; top:3%; width:48%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#ff4fa82d,transparent 62%); pointer-events:none; }
body[data-system="home"] .showcase-kicker { color:#f6cde1; }
body[data-system="home"] .showcase-hero h1 { max-width:700px; font-size:clamp(55px,6.1vw,88px); line-height:1; }
body[data-system="home"] .showcase-hero p { max-width:510px; color:#f0e9ef; font-size:17px; line-height:1.58; }
body[data-system="home"] .hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:17px; }
body[data-system="home"] .hero-secondary { display:inline-flex; align-items:center; gap:10px; padding:12px 2px; border-bottom:1px solid #f8d8e6a6; color:#f7e4ee; font-size:12px; font-weight:730; text-decoration:none; white-space:nowrap; }
body[data-system="home"] .hero-secondary:hover { color:#fff; border-color:var(--show-pink); }
body[data-system="home"] .hero-secondary span { color:var(--show-green); font-size:17px; }
body[data-system="home"] .hero-steps { gap:12px; margin-top:30px; color:#efe6ec; font-size:10px; letter-spacing:.04em; }
body[data-system="home"] .hero-steps span { display:inline-flex; gap:7px; align-items:center; }
body[data-system="home"] .hero-steps b { color:var(--show-green); font-size:9px; }
body[data-system="home"] .hero-steps i { width:19px; height:1px; background:#f26aa990; }
body[data-system="home"] .hero-art-label { border-color:var(--show-pink); }
body[data-system="home"] .experience-section { padding-top:78px; }
body[data-system="home"] .section-heading h2 { font-size:clamp(44px,4.6vw,64px); }
body[data-system="home"] .showcase-grid { grid-template-columns:1.18fr 1fr 1fr; }
body[data-system="home"] .showcase-player { border-color:#a33d70; background:linear-gradient(155deg,#28111e,#130d14 75%); }
body[data-system="home"] .showcase-player .showcase-preview { background:radial-gradient(circle at 50% 46%,#af336054,#1f1020 48%,#0b080d 88%); }
body[data-system="home"] .player-preview img { width:180px; }
body[data-system="home"] .showcase-card:hover { border-color:#ff68b2; box-shadow:0 18px 54px #000b,0 0 26px #ff4fa823; }
body[data-system="home"] .showcase-card:active { transform:translateY(-2px) scale(.995); }
body[data-system="home"] .showcase-link { color:#ff83bf; }
body[data-system="home"] .showcase-link b { color:var(--show-pink); }
body[data-system="home"] .business-dashboard-shot { display:block; width:100%; height:100%; object-fit:cover; object-position:24% top; transition:transform .45s cubic-bezier(.16,1,.3,1); }
body[data-system="home"] .business-preview:hover .business-dashboard-shot { transform:scale(1.055); }
body[data-system="home"] .business-preview:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#08090c70,transparent 38%); pointer-events:none; }
body[data-system="home"] .business-preview .preview-flag,body[data-system="home"] .business-preview .preview-open { z-index:1; }
body[data-system="home"] .preview-flag { background:#0b080dd9; }
body[data-system="home"] .preview-open { background:var(--show-pink); color:#230816; }
body[data-system="home"] .final-invite { background:linear-gradient(115deg,#3b102a,#150b15 58%,#08080c); border-color:#a94b75; }
body[data-system="home"] .final-invite h2 { font-size:clamp(40px,4.1vw,56px); }
@media(prefers-reduced-motion:no-preference) {
  body[data-system="home"] .hero-copy { animation:gj-hero-in .65s cubic-bezier(.16,1,.3,1) both; }
  body[data-system="home"] .hero-art { animation:gj-hero-in .8s .12s cubic-bezier(.16,1,.3,1) both; }
  body[data-system="home"].motion-ready .reveal-entry { opacity:0; transform:translateY(24px); transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1); }
  body[data-system="home"].motion-ready .reveal-entry.is-visible { opacity:1; transform:none; }
  body[data-system="home"].motion-ready .showcase-card:nth-child(2) { transition-delay:.08s; }
  body[data-system="home"].motion-ready .showcase-card:nth-child(3) { transition-delay:.16s; }
}
@keyframes gj-hero-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@media(max-width:1050px) { body[data-system="home"] .showcase-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) {
  body[data-system="home"] .showcase-nav-cta { padding:9px 12px; }
  body[data-system="home"] .showcase-hero { min-height:650px; padding:44px 22px 50px; }
  body[data-system="home"] .showcase-hero h1 { font-size:clamp(47px,11.8vw,64px); line-height:1.02; }
  body[data-system="home"] .showcase-hero p { font-size:14px; max-width:350px; }
  body[data-system="home"] .hero-actions { gap:10px; }
  body[data-system="home"] .hero-secondary { font-size:11px; }
  body[data-system="home"] .hero-steps { flex-wrap:wrap; margin-top:22px; }
  body[data-system="home"] .hero-art { opacity:.45; }
  body[data-system="home"] .hero-art-label { display:none; }
  body[data-system="home"].motion-ready .reveal-entry { opacity:1; transform:none; }
  body[data-system="home"] .showcase-grid { grid-template-columns:1fr; }
  body[data-system="home"] .player-preview img { width:164px; }
  body[data-system="home"] .section-heading h2 { font-size:42px; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-system="home"] .hero-copy,body[data-system="home"] .hero-art,body[data-system="home"] .reveal-entry { opacity:1!important; transform:none!important; }
}