.sec.tt-hero{padding-top:72px;padding-bottom:120px;overflow-x:clip}.tt-hero .hero-head-lede{max-width:680px}.tt-hero-actions{justify-content:center;align-items:center;gap:var(--sp-8) var(--sp-32);flex-wrap:wrap;display:flex}.tt-partners{margin:var(--sp-16) 0 0;color:var(--c-ink-faint);font-size:var(--t-label);line-height:1.3}.tt-stage{--card:620px;--tt-ease:cubic-bezier(.16, 1, .3, 1);--dots-inset:-72px calc(50% - 660px) -88px;--dots-color:#1f1d1b26;--dots-mask:radial-gradient(ellipse 50% 50% at 50% 50%, #000 32%, transparent 100%);justify-content:center;margin-top:28px;display:flex}.tt-stage:after{content:"";z-index:0;filter:blur(24px);pointer-events:none;background:radial-gradient(closest-side at 38% 46%,#1ea7f32b,#1ea7f300),radial-gradient(closest-side at 64% 58%,#9682f026,#9682f000);border-radius:50%;width:min(980px,130%);height:150%;position:absolute;top:54%;left:50%;translate:-50% -50%}.tt-stage>.tt-answer{z-index:2;width:min(var(--card), 100%);position:relative}.tt-hero .ta-stack{margin-top:18px}.tt-hero .ta-foot{margin-top:16px;padding-top:16px}@media (min-width:735px){.tt-hero .ta-card{padding-block:28px 24px}}.tt-apps{pointer-events:none;position:absolute;inset:0}.tt-app{left:var(--x);top:var(--y);z-index:3;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);position:absolute}.tt-app[data-n]{--s:88px;--lift:0 2px 4px #1f1d1b0d, 0 30px 46px -22px #1f1d1b5c}.tt-app:not([data-n]){--s:60px;--lift:0 1px 2px #1f1d1b0d, 0 14px 24px -14px #1f1d1b42}.tt-app-in{width:100%;height:100%;transition:opacity .32s var(--tt-ease), transform .42s var(--tt-ease), filter .32s var(--tt-ease);display:block;position:relative}.tt-app-in:before{content:"";opacity:0;transition:opacity .24s var(--tt-ease);border-radius:23%;position:absolute;inset:0;box-shadow:0 0 0 4px #1ea7f32e,0 0 40px #1ea7f36b}.tt-app-tile{background:var(--c-white);width:100%;height:100%;box-shadow:var(--lift);transition:transform .26s var(--tt-ease);border-radius:23%;place-items:center;display:grid;position:relative;overflow:hidden}.tt-app-tile img,.tt-app-tile .connector-logo-icon{width:52%;height:52%;display:block}.tt-app-tile[data-cover] img{object-fit:cover;width:100%;height:100%}.tt-app-badge{border-radius:var(--r-pill);background:var(--c-ink);min-width:28px;height:28px;color:var(--c-white);font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--c-white);transition:opacity .24s var(--tt-ease), transform .32s var(--tt-ease);place-items:center;padding-inline:8px;font-size:14px;font-weight:600;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.tt-beams{z-index:1;pointer-events:none;transition:opacity .26s var(--tt-ease);position:absolute;top:0;left:0;overflow:visible}.tt-beam path{fill:none;stroke:var(--c-sky);stroke-linecap:round;stroke-dasharray:1 1}.tt-beam-line{stroke-width:1.75px;stroke-opacity:.8;transition:stroke-opacity .2s var(--tt-ease), stroke-width .2s var(--tt-ease)}.tt-beam-glow{stroke-width:8px;stroke-opacity:.13}.tt-beam .tt-beam-head{stroke-width:5px;stroke-opacity:.9;stroke-dasharray:.12 1.12;opacity:0}:is(.tt-stage:has(.ta-chip[data-n="1"]:hover) .tt-app[data-n="1"] .tt-app-tile,.tt-stage:has(.ta-chip[data-n="2"]:hover) .tt-app[data-n="2"] .tt-app-tile){transform:translateY(-3px)}.tt-stage:has(.ta-chip[data-n="1"]:hover) .tt-app[data-n="1"] .tt-app-in:before{opacity:.8}.tt-stage:has(.ta-chip[data-n="2"]:hover) .tt-app[data-n="2"] .tt-app-in:before{opacity:.8}:is(.tt-stage:has(.ta-chip[data-n="1"]:hover) .tt-beam[data-n="1"] .tt-beam-line,.tt-stage:has(.ta-chip[data-n="2"]:hover) .tt-beam[data-n="2"] .tt-beam-line){stroke-opacity:1;stroke-width:2.5px}.tt-stage:has(.ta[data-view=restricted]) .tt-beams{opacity:0}.tt-stage:has(.ta[data-view=restricted]) .tt-app[data-n] .tt-app-in{opacity:.42;filter:saturate(.3);transform:scale(.88)}.tt-stage:has(.ta[data-view=restricted]) .tt-app-badge{opacity:0;transform:scale(.5)}.tt-app[data-app=google-drive]{--x:calc(50% - var(--card) / 2 - 150px);--y:112px}.tt-app[data-app=google-mail]{--x:calc(50% - var(--card) / 2 - 74px);--y:304px}.tt-app[data-app=notion]{--x:calc(50% + var(--card) / 2 + 70px);--y:62px}.tt-app[data-app=copper]{--x:calc(50% + var(--card) / 2 + 150px);--y:270px}@media (prefers-reduced-motion:no-preference){[data-js] .tt-stage:has(.ta[data-play=wait]) .tt-beam :is(.tt-beam-line,.tt-beam-glow){stroke-dashoffset:1px}[data-js] .tt-stage:has(.ta[data-play=wait]) .tt-app-badge{opacity:0}.tt-stage:has(.ta[data-play=go]) .tt-beam :is(.tt-beam-line,.tt-beam-glow){animation:tt-draw .62s cubic-bezier(.45, 0, .2, 1) calc(var(--at,0) * 1ms) backwards}.tt-stage:has(.ta[data-play=go]) .tt-beam-head{animation:tt-head .62s cubic-bezier(.45, 0, .2, 1) calc(var(--at,0) * 1ms) forwards}.tt-stage:has(.ta[data-play=go]) .tt-app[data-n] .tt-app-in:before{animation:tt-app-glow 1.6s ease calc(var(--at,0) * 1ms) backwards}.tt-stage:has(.ta[data-play=go]) .tt-app[data-n] .tt-app-tile{animation:tt-app-lift 1.6s var(--tt-ease) calc(var(--at,0) * 1ms) backwards}.tt-stage:has(.ta[data-play=go]) .tt-app-badge{animation:tt-badge .42s var(--tt-ease) calc(var(--at,0) * 1ms) backwards}}@keyframes tt-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tt-head{0%{stroke-dashoffset:.12px;opacity:1}80%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes tt-app-glow{0%,to{opacity:0}14%,60%{opacity:1}}@keyframes tt-app-lift{0%,to{transform:none}14%,60%{transform:translateY(-4px)}}@keyframes tt-badge{0%{opacity:0;transform:scale(.4)}}@media (max-width:1067px){.sec.tt-hero{padding-top:56px;padding-bottom:104px}.tt-stage{--card:min(560px, 100% - 192px);margin-top:48px}.tt-app[data-n]{--s:74px}.tt-app:not([data-n]){--s:52px}.tt-app[data-app=google-drive]{--x:max(calc(var(--s) / 2 + 12px - var(--space-gutter)), calc(50% - var(--card) / 2 - 104px));--y:108px}.tt-app[data-app=google-mail]{--x:calc(50% - var(--card) / 2 - 52px);--y:318px}.tt-app[data-app=notion]{--x:calc(50% + var(--card) / 2 + 50px)}.tt-app[data-app=copper]{--x:min(calc(100% + var(--space-gutter) - var(--s) / 2 - 20px), calc(50% + var(--card) / 2 + 104px));--y:276px}}@media (max-width:734px){.sec.tt-hero{padding-top:40px;padding-bottom:80px}.tt-hero-actions{gap:var(--sp-4) var(--sp-24)}.tt-stage{--card:100%;--dots-inset:-24px -20px -16px;--dots-mask:radial-gradient(ellipse 60% 50% at 50% 50%, #000 30%, transparent 100%);margin-top:32px;padding-block:40px 76px}.tt-beams{display:none}.tt-app[data-n]{--s:60px}.tt-app:not([data-n]){--s:46px}.tt-app-badge{min-width:26px;height:26px;top:-6px;right:-6px}.tt-app[data-app=notion]{--x:62%;--y:30px}.tt-app[data-app=google-drive]{--x:84%;--y:34px}.tt-app[data-app=google-mail]{--x:18%;--y:calc(100% - 38px)}.tt-app[data-app=copper]{--x:40%;--y:calc(100% - 42px)}}@media (prefers-reduced-motion:reduce){.tt-app-in,.tt-app-in:before,.tt-app-tile,.tt-app-badge,.tt-beams,.tt-beam-line{transition:none}}
.tt-people-stage{--stage-pad:44px;--stage-radius:var(--r-tile);--tt-ease:cubic-bezier(.16, 1, .3, 1)}.tt-people-grid{gap:var(--sp-16);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.tt-person{background:var(--c-white);min-width:0;color:var(--c-ink);box-shadow:0 1px 2px #1f1d1b0f, 0 22px 48px -22px var(--stage-shade);border-radius:20px;flex-direction:column;gap:16px;padding:20px 20px 18px 22px;display:flex}.tt-person-who{align-items:center;gap:14px;min-width:0;display:flex}.tt-person-id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tt-person-id b{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.3}.tt-person-id span{color:var(--c-ink-faint);font-size:15px;line-height:1.3}.tt-person-face{flex:none;place-items:center;width:44px;height:44px;margin-right:-4px;display:grid}.tt-person-work{border-top:1px solid var(--c-hairline);align-items:center;gap:10px;min-width:0;padding-top:16px;display:flex}.tt-person-mark{flex:none;width:20px;height:20px;position:relative}.tt-person-mark svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;position:absolute;inset:0}.tt-person-spin{stroke:var(--c-sky);stroke-width:2px;stroke-dasharray:30 50;opacity:0;transition:opacity .2s}.tt-person-check{background:var(--c-sky);stroke:var(--c-white);stroke-width:2px;border-radius:50%;transition:opacity .24s,transform .42s cubic-bezier(.34,1.4,.64,1)}.tt-person-check path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .32s cubic-bezier(.65,0,.35,1) .12s}.tt-person-lines{flex:1;min-width:0;display:grid}.tt-person-lines>span{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;font-size:16px;line-height:1.35;overflow:hidden}.tt-person-doing{color:var(--c-ink-faint);opacity:0;transition:opacity .14s}.tt-person-did{transition:opacity .3s ease .12s, transform .42s var(--tt-ease) .12s}@media (prefers-reduced-motion:no-preference){.tt-person[data-card=working] .tt-person-spin{opacity:1;animation:.9s linear infinite tt-spin}.tt-person[data-card=working] .tt-person-check{opacity:0;transform:scale(.5)}.tt-person[data-card=working] .tt-person-check path{stroke-dashoffset:1px}.tt-person[data-card=working] .tt-person-doing{opacity:1}.tt-person[data-card=working] .tt-person-did{opacity:0;transform:translateY(6px)}}@keyframes tt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tt-person-spin,.tt-person-check,.tt-person-check path,.tt-person-doing,.tt-person-did{transition:none}}@media (max-width:1067px){.tt-people-stage{--stage-pad:28px}.tt-people-grid{gap:var(--sp-12);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:734px){.tt-people-stage{--stage-pad:14px 12px;--stage-radius:20px}.tt-people-grid{grid-template-columns:minmax(0,1fr);gap:10px}.tt-person{border-radius:16px;gap:12px;padding:14px 14px 14px 16px}.tt-person .tt-mono{width:38px;height:38px;font-size:14px}.tt-person-who{gap:12px}.tt-person-id b{font-size:16px}.tt-person-id span{font-size:14px}.tt-person-work{padding-top:12px}.tt-person-lines>span{font-size:15px}}