.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:landningssida-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:landningssida-underline-move 6s linear infinite;border-radius:3px}
@keyframes landningssida-title-sheen{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes landningssida-underline-move{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.ls-two{padding:40px 10px;background:#fff}
.ls-two .hp-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}
.ls-left{flex:1 1 48%}
.ls-right{flex:1 1 48%}
.ls-left h3,.ls-right h3{margin:.2em 0;font-size:clamp(24px,3.2vw,34px);font-weight:800}
.ls-left p,.ls-right p{font-size:18px;line-height:1.7;color:#111;margin:0 0 12px}
.ls-highlight{color:var(--pink)}
.ls-examples{margin:6px 0 14px 18px}
.ls-examples li{margin:4px 0}
.ls-right .hp-img img{width:100%;height:auto;border-radius:16px}
.hp-features{padding:40px 10px;background:#F9F9F9}
.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}
.hp-faq{background:#F9F9F9;padding:40px 10px}
.hp-faq h2{margin:0 0 16px 0;text-align:left}
.faq{max-width:var(--max);margin:0 auto;display:grid;gap:10px}
.faq details{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:600;background:#000;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq .faq-content{padding:16px 18px;font-size:18px;line-height:1.7}
.faq .faq-content p{margin:0 0 10px}
@media (max-width:1024.98px){.ls-two{padding:24px 10px}.ls-left,.ls-right{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}}