.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:service-avtal-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:service-avtal-underline-move 6s linear infinite;border-radius:3px}
@keyframes service-avtal-title-sheen{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes service-avtal-underline-move{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.hp-split{padding:40px 10px;background:#F1F1F1}
.hp-split .hp-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:stretch}
.split-left{flex:1 1 50%;background:#000;color:#fff;border-radius:16px;padding:24px}
.split-left h2{margin:.2em 0;font-size:clamp(26px,3.2vw,38px);font-weight:800;background:-webkit-linear-gradient(180deg,#D50069,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.split-left p{font-size:18px;line-height:1.8;color:#f1f5f9;margin:0 0 14px}
.split-right{flex:1 1 50%;min-height:320px;border-radius:16px;overflow:hidden}
.split-right .phimg{width:100%;height:100%;object-fit:cover;display:block}
.hp-pricing{padding:40px 10px;background:#fff}
.hp-pricing .hp-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{background:#0a0a0a;color:#fff;border-radius:25px;box-shadow:0 12px 24px rgba(0,0,0,.25);padding:20px;display:flex;flex-direction:column;gap:12px}
.price-head{border-radius:18px;padding:20px 16px;text-align:center;color:#fff;background:#000}
.price-title{margin:0;font-size:34px;font-weight:800}
.price-sub{margin:2px 0 0 0;font-size:16px;opacity:.9;letter-spacing:1px}
.price-sum{font-size:36px;font-weight:800;margin:8px 0 0 0}
.price-period{font-size:18px;margin:0}
.price-list{list-style:none;margin:8px 0 0 0;padding:0}
.price-list li{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.price-list img{width:18px;height:18px;object-fit:contain;margin-top:4px;filter:grayscale(1) brightness(0) invert(1)}
.price-cta{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:center}
.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){.split-left,.split-right{flex:1 1 100%}.hp-pricing .hp-wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.hp-pricing .hp-wrap{grid-template-columns:1fr}}