.client-preview{width:100%;max-width:500px;justify-self:end;border:1px solid #ffffff2c;background:linear-gradient(140deg,#ffffff19,#ffffff08);border-radius:8px;padding:21px;box-shadow:0 24px 90px #0008}.client-preview-top{display:flex;justify-content:space-between;gap:15px;color:#aaa;font:9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.4px}.client-preview-screen{margin-top:18px;border:1px solid #ffffff35;background:linear-gradient(140deg,#f0f0ef,#d6d6d3);color:#262626;border-radius:5px;padding:19px;min-height:290px}.client-topline{display:flex;align-items:center;gap:8px;font-size:11px}.client-topline strong{font-weight:600}.client-mark{font-size:18px}.client-avatar{margin-left:auto;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#b5b2ae;color:#343434;font-size:10px}.client-intro{padding:30px 0 22px}.client-intro>span,.client-summary span{display:block;font:8px/1.5 'IBM Plex Mono',monospace;color:#777;letter-spacing:.3px}.client-intro strong{display:block;font-size:clamp(20px,2.2vw,27px);line-height:1.15;letter-spacing:-.6px;font-weight:500;margin-top:9px}.client-intro p{font-size:11px;color:#777;margin-top:7px}.client-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-summary>div{min-width:0;background:#ffffff9c;border:1px solid #fff9;padding:14px;border-radius:4px}.client-summary strong{display:block;font-size:13px;font-weight:500;margin-top:11px}.client-summary small{display:block;color:#7d7069;font-size:9px;margin-top:13px}.client-preview-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:17px;color:#aaa;font-size:11px}.client-preview-bottom b{color:#b88872;font-size:20px;font-weight:400}@media(max-width:850px){.client-preview{padding:17px}.client-preview-screen{min-height:260px}}@media(max-width:560px){.client-preview{justify-self:start}.client-preview-screen{min-height:250px}.client-intro{padding-top:23px}}