*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;overflow-x:hidden;}
body{background:#EDE8DE;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'Hanken Grotesk',sans-serif;color:#1A1A1A;}
a{color:#5C8F86;text-decoration:none;}
a:hover{color:#3F5B57;}
::selection{background:#A9CDC8;}
#lc-contact,#lc-download,#lc-how{scroll-margin-top:90px;}
.lc-legal p{margin:0 0 15px;font-size:16px;line-height:1.7;color:#3F3B33;}
.lc-legal ul{margin:0 0 18px;padding-left:22px;}
.lc-legal li{font-size:16px;line-height:1.65;color:#3F3B33;margin:0 0 8px;}
.lc-legal h3{font-family:'Newsreader',serif;font-weight:700;font-size:26px;margin:38px 0 14px;letter-spacing:-.01em;}
.lc-legal strong{color:#1A1A1A;}
.lc-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

@media (max-width:900px){
  .lc-grid-4,.lc-grid-3{grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:640px){
  .lc-wrap{padding-left:20px!important;padding-right:20px!important;}
  .lc-legal{padding-left:20px!important;padding-right:20px!important;}
  .lc-grid-4,.lc-grid-3,.lc-grid-2{grid-template-columns:1fr!important;}
  .lc-hero-title{font-size:38px!important;}
  .lc-h1-lg{font-size:34px!important;}
  .lc-h2{font-size:28px!important;}
  .lc-h3{font-size:24px!important;}
  .lc-ctabox{padding:32px 24px!important;}
  /* Force each of these flex children onto its own full-width row instead of
     squeezing beside its sibling — min-width:0 alone doesn't force a wrap. */
  .lc-hero-text,.lc-shrink{flex:1 1 100%!important;min-width:0!important;}
  .lc-row-reset{flex-direction:row!important;}
  .lc-nav-row{gap:10px!important;}
  .lc-logo-text{font-size:18px!important;}
  .lc-nav-secondary{display:none!important;}
  .lc-lang-btn{padding:8px!important;}
  #lc-lang-label{display:none!important;}
  .lc-nav-cta{padding:8px 12px!important;font-size:12px!important;}
  /* Desktop sections use 84-88px of top padding, which reads as an
     oversized empty gap on a narrow, fast-scrolling mobile page. Most
     sections rely on bottom:0 + the next section's top padding for their
     gap, so only padding-top is touched here — overriding bottom too
     would double every inter-section gap instead of shrinking it. */
  .lc-sec{padding-top:48px!important;}
  #lc-download{padding-bottom:24px!important;}
  #lc-contact{padding-bottom:24px!important;}
  .lc-footer{margin-top:16px!important;}
  /* The Follow icon row is only 4 fixed-size buttons — on a full-width
     mobile card that leaves a lopsided gap on the right; spread them
     across the card width instead of bunching at the left edge. */
  .lc-follow-row{justify-content:space-between!important;}
  .lc-copyright-row{justify-content:center!important;text-align:center!important;}
}
@media (max-width:480px){
  /* Height comes from the clip's own aspect-ratio now, so only width is pinned. */
  .lc-phone{width:260px!important;}
}