.irt-hub{position:relative;isolation:isolate;margin-top:24px}.irt-hub-paper{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:50%;background:var(--rt-blue) url(/images/how-it-works-v2/cobalt-grain.webp) repeat;mask:url(/images/who-its-for/01_shared/torn_cobalt_paper_mat-optimized.webp) right top / 120% 112% no-repeat}.irt-hub-inner{width:90.5%;max-width:1280px;margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.irt-hub-copy{padding:clamp(48px,4.5vw,72px) 48px clamp(48px,4.5vw,72px) 0;color:var(--rt-stock)}.red-thread-page .irt-hub-title{font:400 var(--rt-type-hero)/1.1 var(--rt-font-heading);letter-spacing:-.03em;text-transform:none;text-wrap:balance}.red-thread-page .irt-hub-copy>p{margin-top:28px;max-width:40ch;font-size:var(--rt-type-lead);line-height:1.55;letter-spacing:normal}.irt-hub-title>span{display:block;white-space:nowrap}.irt-hub-diagram{position:relative;container-type:inline-size;min-width:0;min-height:480px}.red-thread-page .irt-hub-cord{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--rt-red);stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.irt-hub-cord path{vector-effect:non-scaling-stroke}.irt-hub-cord--mobile{display:none}.irt-hub-ports{fill:currentColor;stroke:none}.irt-hub-platforms{list-style:none;margin:0;padding:0}.irt-hub-platform{position:absolute;top:12.5%;transform:translate(-50%);text-align:center;width:max-content}.irt-hub-platform--zapier{left:22.8125%}.irt-hub-platform--hubspot{left:79.53125%}.irt-hub-platform--shopify{left:53.125%;top:calc(77% + 16px)}.irt-hub-brand{width:34cqw;margin-inline:auto}.red-thread-page .irt-hub-platform p{margin-top:6px;font-size:var(--rt-type-caption);line-height:1.5;letter-spacing:normal}.irt-hub-center{position:absolute;left:53.125%;top:42%;transform:translate(-50%);text-align:center;width:max-content}.irt-hub-wordmark{display:inline-block;color:var(--rt-ink);font:800 13.75cqw/1 var(--rt-font-sans);letter-spacing:-.075em}.irt-hub-wordmark-dot{display:inline-block;width:.14em;height:.14em;margin-left:.06em;border-radius:50%;background:var(--rt-red)}.red-thread-page .irt-hub-center p{margin-top:10px;font-size:var(--rt-type-caption);line-height:1.5;letter-spacing:normal}.irt-hub-outlet{position:absolute;left:93.75%;top:100%;width:0;height:0}@media(max-width:1000px){.irt-hub-continuation{display:none}}@media(min-width:821px)and (max-width:1100px){.irt-hub-copy{padding-right:32px}}@media(max-width:820px){.irt-hub{margin-top:20px}.irt-hub-paper{display:none}.irt-hub-inner{width:100%;grid-template-columns:1fr}.irt-hub-copy{position:relative;isolation:isolate;padding:44px max(24px,4.75vw) 48px}.irt-hub-copy:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--rt-blue) url(/images/how-it-works-v2/cobalt-grain.webp) repeat;mask:url(/images/who-its-for/01_shared/torn_cobalt_paper_mat-optimized.webp) center bottom / 116% 110% no-repeat}.red-thread-page .irt-hub-copy>p{max-width:44ch;margin-top:24px}.irt-hub-diagram{width:90.5%;max-width:560px;min-height:0;height:clamp(380px,88vw,530px);margin:16px auto 0}.irt-hub-center{top:42%}.red-thread-page .irt-hub-cord{stroke-width:1.8}}@media(max-width:800px){.irt-hub{margin-top:16px}.irt-hub-inner{width:100%;grid-template-columns:minmax(0,1fr)}.irt-hub-copy{padding:44px 20px 40px}.irt-hub-copy:before{mask-size:cover;mask-position:center}.red-thread-page .irt-hub-title{max-width:560px;margin-inline:auto;font-size:clamp(40px,10.26vw,48px);line-height:1.08;letter-spacing:-.02em}.irt-hub-title>span{white-space:normal}.red-thread-page .irt-hub-copy>p{max-width:560px;margin:24px auto 0;font-size:18px;line-height:1.5}.irt-hub-diagram{width:calc(100% - 40px);max-width:430px;height:clamp(350px,100vw,420px);margin:20px auto 0}.irt-hub-cord--desktop{display:none}.irt-hub-cord--mobile{display:block}.irt-hub-platform{top:10%;width:calc(50% - 12px)}.irt-hub-platform--zapier{left:25%}.irt-hub-platform--hubspot{left:75%}.irt-hub-brand{width:100%}.red-thread-page .irt-hub-platform p{margin-top:6px;font-size:14px;line-height:1.5}.irt-hub-platform--shopify{top:80%;left:50%;width:calc(50% - 12px)}.irt-hub-center{top:43%;left:50%}.irt-hub-wordmark{font-size:clamp(56px,18cqw,72px)}.red-thread-page .irt-hub-center p{margin-top:12px;font-size:14px;line-height:1.5}}@font-face{font-family:Integration Note;src:url(/fonts/webfonts/indie-flower.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}body.irt-body{min-width:0;--rt-blue: #0648FF;--irt-paper-shadow: 2px 4px 5px rgb(45 34 20 / 15%)}.irt-body .rt-container,.irt-body .rt-header,.irt-body .rt-footer-inner{width:90.5%;max-width:1280px}.irt-body .rt-header{height:clamp(64px,7.1vw,100px);gap:clamp(20px,3.6vw,52px)}.irt-body .rt-wordmark{font-size:clamp(34px,3.8vw,54px)}.irt-body .rt-header nav{gap:clamp(20px,3vw,44px)}.irt-body .rt-header nav a{letter-spacing:0;padding-block:14px;position:relative}.irt-body .rt-header nav a[aria-current=page]:after{content:"";position:absolute;height:2px;background:var(--rt-blue);inset:auto 0 4px}.irt-body .rt-header-action{min-width:15%;min-height:44px;padding:12px 20px}.irt-body .rt-button{letter-spacing:0;font-weight:600}.irt-body .rt-footer-inner{min-height:clamp(72px,8vw,112px);gap:24px}.irt-body .rt-footer .rt-wordmark{font-size:clamp(28px,3vw,40px)}.irt-body .rt-footer nav{gap:clamp(20px,2.6vw,36px)}.irt-body .rt-footer p{text-transform:none}.irt-body .rt-footer p a{margin-left:32px}.irt-body .rt-footer nav a[href="/integrations-red-thread"]{text-decoration:underline}.irt-page{overflow:clip}.irt-content{padding-top:48px;position:relative;container-type:inline-size;isolation:isolate;z-index:1}.irt-title{margin:0;font-family:var(--rt-font-heading);line-height:1.15;letter-spacing:-.03em;font-weight:400;text-transform:none;text-wrap:balance}.irt-section-title{font-size:var(--rt-type-section)}.irt-page .irt-intro{font-size:var(--rt-type-body);line-height:1.55;letter-spacing:normal;margin-top:20px}.irt-artwork{position:relative;min-width:0}.irt-art{position:absolute;height:auto;filter:drop-shadow(var(--irt-paper-shadow))}.irt-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible;stroke-linecap:round;stroke-linejoin:round}.irt-thread-shadow{stroke:#604630;stroke-width:4;opacity:.19;transform:translate(1px,2px);filter:blur(1px)}.irt-thread-base{stroke:var(--rt-red);stroke-width:2.6}.irt-thread-light{stroke:#de9e84;stroke-width:.7;transform:translate(-.4px,-.5px)}.irt-mobile-thread,.irt-step-icon{display:none}.irt-tools{margin-top:0;scroll-margin-top:32px}.irt-tools-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4cqw,52px)}.irt-tool{min-width:0}.irt-tool h2{margin:0 0 12px;color:var(--rt-blue);font:400 var(--rt-type-subsection)/1.2 var(--rt-font-heading);letter-spacing:-.02em}.irt-tool-wordmark{display:block;--irt-wordmark-height: 32px;width:calc(var(--irt-wordmark-height) * var(--irt-wordmark-width));max-width:100%}.irt-note-art{position:absolute;inset:0;display:block;overflow:hidden;z-index:0;pointer-events:none}.irt-moments-list li>span,.irt-moments-list li>p,.irt-steps li>.irt-step-number,.irt-steps li>div{position:relative;z-index:1}.irt-body .irt-note-art img{position:absolute;max-width:none;width:var(--irt-paper-width);height:var(--irt-paper-height);left:var(--irt-paper-left);top:var(--irt-paper-top)}.irt-tool p{max-width:34ch;font-size:var(--rt-type-body);line-height:1.55;letter-spacing:normal}.irt-frame{position:relative;aspect-ratio:var(--irt-ratio);overflow:hidden}.irt-frame img{position:absolute;max-width:none;width:var(--irt-image-width);left:var(--irt-image-left);top:var(--irt-image-top);height:auto;display:block}.irt-moments{display:grid;grid-template-columns:46.5% 50%;gap:3.5%;align-items:center;margin-top:5cqw}.irt-moments-copy{min-width:0;padding-top:1cqw}.irt-moments-list{list-style:none;margin:2.2cqw 0 0;padding:0;display:grid;gap:1.2cqw}.irt-moments-list li{position:relative;isolation:isolate;display:grid;grid-template-columns:6.5cqw 18.5cqw minmax(0,1fr);align-items:center;min-height:6.6cqw;padding:.5cqw 1.1cqw}.irt-moment-icon{width:3.9cqw;justify-self:center}.irt-event-name{display:flex;align-items:center;min-height:4cqw;border-left:1px solid rgb(12 21 47 / 45%);padding-left:1.2cqw;font:500 var(--rt-type-control)/1.4 var(--rt-font-sans);color:#123bc1}.irt-moments-list p{font-size:var(--rt-type-body);line-height:1.5;letter-spacing:normal;border-left:1px solid rgb(12 21 47 / 45%);padding:.5cqw 0 .5cqw 1.8cqw}.irt-moments-art{aspect-ratio:.95}.irt-moment-open{width:70%;right:0;top:0;transform:rotate(1deg)}.irt-moment-card{width:94%;left:0;bottom:1%;transform:rotate(3deg);z-index:1}.irt-setup{margin-top:7.2cqw;padding-bottom:7.5cqw}.irt-setup-copy{display:grid;grid-template-columns:50% 47%;gap:3%;align-items:end}.irt-setup .irt-intro{max-width:34ch;margin:0 0 1cqw}.irt-steps{margin:3cqw 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5cqw}.irt-steps li{position:relative;isolation:isolate;display:grid;grid-template-columns:4.5cqw minmax(0,1fr);gap:.6cqw;padding:1.8cqw 1cqw 1.5cqw;transform:rotate(-1.5deg)}.irt-step-paper{position:absolute;inset:0;display:block;overflow:hidden;z-index:0;pointer-events:none}.irt-body .irt-step-paper img{position:absolute;max-width:none;width:var(--irt-paper-width);height:var(--irt-paper-height);left:var(--irt-paper-left);top:var(--irt-paper-top)}.irt-steps li:nth-child(2){transform:rotate(-2deg)}.irt-steps li:nth-child(3){transform:rotate(1deg)}.irt-steps li:nth-child(4){transform:rotate(-2deg)}.irt-step-number{font-family:Integration Note,cursive;color:#e34720;font-size:4.1cqw;line-height:1;width:4.2cqw;height:5cqw;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;transform:rotate(10deg)}.irt-steps h3{font:400 var(--rt-type-subsection)/1.2 var(--rt-font-heading);color:#173ba1;padding-bottom:8px;border-bottom:1px solid #e34720;text-wrap:balance}.irt-steps p{color:#101327;font:400 var(--rt-type-body)/1.55 var(--rt-font-sans);margin-top:12px}@media(max-width:820px){.irt-body .rt-header{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding-block:16px 8px}.irt-body .rt-header nav{grid-row:2;grid-column:1 / -1;margin:0;justify-content:space-between;gap:12px}.irt-body .rt-header nav a{padding-block:14px}.irt-body .rt-header-action{min-height:44px}.irt-main-thread{display:none}.irt-page .irt-intro{margin-top:16px}.irt-content{padding-top:16px}.irt-tools{margin-top:0}.irt-tools-list{grid-template-columns:1fr;gap:28px}.irt-body .irt-note-art img{width:var(--irt-image-width);height:auto;left:var(--irt-image-left);top:var(--irt-image-top);filter:brightness(1.15) contrast(1.12)}.irt-moments{grid-template-columns:1fr;gap:32px;margin-top:56px}.irt-moments-copy{padding:0}.irt-moments .irt-intro{white-space:normal}.irt-moments-list{margin-top:24px;gap:12px}.irt-moments-list li{min-height:72px;grid-template-columns:36px minmax(0,1.12fr) minmax(0,1fr);padding:8px;background:url(/images/how-it-works-v2/paper.webp) center / 100% 100% no-repeat;filter:drop-shadow(var(--irt-paper-shadow))}.irt-moment-icon{display:none}.irt-event-art{position:relative;inset:auto;z-index:auto;width:28px;aspect-ratio:var(--irt-ratio);justify-self:center;mix-blend-mode:multiply}.irt-event-name{min-height:40px;padding-inline:8px}.irt-moments-list p{padding:4px 0 4px 12px}.irt-moments-art{width:96%;margin-inline:auto;aspect-ratio:1.05}.irt-moment-open{width:63%}.irt-moment-card{width:90%}.irt-setup{margin-top:48px;padding-bottom:64px}.irt-setup-copy{grid-template-columns:1fr;gap:0}.irt-setup .irt-intro{max-width:36ch;margin-bottom:0}.irt-steps{grid-template-columns:1fr;gap:24px;margin-top:28px}.irt-steps li{grid-template-columns:34px minmax(0,1fr);gap:7px;padding:16px 10px}.irt-step-number{width:32px;height:42px;font-size:34px}.irt-steps h3{padding-bottom:8px}.irt-steps p{margin-top:8px}.irt-body .rt-footer-inner{display:grid;grid-template-columns:1fr;gap:24px;padding-block:28px}.irt-body .rt-footer nav{flex-wrap:wrap;gap:16px 24px}}@media(max-width:380px){.irt-body .rt-header nav{gap:8px}}@media(max-width:800px){.irt-body .irt-content{width:calc(100% - 40px);max-width:560px;padding-top:32px}.irt-mobile-thread{display:block;position:absolute;fill:none;stroke:var(--rt-red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;pointer-events:none}.irt-mobile-thread path{vector-effect:non-scaling-stroke}.irt-tools{position:relative}.irt-tools-list{grid-template-columns:1fr;gap:32px}.irt-tool h2{margin-bottom:10px;font-size:22px;line-height:1.2}.irt-tool-wordmark{--irt-wordmark-height: 28px}.irt-tool p{max-width:36ch;font-size:17px;line-height:1.55}.irt-tools-thread{right:0;bottom:-68px;width:36px;height:58px}.irt-moments{position:relative;grid-template-columns:minmax(0,1fr);gap:0;margin-top:100px;isolation:isolate}.irt-moments-copy{display:contents}.irt-moments .irt-title{grid-row:1}.irt-section-title{max-width:21ch;font-size:32px;line-height:1.15;text-wrap:balance}.irt-moments .irt-intro{grid-row:2;max-width:34ch;margin-bottom:0}.irt-moments-list{grid-row:4;position:relative;z-index:1;margin:48px 0 0 24px;gap:30px}.irt-moments-list li{min-height:84px;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;padding:0;column-gap:16px;background:none;filter:none}.irt-event-art{grid-column:1;grid-row:1 / 3;width:46px;aspect-ratio:var(--irt-mobile-ratio);align-self:center;justify-self:center}.irt-body .irt-event-art img{width:var(--irt-mobile-image-width);height:auto;left:var(--irt-mobile-image-left);top:var(--irt-mobile-image-top);filter:none}.irt-event-name{grid-column:2;grid-row:1;align-self:end;display:block;min-height:0;padding:0 0 5px;border:0;font-size:17px;font-weight:600;line-height:1.35;color:var(--rt-blue)}.irt-moments-list p{grid-column:2;grid-row:2;align-self:start;padding:0;border:0;font-size:16px;line-height:1.5}.irt-moments-art{grid-row:3;z-index:1;width:100%;aspect-ratio:auto;margin:28px 0 0;padding-top:24%}.irt-moment-open{width:75%;right:2%;top:0;height:auto;transform:rotate(1deg)}.irt-moment-card{position:relative;width:100%;height:auto;left:auto;bottom:auto;transform:rotate(2deg)}.irt-moments-thread,.irt-setup-thread{inset:0;width:100%;height:100%;z-index:0}.irt-setup{position:relative;margin-top:72px;padding-bottom:64px}.irt-setup-copy{grid-template-columns:minmax(0,1fr)}.irt-setup .irt-title{max-width:22ch}.irt-setup .irt-intro{max-width:36ch}.irt-steps{position:relative;z-index:1;grid-template-columns:minmax(0,1fr);gap:54px;margin-top:62px;padding-bottom:28px}.irt-steps li,.irt-steps li:nth-child(n){grid-template-columns:44px minmax(0,1fr);gap:16px;padding:0;transform:none;align-items:start}.irt-step-paper{display:none}.irt-step-number{grid-column:1;grid-row:1;margin-top:24px;width:40px;height:48px;font-size:36px;border-width:1.5px;background:var(--rt-paper) url(/images/how-it-works-v2/paper-grain.webp) repeat}.irt-step-detail{grid-column:2;grid-row:1;min-width:0;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0}.irt-step-icon{display:block;flex:none;width:var(--irt-step-icon-width);margin-bottom:10px;mix-blend-mode:multiply}.irt-steps h3{padding:0;border:0;font-size:22px;line-height:1.2;text-wrap:pretty}.irt-steps p{margin-top:8px;font-size:16px;line-height:1.5}}@media(max-width:360px){.irt-moments-list li{grid-template-columns:44px minmax(0,1fr);column-gap:14px}.irt-event-art{width:40px}}.irt-tool[data-astro-cid-o5raffrq] .irt-access-note[data-astro-cid-o5raffrq]{margin-top:12px;font-size:15px}