/* ===========================
   HomeHarbor – Investor Hero
   Scope: #hh-inline-investor
   =========================== */

#hh-inline-investor{
  --hh-chip-bg:#eef5ff;
  --hh-chip-border:rgba(2,6,23,.06);
  --hh-muted:#64748b;
  --hh-text:#0f172a;
  --hh-white:#ffffff;
  --hh-grad-a:#3b82f6;
  --hh-grad-b:#06b6d4;
  --radius:20px;
  --maxw:1000px;

  /* Glow-Tokens */
  --glow-a: rgba(255,255,255,.65);
  --glow-b: rgba(56,189,248,.18);

  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--hh-text);
}
#hh-inline-investor, #hh-inline-investor * { box-sizing:border-box; }

/* Hero */
#hh-inline-investor .hh-investor-hero{
  padding:clamp(36px,6vw,80px) clamp(16px,4vw,20px);
  padding-left:max(16px,env(safe-area-inset-left));
  padding-right:max(16px,env(safe-area-inset-right));
  background:linear-gradient(135deg,#f8fafc,#e2e8f0);
  position:relative;
  overflow:hidden;
  border-radius:var(--radius);
  isolation:isolate;
  --mx:50%;
  --my:40%;
}

/* Inhalt über dem Glow halten */
#hh-inline-investor .hh-hero-inner{
  position:relative;
  z-index:1;
  max-width:var(--maxw);
  margin:0 auto;
  text-align:center;
}

/* Hintergrund-Glow (Pointer-Follow) */
#hh-inline-investor .hh-investor-hero::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  z-index:0;
  background:
    radial-gradient(180px 180px at var(--mx) var(--my), var(--glow-a), rgba(255,255,255,0) 60%),
    radial-gradient(320px 320px at var(--mx) var(--my), var(--glow-b), transparent 70%);
  transition:opacity .35s ease;
}
/* Desktop: Glow bei Hover/Fokus */
@media (hover:hover) and (pointer:fine){
  #hh-inline-investor .hh-investor-hero:hover::before,
  #hh-inline-investor .hh-investor-hero:focus-within::before{ opacity:1; }
}
/* Mobile: Auto-Glow, wenn Block sichtbar */
@media (hover:none) and (pointer:coarse){
  #hh-inline-investor .hh-investor-hero.is-active::before{ opacity:1; }
}

/* Headings (wie im Screenshot: kräftig schwarz + kleinere blaue Subline) */
#hh-inline-investor h2{
  font-size:clamp(26px,5.5vw,44px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.1;
  margin:0 0 clamp(12px,2.5vw,20px);
  color:var(--hh-text);
}
#hh-inline-investor h2 .sub{
  display:block;
  margin-top:6px;
  font-weight:700;
  font-size:clamp(15px,2.8vw,20px);
  line-height:1.25;
  color:#2563eb;          /* klares, ruhiges Blau wie im Bild */
  text-wrap:balance;
}

/* Counter-Box */
#hh-inline-investor .hh-counter-box{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:.45rem;
  padding:clamp(16px,3.5vw,22px) clamp(16px,4.5vw,28px);
  background:var(--hh-white);
  border-radius:clamp(14px,3vw,20px);
  box-shadow:0 8px 16px rgba(0,0,0,.06);
  margin:0 auto clamp(14px,3vw,18px);
  text-align:center;
  width:min(100%,560px);
}
#hh-inline-investor #investor-counter{
  display:block;
  font-size:clamp(32px,9vw,58px);
  font-weight:800;
  line-height:1;
}
#hh-inline-investor .hh-counter-label{
  font-size:clamp(14px,3.6vw,16px);
  font-weight:600;
  color:var(--hh-muted);
}
#hh-inline-investor .hh-counter-date{
  display:block;
  font-size:clamp(12px,3.2vw,13px);
  color:var(--hh-muted);
}

/* Chips */
#hh-inline-investor .hh-benefits{
  list-style:none;
  padding:0;
  margin:clamp(10px,3vw,14px) auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  max-width:880px;
}
#hh-inline-investor .hh-benefits li{
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--hh-chip-bg);
  padding:10px 14px;
  border-radius:9999px;
  border:1px solid var(--hh-chip-border);
  font-size:clamp(14px,3.8vw,16px);
  font-weight:700;
}
#hh-inline-investor .hh-benefits .emoji{ font-size:clamp(16px,4vw,18px); line-height:1; }
@media (max-width:420px){
  #hh-inline-investor .hh-benefits{ display:grid; grid-template-columns:1fr; gap:8px; }
  #hh-inline-investor .hh-benefits li{ justify-content:center; }
}

