.rt-close{--close-blue: #0648FF;--close-paper: #FFFCF5;position:relative;isolation:isolate;z-index:2;color:var(--close-paper);background:var(--close-blue) url(/images/how-it-works-v2/cobalt-grain.webp) repeat}.rt-close:before{content:"";position:absolute;inset:-16px 0 auto;height:18px;background:inherit;mask:url(/images/who-its-for/01_shared/torn_cobalt_paper_mat-optimized.webp) center top / 110% 380px no-repeat;pointer-events:none}.rt-close-inner{position:relative;container-type:inline-size;width:calc(100% - 80px);max-width:1280px;min-height:520px;margin-inline:auto;padding-block:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 112px;align-items:center}.rt-close-entry{position:absolute;top:-16px;left:50%;width:0;height:0;pointer-events:none}.rt-close-thread{position:absolute;top:-16px;left:0;width:100%;height:calc(100% + 16px);z-index:1;stroke:#ff5a3d;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.rt-close--thread-edge .rt-close-entry{left:calc(100% + 20px)}.rt-close--thread-edge .rt-close-thread{overflow:visible}.rt-close--thread-sweep .rt-close-entry{left:44%}.rt-close-title,.rt-close-body{position:relative;z-index:2;min-width:0}.red-thread-page .rt-close-title{color:var(--close-paper);font-size:var(--rt-type-section);line-height:1.15;letter-spacing:-.025em}.rt-close-title span{display:inline}.rt-close[data-rt-close-page=who] .rt-close-title{font-size:var(--rt-type-section)}.rt-close-body{display:grid;justify-items:start;gap:28px}.red-thread-page .rt-close-body p{max-width:55ch;margin:0;font-size:var(--rt-type-body);line-height:1.55;color:var(--close-paper)}.rt-close-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.red-thread-page .rt-close-action{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:16px 24px;border:1px solid var(--close-paper);font-size:var(--rt-type-control);line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none;transition:background-color .18s,color .18s}.red-thread-page .rt-close-action--primary{min-width:184px;color:#0c152f;background:var(--close-paper)}.red-thread-page .rt-close-action--sample{min-width:224px;color:var(--close-paper);background:transparent}.red-thread-page .rt-close-action--primary:hover{color:var(--close-paper);background:#0c152f;border-color:#0c152f}.red-thread-page .rt-close-action--sample:hover{color:#0c152f;background:var(--close-paper)}.red-thread-page .rt-close-action:focus-visible,.red-thread-page .rt-close-email:focus-visible{outline:3px solid var(--close-paper);outline-offset:6px}.red-thread-page .rt-close-email{color:var(--close-paper);font-size:var(--rt-type-control);line-height:1.55;text-underline-offset:5px}.rt-close--centered .rt-close-inner{grid-template-columns:1fr;align-content:center;justify-items:center;gap:24px;text-align:center}.rt-close--centered .rt-close-entry{left:92%}.rt-close--centered .rt-close-title{font-size:var(--rt-type-section)}.rt-close--centered .rt-close-body{max-width:760px;justify-items:center}.rt-close--centered .rt-close-body p{text-wrap:balance}.rt-close--centered .rt-close-actions{justify-content:center}@media(max-width:1100px)and (min-width:1001px){.rt-close-inner{column-gap:80px}.red-thread-page .rt-close-action{padding-inline:18px}.red-thread-page .rt-close-action--primary{min-width:164px}.red-thread-page .rt-close-action--sample{min-width:216px}}@media(max-width:1000px){.rt-close-inner{width:calc(100% - 40px);min-height:0;grid-template-columns:1fr;padding-block:64px 72px;gap:28px}.red-thread-page .rt-close-title,.rt-close[data-rt-close-page=who] .rt-close-title{font-size:var(--rt-type-section);max-width:20ch}.rt-close-thread,.lr-story .rt-thread,.wrt-thread,.irt-main-thread{display:none}.rt-close-body{gap:24px}.red-thread-page .rt-close-body p{font-size:var(--rt-type-body);max-width:52ch}.rt-close--centered .rt-close-inner{text-align:center}}@media(max-width:520px){.rt-close-inner{padding-block:56px 64px}.red-thread-page .rt-close-title,.rt-close[data-rt-close-page=who] .rt-close-title{font-size:var(--rt-type-section)}.rt-close-actions{display:grid;width:100%;grid-template-columns:1fr;gap:12px}.rt-close-body{width:100%}.red-thread-page .rt-close-action{min-width:0;width:100%;min-height:52px}.red-thread-page .rt-close-email{font-size:var(--rt-type-control)}}@media(prefers-reduced-motion:reduce){.red-thread-page .rt-close-action{transition:none}}.rt-close-mobile-thread{display:none}@media(max-width:800px){.red-thread-page .rt-close:is([data-rt-close-page=how],[data-rt-close-page=integrations],[data-rt-close-page=who]) .rt-close-inner{width:calc(100% - 48px);max-width:480px;min-height:0;padding-block:64px 72px;grid-template-columns:minmax(0,1fr);gap:24px;justify-items:center;text-align:center}.red-thread-page .rt-close:is([data-rt-close-page=how],[data-rt-close-page=integrations],[data-rt-close-page=who]) .rt-close-title{max-width:100%;font-family:var(--rt-font-heading);font-size:2.25rem;line-height:1.2;letter-spacing:0;text-wrap:balance}.red-thread-page .rt-close:is([data-rt-close-page=integrations],[data-rt-close-page=who]) .rt-close-body{justify-items:center}.red-thread-page .rt-close:is([data-rt-close-page=how],[data-rt-close-page=integrations],[data-rt-close-page=who]) .rt-close-body{width:100%;gap:24px}.red-thread-page .rt-close:is([data-rt-close-page=how],[data-rt-close-page=integrations],[data-rt-close-page=who]) .rt-close-actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}.red-thread-page .rt-close:is([data-rt-close-page=how],[data-rt-close-page=integrations],[data-rt-close-page=who]) .rt-close-action{min-width:0;width:100%;min-height:52px;padding:14px 16px}.red-thread-page .rt-close[data-rt-close-page=how] .rt-close-inner{justify-items:start;text-align:left}.red-thread-page .rt-close[data-rt-close-page=how] .rt-close-body{justify-items:start}.red-thread-page .rt-close[data-rt-close-page=how] .rt-close-action--sample{width:fit-content;padding-inline:0;justify-content:start;border-color:transparent;text-decoration:underline;text-underline-offset:5px}.red-thread-page .rt-close .rt-close-mobile-thread{display:block;position:absolute;inset:0 auto auto -24px;width:calc(100% + 48px);height:100%;overflow:visible;stroke:#ff5a3d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:1}}
