/* Original Figma controls/icons: 2111:2228, 2244, 2251, 2258, 2265.
   Desktop dimensions use the approved .75 scale; mobile uses native sizes. */
body.tu-home-layout .tu-home > .tu-stripe { background: #0781ef; }
body.tu-home-layout .tu-home .tu-hero__actions {
    display: grid;
    grid-template-columns: minmax(0, 475fr) minmax(0, 610fr);
    gap: 15px;
    width: 829px;
    max-width: 100%;
}
body.tu-home-layout .tu-home .tu-hero__actions .tu-button:nth-child(n) {
    width: 100%;
    max-width: none;
    min-height: 80px;
    height: 80px;
    padding: .28em 12px 0;
    border: 0;
    font: 400 clamp(32px, 3.333333vw, 48px)/1 "Skramp Cyr", Impact, sans-serif;
    letter-spacing: 0;
    white-space: nowrap;
}
body.tu-home-layout .tu-home .tu-hero__actions .tu-button:nth-child(1) {
    background: #0781ef;
    color: #fff !important;
}
body.tu-home-layout .tu-home .tu-hero__actions .tu-button:nth-child(2) {
    background: #0a0e1a;
    color: #fff !important;
}
body.tu-home-layout .tu-home .tu-hero__actions .tu-button:nth-child(3) {
    grid-column: 1 / -1;
    width: 516px;
    max-width: 100%;
    height: 82px;
    border: 3.75px solid #0781ef;
    background: transparent;
    color: #0a0e1a !important;
}
body.tu-home-layout .tu-usp__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 35.25px;
    width: 35.25px;
    height: 35.25px;
    padding: 0;
    background: #f0f4ff;
    border: 0;
}
body.tu-home-layout .tu-usp__icon img { display: block; width: 16.5px; height: 16.5px; }
body.tu-home-layout .tu-usp__item strong { font-size: 15px; letter-spacing: .03em; }
@media (max-width: 767px) {
    body.tu-home-layout .tu-home .tu-hero__actions { grid-template-columns: minmax(0, 1fr); gap: 12px; width: 100%; }
    body.tu-home-layout .tu-home .tu-hero__actions .tu-button:nth-child(n) {
        grid-column: auto;
        width: 100%;
        max-width: none;
        min-height: 50px;
        height: 50px;
        font-size: clamp(24px, 7.18vw, 28px);
        padding: .28em 10px 0;
    }
    body.tu-home-layout .tu-home .tu-hero__actions .tu-button:nth-child(3) { border-width: 3px; height: 51px; }
    body.tu-home-layout .tu-usp { padding: 32px 0; height: auto; min-height: 273px; }
    body.tu-home-layout .tu-usp__grid { padding-block: 0; gap: 16px; }
    body.tu-home-layout .tu-usp__item { min-height: 40px; gap: 12px; }
    body.tu-home-layout .tu-usp__icon { flex-basis: 40px; width: 40px; height: 40px; border: 1px solid #0781ef; }
    body.tu-home-layout .tu-usp__icon img { width: 20px; height: 20px; }
    body.tu-home-layout .tu-usp__item strong { font-size: 16px; letter-spacing: 0; }
}

/* Figma button typeface/weight, with the agreed compact font sizes. */
body.tu-home-layout .tu-home .tu-link-button {
    font-family: Involve, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .01em;
}
body.tu-home-layout .tu-home .tu-link-button__arrow {
    display: inline-block;
    flex: 0 0 25.5px;
    width: 25.5px;
    height: 21.6506px;
    background: currentColor;
    -webkit-mask: url('../images/icons/figma/cta-arrow.svg') center / contain no-repeat;
    mask: url('../images/icons/figma/cta-arrow.svg') center / contain no-repeat;
}
@media (max-width: 767px) {
    body.tu-home-layout .tu-home .tu-link-button { letter-spacing: 0; }
}

/* Partner catalogue CTA: sentence case and solid triangular arrow from the reference. */
body.tu-home-layout .tu-home .tu-partners__actions .tu-link-button--yellow {
    text-transform: none;
    letter-spacing: 0;
}
body.tu-home-layout .tu-home .tu-partners__actions .tu-link-button--yellow .tu-link-button__arrow {
    flex-basis: 25.5px;
    width: 25.5px;
    height: 21.6506px;
    -webkit-mask-image: url('../images/icons/figma/cta-arrow.svg');
    mask-image: url('../images/icons/figma/cta-arrow.svg');
}

@media (max-width: 767px) {
    body.tu-home-layout .tu-home .tu-link-button__arrow,
    body.tu-home-layout .tu-home .tu-partners__actions .tu-link-button--yellow .tu-link-button__arrow {
        -webkit-mask-image: url('../images/icons/figma/cta-arrow-mobile.svg');
        mask-image: url('../images/icons/figma/cta-arrow-mobile.svg');
    }
}

/* Figma measurements at the approved 75% desktop scale; mobile is native size. */
body.tu-home-layout .tu-home .tu-link-button:has(> .tu-link-button__arrow) { column-gap: 9.75px; }
body.tu-home-layout .tu-home .tu-partners__actions .tu-link-button--yellow { column-gap: 13.5px; }
@media (max-width: 767px) {
    body.tu-home-layout .tu-home .tu-link-button__arrow,
    body.tu-home-layout .tu-home .tu-partners__actions .tu-link-button--yellow .tu-link-button__arrow {
        flex-basis: 27px;
        width: 27px;
        height: 23.094px;
    }
    body.tu-home-layout .tu-home .tu-link-button:has(> .tu-link-button__arrow) { column-gap: 10px; }
    body.tu-home-layout .tu-home .tu-articles .tu-link-button:has(> .tu-link-button__arrow) { column-gap: 14px; }
    body.tu-home-layout .tu-home .tu-news .tu-link-button:has(> .tu-link-button__arrow) { column-gap: 11px; }
}