*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#080808}
body{min-height:100dvh;font-family:Arial,Helvetica,sans-serif;color:#fff;overflow-x:hidden}
.desktop{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#080808}
.desktop img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.mobile{display:none}

@media (max-width: 767px){
  body{overflow:hidden}
  .desktop{display:none}
  .mobile{display:block;position:relative;min-height:100dvh;width:100%;overflow:hidden;background:#080808}
  .mobile-bg{position:absolute;inset:0;background-image:url('assets/mobile.jpg');background-size:cover;background-position:center 38%}
  .mobile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.22) 36%,rgba(0,0,0,.82) 68%,rgba(0,0,0,.98) 100%)}
  .mobile-content{position:relative;z-index:2;min-height:100dvh;display:flex;flex-direction:column;padding:calc(28px + env(safe-area-inset-top)) 24px calc(22px + env(safe-area-inset-bottom));text-shadow:0 2px 14px rgba(0,0,0,.38)}
  .brand{font-size:16px;line-height:1.05;letter-spacing:.18em;font-weight:700;margin-top:2px}
  .brand span{font-weight:400;letter-spacing:.22em}
  .accent{width:46px;height:3px;background:#ef171d;margin-top:14px}
  .copy{margin-top:auto;margin-bottom:26px}
  h1{margin:0;font-size:clamp(40px,11vw,58px);line-height:.94;letter-spacing:-.045em;font-weight:800}
  h1 strong{color:#ef171d;font-weight:900}
  p{margin:18px 0 0;max-width:330px;font-size:17px;line-height:1.42;color:rgba(255,255,255,.9)}
  .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.20);padding-top:18px}
  .benefits>div{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;border-right:1px solid rgba(255,255,255,.18)}
  .benefits>div:last-child{border-right:0}
  .benefits b{font-size:10px;line-height:1.25;letter-spacing:.04em;font-weight:700}
}

@media (max-width: 380px){
  .mobile-content{padding-left:18px;padding-right:18px}
  .copy{margin-bottom:20px}
  p{font-size:15px}
  .benefits b{font-size:9px}
}