/* ═══════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════ */
.imp-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.imp-hero__bg{position:absolute;inset:0;z-index:0}
.imp-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center top}
.imp-hero__overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,6,6,.97) 45%,rgba(6,6,6,.75) 75%,rgba(6,6,6,.55) 100%);z-index:1}

/* Layout */
.imp-hero__wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:140px 32px 100px;width:100%;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center}

/* ── LEFT ──────────────────────────── */
.imp-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.2);border-radius:40px;padding:7px 16px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:28px}
.imp-hero__dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.6);flex-shrink:0;animation:dotPulse 2s infinite}
@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.4}}

.imp-hero__left h1{font-family:'Montserrat',sans-serif;font-weight:900;line-height:1.0;margin-bottom:24px}
.imp-hero__h1-top{display:block;font-size:clamp(2rem,4vw,3.4rem);color:rgba(255,255,255,.9);letter-spacing:-.01em}
.imp-hero__left h1 em{display:block;font-style:normal;font-size:clamp(2.6rem,5.5vw,5rem);background:linear-gradient(120deg,var(--gold),var(--gold3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}

.imp-hero__sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:480px;line-height:1.85;margin-bottom:40px;font-weight:400}

/* Buttons */
.imp-hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.imp-btn-primary{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0a0a0a;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;padding:15px 28px;border-radius:8px;transition:var(--trans)}
.imp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,162,39,.4)}
.imp-btn-ghost{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding:15px 28px;border-radius:8px;border:1px solid rgba(255,255,255,.14);transition:var(--trans);backdrop-filter:blur(8px)}
.imp-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}

/* Social proof */
.imp-hero__proof{display:flex;align-items:center;gap:12px}
.imp-hero__stars{display:flex;gap:2px}
.imp-hero__proof span{font-size:.8rem;color:rgba(255,255,255,.5);font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.02em}

/* ── RIGHT CARD ────────────────────── */
.imp-hero__card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.imp-hero__card-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--gold);font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.imp-hero__card-list{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.imp-hero__card-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:rgba(255,255,255,.75);font-weight:500}
.imp-hero__card-list li svg{color:var(--gold);flex-shrink:0}
.imp-hero__card-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0a0a0a;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding:15px 24px;border-radius:10px;margin-bottom:12px;transition:var(--trans)}
.imp-hero__card-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(201,162,39,.4)}
.imp-hero__card-note{text-align:center;font-size:.72rem;color:rgba(255,255,255,.35);font-family:'Montserrat',sans-serif;letter-spacing:.05em}

/* ── RESPONSIVE ─────────────────────── */
@media(max-width:1024px){
  .imp-hero__wrap{grid-template-columns:1fr 360px;gap:40px;padding:130px 24px 90px}
}
@media(max-width:900px){
  .imp-hero__wrap{grid-template-columns:1fr;padding:110px 24px 80px}
  .imp-hero__right{display:none}
  .imp-hero__overlay{background:linear-gradient(180deg,rgba(6,6,6,.95) 0%,rgba(6,6,6,.85) 100%)}
}
@media(max-width:768px){
  .imp-hero__wrap{padding:100px 20px 100px}
  .imp-hero__h1-top{font-size:clamp(1.6rem,6vw,2.4rem)}
  .imp-hero__left h1 em{font-size:clamp(2.2rem,8vw,3.4rem)}
  .imp-hero__sub{font-size:.96rem;margin-bottom:28px}
  .imp-hero__btns{margin-bottom:28px}
}
@media(max-width:480px){
  .imp-hero__wrap{padding:90px 16px 90px}
  .imp-hero__h1-top{font-size:clamp(1.4rem,7vw,2rem)}
  .imp-hero__left h1 em{font-size:clamp(2rem,9vw,2.8rem)}
  .imp-hero__sub{font-size:.9rem;margin-bottom:24px}
  .imp-hero__btns{flex-direction:column;gap:10px;margin-bottom:24px}
  .imp-btn-primary,.imp-btn-ghost{justify-content:center;text-align:center}
  .imp-hero__badge{font-size:.65rem;padding:6px 12px}
}
@media(max-width:360px){
  .imp-hero__wrap{padding:84px 12px 88px}
  .imp-hero__h1-top{font-size:clamp(1.3rem,7vw,1.8rem)}
  .imp-hero__left h1 em{font-size:clamp(1.8rem,9vw,2.4rem)}
  .imp-hero__sub{font-size:.85rem}
  .imp-hero__proof span{font-size:.72rem}
}
