.professional-live-preview{max-width:1300px;margin:0 auto;border:1px solid #cedaea;border-radius:24px;background:#e9eef5;box-shadow:0 32px 90px rgba(9,42,92,.18);overflow:hidden}.live-preview-bar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #d7dfe9;background:#f3f6fa}.live-preview-bar>span{display:flex;gap:7px}.live-preview-bar i{width:9px;height:9px;border-radius:50%;background:#c4ceda}.live-preview-bar i:first-child{background:#f47e7e}.live-preview-bar i:nth-child(2){background:#efbd5d}.live-preview-bar i:nth-child(3){background:#5ac184}.live-preview-bar b{padding:7px 24px;border:1px solid #dae2ec;border-radius:7px;background:white;color:#718198;font-size:9px;font-weight:650}.live-preview-bar a{justify-self:end;color:#0e62ee;font-size:9px;font-weight:800}.professional-live-preview iframe{display:block;width:100%;height:760px;border:0;background:white}.professional-includes{max-width:1300px;margin:28px auto 0;padding:35px;border:1px solid #dce5f0;border-radius:20px;background:#f8fbff}.includes-intro{display:grid;grid-template-columns:.4fr 1.6fr;gap:35px;align-items:start;padding-bottom:28px;border-bottom:1px solid #dce5f0}.includes-intro h3{max-width:800px;margin:0;font-size:31px;line-height:1.13;letter-spacing:-.035em}.includes-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dce5f0}.includes-grid article{min-height:190px;padding:25px 22px;border-right:1px solid #dce5f0}.includes-grid article:last-child{border-right:0}.includes-grid article>span{display:block;margin-bottom:25px;color:#4d82d4;font-size:9px;font-weight:850}.includes-grid b{font-size:13px}.includes-grid p{color:#6d7d94;font-size:10px;line-height:1.6}.includes-action{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:27px}.includes-action p{max-width:780px;margin:0;color:#64758e;font-size:11px;line-height:1.6}.includes-action p b{color:#102449}.includes-action .primary-btn{white-space:nowrap}
@media(max-width:900px){.professional-live-preview iframe{height:680px}.live-preview-bar{grid-template-columns:1fr auto}.live-preview-bar b{display:none}.includes-intro{grid-template-columns:1fr;gap:14px}.includes-grid{grid-template-columns:1fr 1fr}.includes-grid article:nth-child(2){border-right:0}.includes-grid article:nth-child(-n+2){border-bottom:1px solid #dce5f0}.includes-action{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.professional-live-preview{margin:0 -8px;border-radius:17px}.live-preview-bar{padding:0 12px}.live-preview-bar a{font-size:8px}.professional-live-preview iframe{height:620px}.professional-includes{padding:24px 18px}.includes-grid{grid-template-columns:1fr}.includes-grid article{min-height:auto;border-right:0;border-bottom:1px solid #dce5f0}.includes-grid article:last-child{border-bottom:0}.includes-intro h3{font-size:27px}.includes-action .primary-btn{width:100%}}