/* Hero */
.hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    position: relative;
}
.headline {
    font-size: var(--hero-text);
    line-height: var(--line-height1);
    text-transform: capitalize;
}
.headline {
    color: var(--gray-a12);
}
.headline--highlight {
    background-image: var(--gradient-1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero__cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}
/* Trust Bar */
#trust-bar {
    background: var(--gray-a2);
    border-top: 1px solid var(--gray-a6);
    border-bottom: 1px solid var(--gray-a6);
}
.logo__wrapper {
    display: flex;
    justify-content: space-around;
}
.client-logo {
    height: 80px;
    width: auto;
}
/* Pain Points */
.pp-card {
    background: var(--gray-surface);
    border: 1px solid var(--gray-a8);
    border-radius: var(--radius-sm);

    padding: 1rem;
}
.pp-card__wrapper {
    display: flex;
    flex-direction: column;
}
.pp-card__icon {
    height: 32px;
    width: auto;
}
.pp-card__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--text-xl);
    line-height: var(--line-height2);
    text-transform: capitalize;
}
/* Deliverables */
.deliverable {
    background: var(--blue-a2);
    border: 1px solid var(--blue-a8);
    border-radius: var(--radius-sm);

    padding: 1rem;
}
.deliverables__wrapper {
    display: flex;
    flex-direction: column;
}
.deliverable__icon {
    height: 32px;
    width: auto;
}
.deliverable__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--text-xl);
    line-height: var(--line-height2);
    text-transform: capitalize;
}
/* Process */
#process {
    background: var(--gray-2);
    border-top: 1px solid var(--gray-a6);
    border-bottom: 1px solid var(--gray-a6);
}
.process__wrapper {
    display: flex;
    flex-direction: column;
}
.process__step-header {
    color: var(--blue-a12);
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.number {
    font-size: var(--text-4xl);
    font-weight: var(--font-bold);
    color: var(--blue-a10);
    font-weight: 800;
}
/* Social Proof */
.social-proof__icon {
    height: 80px;
    width: auto;
}
.client__wrapper {
    display: flex;
    flex-direction: column;
}
.client__name {
    color: var(--gray-a12);
    font-size: var(--text-2xl);
    font-weight: 700;
    line-height: var(--line-height3);
}
.client__location {
    font-size: var(--text-lg);
    font-weight: 400;
    line-height: var(--line-height2);
    color: var(--blue-a11);
}
/* FAQ */
.details__wrapper {
    display: flex;
    flex-direction: column;
}
#about {
    background: var(--gray-2);
    border-top: 1px solid var(--gray-a6);
    border-bottom: 1px solid var(--gray-a6);
}