/* ===== Projects grid (AI Solutions demos), scoped so it can't clash with the base styles ===== */
.projects{--ink-2:#4e6170;--ink-3:#7a8994;--ok:#15803d;--ok-soft:#e7f6ec}
.projects .project-note{font-size:14px;color:var(--muted);margin:-8px 0 22px}
.projects .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.projects .filters button{font:inherit;font-size:14px;font-weight:500;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.projects .filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.projects .filters button span{opacity:.6;margin-left:4px}
.projects .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:1060px){.projects .cases{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.projects .cases{grid-template-columns:1fr}}
.projects .case{--a:#2869d5;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}
.projects .case:hover{transform:translateY(-3px);box-shadow:0 24px 50px -32px rgba(16,35,50,.45)}
.projects .case:target{border-color:var(--blue);box-shadow:0 0 0 3px #d4e3f8}
.projects .case[hidden]{display:none}
.projects .case .body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.projects .tags{display:flex;flex-wrap:wrap;gap:6px}
.projects .tags .tag{display:inline-block;margin:0;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);background:#f1f4f7;border:0;border-radius:999px;padding:3px 10px}
.projects .tags .tag.st{color:var(--ok);background:var(--ok-soft)}
.projects .tags .tag.st.priv{color:var(--ink-3);background:#f1f4f7}
.projects .case h3{font-size:1.2rem;font-weight:500;letter-spacing:-.02em;margin:0}
.projects .case p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}
.projects .case .meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3)}
.projects .case .meta a{color:var(--blue);font-weight:500;font-size:14px}
.projects .case .meta .off{color:var(--ink-3)}
.projects .case.next{justify-content:center;align-items:flex-start;gap:14px;padding:30px;border-style:dashed;border-color:#b9cbe0;background:#fbfcfe}
.projects .case.next .plus{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-size:24px;color:#fff;background:var(--blue)}
.projects .case.next h3{font-size:1.35rem}
.projects .mock{position:relative;aspect-ratio:16/10;overflow:hidden;padding:16px 16px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--a) 12%,#fff),#f5f8fa)}
@media(max-width:680px){.projects .mock{aspect-ratio:16/11}}
.projects .win{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;font-size:10.5px;color:var(--ink-2);line-height:1.35;box-shadow:0 10px 26px -18px rgba(16,35,50,.4)}
.projects .tb{display:flex;align-items:center;gap:5px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:10px;color:var(--ink-3);white-space:nowrap}
.projects .tb i{width:6px;height:6px;border-radius:50%;background:#d6dee5;flex:none}
.projects .tb span{margin-left:5px;font-weight:600;color:var(--ink)}
.projects .tb .chip{margin-left:auto}
.projects .in{flex:1;min-height:0;padding:9px;display:flex;gap:8px}
.projects .col{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.projects .chip{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;padding:1px 6px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;line-height:1.4}
.projects .chip.ok{color:#15803d;background:#e9f7ee;border-color:#c3e6cf}
.projects .chip.warn{color:#b45309;background:#fdf3e1;border-color:#f3d7a5}
.projects .chip.info{color:#1d6fb8;background:#e8f2fc;border-color:#c0daf3}
.projects .chip.vio{color:#6d4bd1;background:#f0ebfd;border-color:#d8cdf6}
.projects .chip.mute{color:var(--ink-2);background:#f3f6f8}
.projects .dot{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}
.projects .wa{background:#25d366}
.projects .ig{background:#e1306c}
.projects .tg{background:#27a7e7}
.projects .web{background:#8b5cf6}
.projects .ph{background:#f59e0b}
.projects .bub{max-width:82%;padding:5px 8px;border-radius:9px;font-size:10px}
.projects .bub.l{background:#eef2f6;color:var(--ink);border-bottom-left-radius:3px;align-self:flex-start}
.projects .bub.r{background:color-mix(in srgb,var(--a) 16%,#fff);color:var(--ink);border-bottom-right-radius:3px;align-self:flex-end}
.projects .li{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:#f5f7f9}
.projects .li .g{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.projects .li .g b{color:var(--ink);font-weight:600}
.projects .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.projects .kpi{border:1px solid var(--line);border-radius:7px;padding:5px 7px;background:#fafbfc;min-width:0}
.projects .kpi small{display:block;font-size:8.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.projects .kpi strong{font-size:13px;color:var(--ink);font-weight:600}
.projects .bars{display:flex;align-items:flex-end;gap:4px;flex:1;min-height:20px}
.projects .bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 25%,#fff))}
.projects .side{width:30%;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);padding-right:8px;flex:none}
.projects .side .li{padding:4px 5px}
.projects .side .li.on{background:color-mix(in srgb,var(--a) 16%,#fff)}
.projects .cal{display:grid;grid-template-columns:30px repeat(5,1fr);gap:3px;flex:1;font-size:9px}
.projects .cal > *{border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;white-space:nowrap}
.projects .cal .h{color:var(--ink-3);font-weight:600}
.projects .cal i{background:#f1f4f7}
.projects .cal i.b{background:color-mix(in srgb,var(--a) 28%,#fff);color:var(--ink);font-style:normal;font-weight:600}
.projects .cal i.n{outline:1.5px solid var(--a);background:color-mix(in srgb,var(--a) 14%,#fff);color:var(--ink);font-style:normal;font-weight:600}
.projects .toast{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;background:#fff;border:1px solid color-mix(in srgb,var(--a) 45%,#fff);font-size:10px;font-weight:600;color:var(--ink);box-shadow:0 10px 24px -12px rgba(16,35,50,.45)}
.projects .tl{display:grid;grid-template-columns:52px 1fr;gap:6px 7px;align-items:center;font-size:9.5px}
.projects .tl .tr{position:relative;height:19px;border-radius:4px;background:#f1f4f7}
.projects .tl .tr b{position:absolute;top:0;bottom:0;border-radius:4px;background:color-mix(in srgb,var(--a) 45%,#fff);font-size:8.5px;color:var(--ink);font-weight:600;display:flex;align-items:center;padding-left:5px;white-space:nowrap;overflow:hidden}
.projects .steps-mini{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;overflow:hidden}
.projects .steps-mini span{font-size:8.5px;padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--a) 14%,#fff);color:var(--ink);white-space:nowrap}
.projects .steps-mini em{color:var(--ink-3);font-style:normal;font-size:8px}
.projects .meter{height:5px;border-radius:3px;background:#e7ecf1;overflow:hidden;flex:1}
.projects .meter i{display:block;height:100%;border-radius:3px;background:var(--a)}
.projects .kan{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex:1;min-width:0}
.projects .kan > div{background:#f7f9fb;border:1px solid var(--line);border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:4px;min-width:0}
.projects .kan h6{font-size:8px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0}
.projects .kan p{background:#fff;border:1px solid var(--line);border-radius:4px;padding:3px 4px;font-size:8.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.projects .kan p.hl{outline:1px solid var(--a)}
.projects .field{display:flex;justify-content:space-between;gap:6px;padding:4px 6px;border-radius:5px;background:#f5f7f9;font-size:9.5px}
.projects .field b{color:var(--ink);font-weight:600}
.projects .price{margin-top:auto;padding:6px 7px;border-radius:7px;background:color-mix(in srgb,var(--a) 16%,#fff);font-weight:700;color:var(--ink);font-size:12px;display:flex;justify-content:space-between;align-items:center}
.projects .price small{font-size:8.5px;font-weight:500;color:var(--ink-3)}
.projects .mock .arrow{align-self:center;color:var(--a);font-weight:700;font-size:16px;flex:none}
.projects .wave{display:flex;align-items:center;gap:2px;height:22px}
.projects .wave i{width:3px;border-radius:2px;background:var(--a);opacity:.85}

/* contact channels for this site: phone + Facebook */
.phone-link svg{color:#2869d5}
.fb-link svg{color:#1877f2}
.contact-section .phone-link svg{color:#9cc3ff}
.contact-section .fb-link svg{color:#8fb7ff}
.language[hidden]{display:none}

/* partner photos */
.partner-avatar.photo{padding:0;overflow:hidden;background:#eef2f5;border-color:var(--line)}
.partner-avatar.photo img{display:block;width:100%;height:100%;object-fit:cover}
.contact-avatar.photo{overflow:hidden;padding:0}
.contact-avatar.photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}