.stinkiwear-home-main {
    overflow: hidden;
}

.home-intro {
    position: relative;
    padding: clamp(70px, 11vw, 150px) 0 44px;
}

.home-intro::before {
    content: "";
    position: absolute;
    width: min(680px, 70vw);
    aspect-ratio: 1;
    left: -24%;
    top: -55%;
    border-radius: 50%;
    background: rgba(255, 107, 0, 0.10);
    filter: blur(110px);
    pointer-events: none;
}

.home-intro__inner {
    position: relative;
    max-width: 900px;
}

.home-intro__eyebrow,
.section-heading__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: var(--sw-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.home-intro__eyebrow::before,
.section-heading__eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: currentColor;
}

.home-intro h1 {
    max-width: 900px;
    margin-bottom: 22px;
    font-size: clamp(50px, 8vw, 112px);
    font-weight: 750;
}

.home-intro h1 span,
.section-heading h2 span {
    color: var(--sw-beige);
}

.home-intro p {
    max-width: 680px;
    margin-bottom: 30px;
    font-size: clamp(16px, 1.7vw, 20px);
}

.home-intro__action {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    color: var(--sw-text);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.home-intro__action span {
    color: var(--sw-accent);
}

.home-benefits {
    padding: 70px 0 110px;
    border-top: 1px solid var(--sw-border);
}

.home-benefits__inner {
    width: min(
        calc(100% - 40px),
        var(--sw-container)
    );
    margin-inline: auto;
}

.section-heading {
    max-width: 760px;
    margin-bottom: 38px;
}

.section-heading h2 {
    margin-bottom: 0;
    font-size: clamp(38px, 6vw, 76px);
}

.home-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.benefit-card {
    min-height: 250px;
    padding: 26px;
    border: 1px solid var(--sw-border);
    border-radius: var(--sw-radius-lg);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.035),
            rgba(255, 255, 255, 0.008)
        );

    transition:
        transform .22s var(--sw-ease),
        border-color .22s var(--sw-ease);
}

.benefit-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 107, 0, 0.34);
}

.benefit-card__number {
    display: block;
    margin-bottom: 54px;
    color: var(--sw-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.benefit-card h3 {
    margin-bottom: 12px;
    font-size: 20px;
}

.benefit-card p {
    margin-bottom: 0;
    font-size: 14px;
}

.home-configurator__error {
    padding: 36px;
    border: 1px solid var(--sw-border);
    border-radius: var(--sw-radius-lg);
    background: var(--sw-surface);
    text-align: center;
}