/* AI services: homepage block, service pages visuals, cross-links */
.aiw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(22px,3vw,34px)}
.aiw-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 22px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:transform .45s var(--ease),border-color .3s,box-shadow .3s;overflow:hidden}
.aiw-card::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,rgba(139,92,246,.14),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.aiw-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.45);box-shadow:0 26px 60px -36px rgba(99,102,241,.75)}
.aiw-card:hover::before{opacity:1}
.aiw-card .air-ic svg{width:22px;height:22px}
.aiw-card h3{font-family:var(--f-display);font-size:17px;line-height:1.3;margin:4px 0 0}
.aiw-card p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0;flex:1}
.aiw-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;margin-top:4px}
.aiw-more svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.aiw-card:hover .aiw-more svg{transform:translateX(4px)}
html[dir="rtl"] .aiw-more svg{transform:scaleX(-1)}
html[dir="rtl"] .aiw-card:hover .aiw-more svg{transform:scaleX(-1) translateX(4px)}
.aiw-card.current{border-color:rgba(139,92,246,.5);pointer-events:none}
html[data-theme="light"] .aiw-card{background:#fff;box-shadow:0 18px 40px -32px rgba(16,36,84,.35)}
.aiw-head{max-width:760px}
@media (max-width:1000px){.aiw-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.aiw-grid{grid-template-columns:1fr}}

/* chat mock */
.aip-chat{position:relative;width:min(400px,100%);padding:18px 18px 20px;border-radius:30px;background:linear-gradient(180deg,rgba(17,30,60,.94),rgba(9,19,40,.96));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -40px rgba(99,102,241,.6);color:#eef2fb}
.aip-chat.wa{background:linear-gradient(180deg,rgba(11,41,36,.95),rgba(7,26,23,.97));box-shadow:0 40px 100px -40px rgba(37,211,102,.45)}
.aip-top{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}
.aip-top .air-live i{background:#22c55e}
.aip-msgs{display:flex;flex-direction:column;gap:10px}
.aip-m{max-width:84%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.45;opacity:0;transform:translateY(8px);animation:aipIn .5s var(--ease) forwards}
.aip-m.u{align-self:flex-end;background:rgba(255,255,255,.12);border-bottom-right-radius:5px}
.aip-m.b{align-self:flex-start;background:linear-gradient(135deg,rgba(139,92,246,.35),rgba(34,211,238,.22));border-bottom-left-radius:5px}
.wa .aip-m.u{background:#005c4b}
.wa .aip-m.b{background:rgba(255,255,255,.1)}
html[dir="rtl"] .aip-m.u{align-self:flex-start;border-bottom-right-radius:16px;border-bottom-left-radius:5px}
html[dir="rtl"] .aip-m.b{align-self:flex-end;border-bottom-left-radius:16px;border-bottom-right-radius:5px}
.aip-m:nth-child(1){animation-delay:.5s}.aip-m:nth-child(2){animation-delay:1.5s}.aip-m:nth-child(3){animation-delay:2.6s}.aip-m:nth-child(4){animation-delay:3.6s}
@keyframes aipIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.aip-m{animation:none;opacity:1;transform:none}}

/* automation flow mock */
.aip-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.aip-flow li{display:flex;gap:12px;align-items:center;padding:12px 4px;font-size:14.5px;opacity:0;animation:aipIn .5s var(--ease) forwards;position:relative}
.aip-flow li:nth-child(1){animation-delay:.5s}.aip-flow li:nth-child(2){animation-delay:1.3s}.aip-flow li:nth-child(3){animation-delay:2.1s}.aip-flow li:nth-child(4){animation-delay:2.9s}
.aip-flow li+li::before{content:"";position:absolute;left:17px;top:-8px;height:16px;border-left:2px dashed rgba(255,255,255,.2)}
html[dir="rtl"] .aip-flow li+li::before{left:auto;right:17px}
.aip-flow b{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#0a0b10;font-size:13px}

/* cross-links on service pages */
.aip-other .aiw-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.aip-other .aiw-grid{grid-template-columns:1fr}}
.aip-price-val{font-family:var(--f-display);font-size:26px;font-weight:600}
.aiw-price{font-size:13.5px;color:var(--muted)}
.aiw-price b{font-family:var(--f-display);font-size:16px;color:var(--text);font-weight:600}
.aiw-grid.g5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1100px){.aiw-grid.g5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.aiw-grid.g5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.aiw-grid.g5{grid-template-columns:1fr}}
.aip-other .aiw-grid.g5,.aip-other .aiw-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.aip-hero-price{margin-top:18px;font-size:15px;color:var(--muted)}
.aip-hero-price b{font-family:var(--f-display);font-size:22px;color:var(--text);font-weight:600}
.aip-dot{margin:0 6px;opacity:.6}
#grow{padding-top:clamp(30px,4vw,56px)!important}

/* ===== All services hub (liquid glass) ===== */
.hub-sec{padding-top:clamp(36px,5vw,64px)!important}
.hub{position:relative;padding:clamp(26px,4vw,48px);border-radius:32px;isolation:isolate;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.04),0 40px 90px -50px rgba(79,124,255,.55);
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
.hub::before{content:"";position:absolute;inset:-40% -10% auto auto;width:60%;height:120%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(139,92,246,.22),transparent 70%)}
.hub::after{content:"";position:absolute;inset:auto auto -50% -15%;width:55%;height:110%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(34,211,238,.16),transparent 70%)}
html[data-theme="light"] .hub{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(244,247,255,.55));border-color:rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(16,36,84,.04),0 40px 90px -50px rgba(37,99,235,.35)}
.hub-head{max-width:760px;margin-bottom:clamp(18px,3vw,30px)}
.hub-head .sub{margin-top:10px}
.hub-group{margin-top:clamp(22px,3vw,32px)}
.hub-gh{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.hub-gh h3{font-family:var(--f-display);font-size:clamp(18px,2vw,22px);margin:0}
.hub-gh span{color:var(--muted);font-size:14.5px}
.hub-pills{display:flex;flex-wrap:wrap;gap:12px}
.hub-pill{position:relative;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 12px;border-radius:999px;
  font-weight:700;font-size:15px;color:var(--text);text-decoration:none;white-space:nowrap;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px -18px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);
  transition:transform .35s var(--ease),box-shadow .3s,border-color .3s,background .3s}
