@media (max-width:600px){
  html,body{
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden;
    overscroll-behavior:none;
  }

  .page-shell{
    width:100%;
    height:100svh;
    min-height:100svh;
    padding:6px;
  }

  .landing-card{
    width:100%;
    height:calc(100svh - 12px);
    min-height:0;
    max-height:none;
    padding:
      calc(13px + env(safe-area-inset-top))
      14px
      calc(8px + env(safe-area-inset-bottom));
    border-radius:30px;
    gap:clamp(6px,.95svh,11px);
  }

  .eyebrow{
    margin-bottom:6px;
    font-size:7.5px;
    letter-spacing:.17em;
  }

  .hero h1{
    font-size:clamp(31px,9.3vw,44px);
    letter-spacing:-.057em;
  }

  .hero p{
    margin-top:8px;
    font-size:clamp(11px,3.35vw,15px);
  }

  .rate-card{
    padding:11px 12px 12px;
    border-radius:23px;
  }

  .rate-label{
    font-size:8px;
    letter-spacing:.17em;
  }

  .rate-main{
    width:100%;
    max-width:320px;
    margin-top:4px;
    gap:10px;
  }

  .rate-main>strong{
    font-size:clamp(56px,17vw,76px);
  }

  .rate-unit{
    padding-bottom:6px;
  }

  .rate-unit b{
    font-size:clamp(11px,3.2vw,15px);
  }

  .rate-unit span{
    font-size:6.8px;
  }

  .trust-card{
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:10px;
    padding:11px 12px;
    border-radius:21px;
  }

  .trust-icon{
    width:42px;
    height:42px;
    border-radius:14px;
  }

  .trust-icon svg{
    width:24px;
    height:24px;
  }

  .trust-copy h2{
    font-size:clamp(13px,3.8vw,18px);
  }

  .trust-copy p{
    margin-top:4px;
    font-size:clamp(9px,2.65vw,12px);
  }

  .trust-badge{
    padding:6px 7px;
    font-size:7px;
  }

  .benefit-grid{
    gap:7px;
  }

  .benefit{
    grid-template-columns:31px minmax(0,1fr);
    gap:8px;
    padding:8px 9px;
    border-radius:15px;
  }

  .benefit-icon{
    width:29px;
    height:29px;
    border-radius:10px;
    font-size:15px;
  }

  .benefit strong{
    font-size:clamp(10px,2.85vw,13px);
  }

  .benefit small{
    margin-top:3px;
    font-size:clamp(7px,2vw,9px);
  }

  .primary-btn,
  .telegram-btn{
    min-height:clamp(54px,7.9svh,64px);
    gap:10px;
    padding:0 14px;
  }

  .primary-btn svg,
  .telegram-btn svg{
    width:29px;
    height:29px;
  }

  .primary-btn strong,
  .telegram-btn strong{
    font-size:clamp(14px,4vw,19px);
  }

  .primary-btn small,
  .telegram-btn small{
    margin-top:3px;
    font-size:clamp(7px,2vw,9px);
  }

  .primary-btn>b{
    padding:6px 9px;
    font-size:9px;
  }

  .proof-strip{
    min-height:32px;
    gap:6px;
    font-size:clamp(8px,2.25vw,10px);
  }
}

@media (max-width:380px){
  .landing-card{
    padding-left:11px;
    padding-right:11px;
  }

  .hero h1{
    font-size:clamp(29px,9.2vw,37px);
  }

  .hero p{
    font-size:10.5px;
  }

  .trust-card{
    grid-template-columns:40px minmax(0,1fr);
  }

  .trust-badge{
    display:none;
  }

  .trust-icon{
    width:38px;
    height:38px;
  }

  .benefit{
    padding-left:7px;
    padding-right:7px;
  }

  .primary-btn>b{
    padding:5px 7px;
    font-size:8px;
  }
}

@media (max-height:780px){
  .landing-card{
    padding-top:10px;
    padding-bottom:7px;
    gap:5px;
  }

  .eyebrow{
    margin-bottom:4px;
    font-size:7px;
  }

  .hero h1{
    font-size:clamp(29px,8.7vw,40px);
  }

  .hero p{
    margin-top:5px;
    font-size:10.5px;
  }

  .rate-card{
    padding:8px 10px 9px;
  }

  .rate-main>strong{
    font-size:52px;
  }

  .rate-unit b{
    font-size:11px;
  }

  .rate-unit span{
    font-size:6px;
  }

  .trust-card{
    padding:8px 10px;
  }

  .trust-icon{
    width:36px;
    height:36px;
  }

  .trust-icon svg{
    width:21px;
    height:21px;
  }

  .trust-copy h2{
    font-size:13px;
  }

  .trust-copy p{
    font-size:9px;
  }

  .benefit{
    padding:6px 7px;
  }

  .benefit-icon{
    width:26px;
    height:26px;
  }

  .benefit strong{
    font-size:10px;
  }

  .benefit small{
    font-size:7px;
  }

  .primary-btn,
  .telegram-btn{
    min-height:48px;
  }

  .primary-btn svg,
  .telegram-btn svg{
    width:25px;
    height:25px;
  }

  .primary-btn strong,
  .telegram-btn strong{
    font-size:14px;
  }

  .primary-btn small,
  .telegram-btn small{
    font-size:7px;
  }

  .proof-strip{
    min-height:28px;
    font-size:8px;
  }

  .footer{
    font-size:7px;
  }
}

@media (max-height:680px){
  .landing-card{
    gap:4px;
    padding-top:7px;
  }

  .eyebrow,
  .hero p,
  .rate-unit span,
  .trust-copy p,
  .benefit small,
  .proof-strip{
    display:none;
  }

  .hero h1{
    font-size:30px;
  }

  .rate-card{
    padding:7px 10px;
  }

  .rate-main>strong{
    font-size:46px;
  }

  .trust-card{
    padding-top:7px;
    padding-bottom:7px;
  }

  .benefit{
    padding-top:5px;
    padding-bottom:5px;
  }

  .primary-btn,
  .telegram-btn{
    min-height:44px;
  }

  .primary-btn strong,
  .telegram-btn strong{
    font-size:13px;
  }
}

@media (min-width:601px){
  .landing-card{
    width:min(92vw,520px);
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important}
}