/* Colourful product bento */
.aqh .pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.aqh .pc{position:relative;overflow:hidden;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px;min-height:260px;border:1px solid rgba(0,0,0,.04);transition:transform .15s ease}
.aqh a.pc:hover{transform:translateY(-2px)}
.aqh .pc .hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px}
.aqh .pc .lg{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em}
.aqh .pc .mk{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}
.aqh .pc .st{font-size:10px;white-space:nowrap}
.aqh .pc h3{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:6px 0 0}
.aqh .pc p{font-size:14px;color:#4a4a55;max-width:420px}
.aqh .pc .go{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700}
.aqh .pc .ui{margin-top:12px;background:#fff;border-radius:14px;padding:12px;font-size:11.5px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.aqh .s2{grid-column:span 2}
/* KiteCRM */
.aqh .p-kite{background:#e9f0ff}
.aqh .p-kite .mk{background:#2f6bff}
.aqh .p-kite .go{color:#1f4fd6}
.aqh .kcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.aqh .kcols span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#7a7a88;margin-bottom:6px}
.aqh .kcols div div{padding:7px 8px;border:1px solid #e6e9f2;border-radius:8px;margin-bottom:6px}
.aqh .kcols .won{background:#2f6bff;color:#fff;border-color:#2f6bff}
/* Wubble */
.aqh .p-wub{background:#e5f7ec}
.aqh .p-wub .mk{background:#1faa59}
.aqh .p-wub .go{color:#13804a}
.aqh .p-wub .ui{display:flex;flex-direction:column;gap:7px;background:#f4fbf6}
.aqh .p-wub .ui .in{align-self:flex-start;background:#fff;padding:7px 10px;border-radius:12px 12px 12px 4px;max-width:85%}
.aqh .p-wub .ui .out{align-self:flex-end;background:#d7f5e2;padding:7px 10px;border-radius:12px 12px 4px 12px;max-width:88%}
.aqh .p-wub .ui small{align-self:flex-end;font-size:9.5px;font-weight:700;color:#13804a}
/* Cloud */
.aqh .p-cloud{background:#fdebe4}
.aqh .p-cloud .mk{background:#f16334}
.aqh .p-cloud .go{color:#b8421a}
.aqh .crow{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f3ece8}
.aqh .crow:last-child{border:0}
.aqh .crow b{font-weight:600}
.aqh .crow i{font-style:normal;color:#1f7a45;font-weight:600}
/* FRIDAY */
.aqh .p-fri{background:#0b0b0c;color:#fff;border-color:#0b0b0c}
.aqh .p-fri::before{content:'';position:absolute;inset:0;background:radial-gradient(45% 70% at 85% 20%,rgba(241,99,52,.45),rgba(241,99,52,0) 70%),radial-gradient(40% 60% at 10% 100%,rgba(124,77,255,.35),rgba(124,77,255,0) 70%);pointer-events:none}
.aqh .p-fri > *{position:relative}
.aqh .p-fri .mk{background:#fff;color:#0b0b0c}
.aqh .p-fri h3,.aqh .p-fri p,.aqh .p-fri .redact{max-width:60%}
.aqh .p-fri p{color:#b9b9c2}
.aqh .p-fri .redact{display:flex;flex-direction:column;gap:7px;margin-top:6px}
.aqh .p-fri .redact span{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#2a2a30,#3a3a42,#2a2a30)}
.aqh .p-fri .agents{position:absolute;right:26px;top:70px;width:150px;height:110px}
.aqh .agents i{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.06),0 0 18px rgba(241,99,52,.6)}
.aqh .agents svg{position:absolute;inset:0}
.aqh .p-fri .go{color:#ff8a5c}
/* VOISES */
.aqh .p-voi{background:#efeaff}
.aqh .p-voi .mk{background:#7c4dff}
.aqh .wave{display:flex;align-items:center;gap:4px;height:56px;margin-top:12px}
.aqh .wave span{display:block;width:5px;border-radius:3px;background:#7c4dff}
/* Roots */
.aqh .p-roots{background:#fff5d6}
.aqh .p-roots .mk{background:#d99a00}
.aqh .prompt{display:flex;flex-direction:column;gap:10px}
.aqh .prompt .box{padding:10px 12px;border-radius:12px;border:1px solid #f0e3b8;background:#fffdf5;font-size:12.5px;line-height:1.45}
.aqh .prompt .box em{font-style:normal;color:#9a6c00;font-weight:700;font-size:10px;display:block;margin-bottom:3px;letter-spacing:.06em}
.aqh .flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;font-weight:700}
.aqh .flow b{padding:5px 10px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.aqh .flow span{color:#d99a00}
/* QCanvas */
.aqh .p-qc{background:#e2f6f3}
.aqh .p-qc .mk{background:#0f9b8e}
.aqh .qc{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:end}
.aqh .qc .kpi{padding:8px 10px;border-radius:10px;background:#f2fbf9}
.aqh .qc .kpi b{display:block;font-size:18px;letter-spacing:-.02em}
.aqh .qc .kpi span{color:#5b5b66;font-size:10px}
.aqh .bars{display:flex;align-items:flex-end;gap:6px;height:70px}
.aqh .bars span{flex:1;border-radius:5px 5px 2px 2px;background:#0f9b8e}
.aqh .bars span:nth-child(odd){background:#7fd3c9}
@media (max-width:980px){.aqh .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.aqh .s2{grid-column:1 / -1}}
@media (max-width:600px){.aqh .pgrid{grid-template-columns:minmax(0,1fr)}.aqh .s2{grid-column:auto}.aqh .agents{display:none}.aqh .p-fri h3,.aqh .p-fri p,.aqh .p-fri .redact{max-width:none}}