/* V37: compact embedded demo inside unchanged P/ HOSTING references page */
.ph-live-section{padding:68px 0 74px!important}
.ph-live-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:21px}
.ph-live-heading h2{margin:11px 0 0;font-size:clamp(30px,4.2vw,52px);line-height:1.08;letter-spacing:-.06em;color:#283845}
.ph-live-heading h2 span{color:#f1954b}
.ph-live-mark{font-size:10px;letter-spacing:.12em;border:1px solid #d2dce0;border-radius:80px;padding:11px 16px;font-weight:800;color:#9aaab2;white-space:nowrap}
.ph-live-browser{border:7px solid #1d3444;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 70px #112d3d25}
.ph-live-browser-top{min-height:43px;background:#1d3444;color:#d6e0e3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 19px;font-size:11px;font-weight:700}
.ph-live-dots{display:flex;gap:6px}.ph-live-dots i{width:8px;height:8px;border-radius:50%;background:#d57e53}.ph-live-dots i:nth-child(2){background:#c7aa67}.ph-live-dots i:nth-child(3){background:#7bac93}
.ph-live-safe{font-size:10px;color:#ffb986;letter-spacing:.08em;white-space:nowrap}
.ph-live-browser iframe{width:100%;height:740px;display:block;border:0;background:#faf9f5}
.ph-live-caption{font-size:12px;color:#8296a0;margin:17px 0 0}
@media(max-width:780px){.ph-live-section{padding:44px 0 53px!important}.ph-live-browser iframe{height:680px}.ph-live-heading{align-items:flex-start;flex-direction:column}.ph-live-heading h2{font-size:36px}.ph-live-browser{border-width:4px;border-radius:14px}.ph-live-browser-top{font-size:10px;padding:8px}.ph-live-safe{font-size:9px}}