/* Launch-Info */
#hh-inline-investor .hh-launch-line{
  margin:12px auto 0;
  font-size:clamp(13px,3.6vw,15px);
  font-weight:700;
  color:var(--hh-text);
}
#hh-inline-investor .hh-launch-line .sep{ opacity:.6; }
#hh-inline-investor .hh-launch-line .soft{ font-weight:600; color:var(--hh-muted); }

/* Support-Text */
#hh-inline-investor .hh-cta{
  max-width:min(640px,92vw);
  margin:clamp(12px,3.5vw,18px) auto 0;
  font-size:clamp(14.5px,3.8vw,17px);
  font-weight:600;
  line-height:1.55;
}

/* CTA-Bar */
#hh-inline-investor .hh-cta-bar{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
  margin:clamp(14px,3.2vw,20px) auto 0;
  width:min(560px,92vw);
}
#hh-inline-investor .hh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding:16px 28px;      /* höher & breiter, aber … */
  border-radius:14px;
  font-weight:800;
  text-decoration:none;
  line-height:1;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease,
             background .2s ease, border-color .2s ease, color .2s ease;
  -webkit-tap-highlight-color:transparent;
  font-size:15px;         /* … bewusst kleine Schrift */
  white-space:nowrap;
  min-width:240px;        /* spürbar breiter */
}
#hh-inline-investor .hh-btn-primary{
  color:#fff;
  background:linear-gradient(90deg,var(--hh-grad-a),var(--hh-grad-b));
  box-shadow:0 8px 22px rgba(59,130,246,.25);
}
#hh-inline-investor .hh-btn-ghost{
  color:var(--hh-text);
  background:#fff;
  border:1px solid rgba(2,6,23,.08);
}
#hh-inline-investor .hh-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(59,130,246,.3);
}
#hh-inline-investor .hh-btn-ghost:hover{
  background:#f8fafc;
  transform:translateY(-1px);
}

/* Microcopy + Warteliste */
#hh-inline-investor .hh-cta-micro{
  display:block;
  margin:8px auto 0;
  color:#64748b;
  font-size:12.5px;
}
#hh-inline-investor .hh-waitlist-note{
  margin:6px auto 0;
  color:#334155;
  font-size:13px;
  max-width:640px;
}

/* Mobile tightening */
@media (max-width:480px){
  #hh-inline-investor .hh-cta-bar{
    width:auto;
    max-width:100%;
    gap:10px;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
  }
  #hh-inline-investor .hh-btn{
    font-size:14px;       /* leicht kleiner auf Mobile */
    padding:14px 22px;
    border-radius:12px;
    width:auto;
    min-width:200px;
    max-width:calc(100vw - 64px);
    margin-left:auto;
    margin-right:auto;
  }
  #hh-inline-investor .hh-cta-micro{ font-size:12px; }
  #hh-inline-investor .hh-waitlist-note{ font-size:12.5px; line-height:1.45; padding:0 4px; }
}
@media (max-width:360px){
  #hh-inline-investor .hh-btn{
    min-width:200px;
    max-width:calc(100vw - 48px);
    font-size:12.5px;
    padding:10px 16px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #hh-inline-investor *{ transition:none !important; }
}


/* Ergänzungen für die EUR/Alt-Währungszeile */
.investment-calculator .investment-input-container{ position:relative; flex:1; }

.investment-calculator .currency-symbol{
  position:absolute; right:15px; top:50%; transform:translateY(-50%);
  font-size:1.2rem; color:#8E8E93; pointer-events:none;
}

/* Zeile unter dem Input: zeigt z.B. (1 075 zł) bei Währung != EUR */
.investment-calculator .investment-alt-line{
  margin-top:6px; font-size:.95rem; color:#8E8E93; text-align:center;
}

/* Select-Optionen mit zusätzlicher Währung */
.investment-calculator select option.hh-with-ccy::after{ content:""; }

/* Tabelle: leichte Abstände für Dual-Werte */
.investment-calculator .glass-table td,
.investment-calculator .glass-table th{ white-space:nowrap; }

/* (Rest deiner bestehenden Styles bleibt; Datei ergänzt nur die relevanten Bits) */