.integrations-page{--integrations-new-bg:#e3f1fb;--integrations-new-ink:#1c6aa3}.dark .integrations-page{--integrations-new-bg:#16304a;--integrations-new-ink:#8cc4f0}.integrations-page h1,.integrations-page h2{font-variant-numeric:normal}.integrations-page h3{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(22px,2vw,27px);font-weight:600;line-height:1.1}.integrations-head{margin-bottom:clamp(32px,4.5vw,56px)}.integrations-hero h1{max-width:12ch}.integrations-stage .hp-app{grid-template-columns:208px minmax(0,1fr);width:min(1100px,100% - 64px);margin-bottom:72px;overflow:hidden}.integrations-stage .hp-app-side{border-radius:0}.integrations-side-item{white-space:nowrap}.integrations-sync-pill{align-items:center;gap:5px;display:inline-flex}.integrations-viewbar{border-bottom:1px solid var(--hp-card-line);color:var(--hp-card-muted);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex;overflow:hidden}.integrations-legend{align-items:center;gap:5px;margin-left:10px;display:inline-flex}.integrations-legend i{background:var(--hp-ui-soft);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:3px}.integrations-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.integrations-table th,.integrations-table td{border-bottom:1px solid var(--hp-card-line);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:9px 12px;overflow:hidden}.integrations-table th{color:var(--hp-card-muted);padding-block:8px;font-size:11.5px;font-weight:500}.integrations-table th+th,.integrations-table td+td{border-left:1px solid var(--hp-card-line)}.integrations-table tr:last-child td{border-bottom:0}.integrations-table .is-yours{background:color-mix(in srgb, var(--hp-ui-soft) 55%, transparent)}.integrations-th{align-items:center;gap:5px;display:inline-flex}.integrations-name{align-items:center;gap:8px;font-weight:500;display:flex}.integrations-name .hp-av{width:22px;height:22px;font-size:9px}.integrations-muted{color:var(--hp-card-muted)}@media (prefers-reduced-motion:no-preference){.integrations-arrive td{animation:.9s cubic-bezier(.2,.7,.2,1) both integrations-arrive;animation-delay:var(--integrations-delay,0s)}.integrations-spin{animation:2.4s linear infinite integrations-spin}}@keyframes integrations-arrive{0%{box-shadow:inset 0 0 0 999px var(--hp-ui-soft)}to{box-shadow:inset 0 0 0 999px #0000}}@keyframes integrations-spin{to{transform:rotate(360deg)}}.integrations-toast{z-index:2;text-align:left;gap:10px;width:290px;padding:14px 16px;display:grid;position:absolute;bottom:40px;right:0}.integrations-toast-row{align-items:center;gap:10px;display:flex}.integrations-toast b{font-weight:600;display:block}.integrations-toast small{color:var(--hp-card-muted);font-size:12px;display:block}.integrations-file{background:var(--hp-ok-soft);width:30px;height:36px;color:var(--hp-ok);border-radius:6px;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.integrations-file--sm{width:24px;height:28px;font-size:8px}.integrations-progress{background:var(--hp-card-soft);border-radius:99px;height:5px;overflow:hidden}.integrations-progress i{border-radius:inherit;background:var(--hp-ui);width:72%;height:100%;display:block}.integrations-ways-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.integrations-way-in{gap:22px}.integrations-way-in .hp-vis-art{overflow:visible}.integrations-cap{gap:6px;padding-inline:4px;display:grid}.integrations-cap>span{color:var(--hp-card-muted);font-size:14px;font-weight:500}.integrations-cap p{max-width:42ch;color:var(--hp-card-muted);text-wrap:pretty;font-size:16px;line-height:1.45}.integrations-ui{font-size:12.5px;line-height:1.4;overflow:hidden}.integrations-sync{gap:14px;padding:16px 18px;display:grid}.integrations-sync-head{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.integrations-sync-head b{font-size:14px;font-weight:600}.integrations-last-sync{color:var(--hp-card-muted);margin-top:-8px;font-size:12px}.integrations-linked{border-top:1px solid var(--hp-card-line);display:grid}.integrations-linked-row{border-bottom:1px solid var(--hp-card-line);align-items:center;gap:10px;padding:10px 0;display:flex}.integrations-linked-row:last-child{border-bottom:0}.integrations-linked-row>i{background:var(--hp-ui-soft);width:28px;height:28px;color:var(--hp-ui);border-radius:8px;flex:none;place-items:center;display:grid}.integrations-linked-row div{flex:1;min-width:0}.integrations-linked-row b{font-weight:500;display:block}.integrations-linked-row small{color:var(--hp-card-muted);font-size:11.5px;display:block}.integrations-map-head{border-bottom:1px solid var(--hp-card-line);align-items:center;gap:10px;padding:12px 16px;display:flex}.integrations-map-head b{font-size:13.5px;font-weight:600}.integrations-map{grid-template-columns:36px minmax(0,1fr) minmax(0,.9fr) minmax(0,1.25fr) 58px;display:grid}.integrations-map>div{border-bottom:1px solid var(--hp-card-line);white-space:nowrap;align-items:center;gap:6px;min-width:0;padding:8px 10px;display:flex;overflow:hidden}.integrations-map>div:nth-child(5n+1){padding-left:16px;padding-right:0}.integrations-map>div:nth-child(5n){justify-content:center;padding-inline:4px}.integrations-map>div:nth-last-child(-n+5){border-bottom:0}.integrations-map .is-head{color:var(--hp-card-muted);font-size:11px;font-weight:500}.integrations-map b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.integrations-map .is-sample{color:var(--hp-card-muted)}.integrations-select{border:1px solid var(--hp-card-line);background:var(--hp-card);border-radius:7px;flex:1;align-items:center;gap:6px;min-width:0;height:26px;padding:0 8px;display:flex}.integrations-select>span{text-overflow:ellipsis;overflow:hidden}.integrations-select small{color:var(--hp-faint);margin-left:auto;font-size:10.5px}.integrations-new{background:var(--integrations-new-bg);color:var(--integrations-new-ink);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600}.integrations-check{border:1.5px solid var(--hp-card-line);background:var(--hp-card);border-radius:4px;flex:none;width:15px;height:15px;display:inline-block;position:relative}.integrations-check.is-on{border-color:var(--hp-ui);background:var(--hp-ui)}.integrations-check.is-on:after{content:"";border:1.8px solid #fff;border-width:0 1.8px 1.8px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.integrations-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;margin-top:clamp(28px,3.5vw,44px);padding-inline:4px;display:grid}.integrations-points li{align-items:baseline;gap:12px;font-size:16px;font-weight:500;line-height:1.35;display:flex}.integrations-points li:before{content:"";background:var(--hp-cobalt);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-2px)}.integrations-jobs{border-top:1px solid var(--hp-line);display:grid}.integrations-job{border-bottom:1px solid var(--hp-line);grid-template-columns:minmax(0,3.2fr) minmax(0,4.4fr) minmax(0,4.4fr);align-items:center;gap:16px 32px;padding-block:22px;display:grid}.integrations-page .integrations-job h3{font-size:clamp(20px,1.9vw,25px)}.integrations-job p{color:var(--hp-muted);text-wrap:pretty;font-size:15.5px;line-height:1.45}.integrations-tools{flex-wrap:wrap;gap:8px;display:flex}.integrations-tool{background:var(--hp-card);height:40px;box-shadow:inset 0 0 0 1px var(--hp-card-line);color:var(--hp-card-ink);white-space:nowrap;border-radius:12px;align-items:center;gap:9px;padding:0 14px 0 6px;font-size:15px;font-weight:500;display:inline-flex}.integrations-mark{background:var(--hp-card-soft);width:28px;height:28px;color:var(--hp-card-ink);letter-spacing:-.02em;border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.integrations-tag{background:var(--hp-ui-soft);color:var(--hp-ui);border-radius:999px;margin-left:2px;padding:2px 7px;font-size:11px;font-weight:600}.integrations-jobs-foot{justify-content:flex-end;margin-top:22px;display:flex}.integrations-build{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.integrations-build-copy{gap:22px;display:grid}.integrations-page .integrations-build h2{font-size:clamp(34px,3.8vw,52px)}.integrations-options{border-top:1px solid var(--hp-line);display:grid}.integrations-option{border:0;border-bottom:1px solid var(--hp-line);width:100%;color:var(--hp-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:16px 4px;display:grid}.integrations-option b{color:var(--hp-muted);letter-spacing:-.02em;font-size:19px;font-weight:600}.integrations-option span{grid-column:1;font-size:15px;line-height:1.4}.integrations-option>i{color:var(--hp-faint);grid-area:1/2/span 2;font-size:18px;font-style:normal;transition:transform .2s}.integrations-option:hover b,.integrations-option[aria-selected=true] b{color:var(--hp-ink)}.integrations-option[aria-selected=true]>i{color:var(--hp-ink);transform:translate(4px)}.integrations-build .hp-actions{justify-content:flex-start;align-items:center;gap:18px;margin-top:0}.integrations-build .hp-code pre{min-height:300px}.integrations-build .hp-code pre[hidden]{display:none}@media (prefers-reduced-motion:reduce){.integrations-option>i{transition:none}}.integrations-closing{overflow:hidden}.integrations-closing .hp-loop-art{inset:0}.integrations-closing .hp-loop-art svg{width:1100px;height:1100px;top:-260px;left:auto;right:-380px;transform:none}.integrations-closing-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.integrations-closing-copy{justify-items:start;gap:20px;display:grid}.integrations-closing-copy .hp-fine{color:var(--hp-on-cobalt-muted);margin-top:0}.integrations-closing-copy .hp-fine a{color:var(--hp-on-cobalt)}.integrations-settings-head{border-bottom:1px solid var(--hp-card-line);align-items:center;gap:7px;padding:12px 18px;display:flex}.integrations-settings-head b{font-size:14px;font-weight:600}.integrations-settings{padding:6px 18px 8px}.integrations-setting{border-bottom:1px solid var(--hp-card-line);align-items:center;gap:12px;padding:11px 0;display:flex}.integrations-setting:last-child{border-bottom:0}.integrations-setting .integrations-mark{border-radius:9px;width:32px;height:32px;font-size:12.5px}.integrations-setting div{flex:1;min-width:0}.integrations-setting b{font-weight:500;display:block}.integrations-setting small{color:var(--hp-card-muted);font-size:11.5px;display:block}@media (width<=1100px){.integrations-job{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.integrations-job p{grid-column:2}}@media (width<=900px){.integrations-ways-in,.integrations-build,.integrations-closing-grid,.integrations-points{grid-template-columns:minmax(0,1fr)}.integrations-stage .hp-app{grid-template-columns:176px minmax(0,1fr)}.integrations-hide-md{display:none}}@media (width<=640px){.integrations-stage .hp-app{grid-template-columns:minmax(0,1fr);width:calc(100% - 20px);margin-bottom:0}.integrations-hide-sm{display:none}.integrations-table th:first-child{width:31%!important}.integrations-table th:nth-child(4),.integrations-table th.is-yours{width:23%!important}.integrations-table th,.integrations-table td{padding-inline:8px}.integrations-toast{width:auto;margin:-28px 22px 32px;position:relative;bottom:auto;right:auto}.integrations-job{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:20px}.integrations-job p{grid-column:1}.integrations-way-in{padding:14px}.integrations-map{grid-template-columns:30px minmax(0,1fr) minmax(0,1.3fr) 48px}.integrations-map>div{padding-inline:6px}.integrations-map>div:nth-child(5n+1){padding-left:12px}.integrations-map .is-sample{display:none}.integrations-tool{height:36px;font-size:14px}.integrations-build .hp-code pre{min-height:0;padding:16px;font-size:12px}}