*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#13233a;font:15px "Segoe UI",Arial,sans-serif}header{height:76px;background:#fff;border-bottom:1px solid #dfe7f0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:42px;height:42px;border-radius:13px;background:#123b91;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.brand b,.brand small{display:block}.brand b{font-size:20px}.brand small{color:#76859a}.status{background:#e9fbf3;color:#087953;padding:9px 13px;border-radius:99px;font-weight:700}main{max-width:1440px;margin:auto;padding:34px 4vw}.hero{background:linear-gradient(130deg,#0b2c6d,#2366d1);color:#fff;border-radius:22px;padding:36px 42px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 50px #174d9a26}.hero small,.section-title small,.cards small{letter-spacing:.12em;font-weight:800}.hero h1{font-size:38px;margin:9px 0}.hero p{margin:0;color:#d6e5ff}.price{min-width:240px;background:#ffffff13;border:1px solid #ffffff30;padding:21px 25px;border-radius:15px}.price strong,.price span,.price small{display:block}.price strong{font-size:35px;margin:5px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.cards article{background:#fff;border:1px solid #e0e7f0;border-radius:16px;padding:22px}.cards strong,.cards span{display:block}.cards strong{font-size:29px;margin:8px 0}.cards span{color:#7b8797}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:20px}.sim,aside{background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f6;padding-bottom:17px}.section-title h2{margin:5px 0 0}.section-title>span{color:#2461c8;background:#eef4ff;padding:7px 10px;border-radius:8px;font-size:12px}.messages{height:350px;overflow:auto;padding:22px 5px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:75%;padding:12px 15px;border-radius:15px;line-height:1.45}.bubble.cliente{align-self:flex-end;background:#1f65d6;color:#fff;border-bottom-right-radius:4px}.bubble.atendimento{align-self:flex-start;background:#eef2f7;border-bottom-left-radius:4px}form{display:flex;gap:10px}input{flex:1;height:49px;border:1px solid #cad5e3;border-radius:11px;padding:0 14px;font:inherit}button{border:0;border-radius:10px;background:#175dcc;color:#fff;padding:0 20px;font-weight:750;cursor:pointer}.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.quick button{background:#edf3fd;color:#26599e;padding:9px 11px}.conversations{min-height:190px;padding:14px 0}.conversation{padding:12px;border-bottom:1px solid #edf1f6;display:flex;justify-content:space-between}.conversation small{display:block;color:#76859a;margin-top:3px}.conversation em{font-style:normal;background:#edf4ff;color:#225db8;border-radius:99px;padding:5px 8px;font-size:11px;height:max-content}.guard{background:#f0fbf6;border:1px solid #bfe9d4;padding:17px;border-radius:13px}.guard p{color:#4b685a}.guard ul{padding-left:20px}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.hero{align-items:flex-start;gap:25px;flex-direction:column}.price{width:100%}}@media(max-width:520px){.cards{grid-template-columns:1fr}header{padding:0 18px}.status{font-size:11px}.hero{padding:27px}.hero h1{font-size:30px}main{padding:20px 14px}}