:root{--pink:#D50069;--turq:#39C7CE;--blue:#222753;--black:#000;--text:#111827;--muted:#6b7280;--max:1140px}
.hp-wrap{max-width:var(--max);margin:0 auto;padding:0 10px}

.ph-hero{position:relative;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;padding:clamp(28px,5vw,56px) 0;margin-top:0}
.ph-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.9)}
.ph-wrap{max-width:var(--max);margin:0 auto;padding:0 16px;position:relative;z-index:1}
.ph-content{max-width:900px;margin:0 auto;text-align:center}
.ph-title{margin:0 0 12px 0;line-height:1.15;font-weight:800;font-size:clamp(28px,4vw,48px)}
.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:hemsida-engangspris-title-sheen 8s linear infinite}
.ph-title .fx-underline{position:relative}
.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:hemsida-engangspris-underline-move 6s linear infinite;border-radius:3px}
@keyframes hemsida-engangspris-title-sheen{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes hemsida-engangspris-underline-move{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.ph-text{color:#fff;font-size:20px;line-height:1.7;text-shadow:1px 1px 1px rgba(0,0,0,.25)}
.ph-text p{margin:0}

.hp-intro{padding:40px 10px;background:#F9F9F9}
.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 16px}
@media (max-width:1024.98px){.hp-intro{padding:24px 10px}.hp-intro .hp-img,.hp-intro .hp-copy{flex:1 1 100%}}

.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-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}