.hp-wrap{max-width:var(--max);margin:0 auto;padding:0 10px}
.hp-intro{padding:40px 10px}
.hp-intro .hp-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.hp-intro .hp-img{flex:1 1 48%;text-align:center}
.hp-intro .hp-img img{width:100%;height:auto;border-radius:16px}
.hp-intro .hp-copy{flex:1 1 48%}
.hp-intro h3{margin:.2em 0;font-size:clamp(28px,3.6vw,40px);font-weight:800}
.hp-intro p{font-size:18px;line-height:1.7;color:#111;margin:0 0 12px}
.ticklist{list-style:none;margin:12px 0 0 0;padding:0;display:grid;gap:10px}
.ticklist li{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:flex-start}
.tick-ico{width:22px;height:22px;object-fit:contain;display:block}
.hp-features{padding:40px 10px}
.hp-features .hp-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.hp-card{background:#000;color:#fff;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.25);padding:24px}
.hp-card-head{display:flex;align-items:center;gap:10px;margin:0 0 8px 0}
.hp-card .hp-icon{width:26px;height:26px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.hp-card h4{color:var(--pink);letter-spacing:2px;margin:0;font-weight:600}
.hp-card p{margin:8px 0 0 0;line-height:1.6}
@media (max-width:1024.98px){.hp-intro{padding:24px 10px}.hp-intro .hp-img,.hp-intro .hp-copy{flex:1 1 100%}.hp-features .hp-wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.hp-features .hp-wrap{grid-template-columns:1fr}}