.growth-hero{padding:28px;margin-bottom:20px;background:radial-gradient(at 100% 0,#6238c52b,transparent 65%),linear-gradient(145deg,#0d2237,var(--panel));border-color:#445688}.growth-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.15;max-width:650px;margin:8px 0 16px}.growth-hero p{max-width:580px;line-height:1.6}.growth-eyebrow,.growth-step{text-transform:uppercase;letter-spacing:.1em;color:#8fbcff;font-size:12px;font-weight:700}.growth-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.growth-topics span,.growth-badge{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:12px}.growth-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.growth-hub{padding:18px;margin-bottom:18px}.growth-hub p{margin:6px 0}.growth-hub .row{gap:16px;flex-wrap:wrap}.growth-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.growth-choices .chip{min-height:52px;white-space:normal}.growth-choices [aria-pressed=true]{background:linear-gradient(120deg,#2879f9,#7949e9);color:white;border-color:#9585ff}.growth-flow{padding:4px}.growth-toggle{display:flex!important;align-items:center;gap:12px!important;padding:12px;border:1px solid var(--line);border-radius:12px}.growth-toggle input{width:18px;height:18px;accent-color:#7755ef}.growth-milestones>div{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.growth-milestones b{color:#3cdbbd;min-width:24px}.growth-badge{display:inline-block;color:#af99ff;margin:8px 0}.growth-event{margin:14px 0;padding:18px}.growth-event h3{margin:4px 0}.growth-event time{color:var(--muted)}.growth-profile-accent{border-color:#ac7cfd!important;box-shadow:0 0 18px #6e46d333}.growth-avatar-frame{outline:2px solid #44cce5;outline-offset:3px}.growth-share-preview{width:100%;border-radius:18px}.growth-actions .btn{max-width:100%}@media(max-width:420px){.growth-hero{padding:20px}.growth-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-hub .chip{font-size:12px;padding:8px 10px}}

.growth-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.growth-coin{padding:15px 10px;color:var(--text,#f5f7ff);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px;background:var(--panel);font-family:inherit;min-width:0}.growth-coin b{font-size:clamp(14px,2vw,20px);overflow-wrap:anywhere}.growth-space-links{margin-top:14px}.growth-space-links .chip{font-size:12px}.growth-coin span{color:var(--muted);font-size:13px}

/* Coin pick tiles in onboarding */
.growth-coin-choices{gap:10px;margin:18px 0 14px}
.growth-choices .growth-coin-pick{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 10px;border-radius:16px;background:linear-gradient(145deg,#2d649018,#6845a818),var(--panel);border:1px solid var(--line);font-weight:700;letter-spacing:.03em;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s}
.growth-choices .growth-coin-pick:hover{border-color:#7e6bc8;transform:translateY(-1px)}
.growth-choices .growth-coin-pick .growth-pick-logo{width:26px;height:26px;border-radius:50%;object-fit:contain;flex:0 0 26px;background:#0b1220;box-shadow:0 0 0 1px #ffffff14}
.growth-choices .growth-coin-pick span{line-height:1}
.growth-choices .growth-coin-pick[aria-pressed=true]{background:linear-gradient(120deg,#2879f9,#7949e9);color:#fff;border-color:#a794ff;box-shadow:0 8px 20px #5b46d238}
.growth-choices .growth-coin-pick[aria-pressed=true] .growth-pick-logo{box-shadow:0 0 0 1px #ffffff33}
@media(max-width:420px){.growth-choices .growth-coin-pick{min-height:50px;gap:8px;padding:10px 8px}.growth-choices .growth-coin-pick .growth-pick-logo{width:22px;height:22px;flex-basis:22px}}

/* Space interest tiles — same aurora treatment as Spaces directory */
.growth-space-choices{gap:10px;margin:18px 0 14px}
.growth-choices .growth-space-pick{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;min-height:92px;border-radius:14px;border:1px solid color-mix(in srgb,var(--space-color) 42%,#667ba34d);background:#080e20;color:#edf2ff;box-shadow:none;transition:border-color .15s,box-shadow .15s,transform .12s}
.growth-choices .growth-space-pick:hover{border-color:var(--space-color);transform:translateY(-1px)}
.growth-space-pick-art{position:relative;isolation:isolate;display:grid;place-items:center;flex:none;height:58px;width:100%;overflow:hidden}
.growth-space-pick-art::before{content:'';position:absolute;inset:0;z-index:-2;background:#0a1732 url('spaces-art/aurora-landscape.jpg') center 70%/cover no-repeat;filter:hue-rotate(var(--art-hue));opacity:.95}
.growth-space-pick-art::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080e20,transparent 52%)}
.growth-space-pick-logo{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;margin-top:-4px;overflow:hidden;border:1px solid var(--space-color);border-radius:50%;background:#11152b;box-shadow:0 0 0 3px #08102377;color:var(--space-color)}
.growth-space-pick-logo img,.growth-space-pick-logo svg,.growth-space-pick-logo .coinlogo,.growth-space-pick-logo .crypto-logo,.growth-space-pick-logo .solana-logo{width:24px;height:24px;object-fit:contain;display:block}
.growth-space-pick-logo .coinlogo{width:28px!important;height:28px!important;background:transparent!important;display:grid;place-items:center}
.growth-space-pick-label{display:block;padding:8px 8px 11px;font-weight:700;font-size:12px;line-height:1.2;text-align:center;letter-spacing:-.01em;color:#f2f5ff}
.growth-choices .growth-space-pick[aria-pressed=true]{border-color:var(--space-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--space-color) 50%,transparent),0 10px 22px #00000055}
.growth-choices .growth-space-pick[aria-pressed=true] .growth-space-pick-label{background:linear-gradient(120deg,color-mix(in srgb,var(--space-color) 55%,#2879f9),#7949e9);color:#fff}
.growth-choices .growth-space-pick[aria-pressed=true] .growth-space-pick-logo{box-shadow:0 0 0 3px color-mix(in srgb,var(--space-color) 35%,#08102377)}
@media(max-width:420px){.growth-choices .growth-space-pick{min-height:84px}.growth-space-pick-art{height:50px}.growth-space-pick-logo{width:34px;height:34px}.growth-space-pick-label{font-size:11px;padding:7px 6px 9px}}

/* Landing hero — new visitor first impression */
.growth-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0!important;
  margin-bottom:22px;
  border:1px solid #667ba34d!important;
  border-radius:18px;
  background:#080e20!important;
  box-shadow:0 18px 48px #00000055;
}
.growth-hero::before{
  content:'';
  position:absolute;inset:0;z-index:-2;
  background:#060f23 url('spaces-art/orbit-hero.jpg') center 35%/cover no-repeat;
  opacity:.22;
  filter:saturate(.85) brightness(.9);
}
.growth-hero::after{
  content:'';
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse at 88% 12%,#7a4df266,transparent 42%),
    radial-gradient(ellipse at 8% 90%,#1a8abf33,transparent 48%),
    linear-gradient(180deg,#080e20cc 0%,#080e20 72%);
  pointer-events:none;
}
.growth-hero-inner{
  position:relative;
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:22px;
  align-items:center;
  padding:30px 28px 26px;
}
.growth-hero-copy{min-width:0}
.growth-hero .growth-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#9cc4ff;
  font-size:11px;
  font-weight:800;
  margin:0 0 10px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid #6f8ec455;
  background:#0f1a33aa;
}
.growth-hero h1{
  font-size:clamp(26px,4.2vw,40px)!important;
  line-height:1.12!important;
  max-width:560px;
  margin:0 0 12px!important;
  letter-spacing:-.02em;
  color:#f4f7ff!important;
  text-shadow:0 2px 24px #0006;
}
.growth-hero p{
  max-width:520px;
  line-height:1.55!important;
  margin:0 0 18px!important;
  color:#b8c5dc!important;
  font-size:15px;
}
.growth-hero-cta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 16px;
  margin:0 0 18px;
}
.growth-hero-cta #growthStart{
  min-height:44px;
  padding:12px 22px;
  font-weight:800;
  font-size:14px;
  border:0;
  box-shadow:0 8px 28px #4a35c055,0 0 0 1px #9b7dff33;
}
.growth-hero-cta #growthCounter{
  margin:0!important;
  color:#8fa3c4!important;
  max-width:none;
}
.growth-topics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0!important;
}
.growth-topic{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid color-mix(in srgb,var(--topic-color,#8fbcff) 45%,#667ba34d)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  font-size:12px!important;
  font-weight:700;
  color:#e8eefc!important;
  background:color-mix(in srgb,var(--topic-color,#8fbcff) 12%,#0c1528)!important;
  box-shadow:inset 0 1px 0 #ffffff0d;
}
.growth-topic img{
  width:16px;height:16px;object-fit:contain;display:block;flex:none;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--topic-color) 50%,transparent));
}
.growth-hero-preview{
  display:grid;
  gap:10px;
  justify-self:end;
  width:min(100%,220px);
}
.growth-preview-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:14px;
  border:1px solid color-mix(in srgb,var(--space-color) 50%,#667ba34d);
  background:#0a1224;
  box-shadow:0 10px 24px #0005;
  transform:translateX(0);
}
.growth-preview-card:nth-child(2){margin-left:14px}
.growth-preview-card:nth-child(3){margin-left:28px}
.growth-preview-art{
  display:block;
  height:48px;
  background:#0a1732 url('spaces-art/aurora-landscape.jpg') center 70%/cover no-repeat;
  filter:hue-rotate(var(--art-hue));
  position:relative;
}
.growth-preview-art::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(0deg,#0a1224,transparent 55%);
}
.growth-preview-label{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 11px 10px;
  font-size:12px;
  font-weight:700;
  color:#eef2ff;
}
.growth-preview-label img{width:16px;height:16px;object-fit:contain}
@media(max-width:720px){
  .growth-hero-inner{grid-template-columns:1fr;padding:24px 18px 20px;gap:18px}
  .growth-hero-preview{display:none}
  .growth-hero h1{font-size:clamp(24px,7vw,32px)!important}
}
@media(max-width:420px){
  .growth-hero-inner{padding:20px 14px 16px}
  .growth-hero-cta{flex-direction:column;align-items:flex-start}
  .growth-topic{padding:6px 10px!important;font-size:11px!important}
}

body[data-theme="light"] .growth-hero{background:#0a1220!important;border-color:#9db4d8!important}
body[data-theme="light"] .growth-hero h1{color:#f4f7ff!important}
body[data-theme="light"] .growth-hero p{color:#c5d0e6!important}