/* Device layouts replace the strategy image fan; slide motion stays shared. */
.fhwp .fhwp-stage{pointer-events:none;transition:none}
.fhwp .fhwp-devices{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(96%,var(--fhwp-logo-width),calc((100svh - 160px)*1.3));aspect-ratio:1.3;pointer-events:auto}
.fhwp .fhwp-device{position:absolute;left:var(--fhwp-device-x);top:var(--fhwp-device-y);width:var(--fhwp-device-width);transform:translate(-50%,-50%) rotate(var(--fhwp-device-rotation));background:#17151c;border:1px solid #ffffff45;padding:7px;border-radius:15px;box-shadow:0 18px 32px #0005;overflow:hidden}
.fhwp .fhwp-device-desktop{z-index:1;padding:0 7px 7px;border-radius:13px}
.fhwp .fhwp-device-tablet{z-index:2;border-radius:15px;padding:7px}
.fhwp .fhwp-device-phone{z-index:3;border-radius:20px;padding:6px}
.fhwp .fhwp-browser-bar{height:23px;display:flex;align-items:center;gap:4px;padding:0 5px;color:#ffffff90;font-size:9px;font-family:var(--fhwp-body-font);line-height:1;overflow:hidden}
.fhwp .fhwp-browser-bar i{width:4px;height:4px;border-radius:50%;background:#ffffff45;flex-shrink:0}
.fhwp .fhwp-browser-bar span{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fhwp .fhwp-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eee9e2;border-radius:3px}
.fhwp .fhwp-device-tablet .fhwp-screen{aspect-ratio:4/3;border-radius:7px}
.fhwp .fhwp-device-phone .fhwp-screen{aspect-ratio:9/19;border-radius:14px}
.fhwp .fhwp-screen-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;border:0;border-radius:0;position:relative;transform:translateY(0)}
.fhwp .fhwp-client-logo{display:block;width:auto;max-width:140px;height:auto;max-height:44px;object-fit:contain;margin:0 0 18px}
.fhwp .fhwp-placeholder{height:100%;overflow:hidden;padding:8%;background:linear-gradient(145deg,#eee9e2,#d7d2cb);color:#342348;font-family:var(--fhwp-body-font);font-size:clamp(7px,1.1vw,15px);line-height:1.3}
.fhwp .fhwp-placeholder strong{display:block;font-size:1.6em;line-height:1.2;margin-bottom:6%;overflow-wrap:anywhere}
.fhwp .fhwp-placeholder span,.fhwp .fhwp-placeholder small{display:block;font-size:.8em;margin-bottom:5%}
.fhwp .fhwp-placeholder div{height:20%;margin-top:3%;border-radius:4px;background:#34234812}
.fhwp .fhwp-placeholder div:nth-last-child(2){width:65%;height:8%}
.fhwp .fhwp-device-phone .fhwp-placeholder{font-size:clamp(5px,.65vw,9px);padding:12%}
.fhwp .fhwp-details{right:max(6%,45px)}
.fhwp .fhwp-caption{opacity:1;right:max(var(--fhwp-padding),48px);max-width:80%}
.fhwp .fhwp-bottom-heading{font-family:var(--fhwp-heading-font)!important;font-size:var(--fhwp-bottom-size,28px)!important;font-weight:var(--fhwp-heading-weight)!important;line-height:1.25!important;letter-spacing:-.035em;color:var(--fhwp-text)!important;margin:0 0 6px!important;padding:0;overflow-wrap:anywhere;text-transform:none}
.fhwp .fhwp-caption span{opacity:.7}
@media(max-width:700px){
 .fhwp .fhwp-devices{width:min(94%,var(--fhwp-logo-mobile),calc((100svh - 60px)*.6))}
 .fhwp .fhwp-device{left:var(--fhwp-device-mx);top:var(--fhwp-device-my);width:var(--fhwp-device-mwidth);padding:4px;border-radius:9px}
 .fhwp .fhwp-device-desktop{padding:0 4px 4px}
 .fhwp .fhwp-device-phone{padding:3px;border-radius:11px}
 .fhwp .fhwp-device-phone .fhwp-screen{border-radius:8px}
 .fhwp .fhwp-browser-bar{height:15px;font-size:6px;gap:3px}
 .fhwp .fhwp-browser-bar i{width:3px;height:3px}
 .fhwp .fhwp-placeholder{font-size:9px}.fhwp .fhwp-device-phone .fhwp-placeholder{font-size:5px}
 .fhwp .fhwp-client-logo{max-width:95px;max-height:28px;margin-bottom:12px}
 .fhwp .fhwp-bottom-heading{font-size:var(--fhwp-bottom-mobile,16px)!important}
 .fhwp .fhwp-details{right:calc(var(--fhwp-padding-mobile) + 14px)}
}
@media(max-height:600px) and (min-width:701px){
 .fhwp .fhwp-details{top:14%;bottom:17%}
 .fhwp .fhwp-devices{width:min(95%,var(--fhwp-logo-width),calc((100svh - 100px)*1.15))}
}