/* Ny vänstersektion i heron. Högersidan (handen med chatten) och allt under är orört. */
.hero-copy h1{font-size:clamp(40px,4.9vw,80px);line-height:.98}
.nl__sub{margin:28px 0 0;max-width:24em;font:400 clamp(19px,1.55vw,23px)/1.5 "Inter Tight",sans-serif;color:#2b3b2f}
.nl__price{margin:38px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font:700 clamp(24px,2vw,30px)/1.1 "Cabinet Grotesk",sans-serif;color:#16291d}
.nl__price span{font:400 16px/1.3 "Inter Tight",sans-serif;color:#6b6a5f}
.nl__act{margin-top:28px}
.nl__btn{display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;border-radius:999px;background:#16291d;color:#faf8f4;font:700 18px/1 "Inter Tight",sans-serif;text-decoration:none;transition:background .2s,transform .2s}
.nl__btn:hover{background:#204130;transform:translateY(-2px)}
.nl__btn:focus-visible,.nl__tp:focus-visible{outline:3px solid #cf6244;outline-offset:3px}
.nl__note{margin:16px 0 0;font:400 14.5px/1.4 "Inter Tight",sans-serif;color:#6b6a5f}
.nl__tp{margin-top:44px;display:inline-flex;align-items:center;gap:9px;color:#16291d;text-decoration:none;font:500 15px/1.2 "Inter Tight",sans-serif}
.nl__tp .st{color:#00b67a;letter-spacing:2px;font-size:16px}
.nl__tp b{font-weight:700}
@media (max-width:900px){
  .hero-copy h1{font-size:clamp(34px,9.6vw,48px)}
  .nl__sub{margin-top:18px;font-size:18px}
  .nl__price{margin-top:24px;font-size:24px}
  .nl__act{margin-top:20px}
  .nl__btn{width:100%;padding:19px 24px}
  .nl__tp{margin-top:26px}
}