html[data-theme="light"] .hub-pill{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.7));border-color:rgba(16,36,84,.08);
  box-shadow:inset 0 1px 0 #fff,0 12px 26px -18px rgba(16,36,84,.35)}
.hub-pill:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 34px -18px rgba(99,102,241,.7)}
.hub-ic{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#22d3ee);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 10px -4px rgba(99,102,241,.7)}
.hub-ic svg{width:16px;height:16px}
#ai .hub-ic{background:linear-gradient(135deg,#8b5cf6,#d946ef)}
#grow .hub-ic{background:linear-gradient(135deg,#22d3ee,#10b981)}
@media (max-width:560px){.hub-pill{font-size:14px;padding:9px 14px 9px 9px;white-space:normal}.hub-pills{gap:9px}}
/* service cards open their pages */
.card .card-link{position:absolute;inset:0;z-index:3;border-radius:inherit}
.card:has(.card-link){cursor:pointer}
.aiw-sec{padding-top:clamp(40px,5vw,72px)!important}
.aiw-sub{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:clamp(30px,4vw,46px) 0 0}
.aiw-sub h3{font-family:var(--f-display);font-size:clamp(18px,2vw,22px);margin:0}
.aiw-sub span{color:var(--muted);font-size:14.5px}
.aiw-sub+.aiw-grid{margin-top:16px}
.aip-inc{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}
.aip-inc-card,.aip-who{padding:clamp(22px,3vw,34px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
html[data-theme="light"] .aip-inc-card,html[data-theme="light"] .aip-who{background:#fff;box-shadow:0 18px 40px -32px rgba(16,36,84,.35)}
.aip-inc-card .h2{font-size:clamp(24px,3vw,34px);margin:8px 0 18px}
.aip-check{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.aip-check li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5}
.aip-check svg{width:22px;height:22px;flex-shrink:0;padding:4px;border-radius:50%;color:#0a0b10;background:linear-gradient(135deg,#a78bfa,#22d3ee)}
.aip-who h3{font-family:var(--f-display);font-size:20px;margin:0 0 16px}
.aip-chips{display:flex;flex-wrap:wrap;gap:10px}
.aip-chips span{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--line-2);background:var(--surface-2)}
@media (max-width:860px){.aip-inc{grid-template-columns:1fr}}