.integrations-view{max-width:1320px;padding-top:42px}
.integrations-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding-bottom:25px;border-bottom:1px solid #000}
.integrations-heading h1{margin:0 0 10px;font-size:clamp(50px,7vw,96px);font-weight:400;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}
.integrations-heading>div:first-child>p:last-child{max-width:620px;margin:0;font-size:13px;line-height:1.55;color:#333}
.setup-progress{width:255px;flex:none;padding:16px 0 2px}
.setup-progress strong,.setup-progress span{display:block}
.setup-progress strong{font-size:25px;font-weight:400;letter-spacing:-.04em}
.setup-progress span{margin:3px 0 11px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#565656}
.setup-progress>div{height:8px;background:#e3e3e3;overflow:hidden}
.setup-progress i{display:block;width:0;height:100%;background:#002eff;transition:width .35s ease}
.security-note{display:flex;align-items:flex-start;gap:13px;margin:16px 0 26px;padding:14px 16px;border:1px solid #000;background:#edfffc}
.security-note>span{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:50%;background:#002eff;color:#fff;font-weight:700;font-size:11px}
.security-note strong{display:block;margin-bottom:3px;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.security-note p{margin:0;max-width:900px;font-size:10px;line-height:1.55;color:#333}
.integration-list{border-top:1px solid #000}
.integration-source{display:grid;grid-template-columns:54px 94px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:182px;padding:24px 0;border-bottom:1px solid #000;transition:background .18s}
.integration-source:hover{background:#f4f7ff}
.integration-number{align-self:start;padding-top:4px;color:#747474;font-size:9px;letter-spacing:.08em}
.integration-logo{width:78px;height:78px;display:grid;place-items:center;border:1px solid #000;background:#fff;font-size:11px;font-weight:500;letter-spacing:-.02em;text-align:center;line-height:.88}
.meta-logo{background:#002eff;color:#fff;border-color:#002eff;font-size:14px}
.ga-logo{background:#fff3ee;color:#e10101;font-size:20px;letter-spacing:-.08em}
.ms-logo{background:#edfffc;color:#002eff;font-size:10px;letter-spacing:.02em}
.integration-copy{min-width:0}
.integration-copy h2{margin:6px 0 7px;font-size:25px;font-weight:400;letter-spacing:-.045em;text-transform:uppercase}
.integration-copy>p{max-width:620px;margin:0;color:#3e3e3e;font-size:11px;line-height:1.55}
.source-status{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.07em;text-transform:uppercase}
.source-status i{width:7px;height:7px;border-radius:50%;background:#e10101;box-shadow:0 0 0 4px #e1010112}
.source-status b{font-weight:500;color:#5d5d5d}
.source-status.ready i{background:#002eff;box-shadow:0 0 0 4px #002eff14}
.source-status.ready b{color:#002eff}
.source-data{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.source-data span{padding:5px 8px;border:1px solid #bbb;border-radius:999px;background:#fff;font-size:8px;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.configure-button{min-width:139px;border:1px solid #000;border-radius:999px;background:#fff;padding:12px 15px;font-size:9px;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:.18s}
.configure-button span{margin-left:16px}
.configure-button:hover,.integration-source.configured .configure-button{background:#002eff;color:#fff;border-color:#002eff}
.integration-guide{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid #000}
.integration-guide>div{min-height:170px;padding:21px;border-right:1px solid #000}
.integration-guide>div:last-child{border-right:0}
.integration-guide span{display:block;margin-bottom:32px;color:#002eff;font-size:9px;letter-spacing:.08em}
.integration-guide h3{margin:0 0 8px;font-size:13px;font-weight:500;letter-spacing:.025em;text-transform:uppercase}
.integration-guide p{max-width:310px;margin:0;color:#555;font-size:10px;line-height:1.55}
.integration-nav-button{height:60px;padding:0 18px;border:0;border-right:1px solid #000;background:#fff;font-size:10px;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.integration-nav-button span{margin-right:10px;color:#7d7d7d;font-size:8px}
.integration-nav-button:hover{background:#edfffc}
.integration-modal{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}
.integration-modal.open{visibility:visible;pointer-events:auto}
.modal-backdrop{position:absolute;inset:0;width:100%;border:0;background:#0009;opacity:0;cursor:pointer;transition:opacity .25s}
.integration-modal.open .modal-backdrop{opacity:1}
.integration-drawer{position:absolute;top:0;right:0;width:min(545px,100%);height:100%;overflow-y:auto;background:#fff;border-left:1px solid #000;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column}
.integration-modal.open .integration-drawer{transform:translateX(0)}
.integration-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 29px 23px;border-bottom:1px solid #000}
.integration-drawer>header span{display:block;margin-bottom:10px;color:#002eff;font-size:8px;letter-spacing:.1em}
.integration-drawer>header h2{margin:0;font-size:31px;font-weight:400;letter-spacing:-.055em;text-transform:uppercase}
.modal-close{width:37px;height:37px;border:1px solid #000;border-radius:50%;background:#fff;font-size:23px;line-height:1;cursor:pointer}
.modal-close:hover{background:#000;color:#fff}
.drawer-intro{padding:17px 29px;border-bottom:1px solid #d7d7d7;color:#464646;font-size:11px;line-height:1.55}
.integration-drawer form{display:flex;flex:1;flex-direction:column;padding:24px 29px 0}
#integrationFields{display:flex;flex-direction:column;gap:19px}
.integration-field{display:block}
.integration-field>span{display:block;margin-bottom:8px;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.integration-field input{width:100%;height:46px;border:1px solid #000;border-radius:0;background:#fff;padding:0 13px;color:#000;font:inherit;font-size:12px;outline:0}
.integration-field input[type=file]{padding:11px 12px;font-size:10px}
.integration-field input:focus{border-color:#002eff;box-shadow:0 0 0 2px #002eff1c}
.integration-field input.invalid{border-color:#e10101;background:#fff5f4}
.integration-field small{display:block;margin-top:6px;color:#737373;font-size:8px;line-height:1.45}
.form-message{min-height:48px;margin-top:17px;padding:12px 13px;border:1px solid transparent;font-size:9px;line-height:1.5}
.form-message:empty{padding:0;min-height:24px}
.form-message.error{border-color:#e10101;background:#fff5f4;color:#a40000}
.form-message.success{border-color:#002eff;background:#f0f4ff;color:#0022bd}
.drawer-actions{display:flex;gap:9px;margin-top:auto;padding:10px 0 25px}
.drawer-actions button{flex:1;min-height:43px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;font-size:9px}
.integration-drawer>footer{padding:14px 29px;border-top:1px solid #000;background:#edfffc;font-size:8px;letter-spacing:.04em;text-transform:uppercase}
.integration-drawer>footer span{margin-right:5px}
body.modal-open{overflow:hidden}
@media(max-width:900px){.integrations-heading{align-items:flex-start;flex-direction:column}.setup-progress{width:100%;max-width:420px}.integration-source{grid-template-columns:42px 76px minmax(0,1fr);gap:14px}.integration-logo{width:64px;height:64px}.configure-button{grid-column:3;justify-self:start}.integration-guide{grid-template-columns:1fr}.integration-guide>div{min-height:auto;border-right:0;border-bottom:1px solid #000}.integration-guide>div:last-child{border-bottom:0}.integration-guide span{margin-bottom:18px}}
@media(max-width:760px){.integrations-view{padding-top:28px}.integrations-heading h1{font-size:51px}.integrations-heading>div:first-child>p:last-child{font-size:11px}.integration-source{grid-template-columns:34px 1fr;align-items:start;padding:20px 0}.integration-number{grid-row:1/3}.integration-logo{width:68px;height:68px}.integration-copy{grid-column:2}.integration-copy h2{font-size:21px}.configure-button{grid-column:2}.source-data{gap:5px}.integration-guide{margin-top:38px}.integration-drawer>header,.drawer-intro,.integration-drawer form{padding-left:20px;padding-right:20px}.integration-drawer>footer{padding-left:20px;padding-right:20px}.drawer-actions{flex-direction:column-reverse}.integration-nav-button{height:53px}}