.full-site .integration-page .integration-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 100%,#f3e1d37d,transparent 52%),radial-gradient(ellipse at 35% 95%,#e1d6f1ad,transparent 50%),var(--brand-cream)}.full-site .integration-page .integration-hero-inner{max-width:1280px;padding-top:24px;padding-bottom:0}.full-site .integration-page .integration-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,1fr);align-items:center;gap:48px;min-height:460px;margin-top:12px}.full-site .integration-page .integration-hero-copy{min-width:0;padding:32px 0 70px;text-align:left;max-width:600px;margin:0}.integration-page .integration-hero-app-mark{display:flex;align-items:center;height:34px;margin-bottom:18px}.full-site .integration-page .integration-hero-app-mark .app-icon{position:static;display:block;width:34px;height:34px;margin:0;padding:0;object-fit:contain;object-position:left center;border:0;border-radius:0;filter:none}.full-site .integration-page .integration-hero-copy h1{margin:0 auto;font-size:clamp(48px,5vw,68px);line-height:1.06;letter-spacing:-.05em}.full-site .integration-page .integration-hero-copy h1 .headline-accent{color:var(--brand-violet);background:none;-webkit-text-fill-color:currentColor}.full-site .integration-page .integration-hero-description{max-width:560px;margin:22px 0 26px;font-size:18px;line-height:1.65;text-wrap:balance}.integration-page .integration-hero .cta-row{justify-content:flex-start}.full-site .integration-page .hero-copy .integration-free{font-size:13px;line-height:1.5;color:var(--ref-muted);margin:13px 0 0}.integration-page .integration-hero-graphic{--hero-app-size:150px;--hero-slack-size:126px;--hero-app-logo:88px;--hero-slack-logo:66px;--hero-app-offset:246px;--hero-slack-offset:236px;--hero-app-y:112px;--hero-slack-y:136px;position:relative;width:min(720px,100%);height:382px;margin:0;align-self:end}.integration-page .integration-hero-person{position:absolute;z-index:2;height:408px;width:auto;max-width:none;bottom:-24px;left:50%;transform:translateX(-50%);object-fit:contain}.integration-page .integration-hero-app-tile{position:absolute;display:grid;place-items:center;top:var(--hero-app-y);width:var(--hero-app-size);height:var(--hero-app-size);border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#ffffffdc,#ffffff65);box-shadow:0 17px 40px -22px #6c537544,inset 0 0 0 4px #ffffff3d}.integration-page .integration-hero-app-tile.is-slack{top:var(--hero-slack-y);right:calc(50% - var(--hero-slack-offset));width:var(--hero-slack-size);height:var(--hero-slack-size);transform:rotate(8deg)}.integration-page .integration-hero-app-tile.is-integration{left:calc(50% - var(--hero-app-offset));transform:rotate(-8deg)}.full-site .integration-page .integration-hero-app-tile .app-icon{width:var(--hero-app-logo);height:var(--hero-app-logo);object-fit:contain;border:0;border-radius:0;filter:none}.full-site .integration-page .integration-hero-app-tile.is-slack .app-icon{width:var(--hero-slack-logo);height:var(--hero-slack-logo)}.full-site .integration-page .customer-logo-section{padding:30px 24px 46px;background:var(--brand-cream)}.full-site .integration-page .integration-work{background:#f0ede8}.full-site .integration-page .employee-features>.content-section,.full-site .integration-page .hiring-section>.content-section,.full-site .integration-page .integration-work>.content-section{max-width:1200px;padding-block:80px}.full-site main.integration-page.homepage-renewal .section-heading>h2{font:350 clamp(34px,3.8vw,50px)/1.12 var(--font-heading);letter-spacing:-.045em}.full-site .integration-page .integration-work-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px}.full-site .integration-page .integration-work .section-heading{margin:0;text-align:left;max-width:440px}.integration-page .integration-work-copy{min-width:0}.integration-page .integration-work-copy>.integration-work-button{margin-top:26px}.integration-page .integration-setup-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:40px}.integration-page .integration-setup-actions .cta-row{margin:0}.integration-page #getting-started{scroll-margin-top:100px}.full-site .integration-page .integration-work .section-heading>p{max-width:390px;margin:24px 0 0;font:400 16px/1.7 Helvetica Now Text,Arial,sans-serif;color:var(--ref-muted);text-wrap:pretty}@media (max-width:1100px){.full-site .integration-page .integration-hero-layout{display:flex;flex-direction:column;gap:0;min-height:0;margin-top:32px}.full-site .integration-page .integration-hero-copy{padding:0;max-width:860px;margin-inline:auto;text-align:center}.full-site .integration-page .integration-hero-description{margin-inline:auto;max-width:700px}.integration-page .integration-hero .cta-row,.integration-page .integration-hero-app-mark{justify-content:center}.integration-page .integration-hero-graphic{margin:32px auto 0;align-self:center}}@media (max-width:900px){.full-site .integration-page .integration-work-layout{grid-template-columns:1fr;gap:36px}.full-site .integration-page .integration-work .section-heading{max-width:560px;margin-inline:auto;text-align:center}.integration-page .integration-work-copy{text-align:center}.full-site .integration-page .integration-work .section-heading>p{margin-inline:auto;max-width:500px}.integration-page .integration-outcome-scene{max-width:460px;margin-inline:auto}}.full-site .integration-page .employee-features{border:0}.full-site .integration-page .apps-strip,.full-site .integration-page .customer-stories{padding-block:80px}.full-site main.integration-page.homepage-renewal .integration-faq-section{background:var(--brand-cream,#fcfaf7)}.full-site .integration-page .integration-faq{max-width:880px;padding-block:80px}.integration-page .integration-faq .section-heading{margin-bottom:36px}.full-site .integration-page .aurora-faq{display:flex;gap:0;max-width:none;border-top:1px solid #ded7e3}.full-site .integration-page .aurora-faq>[data-slot=accordion-item]{background:transparent;border:0;border-bottom:1px solid #ded7e3;border-radius:0;box-shadow:none}.full-site .integration-page .aurora-faq [data-slot=accordion-trigger]{padding:24px 0!important;border:0;border-radius:0;color:var(--brand-ink)!important;font:400 16px/1.55 Helvetica Now Text,Arial,sans-serif!important;letter-spacing:-.01em;text-decoration:none;align-items:center;gap:24px;background:transparent}.full-site .integration-page .aurora-faq [data-slot=accordion-trigger]:hover{color:var(--brand-violet)!important;background:transparent}.full-site .integration-page .aurora-faq [data-slot=accordion-trigger]:focus-visible{outline:2px solid var(--brand-violet);outline-offset:5px}.full-site .integration-page .aurora-faq [data-slot=accordion-trigger]>svg{width:18px;height:18px;color:#8a789b}.full-site .integration-page .aurora-faq [data-slot=accordion-content]{padding:0!important;color:var(--ref-muted)!important}.full-site .integration-page .aurora-faq [data-slot=accordion-content] p{margin:0;padding:0 40px 24px 0;font:400 15px/1.65 Helvetica Now Text,Arial,sans-serif}@media (max-width:700px){.full-site .integration-page .integration-hero-inner{padding-top:22px}.full-site .integration-page .integration-hero-layout{margin-top:32px}.full-site .integration-page .integration-hero-copy h1{font-size:clamp(40px,9vw,58px)}.full-site .integration-page .integration-hero-description{margin:20px auto 24px;font-size:16px}.integration-page .integration-hero-graphic{height:252px;--hero-app-size:100px;--hero-slack-size:84px;--hero-app-logo:56px;--hero-slack-logo:44px;--hero-app-offset:163px;--hero-slack-offset:153px;--hero-app-y:90px;--hero-slack-y:104px;width:calc(100% + 40px);margin:28px -20px 0}.integration-page .integration-hero-person{height:275px;bottom:-23px}.integration-page .integration-hero-app-tile{border-radius:21px}.full-site .integration-page .apps-strip,.full-site .integration-page .customer-stories,.full-site .integration-page .employee-features>.content-section,.full-site .integration-page .hiring-section>.content-section,.full-site .integration-page .integration-faq,.full-site .integration-page .integration-work>.content-section{padding-block:54px}.full-site .integration-page .aurora-faq [data-slot=accordion-trigger]{padding:21px 0!important;font-size:16px!important;gap:18px}.full-site .integration-page .aurora-faq [data-slot=accordion-content] p{padding-right:18px}}@media (max-width:360px){.integration-page .integration-hero-graphic{--hero-app-size:86px;--hero-slack-size:72px;--hero-app-logo:49px;--hero-slack-logo:39px;--hero-app-offset:141px;--hero-slack-offset:134px}}.hs-integration-work,.integration-page{--integration-app-soft:color-mix(in srgb,var(--integration-app-accent,#86818a) 9%,white);--integration-app-line:color-mix(in srgb,var(--integration-app-accent,#86818a) 22%,white);--integration-app-ink:color-mix(in srgb,var(--integration-app-accent,#86818a) 40%,#34303a);--integration-app-skeleton:color-mix(in srgb,var(--integration-app-accent,#86818a) 6%,#f1f0ef);--integration-app-shimmer:color-mix(in srgb,var(--integration-app-accent,#86818a) 17%,white)}.full-site .integration-page .integration-hero-copy h1{white-space:nowrap}.full-site main.integration-page.homepage-renewal .section-heading>h2{white-space:normal}.full-site .integration-page .hero-copy h1 .integration-role-line,.full-site .integration-page .hero-copy h1 .integration-role-window{background:none}.full-site .integration-page .hero-copy h1 .integration-role-line{display:flex;align-items:flex-start;gap:.18em;width:max-content;max-width:100%;white-space:nowrap;line-height:1.16}.integration-role-static,.integration-role-window{height:1.16em;line-height:1.16}.integration-role-window{display:inline-grid;text-align:left;perspective:700px}.full-site main.integration-page.homepage-renewal .hero-copy h1 [data-headline-face]{color:var(--headline-ink);--headline-face-paint:radial-gradient(ellipse 2.6em .85em at var(--headline-local-x,50%) var(--headline-local-y,50%),color-mix(in srgb,var(--headline-gradient-peak) calc(var(--headline-intensity, 0) * 100%),var(--headline-ink)) 0%,color-mix(in srgb,var(--headline-gradient-end) calc(var(--headline-intensity, 0) * 100%),var(--headline-ink)) 42%,var(--headline-ink) 100%);background:var(--headline-face-paint);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:1100px){.full-site .integration-page .hero-copy h1 .integration-role-line{margin-inline:auto}}.integration-role-word{grid-area:1/1;display:block;height:1.16em;line-height:1.16;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50% -.28em;animation:integration-role-employee 8s cubic-bezier(.65,0,.35,1) infinite paused}.integration-role-word.is-artisan{opacity:0;transform:rotateX(-90deg);animation-name:integration-role-artisan}.integration-role-line[data-motion=running] .integration-role-word{animation-play-state:running}@keyframes integration-role-employee{0%,42%{transform:rotateX(0);opacity:1}50%{transform:rotateX(90deg);opacity:0}51%,92%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes integration-role-artisan{0%,42%{transform:rotateX(-90deg);opacity:0}50%,92%{transform:rotateX(0);opacity:1}to{transform:rotateX(90deg);opacity:0}}@media (prefers-reduced-motion:reduce){.integration-role-word{animation:none}.integration-role-word.is-employee{opacity:1;transform:none}.integration-role-word.is-artisan{opacity:0}}.full-site .integration-page .integration-hero-description{white-space:normal;text-wrap:pretty}.full-site .integration-page .integration-work .section-heading>p{min-height:6.8em}.full-site .integration-page .io-document-source .app-icon[data-logo-kind=wordmark],.full-site .integration-page .io-employee .app-icon[data-logo-kind=wordmark],.full-site .integration-page .iw-platform-brand .app-icon[data-logo-kind=wordmark]{width:46px;height:22px;flex:none}.full-site .integration-page .integration-hero-app-mark .app-icon[data-logo-kind=wordmark]{width:68px;height:34px}.full-site .integration-page .iw-row-tool:has(.app-icon[data-logo-kind=wordmark]){width:32px}.full-site .integration-page .hs-assign .app-icon[data-logo-kind=wordmark],.full-site .integration-page .iw-row-tool .app-icon[data-logo-kind=wordmark]{width:32px;height:18px;object-fit:contain}.full-site .integration-page .integration-hero-copy{width:100%}.full-site .integration-page .integration-hero-layout>*{min-width:0}.full-site main.integration-page.homepage-renewal .hiring-section{background:#f0ede8}.full-site .integration-page .integration-work{background:#f0ebf7}.full-site .integration-page .hero-copy h1,.full-site .integration-page .hero-copy h1 .integration-role-line,.full-site .integration-page .hero-copy h1 .integration-role-window{background:none!important}.full-site main.integration-page.homepage-renewal .hero-copy h1 .integration-role-accent{background-image:linear-gradient(105deg,color-mix(in srgb,var(--headline-gradient-start) calc((1 - var(--headline-intensity, 0)) * 100%),transparent) 8%,color-mix(in srgb,var(--headline-gradient-peak) calc((1 - var(--headline-intensity, 0)) * 100%),transparent) 47%,color-mix(in srgb,var(--headline-gradient-end) calc((1 - var(--headline-intensity, 0)) * 100%),transparent) 85%),var(--headline-face-paint)}.full-site .integration-page .integration-work .section-heading>h2{font:350 clamp(34px,3.8vw,50px)/1.12 var(--font-heading);letter-spacing:-.045em}