/* An offer choice and a readable acquisition sequence in the existing identity. */
.services-hub-hero { padding:60px 0 90px; }
.services-hub-hero h1,.outbound-hero h1 { font-size:clamp(44px,5.2vw,74px);line-height:1.05;letter-spacing:-.05em;max-width:850px;margin:20px 0 24px; }
.services-hub-lede { font-size:19px;line-height:1.65;max-width:690px;color:#19201cbd; }
.service-offers { display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px; }
.service-offer { display:flex;flex-direction:column;padding:38px;border:1px solid #19201c40;border-radius:16px;background:linear-gradient(140deg,#303a33,#19201c 90%);color:#f7f5ef; }
.service-offer:nth-child(2) { background:#f7f5ef;color:#19201c; }
.service-offer-icon { display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;border-radius:12px;margin-bottom:28px; }
.service-offer h2 { font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px; }
.service-offer p { line-height:1.65;margin:0;opacity:.8; }
.service-offer ul { list-style:none;padding:0;margin:28px 0 34px;display:grid;gap:16px; }
.service-offer li { display:flex;gap:12px;font-size:15px;line-height:1.5; }
.service-offer li .icon { flex:none;margin-top:2px;width:19px;height:19px; }
.service-offer .button { align-self:flex-start;margin-top:auto; }
.service-offer .button-dark { background:#19201c;color:#f7f5ef; }
.acquisition-section { border-top:1px solid #f7f5ef26;border-bottom:1px solid #f7f5ef26;background:radial-gradient(ellipse at 80% 40%,#303a334d,transparent 65%),#19201c;color:#f7f5ef; }
.acquisition-grid { display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%; }
.acquisition-brand { width:112px;height:auto;margin-bottom:30px; }
.acquisition-intro h2 { font-size:clamp(36px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px; }
.acquisition-intro>p { font-size:18px;line-height:1.65;color:#f7f5efbf;margin:0 0 30px; }
.acquisition-figure { margin:0;min-width:0; }
.acquisition-funnel { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:16px; }
.acquisition-stage { position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;width:calc(100% - var(--stage)*5%);min-height:92px;padding:18px 28px;color:#19201c; }
.acquisition-stage:before { content:"";position:absolute;inset:0;z-index:-1;background:#f7f5ef;clip-path:polygon(0 0,100% 0,97% 100%,3% 100%); }
.acquisition-stage:not(:last-child):after { content:"";position:absolute;top:100%;left:50%;height:16px;border-left:1px solid #f7f5ef80; }
.acquisition-stage-icon { display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #19201c30;border-radius:50%; }
.acquisition-stage-icon .icon { width:18px;height:18px; }
.acquisition-stage h3 { margin:0 0 5px;font-size:17px;line-height:1.2;font-weight:600; }
.acquisition-stage p { margin:0;font-size:13px;line-height:1.5;color:#19201cbb; }
.acquisition-stage.client-stage { color:#f7f5ef;border:1px dashed #f7f5ef70;border-radius:10px;margin-top:10px; }
.acquisition-stage.client-stage:before { background:transparent; }
.client-stage .acquisition-stage-icon { border-color:#f7f5ef50; }
.client-stage p { color:#f7f5efb8; }
.acquisition-stage:nth-last-child(2):after { height:26px;border-left-style:dashed; }
.acquisition-figure figcaption { font-size:12px;line-height:1.6;color:#f7f5efa6;margin:20px auto 0;max-width:420px;text-align:center; }
.acquisition-funnel.is-motion-ready .acquisition-stage:not(.client-stage):before { animation:acquisition-pass 1.2s ease both;animation-delay:calc(var(--stage)*.7s);animation-play-state:paused; }
.acquisition-funnel.is-motion-ready[data-motion="playing"] .acquisition-stage:before { animation-play-state:running; }
@keyframes acquisition-pass { 0%,100% { background:#f7f5ef; } 45% { background:#ddd8c8; } }
.outbound-hero { padding:60px 0;background:#19201c;color:#f7f5ef; }
.outbound-hero p { font-size:19px;line-height:1.65;max-width:690px;color:#f7f5efbf; }
.outbound-hero .eyebrow { font-size:12px; }
.outbound-hero .button { margin-top:12px; }
@media(max-width:850px) { .acquisition-grid { grid-template-columns:1fr;gap:42px; }.acquisition-intro { max-width:600px; }.acquisition-figure { max-width:600px;width:100%;margin:auto; }.service-offer { padding:28px; }.service-offer h2 { font-size:29px; } }
@media(max-width:600px) { .services-hub-hero { padding:32px 0 60px; }.service-offers { grid-template-columns:1fr;margin-top:32px; }.service-offer h2 { font-size:32px; }.acquisition-stage { width:calc(100% - var(--stage)*3%);padding:17px 22px;gap:12px; }.acquisition-stage-icon { width:28px;height:28px; }.acquisition-stage h3 { font-size:16px; }.acquisition-stage p { font-size:12px; }.acquisition-intro h2 { font-size:38px; }.outbound-hero { padding:32px 0 44px; } }
@media(prefers-reduced-motion:reduce) { .acquisition-funnel.is-motion-ready .acquisition-stage:before { animation:none; } }