/* Mobile CTA optimization */
html{scroll-behavior:smooth}

.sticky-cta{display:none}

@media(max-width:768px){
  .sticky-cta{
    display:flex;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:rgba(20,18,16,.95);
    backdrop-filter:blur(8px);
    padding:10px 16px;
    z-index:999;
    justify-content:center;
    border-top:1px solid rgba(243,236,223,.1);
    transition:transform .3s ease, opacity .3s ease;
  }
  .sticky-cta.hidden-cta{
    transform:translateY(100%);
    opacity:0;
    pointer-events:none;
  }
  .sticky-cta .btn{
    font-size:.82rem;
    padding:11px 20px;
    border-radius:12px;
    width:100%;
    max-width:360px;
    text-align:center;
    font-weight:600;
  }
  /* Smaller hero buttons on mobile */
  .hero-actions .btn{
    font-size:.85rem;
    padding:12px 18px;
  }
  /* Add padding bottom so sticky doesn't cover content */
  body{padding-bottom:60px}
}