.hm-spotlight{padding:92px 0;background:radial-gradient(ellipse at 82% 40%,rgba(142,255,61,.075),transparent 32%),#090e10;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.hm-spotlight-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.hm-spotlight-kicker{color:#8eff3d;font-size:.68rem;font-weight:800;letter-spacing:.16em}.hm-spotlight-head h2{max-width:690px;font:800 clamp(2rem,4.5vw,3.5rem)/1.08 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.05em;margin:13px 0}.hm-spotlight-head h2 em{font-style:normal;color:#8eff3d}.hm-spotlight-head p{color:#a5b1aa;max-width:590px;line-height:1.7;margin:0}.hm-spotlight-link{flex:none;color:#8eff3d;text-decoration:none;font-size:.84rem;font-weight:700;border:1px solid rgba(142,255,61,.35);padding:13px 17px;border-radius:8px}.hm-spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hm-spotlight-card,.hm-spotlight-fallback{min-height:185px;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,#17201d,#0e1415);display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s}.hm-spotlight-card:hover,.hm-spotlight-fallback:hover{transform:translateY(-3px);border-color:rgba(142,255,61,.4)}.hm-spotlight-card small,.hm-spotlight-fallback span{color:#8eff3d;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hm-spotlight-card strong,.hm-spotlight-fallback strong{font:700 1.15rem/1.35 "Plus Jakarta Sans",Inter,sans-serif;color:#f3f7f3;margin:14px 0 8px}.hm-spotlight-card p{color:#a5b1aa;font-size:.8rem;line-height:1.6;margin:0 0 18px}.hm-spotlight-card b,.hm-spotlight-fallback small{margin-top:auto;color:#8eff3d;font-size:.76rem}.hm-spotlight-fallback{grid-column:1/-1;min-height:155px}.hm-spotlight-fallback strong{font-size:1.45rem}.hm-spotlight-fallback small{margin-top:8px}@media(max-width:760px){.hm-spotlight{padding:65px 0}.hm-spotlight-head{align-items:flex-start;flex-direction:column}.hm-spotlight-grid{grid-template-columns:1fr}.hm-spotlight-card{min-height:155px}}
/* Homepage Spotlight identity: matching animated green sign treatment. */
.hm-spotlight-brand{display:inline-flex;align-items:baseline;gap:10px;position:relative;overflow:hidden;margin:0 0 18px;padding:10px 14px 11px;border:1px solid rgba(142,255,61,.34);border-radius:6px;background:rgba(8,16,9,.58);box-shadow:inset 0 0 18px rgba(142,255,61,.07),0 0 25px rgba(142,255,61,.12)}
.hm-spotlight-brand>span{font:800 clamp(1.35rem,3vw,2rem)/.9 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.09em;color:#aaff74;text-shadow:0 0 3px #eaffdc,0 0 12px rgba(142,255,61,.95),0 0 26px rgba(142,255,61,.5)}
.hm-spotlight-brand>i{font:800 .65rem/1 Inter,sans-serif;letter-spacing:.2em;color:#d5ffc0;font-style:normal;text-shadow:0 0 10px rgba(142,255,61,.8)}
.hm-spotlight-brand:after{content:"";position:absolute;inset:-35% -18%;pointer-events:none;background:linear-gradient(105deg,transparent 43%,rgba(235,255,224,.52) 50%,transparent 57%);transform:translateX(-130%) skewX(-18deg);animation:hm-spotlight-sweep 7.5s 1s ease-in-out infinite}
@keyframes hm-spotlight-sweep{0%,55%{transform:translateX(-130%) skewX(-18deg)}76%,100%{transform:translateX(135%) skewX(-18deg)}}
.hm-spotlight-head>div{max-width:760px}
.hm-spotlight-head p{max-width:650px;line-height:1.8}
@media(prefers-reduced-motion:reduce){.hm-spotlight-brand:after{animation:none}}

.hm-spotlight-card-link{display:flex;flex:1;flex-direction:column;text-decoration:none;color:inherit}
.hm-spotlight-card-link strong{margin:14px 0 8px}
.hm-spotlight-card-link p{margin:0 0 18px}
.hm-spotlight-card-link b{margin-top:auto;color:#8eff3d;font-size:.76rem}
.hm-spotlight-share{align-self:flex-start;margin-top:17px;padding:9px 12px;border:1px solid rgba(142,255,61,.34);border-radius:6px;background:rgba(142,255,61,.06);color:#8eff3d;font:700 .72rem Inter,sans-serif;cursor:pointer}
.hm-spotlight-share:hover{background:rgba(142,255,61,.13)}
.hm-spotlight-share:focus-visible{outline:3px solid rgba(142,255,61,.45);outline-offset:3px}
.hm-spotlight-share-status{min-height:1em;margin-top:7px;color:#a5b1aa;font-size:.68rem;overflow-wrap:anywhere}

.hm-spotlight-countdown{margin:4px 0 10px;font-size:.68rem}

.hm-spotlight-countdown{display:inline-flex;align-items:center;gap:6px;margin:4px 0 8px;color:#b9d9a7;font:700 .68rem/1.4 Inter,system-ui,sans-serif}.hm-spotlight-countdown time{font-variant-numeric:tabular-nums;color:#8eff3d;letter-spacing:.08em}

.hm-spotlight {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(76px, 9vw, 116px) 0;
  border-block: 1px solid rgba(142, 255, 61, .14);
  background:
    radial-gradient(ellipse at 82% 24%, rgba(142, 255, 61, .11), transparent 34%),
    radial-gradient(ellipse at 8% 100%, rgba(142, 255, 61, .045), transparent 38%),
    linear-gradient(135deg, #090e10, #0d1414 55%, #09100c);
}
.hm-spotlight::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(115deg, transparent 48%, rgba(255,255,255,.018) 48.1%, transparent 48.3%);
  content: "";
  pointer-events: none;
}
.hm-spotlight-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 36px;
}
.hm-spotlight-intro { max-width: 760px; }
.hm-spotlight-identity { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.hm-spotlight-identity>img { display: block; flex: none; width: 46px; height: 46px; object-fit: contain; filter: drop-shadow(0 0 12px rgba(142,255,61,.19)); }
.hm-spotlight-brand {
  margin: 0;
  padding: 8px 12px 9px;
  border-color: rgba(142,255,61,.38);
  border-radius: 5px;
  box-shadow: inset 0 0 18px rgba(142,255,61,.06), 0 0 26px rgba(142,255,61,.1);
}
.hm-spotlight-brand>span { font-size: 1.15rem; }
.hm-spotlight-brand>i { font-size: .56rem; }
.hm-spotlight-kicker {
  margin: 0 0 9px;
  color: #a9ff78;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .17em;
}
.hm-spotlight-head h2 {
  max-width: 700px;
  margin: 0 0 13px;
  color: #f3f7f3;
  font: 800 clamp(2.15rem, 4.7vw, 3.65rem)/1.04 "Plus Jakarta Sans", Inter, sans-serif;
  letter-spacing: -.055em;
}
.hm-spotlight-head h2 em { color: #8eff3d; font-style: normal; }
.hm-spotlight-head p:not(.hm-spotlight-kicker) {
  max-width: 650px;
  margin: 0;
  color: #a5b1aa;
  font-size: 1rem;
  line-height: 1.75;
}
.hm-spotlight-link {
  flex: none;
  border-color: rgba(142,255,61,.4);
  border-radius: 7px;
  color: #a4ff6c;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.hm-spotlight-link:hover { transform: translateY(-2px); background: rgba(142,255,61,.08); border-color: #8eff3d; }
.hm-spotlight-link:focus-visible,
.hm-spotlight-card a:focus-visible,
.hm-spotlight-card button:focus-visible,
.hm-spotlight-empty a:focus-visible,
.hm-spotlight-fallback:focus-visible {
  outline: 3px solid rgba(142,255,61,.72);
  outline-offset: 3px;
}
.hm-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
}
.hm-spotlight-card {
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  background: linear-gradient(155deg, rgba(24,33,30,.97), rgba(11,17,18,.98));
  box-shadow: 0 18px 48px rgba(0,0,0,.2);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.hm-spotlight-card:hover {
  transform: translateY(-4px);
  border-color: rgba(142,255,61,.4);
  box-shadow: 0 24px 54px rgba(0,0,0,.32), 0 0 30px rgba(142,255,61,.06);
}
.hm-spotlight-card[data-featured="1"] {
  border-color: rgba(142,255,61,.55);
  box-shadow: inset 0 0 0 1px rgba(142,255,61,.08), 0 18px 48px rgba(0,0,0,.24), 0 0 30px rgba(142,255,61,.08);
}
.hm-spotlight-image-link { display: block; color: inherit; text-decoration: none; }
.hm-spotlight-media { position: relative; }
.hm-spotlight-image {
  position: relative;
  display: grid;
  aspect-ratio: 16 / 10;
  place-items: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(ellipse at 50% 45%, rgba(142,255,61,.11), transparent 54%),
    linear-gradient(145deg, #17211d, #0b1112);
}
.hm-spotlight-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 13px;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transition: opacity .32s ease;
}
.hm-spotlight-image img.is-active {
  opacity: 1;
}
.hm-spotlight-gallery-controls {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  display: flex;
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 20px;
  background: rgba(5,9,8,.78);
  backdrop-filter: blur(8px);
}
.hm-spotlight-gallery-controls button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.hm-spotlight-gallery-controls button.is-active {
  border-color: #8eff3d;
  background: #8eff3d;
}
.hm-spotlight-gallery-controls button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.hm-spotlight-image-fallback {
  display: grid;
  width: 74px;
  height: 74px;
  place-items: center;
  border: 1px solid rgba(142,255,61,.38);
  border-radius: 22px;
  background: rgba(142,255,61,.07);
  box-shadow: 0 0 36px rgba(142,255,61,.1);
  color: #aaff78;
  font: 800 1.7rem/1 "Plus Jakarta Sans", Inter, sans-serif;
  letter-spacing: -.06em;
}
.hm-spotlight-featured-label {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 7px 10px;
  border: 1px solid rgba(142,255,61,.43);
  border-radius: 4px;
  background: rgba(7,13,9,.88);
  color: #b6ff8c;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.hm-spotlight-countdown { margin: 12px 22px 0; font-size: .69rem; }
.hm-spotlight-card-content { display: flex; min-height: 280px; flex-direction: column; padding: 21px 22px 20px; }
.hm-spotlight-category {
  color: #9eea76;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.hm-spotlight-card h3 {
  margin: 10px 0 6px;
  color: #f3f7f3;
  font: 750 clamp(1.17rem, 1.7vw, 1.42rem)/1.2 "Plus Jakarta Sans", Inter, sans-serif;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.hm-spotlight-card h3 a { color: inherit; text-decoration: none; }
.hm-spotlight-card h3 a:hover { color: #b5ff8b; }
.hm-spotlight-tagline {
  margin: 0 0 11px;
  color: #d3ddd4;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.hm-spotlight-description {
  display: -webkit-box;
  margin: 0 0 20px;
  overflow: hidden;
  color: #a5b1aa;
  font-size: .8rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.hm-spotlight-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: auto; }
.hm-spotlight-actions a,
.hm-spotlight-share {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 11px;
  border: 1px solid rgba(142,255,61,.3);
  border-radius: 6px;
  font: 700 .7rem/1.25 Inter, sans-serif;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.hm-spotlight-profile-link { flex: 1 1 135px; background: #8eff3d; color: #10170c; }
.hm-spotlight-profile-link:hover { background: #a8ff70; }
.hm-spotlight-website-link { flex: 1 1 110px; background: rgba(142,255,61,.045); color: #b5ff8b; }
.hm-spotlight-website-link:hover { background: rgba(142,255,61,.12); }
.hm-spotlight-share {
  flex: 0 0 auto;
  background: transparent;
  color: #d0dbd1;
  cursor: pointer;
}
.hm-spotlight-share:hover { border-color: rgba(255,255,255,.38); color: #fff; }
.hm-spotlight-share-status { min-height: 1em; margin-top: 8px; color: #a5b1aa; font-size: .68rem; overflow-wrap: anywhere; }
.hm-spotlight-socials { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 17px; }
.hm-spotlight-social-link {
  display: inline-flex;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: var(--social-color, #e8eee8);
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.hm-spotlight-social-link:hover { transform: translateY(-2px); border-color: currentColor; background: rgba(255,255,255,.08); }
.hm-spotlight-social-link svg { display: block; width: 17px; height: 17px; fill: currentColor; }
.hm-spotlight-social-link:focus-visible { outline: 3px solid rgba(142,255,61,.72); outline-offset: 3px; }
.hm-spotlight-social-link[data-platform="youtube"] { --social-color: #ff0033; }
.hm-spotlight-social-link[data-platform="twitch"] { --social-color: #a970ff; }
.hm-spotlight-social-link[data-platform="instagram"] { --social-color: #f06280; }
.hm-spotlight-social-link[data-platform="tiktok"] { --social-color: #62f5eb; }
.hm-spotlight-social-link[data-platform="facebook"] { --social-color: #4a91ff; }
.hm-spotlight-social-link[data-platform="linkedin"] { --social-color: #58a9ed; }
.hm-spotlight-social-link[data-platform="spotify"] { --social-color: #1ed760; }
.hm-spotlight-social-link[data-platform="pinterest"] { --social-color: #ff334b; }
.hm-spotlight-invite {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 22px;
  padding: 19px 22px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}
.hm-spotlight-invite strong { color: #edf5ec; font: 700 .95rem "Plus Jakarta Sans",Inter,sans-serif; }
.hm-spotlight-invite p { margin: 5px 0 0; color: #9daaa1; font-size: .77rem; line-height: 1.55; }
.hm-spotlight-invite>a {
  display: inline-flex;
  min-height: 40px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid rgba(142,255,61,.35);
  border-radius: 6px;
  color: #b5ff8b;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
}
.hm-spotlight-invite>a:hover { background: rgba(142,255,61,.08); border-color: #8eff3d; }
.hm-spotlight-invite>a:focus-visible { outline: 3px solid rgba(142,255,61,.72); outline-offset: 3px; }
.hm-spotlight-empty,
.hm-spotlight-fallback {
  grid-column: 1 / -1;
  display: flex;
  min-height: 210px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(24px, 5vw, 42px);
  border: 1px solid rgba(142,255,61,.2);
  border-radius: 14px;
  background: linear-gradient(125deg, rgba(142,255,61,.055), rgba(15,22,22,.86) 55%);
  color: inherit;
  text-decoration: none;
}
.hm-spotlight-empty h3,
.hm-spotlight-fallback strong {
  max-width: 650px;
  margin: 12px 0 8px;
  color: #f1f5f2;
  font: 750 clamp(1.25rem, 3vw, 1.75rem)/1.2 "Plus Jakarta Sans", Inter, sans-serif;
}
.hm-spotlight-empty p { max-width: 580px; margin: 0 0 18px; color: #a5b1aa; line-height: 1.65; }
.hm-spotlight-fallback > span { color: #9eea76; font-size: .66rem; font-weight: 800; letter-spacing: .13em; }
.hm-spotlight-fallback small { margin-top: 5px; color: #b5ff8b; font-size: .8rem; }
@media (max-width: 900px) {
  .hm-spotlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .hm-spotlight-card-content { min-height: 270px; padding: 19px; }
}
@media (max-width: 680px) {
  .hm-spotlight { padding: 68px 0; }
  .hm-spotlight-head { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 26px; }
  .hm-spotlight-identity { gap: 9px; margin-bottom: 18px; }
  .hm-spotlight-identity>img { width: 40px; height: 40px; }
  .hm-spotlight-brand { gap: 7px; padding: 7px 9px; }
  .hm-spotlight-brand>span { font-size: 1rem; }
  .hm-spotlight-brand>i { font-size: .48rem; letter-spacing: .14em; }
  .hm-spotlight-link { align-self: flex-start; }
  .hm-spotlight-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hm-spotlight-image { aspect-ratio: 16 / 9; }
  .hm-spotlight-card-content { min-height: 0; padding: 20px; }
  .hm-spotlight-card h3 { font-size: 1.3rem; }
  .hm-spotlight-empty, .hm-spotlight-fallback { min-height: 190px; }
  .hm-spotlight-invite { align-items: flex-start; flex-direction: column; padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .hm-spotlight-brand:after { animation: none; }
  .hm-spotlight-card, .hm-spotlight-link { transition: none; }
  .hm-spotlight-social-link { transition: none; }
  .hm-spotlight-image img { transition: none; }
}


/* Editorial showcase refinement — larger, owner-proud profile cards. */
.hm-spotlight{
  padding:clamp(88px,10vw,132px) 0;
  background:
    radial-gradient(ellipse at 88% 18%,rgba(142,255,61,.105),transparent 31%),
    radial-gradient(ellipse at 4% 88%,rgba(142,255,61,.055),transparent 34%),
    linear-gradient(135deg,#080d0f 0%,#101816 52%,#090e10 100%);
}
.hm-spotlight-head{margin-bottom:42px;gap:34px}
.hm-spotlight-intro{max-width:790px}
.hm-spotlight-identity{margin-bottom:24px}
.hm-spotlight-kicker{margin-bottom:13px;color:#b2ff86}
.hm-spotlight-head h2{max-width:760px;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.02;letter-spacing:-.06em}
.hm-spotlight-head p:not(.hm-spotlight-kicker){max-width:690px;font-size:1.04rem;line-height:1.8}
.hm-spotlight-link{padding:15px 19px;font-size:.88rem}
.hm-spotlight-grid{gap:22px;align-items:stretch}
.hm-spotlight-card{
  position:relative;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:linear-gradient(155deg,#18221e 0%,#101716 58%,#0b1112 100%);
  box-shadow:0 20px 54px rgba(0,0,0,.27);
}
.hm-spotlight-card::before{
  position:absolute;z-index:3;top:0;left:12%;right:12%;height:2px;
  content:"";pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(142,255,61,.8),transparent);
  opacity:.5;
}
.hm-spotlight-card:hover{
  transform:translateY(-5px);
  border-color:rgba(142,255,61,.48);
  box-shadow:0 28px 62px rgba(0,0,0,.36),0 0 34px rgba(142,255,61,.075);
}
.hm-spotlight-card[data-featured="1"]{
  border-color:rgba(142,255,61,.62);
  box-shadow:inset 0 0 0 1px rgba(142,255,61,.1),0 22px 58px rgba(0,0,0,.3),0 0 34px rgba(142,255,61,.1);
}
.hm-spotlight-image{aspect-ratio:16/11;background:radial-gradient(ellipse at 50% 42%,rgba(142,255,61,.13),transparent 58%),linear-gradient(145deg,#1b2821,#0c1313)}
.hm-spotlight-image img{padding:clamp(18px,2.4vw,30px);object-fit:contain}
.hm-spotlight-featured-label{top:16px;left:16px;padding:8px 11px;border-radius:5px;letter-spacing:.12em}
.hm-spotlight-countdown{margin:13px 24px 0;font-size:.72rem}
.hm-spotlight-card-content{min-height:350px;padding:25px 25px 23px}
.hm-spotlight-category{font-size:.7rem;letter-spacing:.14em;color:#b3f38f}
.hm-spotlight-card h3{margin:12px 0 8px;font-size:clamp(1.3rem,1.8vw,1.58rem);line-height:1.18;letter-spacing:-.035em}
.hm-spotlight-tagline{margin-bottom:14px;color:#e1e9df;font-size:.91rem;line-height:1.6}
.hm-spotlight-description{
  display:block;
  margin:0 0 22px;
  overflow:visible;
  color:#b2bdb4;
  font-size:.86rem;
  line-height:1.75;
  -webkit-line-clamp:unset;
}
.hm-spotlight-socials{gap:9px;margin:0 0 20px}
.hm-spotlight-social-link{width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.045)}
.hm-spotlight-social-link svg{width:18px;height:18px}
.hm-spotlight-actions{gap:10px}
.hm-spotlight-actions a,.hm-spotlight-share{min-height:44px;padding:11px 13px;font-size:.74rem}
.hm-spotlight-profile-link{flex:1 1 145px}
.hm-spotlight-website-link{flex:1 1 120px}
.hm-spotlight-share{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.025)}
.hm-spotlight-share:hover{border-color:rgba(142,255,61,.45);color:#baff98;background:rgba(142,255,61,.06)}
.hm-spotlight-share-status{margin-top:9px;font-size:.72rem}
.hm-spotlight-invite{
  margin-top:28px;padding:24px 27px;border-color:rgba(142,255,61,.2);border-radius:12px;
  background:linear-gradient(100deg,rgba(142,255,61,.075),rgba(255,255,255,.025) 58%,rgba(142,255,61,.035));
}
.hm-spotlight-invite strong{font-size:1.04rem}
.hm-spotlight-invite p{font-size:.83rem;line-height:1.65}
.hm-spotlight-invite>a{min-height:46px;padding:11px 16px;font-size:.8rem}
.hm-spotlight-empty,.hm-spotlight-fallback{
  min-height:250px;border-color:rgba(142,255,61,.27);
  background:radial-gradient(ellipse at 90% 20%,rgba(142,255,61,.1),transparent 38%),linear-gradient(125deg,rgba(142,255,61,.065),rgba(15,22,22,.9) 58%);
}
@media(max-width:900px){
  .hm-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .hm-spotlight-card-content{min-height:330px;padding:22px}
}
@media(max-width:680px){
  .hm-spotlight{padding:72px 0}
  .hm-spotlight-head{gap:22px;margin-bottom:28px}
  .hm-spotlight-identity{gap:9px;margin-bottom:19px}
  .hm-spotlight-head h2{font-size:clamp(2.35rem,11vw,3.25rem)}
  .hm-spotlight-head p:not(.hm-spotlight-kicker){font-size:.96rem;line-height:1.72}
  .hm-spotlight-grid{grid-template-columns:minmax(0,1fr);gap:17px}
  .hm-spotlight-image{aspect-ratio:16/10}
  .hm-spotlight-image img{padding:24px}
  .hm-spotlight-card-content{min-height:0;padding:22px}
  .hm-spotlight-card h3{font-size:1.45rem}
  .hm-spotlight-description{font-size:.85rem;line-height:1.7}
  .hm-spotlight-invite{gap:17px;margin-top:20px;padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .hm-spotlight-card,.hm-spotlight-link,.hm-spotlight-social-link{transition:none}
  .hm-spotlight-card:hover,.hm-spotlight-social-link:hover{transform:none}
}

/* Today's Feature refinement: clearer value, stronger CTAs, professional empty/no-image states. */
.hm-spotlight-points{display:flex;flex-wrap:wrap;gap:8px 10px;margin:18px 0 0;padding:0;list-style:none}
.hm-spotlight-points li{padding:7px 12px;border:1px solid rgba(142,255,61,.28);border-radius:999px;background:rgba(142,255,61,.06);color:#c4f5a6;font:700 .72rem/1.2 Inter,sans-serif}
.hm-spotlight-points li:before{content:"✓";margin-right:7px;color:#8eff3d}
.hm-spotlight-card{cursor:pointer}
.hm-spotlight-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.hm-spotlight-socials,.hm-spotlight-actions,.hm-spotlight-share-status{position:relative;z-index:2}
.hm-spotlight-image-link{position:relative;z-index:0}
.hm-spotlight-image-note{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#9eea76;font:800 .66rem/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.hm-spotlight-image-fallback{margin-bottom:18px}
.hm-spotlight-offer-label{margin:0 0 4px;color:#8eff3d;font:800 .62rem/1.3 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.hm-spotlight-profile-link{box-shadow:0 8px 22px rgba(142,255,61,.18)}
.hm-spotlight-slot{border-style:dashed;border-color:rgba(142,255,61,.4);background:radial-gradient(ellipse at 85% 10%,rgba(142,255,61,.1),transparent 45%),linear-gradient(155deg,#14201a,#0b1112);cursor:default}
.hm-spotlight-slot .hm-spotlight-card-content{justify-content:center;min-height:300px}
.hm-spotlight-slot h3{font-size:clamp(1.4rem,2vw,1.8rem)}
.hm-spotlight-empty-actions{display:flex;flex-wrap:wrap;gap:10px}
.hm-spotlight-empty-actions a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border:1px solid rgba(142,255,61,.35);border-radius:6px;font:700 .8rem/1.2 Inter,sans-serif;text-decoration:none}
.hm-spotlight-empty-actions .hm-spotlight-website-link{color:#b5ff8b;background:rgba(142,255,61,.05)}
@media(max-width:680px){.hm-spotlight-empty-actions a{flex:1 1 100%}}
@media(min-width:901px){.hm-spotlight-slot[data-span="2"]{grid-column:span 2}.hm-spotlight-slot[data-span="2"] .hm-spotlight-card-content{align-items:flex-start;max-width:560px;margin:auto 0}}


/* Homepage feature hierarchy: celebrate the featured business first. */
@media (min-width: 681px) {
  .hm-spotlight-card[data-featured="1"] {
    grid-column: span 2;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    grid-template-rows: auto 1fr;
    align-items: stretch;
    min-height: 390px;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-media {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    min-width: 0;
    min-height: 390px;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image-link,
  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image {
    width: 100%;
    height: 100%;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image {
    min-height: 390px;
    aspect-ratio: auto;
    border-right: 1px solid rgba(255,255,255,.08);
    border-bottom: 0;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image img {
    padding: clamp(22px, 3vw, 42px);
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-countdown {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 22px 28px 0;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-card-content {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    padding: 18px 28px 28px;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-card-content h3 {
    font-size: clamp(1.65rem, 2.6vw, 2.25rem);
    line-height: 1.12;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-tagline {
    font-size: .98rem;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-description {
    font-size: .9rem;
    line-height: 1.75;
  }

  /* The open invitation is intentionally compact and never competes with the feature. */
  .hm-spotlight-slot,
  .hm-spotlight-slot[data-span="2"] {
    grid-column: span 1;
    min-height: 0;
    border-style: solid;
    border-color: rgba(142,255,61,.25);
    background:
      radial-gradient(ellipse at 85% 12%, rgba(142,255,61,.1), transparent 48%),
      linear-gradient(155deg, #121b17, #0b1112);
  }

  .hm-spotlight-slot .hm-spotlight-card-content {
    justify-content: center;
    min-height: 0;
    padding: clamp(20px, 2.2vw, 30px);
  }

  .hm-spotlight-slot h3 {
    margin-top: 13px;
    font-size: clamp(1.25rem, 1.65vw, 1.55rem);
    line-height: 1.18;
  }

  .hm-spotlight-slot .hm-spotlight-description {
    margin-bottom: 22px;
    font-size: .82rem;
    line-height: 1.65;
  }

  .hm-spotlight-slot .hm-spotlight-actions a {
    width: 100%;
    flex: 1 1 100%;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-share {
    border-color: rgba(142,255,61,.38);
    background: rgba(142,255,61,.055);
    color: #c9f7ad;
  }
}

@media (max-width: 680px) {
  .hm-spotlight-card[data-featured="1"] {
    display: flex;
    grid-column: auto;
    min-height: 0;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-media {
    display: block;
    min-height: 0;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image-link,
  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image {
    width: 100%;
    height: auto;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-image {
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-countdown {
    margin: 13px 20px 0;
  }

  .hm-spotlight-card[data-featured="1"] .hm-spotlight-card-content {
    min-height: 0;
    padding: 20px;
  }

  .hm-spotlight-slot,
  .hm-spotlight-slot[data-span="2"] {
    grid-column: auto;
  }

  .hm-spotlight-slot .hm-spotlight-card-content {
    min-height: 0;
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hm-spotlight-card[data-featured="1"] { transition: none; }
}