.hp-v2-ideas__sub {
    margin: 0.5em auto 0;
    max-width: 46em;
    color: var(--hp-v2-muted);
    font-size: 1.02em;
    line-height: 1.5;
}

.hp-v2-ideas__grid {
    list-style: none;
    margin: 1.6em 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}

.hp-v2-ideas__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75em;
    background: var(--hp-v2-color-card);
    border: var(--hp-v2-border);
    border-radius: var(--hp-v2-radius);
    box-shadow: var(--hp-v2-shadow-card);
    padding: 1.4em 1.1em;
    transition: transform var(--hp-v2-t), box-shadow var(--hp-v2-t);
}

.hp-v2-ideas__card:hover {
    transform: translateY(-3px);
    box-shadow: var(--hp-v2-shadow-hover);
}

.hp-v2-ideas__img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 74px;
    width: auto;
    object-fit: contain;
}

.hp-v2-ideas__chip {
    display: inline-block;
    padding: 0.3em 0.85em;
    border-radius: 999px;
    font-size: 0.82em;
    font-weight: 700;
    color: var(--hp-v2-color-main);
    background: color-mix(in srgb, var(--hp-v2-color-main) 10%, transparent);
}

.hp-v2-ideas__cta-row {
    margin-top: 1.6em;
    display: flex;
    justify-content: center;
}


.hp-v2 .hp-v2-seo-cta,
.hp-v2 .hp-v2-seo-cta:link,
.hp-v2 .hp-v2-seo-cta:visited {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.85em 1.6em;
    border-radius: 999px;
    background: var(--hp-v2-color-main, #485fc7);
    color: #fff;
    font-weight: 800;
    font-size: 1em;
    line-height: 1.1;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform var(--hp-v2-t), box-shadow var(--hp-v2-t), background var(--hp-v2-t);
}

.hp-v2 .hp-v2-seo-cta:hover {
    background: var(--hp-v2-color-main-hover, #3a4c9f);
    transform: translateY(-2px);
    box-shadow: var(--hp-v2-shadow-hover);
    color: #fff;
}

.hp-v2 .hp-v2-seo-cta .hp-v2-arw {
    color: #fff;
    transition: transform var(--hp-v2-t);
}

.hp-v2 .hp-v2-seo-cta:hover .hp-v2-arw {
    transform: translateX(3px);
}


.hp-v2 .hp-v2-seo-links {
    margin: 1.15em 0 0;
    color: var(--hp-v2-muted);
    font-size: 0.96em;
    line-height: 1.65;
}

.hp-v2 .hp-v2-seo-links a {
    color: var(--hp-v2-color-main, #485fc7);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid color-mix(in srgb, var(--hp-v2-color-main) 35%, transparent);
    transition: border-color var(--hp-v2-t);
}

.hp-v2 .hp-v2-seo-links a:hover {
    border-bottom-color: var(--hp-v2-color-main);
}

.hp-v2 .hp-v2-ideas__cta-row + .hp-v2-seo-links {
    text-align: center;
    max-width: 44em;
    margin-left: auto;
    margin-right: auto;
}


.hp-v2-byname__card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 2em;
    background: var(--hp-v2-color-card);
    border: var(--hp-v2-border);
    border-radius: var(--hp-v2-radius-lg);
    box-shadow: var(--hp-v2-shadow);
    padding: 2.4em;
}

.hp-v2-byname__text { max-width: 34em; }

.hp-v2-byname__text h2 {
    margin: 0.2em 0 0.4em;
}

.hp-v2-byname__intro {
    margin: 0;
    color: var(--hp-v2-muted);
    font-size: 1.05em;
    line-height: 1.6;
}

.hp-v2-byname__cta-row {
    margin-top: 1.5em;
    margin-bottom: 0.2em;
}


.hp-v2-byname__art {
    display: flex;
    flex-direction: column;
    gap: 0.9em;
    width: 100%;
}

.hp-v2-byname__chip-card {
    background: var(--hp-v2-color-card);
    border: var(--hp-v2-border);
    border-radius: var(--hp-v2-radius-sm);
    box-shadow: var(--hp-v2-shadow-card);
    padding: 0.85em 1.1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74%;
    transition: transform var(--hp-v2-t-slow), box-shadow var(--hp-v2-t-slow);
}

.hp-v2-byname__chip-card:nth-child(1) { align-self: flex-start;  transform: rotate(-2deg); }
.hp-v2-byname__chip-card:nth-child(2) { align-self: center;      transform: rotate(1.5deg); }
.hp-v2-byname__chip-card:nth-child(3) { align-self: flex-end;    transform: rotate(-1deg); }

.hp-v2-byname__chip-card:hover {
    transform: translateY(-3px) rotate(0deg);
    box-shadow: var(--hp-v2-shadow-hover);
}

.hp-v2-byname__img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 52px;
    width: auto;
    object-fit: contain;
}


@media (max-width: 900px) {
    .hp-v2-ideas__grid { grid-template-columns: repeat(2, 1fr); }
    .hp-v2-byname__card { grid-template-columns: 1fr; gap: 1.6em; padding: 1.8em; }
    .hp-v2-byname__text { max-width: none; }
    .hp-v2-byname__art { margin-top: 0.2em; }
    .hp-v2-byname__chip-card { width: 86%; }
    .hp-v2-byname__chip-card:nth-child(2) { align-self: flex-start; }
    .hp-v2-byname__chip-card:nth-child(3) { align-self: center; }
}

@media (max-width: 520px) {
    .hp-v2-ideas__grid { grid-template-columns: 1fr 1fr; gap: 0.75em; }
    .hp-v2-ideas__card { padding: 1.1em 0.7em; }
    .hp-v2-byname__card { padding: 1.5em 1.2em; }
    .hp-v2 .hp-v2-byname__cta-row .hp-v2-seo-cta { width: 100%; justify-content: center; }
    .hp-v2-byname__chip-card { width: 100%; padding: 0.7em 0.9em; }
    .hp-v2-byname__chip-card:nth-child(n) { align-self: stretch; transform: none; }
}