.integ-logo{--brand:var(--ink-3);width:46px;height:46px;color:var(--ink);background:radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--panel-3), var(--panel-2));border:1px solid var(--line);transition:border-color .16s var(--ease-out), transform .16s var(--ease-out);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #efe4d20a}.integ-logo-glyph{width:24px;height:24px;color:inherit;display:block}.integ-logo-mask{-webkit-mask:var(--logo-src) center / contain no-repeat;-webkit-mask:var(--logo-src) center / contain no-repeat;mask:var(--logo-src) center / contain no-repeat;background-color:currentColor}.integ-catalog{flex-direction:column;gap:30px;display:flex}.integ-section{flex-direction:column;gap:14px;display:flex}.integ-section-head{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding-bottom:10px;display:flex}.integ-section-title{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0;font-size:13px;font-weight:650}.integ-section-count{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;font-size:11.5px}.integ-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:1040px){.integ-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.integ-soon{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border:1px dashed var(--line-strong);border-radius:6px;padding:5px 12px;font-size:11px;display:inline-block}.integ-tile{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel), var(--panel-2));transition:border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);grid-template-columns:auto 1fr;gap:14px;padding:16px;display:grid;position:relative}.integ-tile:hover{border-color:color-mix(in srgb, var(--brand,var(--line-strong)) 42%, var(--line-strong));transform:translateY(-1px);box-shadow:0 10px 28px -18px #000000b3}.integ-tile:hover .integ-logo{border-color:color-mix(in srgb, var(--brand) 55%, var(--line));transform:scale(1.03)}.integ-body{flex-direction:column;gap:6px;min-width:0;display:flex}.integ-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.integ-title{font-family:var(--sans);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}.integ-blurb{color:var(--ink-2);flex:1;margin:0;font-size:12.5px;line-height:1.5}.integ-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.integ-foot .btn,.integ-foot button{font-size:13px}.integ-continue{margin:0;font-size:12px}.integ-continue a{color:var(--accent-ink);border-bottom:1px solid var(--accent-soft)}.integ-continue a:hover{color:var(--ink);border-bottom-color:var(--accent-ink)}.integ-dot{vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.integ-skel-tiles{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.integ-skel-tile{border-radius:var(--radius);width:100%;height:112px}@media (max-width:560px){.integ-tiles,.integ-skel-tiles{grid-template-columns:1fr}.integ-logo{width:42px;height:42px}}