/* Homepage teasers only; shared design and detail pages remain unchanged. */
.phg-home-short .phg-intro-product img{max-height:680px}
.phg-home-short .phg-intro-benefits{margin-top:24px}
.phg-home-short .phg-intro-benefits>div{padding:17px 0}
.phg-home-short .phg-intro-benefits h3{margin:0}
.phg-home-short .phg-explain-inner{padding-top:60px;padding-bottom:55px}
.phg-home-short .phg-explain-grid{gap:38px 32px}
.phg-home-short .phg-explain-finale{margin-top:44px;padding-top:30px}
.phg-home-short .phg-explain-finale h2{font-size:28px}
.phg-home-short .phg-explain-film{max-width:1000px;margin:auto}
.phg-home-short .phg-explain-outro{margin-top:30px;padding-top:22px}
.phg-home-teaser{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:60px 6%;background:#172735;color:#edf0ee}
.phg-home-teaser figure{margin:0;min-width:0}
.phg-home-teaser img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;display:block}
.phg-home-teaser figcaption{font-size:11px;color:#9babb6;margin-top:10px}
.phg-v4 .phg-home-teaser h2,.phg-v4 .phg-home-story h2{font-size:clamp(30px,3.4vw,49px);margin:16px 0 24px}
.phg-home-teaser p,.phg-home-story p{color:#bdcbd5;max-width:60ch}
.phg-home-teaser ul{list-style:none;margin:24px 0;padding:0}
.phg-home-teaser li{padding:9px 0;border-bottom:1px solid #ffffff20;color:#e2e8ec}
.phg-home-short .phg-home-space .text-link{margin-top:24px}
.phg-home-story{padding:60px 6%;background:#0e1922}
.phg-home-story>div{max-width:600px;margin-left:auto}
.phg-home-short .purchase-moment{padding-top:48px;padding-bottom:48px}
.phg-home-short .purchase-image img{height:300px}
.phg-home-short .text-link:focus-visible{outline:2px solid #87bcec;outline-offset:5px}
@media(max-width:760px){.phg-home-short .phg-intro-product img{max-height:460px}.phg-home-short .phg-explain-inner{padding-top:44px;padding-bottom:44px}.phg-home-teaser{grid-template-columns:minmax(0,1fr);padding:44px 6%;gap:26px}.phg-home-teaser img{border-radius:14px}.phg-home-story{padding:44px 6%}.phg-home-story>div{margin-left:0}.phg-home-short .purchase-image img{height:260px}.phg-home-short .phg-explain-finale h2{font-size:25px}}

/* Four separate homepage frames; no media or connecting lines. */
.phg-home-short #werking-imbody.phg-steps .phg-explain-inner{max-width:1400px;padding-top:52px;padding-bottom:44px}
.phg-home-short #werking-imbody.phg-steps .phg-explain-heading{max-width:900px;margin:0 auto 36px;text-align:center}
.phg-steps-intro{font-size:16px;line-height:1.6;color:#bdcbd5;margin:18px auto 0;max-width:62ch}
.phg-steps-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.phg-step{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 22px;border:1px solid #354b5c;border-radius:18px;background:linear-gradient(145deg,#14232f,#101c26)}
.phg-step-mark{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px;color:#eef3f7;gap:10px}
.phg-step-mark span{align-self:flex-start;font-size:13px;line-height:1;letter-spacing:.08em;color:#87bcec}
.phg-step-mark svg{flex:none;width:76px;height:76px;padding:17px;box-sizing:border-box;border:1px solid #609bc6;border-radius:50%}
.phg-v4 .phg-steps .phg-step h3{font-size:clamp(19px,1.65vw,23px);line-height:1.3;letter-spacing:-.015em;color:#f1f5f8;margin:0 0 14px;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.phg-steps .phg-step p{font-size:15px;line-height:1.65;color:#bdcbd5;margin:0 0 24px;max-width:30ch}
.phg-step:after{content:"";display:block;width:38px;height:2px;background:#87bcec;margin-top:auto}
.phg-home-short #werking-imbody.phg-steps .phg-explain-outro{text-align:center;border:0;margin-top:28px;padding-top:0}
.phg-home-short #werking-imbody.phg-steps .phg-explain-outro .button{display:inline-flex;justify-content:center;text-decoration:none}
@media(max-width:1000px){.phg-steps-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:760px){.phg-home-short #werking-imbody.phg-steps .phg-explain-inner{padding-top:40px;padding-bottom:36px}.phg-step{padding:20px 18px;border-radius:14px}.phg-step-mark svg{width:68px;height:68px;padding:15px}.phg-step-mark{margin-bottom:16px}}
@media(max-width:480px){.phg-steps-list{grid-template-columns:minmax(0,1fr);gap:18px}.phg-v4 .phg-steps .phg-step h3{min-height:0}.phg-steps .phg-step p{max-width:32ch;margin-bottom:20px}.phg-step-mark{gap:4px}.phg-home-short #werking-imbody.phg-steps .phg-explain-outro .button{max-width:100%;white-space:normal;text-align:center}}