/* People and the tools that bring them together. */
.crew-photo{margin:0;min-width:0;overflow:hidden;border-radius:24px;background:#eaf4ef}
.crew-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.crew-photo figcaption{padding:16px 22px;font-size:14px;line-height:1.5;color:#42615d;background:#edf6f2}
.crew-story{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);padding-top:66px;padding-bottom:66px}
.crew-story-copy{max-width:480px}
.crew-story-copy h2{margin:18px 0 22px;font-size:clamp(32px,3.6vw,48px);line-height:1.14;letter-spacing:-1.8px}
.crew-story-copy p{font-size:18px;line-height:1.7;color:var(--muted)}
.crew-story-copy .text-link{margin-top:16px}
.crew-story-reverse .crew-photo{order:2}
.crew-story-reverse .crew-story-copy{order:1}
.crew-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:clamp(30px,4.2vw,72px);text-align:left!important}
.crew-hero-grid .crew-hero-copy{min-width:0}
.editorial-hero.crew-hero-grid{max-width:1280px}
.crew-hero-copy>.eyebrow{display:block;margin:18px 0}
.crew-hero-copy>p{color:var(--muted);font-size:18px;line-height:1.75;margin-bottom:27px}
.crew-hero-copy>p br{display:none}
.crew-hero-grid h1{font-size:clamp(40px,4.2vw,62px);margin-left:0;margin-right:0}
.crew-hero-grid p{margin-left:0!important;margin-right:0!important}
.crew-hero-grid .features-actions,.crew-hero-grid .feature-jump-links{justify-content:flex-start}
.crew-hero-grid .crew-photo{box-shadow:0 24px 65px -38px #275d5059;transform:rotate(1deg)}
.crew-hero-grid .crew-photo img{aspect-ratio:3/2;object-position:50% 35%}
.crew-inline-photo{margin-top:30px}
.crew-inline-photo img{aspect-ratio:1.8}
.pricing-core .crew-inline-photo{max-width:600px}
.pricing-core{align-items:center}
.pricing-core .crew-inline-photo img{aspect-ratio:1.65}
.crew-home-story{padding-top:65px;padding-bottom:5px}
.crew-features-story{padding-top:0;padding-bottom:80px}
.crew-why-story{padding-top:0;padding-bottom:90px}

/* App names stay live text; the network is decorative, not a live status. */
.crew-connections{margin:0;position:relative;min-width:0}
.crew-network{position:relative;width:100%;aspect-ratio:1.12;border-radius:32px;background:radial-gradient(ellipse at 52% 50%,#cef1e5 0,transparent 58%),linear-gradient(135deg,#f3f8f5,#f7fafb);overflow:hidden;border:1px solid #e4efea}
.crew-network::before,.crew-network::after{content:"";position:absolute;border:1px dashed #b9d8ce;border-radius:50%;width:70%;height:70%;left:15%;top:15%;transform:rotate(-15deg)}
.crew-network::after{width:95%;height:95%;left:2.5%;top:2.5%;opacity:.55}
.crew-network-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.crew-network-lines path{fill:none;stroke:#70b3a3;stroke-width:2;stroke-dasharray:5 7}
.crew-network-lines circle{fill:#f8fffb;stroke:#208e7d;stroke-width:2}
.crew-app{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:24%;height:22%;border:1px solid #e3eae7;border-radius:20px;background:#fff;box-shadow:0 12px 24px -16px #244a4566;font-size:15px;font-weight:700;color:#213d3c;line-height:1.15}
.crew-app small{font-size:10px;color:#758b86;font-weight:500}
.crew-app svg{width:35px;height:35px}
.crew-app-gusto{left:5%;top:39%}
.crew-app-gusto .gusto-wordmark{font-size:28px;letter-spacing:-1.8px;color:#f45d48;font-weight:800}
.crew-app-core{left:36%;top:37%;width:29%;height:26%;background:#123e3b;color:white;border-color:#123e3b;box-shadow:0 12px 32px -10px #166b6366;font-size:20px}
.crew-app-core small{color:#d2eae1;font-size:11px}
.crew-app-core .steps{transform:scale(1.1);height:28px}
.crew-app-gmail{right:5%;top:39%}
.crew-app-calendar{left:27%;top:6%;width:25%}
.crew-app-drive{left:44%;bottom:6%;width:26%}
.crew-network-label{position:absolute;right:6%;top:11%;font-size:10px;font-weight:700;line-height:1.8;text-transform:uppercase;letter-spacing:1.5px;color:#5c8178}
.crew-connections figcaption{text-align:center;font-size:12px;color:#62776e;line-height:1.6;margin:17px 16px 0}
.crew-connections figcaption strong{display:block;color:#226a60;font-size:13px;margin-bottom:4px}
.crew-app-core{gap:6px}
.crew-app-core small{white-space:nowrap}
.crew-app-core .steps{flex-shrink:0}
.crew-integration-hero .roadmap-note{margin-top:25px}
.crew-integration-hero h1{font-size:clamp(40px,4.15vw,61px)}
@media(max-width:1050px){.crew-hero-grid{gap:32px}.crew-app{font-size:13px;border-radius:15px}.crew-app-core{font-size:16px}.crew-app-core small{display:none}.crew-app svg{width:29px;height:29px}.crew-app-gusto .gusto-wordmark{font-size:25px}.crew-network-label{font-size:8px}.crew-story{gap:35px}.crew-hero-grid .feature-jump-links{gap:10px}.crew-hero-grid .feature-jump-links a{font-size:13px}}
@media(max-width:900px){.crew-integration-hero{grid-template-columns:1fr}.crew-network{max-width:560px;margin:0 auto}.crew-integration-hero .crew-hero-copy{max-width:650px}}
@media(max-width:760px){.crew-hero-grid,.crew-story{grid-template-columns:1fr;gap:28px}.crew-hero-grid h1{font-size:clamp(38px,8.8vw,54px)}.crew-hero-grid .crew-photo{transform:none}.crew-hero-grid .crew-photo img{aspect-ratio:3/2}.crew-story{padding-top:45px;padding-bottom:45px}.crew-story-copy{max-width:none}.crew-story-copy h2{font-size:34px;letter-spacing:-1.2px}.crew-story-copy p{font-size:17px}.crew-story-reverse .crew-photo,.crew-story-reverse .crew-story-copy{order:initial}.crew-photo{border-radius:18px}.crew-home-story{padding-bottom:0}.crew-features-story{padding-top:0}.crew-inline-photo img{aspect-ratio:3/2}.crew-network{max-width:560px;margin:0 auto}.crew-app{font-size:14px}.crew-app-core{font-size:18px}.crew-app-gusto .gusto-wordmark{font-size:26px}.crew-app svg{width:32px;height:32px}.crew-network-label{font-size:9px}.crew-app small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crew-hero-grid .crew-photo{transform:none}}
