*{box-sizing:border-box}
body.hp{margin:0;background:#ff0000;color:#fff;font:16px/1.6 Arial,Helvetica,sans-serif}
.hp-top{text-align:center;padding:30px 16px 4px}
.hp-logo{width:min(540px,86%);height:auto;display:inline-block}
.hp-main{max-width:1060px;margin:0 auto;padding:6px 22px 70px}
.hp-menu{display:flex;flex-wrap:wrap;gap:20px;padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid rgba(255,255,255,.45)}
.hp-menu a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:bold;font-size:17px}
.hp-menu img{height:26px}
.hp a{color:#fff;text-decoration:underline}.hp a:hover{color:#ffe9e9}
.hp-bullets{margin:0 0 26px;padding-left:22px}.hp-bullets li{margin:0 0 11px;font-size:17px}
.hp-sections{display:grid;grid-template-columns:1fr;gap:22px 36px}
.hp-card h3{font-size:16px;margin:0 0 9px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.4)}
.hp-card ul{margin:0;padding-left:20px}.hp-card li{margin:0 0 10px;font-size:15px;line-height:1.5}
@media(min-width:780px){
  .hp-main{display:flex;gap:40px}
  .hp-menu{flex-direction:column;flex:none;width:150px;gap:15px;border-bottom:0;border-right:1px solid rgba(255,255,255,.45);padding:4px 22px 0 0;margin:0}
  .hp-content{flex:1;min-width:0}
  .hp-bullets{font-size:18px}
  .hp-sections{grid-template-columns:1fr 1fr}
}