.compare-page{padding-bottom:0}.compare-hero{padding:clamp(3rem,8vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line)}.compare-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.compare-hero__copy .section-head .lead{max-width:36rem}.compare-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:1.75rem}.compare-hero .hero-mockup{aspect-ratio:2475 / 1659}.compare-page .trust-bento{margin-top:.5rem}.compare-paths{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,2vw,1.25rem);margin-top:.5rem}.compare-paths__or{display:none}.compare-path-card{position:relative;display:flex;flex-direction:column;gap:.65rem;min-height:100%;padding:1.35rem 1.5rem 1.5rem;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);transition:transform .2s ease,border-color .2s ease}.compare-path-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.compare-path-card--featured{isolation:isolate;border:none;background:var(--surface)}.compare-path-card--featured:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.25px;background:linear-gradient(to bottom right,oklch(96% .3 123),oklch(96% .3 123 / 0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:0}.compare-path-card--featured>*{position:relative;z-index:1}.compare-path-card--featured:hover{border-color:transparent}.compare-path-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.compare-path-card__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:.75rem;background:var(--bg);color:var(--text);flex-shrink:0}.compare-path-card__icon{font-size:1.35rem;line-height:1}.compare-path-card__persona{margin:0;font-family:var(--font-mono);font-size:calc(var(--text-xs) - .05rem);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.compare-path-card__category{margin:-.35rem 0 0;font-size:var(--text-xs);color:var(--muted);line-height:1.4}.compare-path-card__title{margin:0;font-family:Google Sans Text,ui-sans-serif,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:var(--text-base);line-height:1.25;color:var(--text)}.compare-path-card__body{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:.25rem 1rem 1rem;padding:.75rem 1rem}.compare-path-card__tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;min-height:2.5rem}.compare-path-card__tools--spacer{visibility:hidden;pointer-events:none}.compare-path-card__tool{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);transition:transform .15s ease,border-color .15s ease,background .15s ease}.compare-path-card__tool:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-2)}.compare-path-card__tool img{display:block;width:1.4rem;height:1.4rem;object-fit:contain}.compare-path-card__cta{margin-top:.5rem}@media(min-width:56.25em){.compare-hero__grid{align-items:end}.compare-paths{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.compare-paths__or{display:flex;align-items:center;justify-content:center;align-self:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-inline:.15rem}}@media(prefers-reduced-motion:reduce){.compare-path-card,.compare-path-card__tool{transition:none}.compare-path-card:hover,.compare-path-card__tool:hover{transform:none}}.compare-workhub-section{position:relative;overflow-x:visible}.compare-workhub__copy{display:grid;justify-items:start;align-self:center}.compare-workhub__copy h2{margin:0 0 .75rem}.compare-workhub__copy p{margin:0 0 1rem;color:var(--muted);font-size:var(--text-sm);line-height:1.65;max-width:36rem}.compare-workhub__copy .btn{margin-top:.25rem}.hero-mockup.hero-mockup--workhub{aspect-ratio:2475 / 1659}@media(min-width:56.25em){.compare-workhub-section .hero-grid{align-items:center}.compare-workhub-section .hero-mockup{align-self:center}}.compare-table-wrap{margin-top:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{width:100%;min-width:36rem;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);line-height:1.5}.compare-table__col--cap{width:42%}.compare-table__col--competitor,.compare-table__col--asana{width:28%}.compare-table__col--hookshot{width:30%}.compare-table thead th:not(.compare-table__head--featured){vertical-align:bottom;padding:0 .75rem 1rem;border:none;background:transparent}.compare-table__head--cap{padding-left:0;text-align:left}.compare-table__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compare-table__head--competitor,.compare-table__head--asana{text-align:center;padding-bottom:1.25rem}.compare-table__head--featured,.compare-table__data--featured{background:var(--surface-2);border-left:1px solid var(--line);border-right:1px solid var(--line);padding-inline:1.25rem}.compare-table__head--featured{vertical-align:top;padding-block:1.35rem 1.25rem;border-top:1px solid var(--line);border-radius:var(--r-3) var(--r-3) 0 0;box-shadow:0 .5rem 2rem oklch(from #000 l c h / .14)}.compare-table__featured-head{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.compare-table__brand{display:inline-flex;align-items:center;justify-content:center}.compare-table__brand img{display:block;width:auto;object-fit:contain}.compare-table__brand--competitor img,.compare-table__brand--asana img,.compare-table__brand--hookshot img{height:1.35rem;width:auto;max-width:min(100%,8.25rem)}.compare-table tbody th,.compare-table tbody td{padding:1.1rem .75rem;vertical-align:middle}.compare-table tbody th,.compare-table tbody td:not(.compare-table__data--featured){border:none}.compare-table tbody th{padding-left:0;padding-right:1.25rem;font-family:inherit;font-size:calc(var(--text-xs) - .12rem);font-weight:500;line-height:1.5;text-align:left;color:var(--muted);border-bottom:1px solid var(--line)}.compare-table tbody td.compare-table__data:not(.compare-table__data--featured){border-bottom:1px solid var(--line);background:transparent}.compare-table__data--featured{border-top:none;border-bottom:none;border-left:1px solid var(--line);border-right:1px solid var(--line)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td.compare-table__data:not(.compare-table__data--featured){border-bottom:none}.compare-table tbody tr:last-child .compare-table__data--featured{border-bottom:1px solid var(--line);border-radius:0 0 var(--r-3) var(--r-3);padding-bottom:1.5rem;box-shadow:0 1.25rem 2.5rem oklch(from #000 l c h / .12)}.compare-table tbody th.compare-table__cap{font-size:1em;font-weight:500}.compare-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;max-width:13rem;margin-inline:auto}.compare-cell__mark{display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;color:var(--text)}.compare-cell--yes .compare-cell__mark{color:var(--text)}.compare-cell--no .compare-cell__mark{color:var(--faint)}.compare-table__data--featured .compare-cell__mark{font-size:1.2rem}.compare-cell__text{font-family:var(--font-mono);font-size:calc(var(--text-xs) - .02rem);line-height:1.45;color:var(--muted)}.compare-cell--yes .compare-cell__text{color:var(--text)}.compare-table__note{margin:1.25rem 0 0;font-size:var(--text-xs);color:var(--faint);line-height:1.6;max-width:52rem}@media(max-width:56.25em){.compare-table{min-width:32rem}.compare-table__head--featured{padding-block:1rem 1rem}.compare-table__head--featured,.compare-table__data--featured{padding-inline:.85rem}.compare-cell{max-width:10rem}.compare-table tbody th,.compare-table tbody td{padding:.9rem .5rem}.compare-table tbody th{padding-left:0;font-size:calc(var(--text-xs) - .14rem)}}.compare-integrations{text-align:center;overflow:visible}.compare-integrations .section-head{display:flex;flex-direction:column;align-items:center}.compare-integrations .section-head .label{text-align:center}.compare-integrations .section-head h2{max-width:28ch;text-align:center;margin-inline:auto}.compare-integrations .lead{max-width:40rem;margin-inline:auto;text-align:center}.compare-integrations-hub{--hub-tile: clamp(4rem, 5.5vw, 4.75rem);--hub-icon: clamp(2.1rem, 2.8vw, 2.35rem);--hub-hover-pad: .75rem;--hub-tile-gap: clamp(.75rem, 1.2vw, 1rem);--hub-row-gap: calc((var(--hub-tile) + var(--hub-tile-gap)) / 2);--hub-marquee-span: calc(2 * var(--hub-row-gap) + var(--hub-tile) + 2 * var(--hub-hover-pad));--hub-circle: max(clamp(12rem, 20vw, 15.5rem), calc(var(--hub-marquee-span) + 1.75rem));--hub-mark: calc(var(--hub-circle) * .68);width:100vw;max-width:100vw;margin-top:2.25rem;margin-bottom:clamp(2rem,4vw,3rem);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:visible}.compare-integrations-hub__stage{position:relative;height:calc(max(var(--hub-circle),var(--hub-marquee-span)) + .5rem);margin-inline:auto;overflow:visible}.compare-integrations-hub__row{position:absolute;left:0;right:0;z-index:1;width:100%;overflow:visible;padding-block:var(--hub-hover-pad)}.compare-integrations-hub__row--top{top:calc(50% - var(--hub-row-gap));transform:translateY(-50%)}.compare-integrations-hub__row--bottom{top:calc(50% + var(--hub-row-gap));transform:translateY(-50%)}.compare-integrations-hub__mask{position:relative;overflow-x:clip;overflow-y:visible;padding-block:var(--hub-hover-pad);margin-block:calc(-1 * var(--hub-hover-pad));background:var(--bg)}.compare-integrations-hub__mask:before,.compare-integrations-hub__mask:after{content:"";position:absolute;top:0;bottom:0;width:clamp(2rem,5vw,4.5rem);z-index:2;pointer-events:none}.compare-integrations-hub__mask:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.compare-integrations-hub__mask:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.compare-integrations-hub__track{display:flex;align-items:center;width:max-content;will-change:transform;animation:compareHubMarquee 38s linear infinite}.compare-integrations-hub__group{display:flex;align-items:center;gap:var(--hub-tile-gap);flex-shrink:0;padding-right:var(--hub-tile-gap)}.compare-integrations-hub__track--reverse{animation-direction:reverse;animation-duration:44s}.compare-integrations-hub__track:has(.compare-integrations-hub__tile:hover){animation-play-state:paused}.compare-integrations-hub__center{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:var(--hub-circle);height:var(--hub-circle);transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--line-strong);background:var(--bg);box-shadow:0 0 32px 14px var(--bg),0 12px 40px oklch(from #000 l c h / .24)}.compare-integrations-hub__mark{display:flex;align-items:center;justify-content:center;width:var(--hub-mark);height:var(--hub-mark);flex-shrink:0}.compare-integrations-hub__mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.compare-integrations-hub__tile{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--hub-tile);height:var(--hub-tile);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:0 1px oklch(from #fff l c h / .04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.compare-integrations-hub__tile:hover{z-index:2;transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2);box-shadow:0 4px 14px oklch(from #000 l c h / .28),0 1px oklch(from #fff l c h / .06)}.compare-integrations-hub__tile img{display:block;width:var(--hub-icon);height:var(--hub-icon);object-fit:contain}.compare-integrations-hub__static{display:none;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;padding-inline:1rem}@keyframes compareHubMarquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-shift, 50%)))}}.compare-integrations__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-top:1.75rem}@media(max-width:56.25em){.compare-hero__grid{grid-template-columns:1fr}.compare-hero .hero-mockup{order:-1}.compare-paths{grid-template-columns:1fr}.compare-integrations-hub{--hub-tile: 3.5rem;--hub-icon: 1.85rem;--hub-hover-pad: .5rem}}@media(prefers-reduced-motion:reduce){.compare-integrations-hub__stage{display:none}.compare-integrations-hub__static{display:flex}}