.hp-wrap{max-width:var(--max);margin:0 auto;padding:0 10px}
.ph-title .fx-grad{background:linear-gradient(90deg,#fff 0%,var(--pink) 25%,var(--turq) 50%,#fff 75%,#fff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sokmotoroptimering-title-sheen 8s linear infinite}
.ph-title .fx-underline::after{content:"";position:absolute;left:0;right:0;margin:0 auto;bottom:-6px;height:3px;width:100%;max-width:90%;background:linear-gradient(90deg,var(--pink),#fff,var(--turq));background-size:200% 100%;animation:sokmotoroptimering-underline-move 6s linear infinite;border-radius:3px}
@keyframes sokmotoroptimering-title-sheen{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes sokmotoroptimering-underline-move{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.hp-banner{background:#f9f9f9;padding:24px 10px}
.hp-banner .hp-wrap{display:flex;justify-content:center}
.hp-banner img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.15)}

.hp-features{padding:40px 10px;background:#F9F9F9}
.hp-features .hp-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:1024.98px){.hp-features .hp-wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.hp-features .hp-wrap{grid-template-columns:1fr}}
.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}
.hp-cta{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:var(--iw-service-seo-cta-bg, none)}
.hp-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(0,0,0,.85) 50%,rgba(57,199,206,0) 100%)}
.hp-cta .hp-wrap{position:relative;z-index:1;padding:clamp(28px,5vw,72px) 10px;text-align:center}
.hp-cta h2{margin:0 0 12px 0;font-size:clamp(28px,4vw,50px);font-weight:800;color:#fff;text-shadow:5px 5px 50px #39C7CE}
.hp-cta .btn{display:inline-block;background:var(--pink);color:#fff;text-decoration:none;border-radius:4px;padding:12px 22px;font-weight:700}
.hp-cta .btn:hover{filter:brightness(1.1)}