/* =========================================================
   TKSE 008D4C - Landing Mobile Final Typography Polish
   Scope: landing pages only. Keep desktop from 008D4A/008D4B.
   Goals: more premium mobile typography, slimmer chips, less intrusive scroll top.
   ========================================================= */

@media (max-width: 820px){
  .landing-hero-grid{
    padding:32px 0 36px;
  }

  .landing-eyebrow{
    min-height:39px;
    padding:9px 15px;
    margin-bottom:20px;
    font-size:10.5px;
  }

  .landing-copy h1{
    font-size:clamp(31px,8.05vw,42px);
    line-height:1.11;
    letter-spacing:-.04em;
  }

  .landing-copy p{
    margin-top:18px;
    font-size:15.75px;
    line-height:1.55;
  }

  .landing-actions{
    gap:11px;
    margin-top:24px;
  }

  .landing-actions .btn{
    min-height:52px;
    padding:14px 17px;
    border-radius:17px;
    font-size:15px;
  }

  .landing-chips{
    gap:9px;
    margin-top:18px;
  }

  .landing-chips span{
    min-height:44px;
    padding:11px 14px;
    border-radius:15px;
    font-size:13.5px;
    line-height:1.18;
  }

  .scroll-top{
    width:38px;
    height:38px;
    right:14px;
    bottom:80px;
    opacity:.82;
    box-shadow:0 10px 28px rgba(7,26,63,.12);
  }

  body:not(.tkse-mobile-cta-visible) .scroll-top{
    bottom:18px;
    opacity:.72;
  }

  .mobile-cta{
    left:14px;
    right:14px;
    bottom:10px;
    padding:8px;
    gap:7px;
    border-radius:22px;
  }

  .mobile-cta a{
    height:48px;
    border-radius:16px;
    font-size:14.5px;
  }

  body.tkse-mobile-cta-visible{
    padding-bottom:88px;
  }

  .footer{
    padding-bottom:98px;
  }
}

@media (max-width: 430px){
  .landing-hero-grid{
    padding-top:30px;
    padding-bottom:34px;
  }

  .landing-copy h1{
    font-size:clamp(29px,7.65vw,38px);
    line-height:1.12;
    letter-spacing:-.038em;
  }

  .landing-copy p{
    font-size:15.35px;
    line-height:1.54;
  }

  .landing-actions .btn{
    min-height:50px;
    padding:13px 16px;
  }

  .landing-chips span{
    min-height:42px;
    padding:10px 13px;
    font-size:13px;
  }

  .scroll-top{
    width:36px;
    height:36px;
    right:13px;
    bottom:78px;
  }

  body:not(.tkse-mobile-cta-visible) .scroll-top{
    bottom:16px;
  }
}

@media (max-width: 375px){
  .landing-copy h1{
    font-size:clamp(27px,7.35vw,35px);
  }

  .landing-copy p{
    font-size:14.8px;
  }

  .landing-eyebrow{
    font-size:10px;
    letter-spacing:.085em;
  }
}