/* v4.58 — primeira dobra emocional, moderna e orientada à curiosidade */
.landing-v426 .hero{
  min-height:auto;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.76fr);
  grid-template-areas:"copy visual" "banner banner" "creator creator";
  align-items:center;
  column-gap:clamp(42px,6vw,92px);
  row-gap:28px;
  padding-top:64px;
  padding-bottom:76px;
  background:
    radial-gradient(circle at 8% 18%,rgba(238,82,133,.26),transparent 28%),
    radial-gradient(circle at 91% 8%,rgba(255,202,105,.18),transparent 25%),
    linear-gradient(145deg,#310c20 0%,#5d173c 52%,#3f102d 100%);
}
.landing-v426 .hero-copy{grid-area:copy;max-width:760px;padding-top:0}
.landing-v426 .hero h1{max-width:760px;margin:24px 0 22px;font-size:clamp(58px,6.1vw,92px);line-height:.91;letter-spacing:-.045em;text-wrap:balance}
.landing-v426 .hero h1 em{color:#ffd178;text-shadow:0 8px 32px rgba(255,190,86,.12)}
.landing-v426 .hero-lead{max-width:690px;margin-bottom:22px;font-size:clamp(17px,1.35vw,20px);line-height:1.65;color:#f0e2e7}
.landing-v426 .pill{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:11px;font-weight:800;letter-spacing:.08em}
.hero-story-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:680px;margin:0 0 22px}
.hero-story-signals span{display:grid;gap:2px;padding:12px 13px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.hero-story-signals b{font-size:12px;color:#fff}.hero-story-signals small{font-size:10px;color:#d9c4cc}
.landing-v426 .hero-main-cta{max-width:440px;min-height:59px;border-radius:16px;background:linear-gradient(135deg,#ffc45f,#ff7b6b);color:#401324;font-size:13px;box-shadow:0 18px 40px rgba(255,112,93,.25)}
.landing-v426 .hero-main-cta:hover{background:linear-gradient(135deg,#ffd176,#ff8f7d)}
.landing-v426 .hero-safe-line{font-size:11px;color:#e9d5dd}
.hero-assurance{gap:7px 14px;margin-top:14px}.hero-assurance span{display:inline-flex;align-items:center;gap:4px;color:#f1e5e9;font-weight:700}

.hero-emotion-visual{grid-area:visual;position:relative;width:min(100%,540px);margin:0;justify-self:end;isolation:isolate}
.hero-emotion-visual:before{content:"";position:absolute;inset:-14px;border:1px solid rgba(255,212,134,.22);border-radius:38px;transform:rotate(2deg);z-index:-1}
.hero-emotion-visual:after{content:"";position:absolute;inset:auto 8% -28px 8%;height:70px;border-radius:50%;background:rgba(16,2,9,.42);filter:blur(24px);z-index:-2}
.hero-emotion-visual picture{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:#2b101b;box-shadow:0 30px 85px rgba(17,2,10,.42)}
.hero-emotion-visual img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.hero-visual-label{position:absolute;top:16px;right:16px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(24,7,15,.52);backdrop-filter:blur(12px);color:#f5e7ec;font-size:8px;font-weight:900;letter-spacing:.13em}
.hero-demo-player{position:absolute;left:18px;right:18px;bottom:62px;max-width:none;margin:0;padding:12px 13px;border-color:rgba(255,255,255,.24);background:rgba(28,8,17,.78);backdrop-filter:blur(18px);box-shadow:0 15px 38px rgba(16,3,10,.32);grid-template-columns:auto 1fr 72px}
.hero-demo-player .play-orb{width:48px;height:48px;background:linear-gradient(135deg,#ffd47e,#ff8c72);color:#4a142c;box-shadow:0 9px 22px rgba(255,167,105,.22)}
.hero-demo-player .mini-player-copy small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#ffd47e}.hero-demo-player .mini-player-copy strong{font-size:12px;color:#fff}.hero-demo-player .mini-player-copy span{font-size:9px;color:#ead5dd}
.hero-emotion-visual figcaption{padding:14px 12px 0;color:#ddc9d0;font-size:10px;line-height:1.55;text-align:center}

.landing-v426 .hero>#couponCampaignBanner{grid-area:banner;width:min(100%,880px);justify-self:center;margin:4px 0 0}
.landing-v426 .hero>.creator{grid-area:creator;width:min(100%,880px);justify-self:center;margin-top:14px;padding:34px;border:1px solid rgba(255,255,255,.28);box-shadow:0 34px 90px rgba(20,3,12,.34)}
.landing-v426 .hero>.creator:after{content:"Comece por aqui";position:absolute;top:-14px;left:28px;padding:7px 13px;border-radius:999px;background:#ffd178;color:#4a142b;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 20px rgba(32,8,20,.18)}
.landing-v426 .hero>.creator .creator-head{padding-top:5px}
.landing-v426 .hero>.creator .creator-head h2{font-size:42px}

@media(max-width:980px){
  .landing-v426 .hero{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);column-gap:34px;padding-top:46px}
  .landing-v426 .hero h1{font-size:clamp(52px,7.2vw,72px)}
  .hero-story-signals{grid-template-columns:1fr}.hero-story-signals span{grid-template-columns:auto 1fr;align-items:baseline;gap:7px;padding:9px 11px}
  .hero-emotion-visual{width:min(100%,460px)}
}
@media(max-width:820px){
  .landing-v426 .hero{display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "visual" "banner" "creator";padding:32px 16px 56px;row-gap:30px}
  .landing-v426 .hero-copy{max-width:680px;margin:0 auto}.landing-v426 .hero h1{font-size:clamp(48px,13vw,68px);line-height:.94}.landing-v426 .hero-lead{font-size:16px;line-height:1.58}
  .hero-story-signals{grid-template-columns:1fr 1fr 1fr}.hero-story-signals span{display:grid;grid-template-columns:1fr;gap:1px;padding:10px}
  .hero-emotion-visual{width:min(100%,600px);justify-self:center}.hero-emotion-visual:before{inset:-9px;border-radius:30px}.hero-emotion-visual picture{border-radius:25px}
  .landing-v426 .hero>.creator{width:min(100%,760px);padding:26px 20px;margin-top:10px}.landing-v426 .hero>.creator .creator-head h2{font-size:35px}
}
@media(max-width:560px){
  .landing-v426 .hero{padding-top:24px}.landing-v426 .pill{font-size:9px}.landing-v426 .hero h1{font-size:48px;margin-top:20px}
  .hero-story-signals{grid-template-columns:1fr}.hero-story-signals span{grid-template-columns:auto 1fr;gap:7px}
  .landing-v426 .hero-main-cta{max-width:none;min-height:58px}
  .hero-demo-player{left:10px;right:10px;bottom:54px;grid-template-columns:auto 1fr 46px}.hero-demo-player .wave{width:46px}.hero-demo-player .mini-player-copy strong{font-size:11px}
  .hero-emotion-visual figcaption{font-size:9px}.hero-visual-label{top:10px;right:10px}
  .landing-v426 .hero>.creator{padding:24px 14px}.landing-v426 .hero>.creator:after{left:14px}.landing-v426 .hero>.creator .creator-head h2{font-size:31px}
}