/* Homepage: one complete demonstration, then useful routes into the product. */
.home-work-index{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding-block:70px 82px}
.home-work-index .eyebrow{margin-bottom:20px}.home-work-index h2{font-size:45px;line-height:1.1}
.home-work-index>div>.text-link{margin-top:24px}
.home-work-links{border-top:1px solid #cbd6c2}
.home-work-links>a{display:grid;grid-template-columns:100px 1fr 22px;align-items:center;gap:16px;border-bottom:1px solid #cbd6c2;padding:22px 0;text-decoration:none;min-height:94px}
.home-work-links>a>span:first-child{font-size:12px;color:#58714c}.home-work-links strong{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.025em}
.home-work-links>a>span:last-child{font-size:22px;color:#476c42}.home-work-links>a:hover strong{text-decoration:underline;text-underline-offset:5px}
.home-story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:86px;align-items:center}
.home-story-copy .eyebrow{margin-bottom:20px}.home-story-copy h2{font-size:clamp(36px,3.4vw,47px);line-height:1.1;letter-spacing:-.04em}
.home-story-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#526055;max-width:430px;margin-top:22px}
.home-story-copy>.text-link{margin-top:22px;font-size:14px}
.home-team-story{background:#203e34;padding-block:70px;color:#f7f8ef}
.home-team-story .eyebrow,.home-team-story .home-story-copy>p:not(.eyebrow){color:#d7e3cd}
.home-team-story .text-link{color:#e3edc3}
.home-team-conversation{border-radius:6px;background:#fffefb;color:#253d30;box-shadow:0 8px 0 -4px #c8cdb7;overflow:hidden}
.team-handover-route{display:flex;align-items:center;gap:14px;padding:21px 22px;background:#ede8d8;border-bottom:1px solid #d4d1bf}
.team-handover-route>div{display:flex;align-items:center;gap:9px;flex:none}
.team-handover-route>div>img{border-radius:50%;object-fit:cover;width:34px;height:34px}
.team-handover-route strong{display:block;font-size:14px;font-weight:560;line-height:1.4}
.team-handover-route small{display:block;font-size:12px;color:#526052;line-height:1.5}
.team-handover-line{display:flex;align-items:center;justify-content:center;flex:1;min-width:36px;position:relative;isolation:isolate}
.team-handover-line:before{content:'';height:1px;background:#a9b09c;position:absolute;left:0;right:0;z-index:-1}
.team-handover-line img{display:block;width:28px;height:28px;background:#ede8d8;border-radius:50%;box-shadow:0 0 0 7px #ede8d8}
.home-chat-label{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500;padding:18px 22px;border-bottom:1px solid #e0e5d8}
.home-chat-label>span{margin-left:auto;font-size:11px;font-weight:400;color:#65745a}
.home-team-conversation .mini-thread,.home-recurring-result .mini-thread{margin:0;padding:22px;background:none;border:0;box-shadow:none;border-radius:0;display:grid;gap:19px}
.home-team-conversation .chat-message,.home-recurring-result .chat-message{display:flex;align-items:flex-start;gap:11px}
.home-team-conversation .chat-message p,.home-recurring-result .chat-message p{font-size:14px;line-height:1.6;color:#364b3b}
.home-team-conversation .chat-avatar,.home-recurring-result .chat-avatar{width:34px;height:34px;flex:0 0 34px}
.home-team-conversation .cliff-avatar img,.home-recurring-result .cliff-avatar img{width:26px;height:26px}
.home-team-conversation .chat-meta,.home-recurring-result .chat-meta{margin-bottom:4px;font-size:12px}
.home-story-note{padding:0 22px 18px;font-size:10px;color:#68735e;line-height:1.6}
.home-recurring-story{padding-block:80px}
.home-recurring-result{background:#fffefb;border:1px solid #d7dfce;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px -28px #1f3b362e}
.home-week-result{margin-left:45px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;border-block:1px solid #e1e6da}
.home-week-result>span{font-size:12px;color:#5a6b50;line-height:1.5}.home-week-result strong{display:block;font-size:39px;line-height:1.1;color:#315b36;font-weight:500;margin-bottom:6px;letter-spacing:-.04em}
.home-next-check{display:flex;align-items:center;gap:8px;padding:13px 22px;background:#eef2e7;font-size:11px;color:#52634b;line-height:1.6}.home-next-check>span:last-child{margin-left:auto;font-size:10px}
.home-workspace-story{background:#edf0e6;padding-block:70px}
.home-workspace-layout{display:grid;gap:35px}.home-workspace-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.home-workspace-intro{max-width:430px}.home-workspace-intro>p{font-size:17px;line-height:1.6;color:#526055}.home-workspace-intro>.text-link{margin-top:17px;font-size:14px}
.home-workspace-image{display:block;text-decoration:none;min-width:0}.home-workspace-image picture{border:1px solid #d1daca;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 12px 30px -24px #1d382e45;aspect-ratio:1280/715}
.home-workspace-image picture{display:block}.home-workspace-image img{display:block;width:100%;height:auto}.home-workspace-image>span{display:flex;justify-content:space-between;padding:13px 0;font-size:12px;line-height:1.5;color:#53684c}
.home-workspace-image:hover picture{border-color:#8ca57b}.home-workspace-image:hover>span{text-decoration:underline;text-underline-offset:4px}.home-page .faq-section{padding-block:65px}.home-page .faq-section .text-link{font-size:13px;margin-top:23px}
@media(max-width:1050px){.home-work-index,.home-story-grid{gap:42px}.home-work-index h2{font-size:39px}.home-work-links>a{grid-template-columns:80px 1fr 18px;gap:10px}.home-work-links strong{font-size:18px}.home-story-copy>p:not(.eyebrow){font-size:16px}.home-workspace-heading{gap:35px}}
@media(max-width:760px){
 .home-work-index{grid-template-columns:1fr;gap:28px;padding-block:43px 46px}.home-work-index h2{font-size:35px}.home-work-index>div>.text-link{margin-top:15px}
 .home-work-links>a{grid-template-columns:76px 1fr 20px;gap:12px;min-height:83px;padding:17px 0}.home-work-links strong{font-size:17px}.home-work-links>a>span:first-child{font-size:11px}
 .home-story-grid{grid-template-columns:1fr;gap:29px}.home-workspace-heading{grid-template-columns:1fr;gap:20px}.home-workspace-layout{gap:26px}.home-workspace-intro>p{font-size:16px}.home-workspace-intro>.text-link{font-size:14px;margin-top:13px}
 .home-team-story,.home-workspace-story{padding-block:45px}.home-recurring-story{padding-block:48px}
 .home-story-copy h2{font-size:36px}.home-story-copy .eyebrow{margin-bottom:17px}.home-story-copy>p:not(.eyebrow){font-size:16px;margin-top:19px}.home-story-copy>.text-link{font-size:13px;margin-top:16px}
 .home-chat-label{padding:14px 16px;font-size:11px;gap:7px}.home-chat-label>span{font-size:10px}.home-chat-label img{width:20px;height:20px}
 .home-team-conversation .mini-thread,.home-recurring-result .mini-thread{padding:17px 16px;gap:17px}.home-team-conversation .chat-message,.home-recurring-result .chat-message{gap:9px}
 .home-story-note{padding:0 16px 15px}.home-week-result{margin-left:43px;gap:10px;padding-block:13px}.home-week-result strong{font-size:34px}.home-week-result>span{font-size:11px}
 .home-next-check{padding:12px 16px;font-size:10px;gap:6px}.home-next-check>span:last-child{font-size:9px}
 .home-workspace-image>span{font-size:12px;padding:12px 0}.home-page .faq-section{padding-block:45px}.home-page .faq-section h2{font-size:35px}
}
@media(max-width:380px){.home-work-links>a{grid-template-columns:65px 1fr 17px;gap:8px}.home-work-links strong{font-size:16px}.home-story-copy h2{font-size:33px}.home-chat-label>span{font-size:9px}.home-next-check{flex-wrap:wrap}}

@media(max-width:600px){.home-workspace-image{width:100%;max-width:430px;margin-inline:auto}.home-workspace-image picture{height:auto;aspect-ratio:390/620}.home-workspace-image img{width:100%;height:auto}}

@media(max-width:760px){
 .home-chat-label,.home-chat-label>span,.home-story-note,.home-next-check,
 .home-next-check>span:last-child{font-size:12px}
 .home-next-check{flex-wrap:wrap;gap:6px 10px}
}
@media(max-width:760px){
 .team-handover-route{padding:18px 16px;gap:10px}
 .team-handover-route>div{gap:7px}
 .team-handover-route small{font-size:12px}
 .home-work-links>a>span:first-child{font-size:12px}
}
@media(max-width:380px){
 .team-handover-route{gap:8px;padding-inline:13px}
 .team-handover-route>div>img{display:none}
}

/* Keep the connection proof legible between phone and full desktop widths. */
@media(min-width:761px) and (max-width:1000px){
 .home-page .app-proof{grid-template-columns:1fr;gap:22px;text-align:center}
 .home-page .app-proof-intro strong{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}
 .home-page .app-proof-logos{justify-content:center;gap:20px 28px;width:100%;max-width:520px;margin-inline:auto}
 .home-page .app-proof>.text-link{grid-column:1;justify-self:center;margin:0;min-height:44px}
}

/* Cliff's own editorial illustration connects the office and warehouse story. */
.home-page .home-team-story{background:#203e34;isolation:isolate}
.home-page .home-team-story .home-team-illustration{display:block;width:100%;height:auto;aspect-ratio:1860 / 846;object-fit:contain;margin:14px 0 -12px;mix-blend-mode:lighten}
@media(max-width:760px){
 .home-page .home-team-story .home-story-grid{row-gap:18px}
 .home-page .home-team-story .home-team-illustration{max-height:168px;margin-top:10px;margin-bottom:-12px}
}

/* Label the dashboard destination rather than leaving an isolated arrow. */
.home-workspace-image>span{align-items:center;flex-wrap:wrap;gap:4px 20px}
.home-workspace-image>span>span:last-child{display:inline-flex;align-items:center;gap:9px;min-height:32px;font-weight:550}