.seed-batch-page {
    --seed-batch-green: #63c51d;
    --seed-batch-navy: #031f30;
    --seed-batch-ink: #102b3d;
    --seed-batch-paper: #f3f7f1;
}

.seed-batch-page .seed-hero__art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.seed-batch-logo-frame {
    width: min(650px, 100%);
    height: 174px;
    overflow: hidden;
    margin-bottom: 18px;
}

.seed-batch-page .seed-batch-logo-frame .seed-hero__logo {
    width: 790px;
    max-width: none;
    height: auto;
    margin: 0;
    object-fit: initial;
    transform: translate(-83px, -48px);
    filter: brightness(0) invert(1);
}

.product-n-charge .seed-batch-logo-frame .seed-hero__logo {
    transform: translate(-145px, -48px);
}

.product-n-charge .seed-batch-logo-frame {
    height: 196px;
}

.product-preside .seed-batch-logo-frame .seed-hero__logo {
    transform: translate(-191px, -48px);
}

.product-preside .seed-batch-logo-frame {
    height: 184px;
}

.product-primo .seed-batch-logo-frame .seed-hero__logo {
    transform: translate(-222px, -60px);
}

.product-take-off-zn .seed-batch-logo-frame {
    width: min(520px, 100%);
    height: 116px;
}

.product-take-off-zn .seed-batch-logo-frame .seed-hero__logo {
    width: 520px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left top;
    transform: none;
}

.product-accolade .seed-batch-logo-frame,
.product-tuxedo .seed-batch-logo-frame,
.product-n-take .seed-batch-logo-frame {
    width: min(520px, 100%);
    height: 128px;
}

.product-accolade .seed-batch-logo-frame .seed-hero__logo,
.product-tuxedo .seed-batch-logo-frame .seed-hero__logo {
    width: auto;
    max-width: 100%;
    height: 124px;
    object-fit: contain;
    object-position: left top;
    transform: none;
}

.product-n-take .seed-batch-logo-frame {
    height: 182px;
}

.product-n-take .seed-batch-logo-frame .seed-hero__logo {
    width: 600px;
    max-width: none;
    height: auto;
    object-fit: contain;
    transform: translate(-150px, 0);
}

.seed-batch-page .nue-hero__pillar-label strong,
.seed-batch-page .nue-hero__pillar-label span {
    color: #fff;
}

.seed-batch-page .nue-hero__patent {
    object-fit: contain;
}

.product-n-charge .nue-hero__patent,
.product-primo .nue-hero__patent {
    border-radius: 50%;
    clip-path: circle(49% at 50% 50%);
    filter: none;
}

.seed-batch-page .seed-batch-challenge-value {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: var(--seed-batch-green);
    font-size: clamp(34px, 3.1vw, 54px);
    line-height: .9;
}

.seed-batch-page .seed-batch-challenge-value small {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.seed-batch-page .nue-need-solution__heading > span {
    color: #fff;
    font-style: normal;
}

.seed-batch-page .nue-need-solution__heading h2 {
    color: #fff;
    font-family: "Montserrat Campaign", Arial, sans-serif;
    font-size: clamp(30px, 3.1vw, 46px);
    font-style: normal;
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: .96;
    text-wrap: balance;
}

.seed-batch-page .nue-need-solution__heading h2 em {
    display: block;
    margin-top: .12em;
    color: var(--seed-batch-green);
    font-style: normal;
}

.seed-batch-page .seed-definition {
    position: relative;
    overflow: hidden;
    background: var(--seed-batch-navy);
}

.seed-batch-page .seed-definition__art {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.seed-batch-page .seed-definition__art::after {
    display: none;
}

.seed-batch-page .seed-definition::after {
    background:
        linear-gradient(90deg, #061f31 0%, rgba(6,31,49,.94) 32%, rgba(6,31,49,.56) 60%, rgba(6,31,49,.12) 100%),
        linear-gradient(0deg, rgba(6,31,49,.42), transparent 56%, rgba(6,31,49,.12));
}

.seed-batch-page .seed-definition__art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 66% 52%;
    opacity: .98;
    filter: saturate(1.04) brightness(1.03);
}

.seed-batch-page .seed-definition__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: clamp(34px, 4vw, 64px);
    align-items: center;
}

.seed-batch-page .seed-definition__copy h2 {
    color: #fff;
}

.seed-batch-page .seed-definition__lead {
    margin: 0 0 22px;
    color: rgba(255,255,255,.88);
    font-size: 17px;
    line-height: 1.58;
}

.seed-batch-page .seed-definition__points {
    display: grid;
    gap: 12px;
}

.seed-batch-page .seed-definition__points article {
    position: relative;
    min-height: 94px;
    padding: 18px 22px 18px 78px;
    border: 1px solid rgba(99,197,29,.34);
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 16px 38px rgba(0,0,0,.14);
}

.seed-batch-page .seed-definition__points article > span {
    width: 46px;
    height: 46px;
    position: absolute;
    left: 18px;
    top: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--seed-batch-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.seed-batch-page .seed-definition__points h3 {
    margin: 0 0 4px;
    color: var(--seed-batch-ink);
    font-size: 19px;
    line-height: 1.15;
}

.seed-batch-page .seed-definition__points p {
    margin: 0;
    color: #687b86;
    font-size: 14px;
    line-height: 1.45;
}

.seed-batch-page .seed-definition__closing {
    margin-top: 20px;
}

.seed-batch-page .seed-definition__diagram {
    border: 2px solid rgba(99,197,29,.34);
    border-radius: 26px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 24px 52px rgba(0,0,0,.24);
    overflow: hidden;
}

.seed-batch-page .seed-definition__diagram img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

@media (min-width: 641px) {
    .product-tuxedo .seed-definition__diagram {
        width: min(100%, 420px);
        justify-self: center;
    }
}

.product-n-take .seed-definition__diagram {
    width: min(100%, 520px);
    justify-self: center;
}

.product-tuxedo .seed-definition__diagram {
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.product-tuxedo .seed-definition__diagram::before {
    display: none;
}

.product-tuxedo .seed-definition__diagram::after {
    display: none;
}

.seed-tuxedo-wheel {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, rgba(99,197,29,.14) 0 22%, transparent 23%),
        radial-gradient(circle at center, rgba(3,31,48,.9) 0 54%, rgba(3,31,48,.38) 70%, transparent 71%);
}

.seed-tuxedo-wheel__orbit {
    position: absolute;
    inset: 15%;
    border: 1px dashed rgba(136,220,77,.58);
    border-radius: 50%;
    box-shadow: 0 0 34px rgba(99,197,29,.16);
}

.seed-tuxedo-wheel__orbit::before,
.seed-tuxedo-wheel__orbit::after {
    position: absolute;
    border-radius: 50%;
    background: var(--seed-batch-green);
    box-shadow: 0 0 12px rgba(99,197,29,.76);
    content: "";
}

.seed-tuxedo-wheel__orbit::before {
    top: 10%;
    right: 12%;
    width: 8px;
    height: 8px;
}

.seed-tuxedo-wheel__orbit::after {
    bottom: 8%;
    left: 18%;
    width: 6px;
    height: 6px;
}

.seed-tuxedo-wheel__core {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: grid;
    width: 35%;
    aspect-ratio: 1;
    place-items: center;
    padding: 14px;
    border-radius: 50%;
    background: rgba(255,255,255,.97);
    box-shadow: 0 18px 34px rgba(0,0,0,.3), 0 0 0 7px rgba(99,197,29,.2), 0 0 32px rgba(99,197,29,.16);
    transform: translate(-50%, -50%);
}

.seed-batch-page .seed-tuxedo-wheel__core img {
    position: absolute;
    top: 50%;
    left: calc(50% + 4px);
    display: block;
    width: 160%;
    max-width: none;
    height: auto;
    margin: 0;
    object-fit: contain;
    object-position: center;
    transform: translate(-50%, -50%);
}

.seed-tuxedo-wheel__slot {
    position: absolute;
    z-index: 2;
    inset: 0;
    transform: rotate(var(--orbit-start));
    transform-origin: center;
    animation: seed-tuxedo-orbit 32s linear infinite;
    pointer-events: none;
}

.seed-tuxedo-wheel__item {
    position: absolute;
    top: 50%;
    left: 84%;
    display: flex;
    width: 31%;
    min-height: 27%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(8,54,72,.92), rgba(3,31,48,.96));
    box-shadow: 0 14px 28px rgba(0,0,0,.24);
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%) rotate(var(--counter-start));
    animation: seed-tuxedo-counter-orbit 32s linear infinite;
}

.seed-tuxedo-wheel__item span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--seed-batch-green);
}

.seed-tuxedo-wheel__item svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.seed-tuxedo-wheel__item strong {
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.1;
}

.seed-tuxedo-wheel__item small {
    margin-top: 3px;
    color: #a9bdc5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.seed-tuxedo-wheel__slot.is-zinc {
    --orbit-start: -135deg;
    --counter-start: 135deg;
}

.seed-tuxedo-wheel__slot.is-polymer {
    --orbit-start: -45deg;
    --counter-start: 45deg;
}

.seed-tuxedo-wheel__slot.is-copper {
    --orbit-start: 135deg;
    --counter-start: -135deg;
}

.seed-tuxedo-wheel__slot.is-takeoff {
    --orbit-start: 45deg;
    --counter-start: -45deg;
}

.seed-tuxedo-wheel:hover .seed-tuxedo-wheel__slot,
.seed-tuxedo-wheel:hover .seed-tuxedo-wheel__item {
    animation-play-state: paused;
}

@keyframes seed-tuxedo-orbit {
    from { transform: rotate(var(--orbit-start)); }
    to { transform: rotate(calc(var(--orbit-start) + 360deg)); }
}

@keyframes seed-tuxedo-counter-orbit {
    from { transform: translate(-50%, -50%) rotate(var(--counter-start)); }
    to { transform: translate(-50%, -50%) rotate(calc(var(--counter-start) - 360deg)); }
}

@media (prefers-reduced-motion: reduce) {
    .seed-tuxedo-wheel__slot,
    .seed-tuxedo-wheel__item {
        animation: none;
    }
}

.seed-batch-components {
    position: relative;
    padding: 82px 0 90px;
    background:
        linear-gradient(120deg, rgba(3,31,48,.99), rgba(3,31,48,.92)),
        var(--seed-batch-navy);
    color: #fff;
    overflow: hidden;
}

.seed-batch-components::after {
    position: absolute;
    right: -12%;
    bottom: -58%;
    width: 48%;
    aspect-ratio: 1;
    border: 2px solid rgba(99,197,29,.16);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 44px rgba(99,197,29,.05), 0 0 0 92px rgba(99,197,29,.025);
}

.seed-batch-components .nue-container {
    position: relative;
    z-index: 1;
}

.seed-batch-components .seed-section-heading h2,
.seed-batch-components .seed-section-heading p {
    color: #fff;
}

.seed-batch-components__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 34px;
}

.seed-batch-components__grid.count-2,
.seed-batch-components__grid.count-3,
.seed-batch-components__grid.count-4,
.seed-batch-components__grid.count-5 {
    grid-template-columns: 1fr;
}

.seed-batch-component {
    display: grid;
    grid-template-columns: minmax(330px, .9fr) minmax(230px, .7fr) minmax(0, 1.4fr);
    grid-template-rows: auto auto;
    min-width: 0;
    padding: 24px 30px;
    border: 1px solid rgba(99,197,29,.35);
    border-radius: 24px;
    background: linear-gradient(150deg, rgba(255,255,255,.99), rgba(244,248,242,.96));
    color: var(--seed-batch-ink);
    box-shadow: 0 18px 40px rgba(0,0,0,.16);
}

.seed-batch-component header {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 0;
    padding: 0 28px 0 0;
    border-right: 1px solid #dbe5de;
    border-bottom: 0;
}

.seed-batch-component__number,
.seed-batch-component__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--seed-batch-green);
    color: #fff;
    font-family: var(--font-secondary, Arial, sans-serif);
    font-size: 14px;
    font-weight: 900;
}

.seed-batch-component header small {
    display: block;
    margin-bottom: 7px;
    color: #068f8e;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.seed-batch-component__logo {
    display: flex;
    align-items: center;
    width: 270px;
    height: 70px;
    overflow: hidden;
}

.seed-batch-component__logo img {
    display: block;
    max-width: none;
    object-fit: contain;
    object-position: left center;
}

.seed-batch-component__logo img.is-product-mark {
    width: 350px;
    height: auto;
    transform: translate(-37px, -30px);
}

.seed-batch-component__logo img.is-supporting-mark {
    width: min(100%, 240px);
    height: 68px;
    object-fit: contain;
    object-position: left center;
}

.seed-batch-component__logo img.is-official-lockup {
    width: 160px;
    max-width: 160px;
    height: auto;
    max-height: 50px;
    margin-inline: 0;
    object-fit: contain;
    object-position: left center;
    transform: none;
}

.seed-batch-component__logo img.is-official-lockup[src*="progus-logo-official-optical"] {
    width: 120px;
    max-width: 120px;
}

.seed-batch-component__logo img[src$="/logos/Primo.svg"],
.seed-batch-component__logo img[src$="/logos/Preside.svg"],
.seed-batch-component__logo img[src$="/logos/pl0-Preside.svg"] {
    width: 190px;
    height: 50px;
    object-fit: contain;
    object-position: left center;
    transform: none;
}

.seed-batch-component__logo img[src$="/logos/Primo.svg"] {
    transform: none;
}

.seed-batch-component__textmark {
    display: block;
    color: var(--seed-batch-ink);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.05;
}

.seed-batch-component h3 {
    display: none;
}

.seed-batch-component p {
    margin: 0;
    color: #657681;
    font-size: 15px;
    line-height: 1.45;
}

.seed-batch-component .seed-batch-component__summary {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 18px 22px;
    border-left: 4px solid var(--seed-batch-green);
    border-radius: 0 12px 12px 0;
    background: #e9f0eb;
    color: var(--seed-batch-ink);
    font-weight: 800;
}

.seed-batch-component > p:last-child {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    padding: 12px 0 12px 30px;
}

.seed-batch-how {
    padding: 82px 0 92px;
    background: var(--seed-batch-paper);
}

.seed-batch-how .nue-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.seed-batch-how__heading {
    grid-column: 1 / -1;
}

.seed-batch-how__diagram {
    grid-column: 1 / -1;
    margin: 0;
    max-width: none;
    padding: clamp(10px, 1.3vw, 18px);
    border: 2px solid rgba(99,197,29,.4);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 22px 50px rgba(3,31,48,.13);
}

.seed-batch-how__diagram img {
    display: block;
    width: 100%;
    max-height: none;
    object-fit: contain;
}

.seed-batch-how__artwork {
    position: relative;
}

.seed-batch-how__artwork > img {
    position: relative;
    z-index: 1;
}

.product-primo .seed-batch-how__diagram {
    width: min(100%, 860px);
    justify-self: center;
}

.product-preside .seed-batch-how__diagram,
.product-n-charge .seed-batch-how__diagram {
    width: min(100%, 900px);
    justify-self: center;
}

.product-tuxedo .seed-batch-how__diagram,
.product-n-take .seed-batch-how__diagram {
    width: min(100%, 900px);
    justify-self: center;
}

.seed-batch-how__media {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(24px, 3vw, 42px);
    align-items: stretch;
    max-width: none;
    margin: 0;
}

.seed-batch-how__media.has-no-video {
    grid-template-columns: minmax(0, 1fr);
    width: min(100%, 860px);
    justify-self: center;
}

.seed-batch-video {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 28px;
    background:
        radial-gradient(circle at 74% 22%, rgba(99,197,29,.27), transparent 34%),
        linear-gradient(145deg, #0c3448, #031f30 72%);
    color: #fff;
    box-shadow: 0 20px 45px rgba(3,31,48,.17);
    text-align: center;
}

.seed-batch-video__play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin-bottom: 18px;
    padding-left: 5px;
    border: 2px solid var(--seed-batch-green);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: var(--seed-batch-green);
    font-size: 28px;
}

.seed-batch-video strong {
    font-size: 24px;
    text-transform: uppercase;
}

.seed-batch-video small {
    margin-top: 5px;
    color: #b9c7cd;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.seed-batch-video.is-player {
    display: block;
    min-height: 0;
    overflow: hidden;
    background: #000;
}

.seed-batch-video.is-player video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.seed-batch-how__copy {
    height: 100%;
    padding: 30px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(3,31,48,.1);
}

.seed-batch-how__copy > p {
    margin: 0 0 20px;
    color: var(--seed-batch-ink);
    font-size: 19px;
    line-height: 1.45;
}

.seed-batch-how__copy ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seed-batch-how__copy li {
    position: relative;
    padding-left: 20px;
    color: #506775;
    font-size: 15px;
    line-height: 1.45;
}

.seed-batch-how__copy li::before {
    position: absolute;
    top: .55em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--seed-batch-green);
    content: "";
}

.seed-batch-how__copy strong {
    color: var(--seed-batch-ink);
}

.seed-accolade-pathway {
    position: relative;
    grid-column: 1 / -1;
    overflow: hidden;
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 30px;
    background:
        radial-gradient(circle at 92% 8%, rgba(99,197,29,.3), transparent 25%),
        linear-gradient(145deg, #0c3448, #031f30 72%);
    box-shadow: 0 24px 54px rgba(3,31,48,.18);
    color: #fff;
}

.seed-accolade-pathway::after {
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(99,197,29,.22);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(99,197,29,.05), 0 0 0 76px rgba(99,197,29,.035);
    content: "";
}

.seed-accolade-pathway__intro {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255,255,255,.16);
}

.seed-accolade-pathway__intro > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    background: var(--seed-batch-green);
    color: var(--seed-batch-navy);
    font-size: 17px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.seed-accolade-pathway__intro p {
    margin: 0;
    color: #e5eef1;
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.45;
}

.seed-accolade-pathway ol {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 36px 0 0;
    padding: 0;
    list-style: none;
}

.seed-accolade-pathway ol::before {
    position: absolute;
    top: 48px;
    left: 9%;
    right: 9%;
    height: 2px;
    background: linear-gradient(90deg, rgba(99,197,29,.18), var(--seed-batch-green), rgba(99,197,29,.18));
    content: "";
}

.seed-accolade-pathway li {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 0 12px;
    text-align: center;
}

.seed-accolade-pathway__node {
    position: relative;
    z-index: 1;
    display: flex;
    width: 98px;
    height: 98px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--seed-batch-green);
    border-radius: 50%;
    background: linear-gradient(145deg, #15455b, #062638);
    box-shadow: 0 0 0 8px rgba(99,197,29,.08), 0 14px 30px rgba(0,0,0,.24);
}

.seed-accolade-pathway__node svg {
    width: 50px;
    height: 50px;
    color: var(--seed-batch-green);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.seed-accolade-pathway li > div:last-child {
    margin-top: 24px;
}

.seed-accolade-pathway h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
}

.seed-accolade-pathway li p {
    margin: 9px 0 0;
    color: #b9c9cf;
    font-size: 13px;
    line-height: 1.5;
}

.seed-batch-benefits {
    background: #fff;
}

.seed-batch-page .seed-benefits__comparison img {
    width: 100%;
    max-height: 530px;
    object-fit: contain;
}

.seed-batch-page .nue-results {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(3,31,48,.98) 0%, rgba(3,31,48,.94) 47%, rgba(3,31,48,.63) 100%),
        var(--result-art) 74% center / cover no-repeat;
}

.product-take-off-zn { --result-art: url("../assets/campaign/take-off-zn-hero-art.png"); }
.product-n-charge { --result-art: url("../assets/campaign/n-charge-hero-art.png"); }
.product-preside { --result-art: url("../assets/campaign/preside-hero-art-v2.png"); }
.product-primo { --result-art: url("../assets/campaign/primo-hero-art.png"); }
.product-accolade { --result-art: url("../assets/campaign/accolade-hero-art.png"); }
.product-tuxedo { --result-art: url("../assets/campaign/tuxedo-hero-art.png"); }
.product-n-take { --result-art: url("../assets/campaign/n-take-hero-art.png"); }

.seed-batch-page .nue-results__heading,
.seed-batch-page .nue-results__heading h2,
.seed-batch-page .nue-results__heading p {
    color: #fff;
}

.seed-batch-page .seed-results__grid {
    max-width: 1080px;
}

.seed-batch-result-card .nue-folio-chart__bars {
    gap: clamp(52px, 8vw, 118px);
}

.seed-batch-result-card .nue-folio-chart__bars.has-three {
    gap: clamp(18px, 3.4vw, 48px);
}

.seed-batch-result-card .nue-folio-chart__bars.has-three .nue-folio-chart__bar {
    width: min(27%, 140px);
}

.seed-batch-result-card .nue-folio-chart__bar {
    max-width: 175px;
}

.seed-batch-result-card .nue-result-card__proof {
    background:
        linear-gradient(rgba(78, 169, 28, .9), rgba(78, 169, 28, .9)),
        var(--result-art) center / cover no-repeat;
}

.seed-batch-presentation {
    padding: 82px 0 96px;
    background:
        radial-gradient(circle at 5% 5%, rgba(99,197,29,.13), transparent 25%),
        #f5f8f2;
}

.seed-batch-packs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
    margin-top: 36px;
}

.seed-batch-packs.count-1 {
    grid-template-columns: minmax(0, 940px);
    justify-content: center;
}

.seed-batch-pack {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce6dd;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 42px rgba(3,31,48,.1);
}

.seed-batch-pack > header {
    min-height: 88px;
    padding: 20px 24px;
    background: linear-gradient(105deg, var(--seed-batch-green), #77d832 35%, var(--seed-batch-navy) 35.2%);
    color: #fff;
}

.seed-batch-pack > header div {
    display: flex;
    align-items: baseline;
    gap: 16px;
}

.seed-batch-pack > header strong {
    flex: 0 0 auto;
    font-size: 24px;
    text-transform: uppercase;
}

.seed-batch-pack > header span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.seed-batch-pack__metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    border-bottom: 1px solid #e2e9e3;
    background: #e2e9e3;
}

.seed-batch-pack__metrics p {
    display: flex;
    min-width: 0;
    min-height: 80px;
    margin: 0;
    padding: 13px 10px;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    text-align: center;
}

.seed-batch-pack__metrics span {
    color: #7c8b93;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.seed-batch-pack__metrics strong {
    margin-top: 4px;
    color: var(--seed-batch-ink);
    font-size: 18px;
}

.seed-batch-pack__package {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid #dce6dd;
    background: linear-gradient(135deg, #f6faf2, #eef6e9);
}

.seed-batch-pack__package > img {
    width: 62px;
    height: 58px;
    object-fit: contain;
}

.seed-batch-pack__package > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.seed-batch-pack__package span {
    color: #73925d;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.seed-batch-pack__package strong {
    margin-top: 2px;
    color: var(--seed-batch-ink);
    font-size: 15px;
    text-transform: uppercase;
}

.seed-batch-pack__items-title {
    margin: 0;
    padding: 9px 18px 8px;
    border-bottom: 1px solid #e2e9e3;
    background: #fff;
    color: #78909a;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.seed-batch-pack__items {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.seed-batch-pack__item {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) 110px;
    flex: 1 1 0;
    gap: 12px;
    align-items: center;
    min-height: 116px;
    padding: 18px;
    border-bottom: 1px solid #e2e9e3;
}

.seed-batch-pack__item > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.seed-batch-pack__icon {
    display: block;
    justify-self: center;
    width: 30px;
    height: 54px;
    object-fit: contain;
}

.seed-batch-pack__icon[src$="caja-bidon-verdesian.svg"] {
    width: 46px;
    height: 50px;
}

.seed-batch-pack__icon[src*="vejiga-verdesian.svg"] {
    width: 46px;
    height: 54px;
}

.seed-batch-pack__logo {
    display: block;
    max-width: none;
}

.seed-batch-component__logo img,
.seed-batch-pack__logo-frame img {
    background: transparent;
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
}

.seed-batch-pack__logo-frame {
    width: 100%;
    max-width: 200px;
    height: 62px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.seed-batch-pack__logo-frame img[src$="NCharge.svg"],
.seed-batch-pack__logo-frame img[src$="Preside.svg"],
.seed-batch-pack__logo-frame img[src$="Primo.svg"] {
    width: 300px;
    height: auto;
    transform: translate(-32px, -26px);
}

.seed-batch-pack__logo-frame img[src*="/logos/"] {
    width: min(100%, 190px);
    height: 54px;
    object-fit: contain;
    object-position: left center;
}

.seed-batch-pack__logo-frame img.is-official-lockup {
    width: 160px;
    max-width: 160px;
    height: auto;
    max-height: 44px;
    object-fit: contain;
    object-position: left center;
    transform: none;
}

.seed-batch-pack__logo-frame img.is-official-lockup[src*="progus-logo-official-optical"] {
    width: 110px;
    max-width: 110px;
}

.seed-batch-pack__logo-frame img[src$="/logos/Primo.svg"] {
    width: 160px;
    height: 46px;
    transform: none;
}

.seed-batch-pack__logo-frame img[src$="/logos/Preside.svg"],
.seed-batch-pack__logo-frame img[src$="/logos/pl0-Preside.svg"] {
    width: 160px;
    height: 46px;
    transform: none;
}

.seed-batch-pack__logo-frame img[src*="pl0-Accolade.svg"],
.seed-batch-pack__logo-frame img[src*="pl0-Tuxedo.svg"],
.seed-batch-pack__logo-frame img[src*="pl0-Ntake.svg"],
.seed-batch-component__logo img[src*="pl0-Accolade.svg"],
.seed-batch-component__logo img[src*="pl0-Tuxedo.svg"],
.seed-batch-component__logo img[src*="pl0-Ntake.svg"] {
    width: min(100%, 210px);
    height: 58px;
    object-fit: contain;
    object-position: left center;
    transform: none;
}

.product-accolade .seed-batch-pack__logo-frame,
.product-tuxedo .seed-batch-pack__logo-frame,
.product-n-take .seed-batch-pack__logo-frame {
    justify-content: center;
}

.product-accolade .seed-batch-pack__logo-frame img[src*="pl0-Accolade.svg"],
.product-tuxedo .seed-batch-pack__logo-frame img[src*="pl0-Tuxedo.svg"] {
    object-position: center;
}

@media (min-width: 641px) {
    .product-accolade .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item,
    .product-tuxedo .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item {
        grid-template-columns: 120px minmax(220px, 290px) 120px;
        column-gap: 18px;
    }

    .product-n-take .seed-batch-packs.count-1 .seed-batch-pack__item {
        grid-template-columns: 120px minmax(220px, 290px) 120px;
        justify-content: center;
        column-gap: 18px;
    }
}

.product-n-take .seed-batch-pack__logo-frame img[src*="pl0-Ntake.svg"],
.product-n-take .seed-batch-pack__logo-frame img[src*="take-off-ts-logo-approved-web"] {
    width: 150px;
    max-width: 150px;
    height: 62px;
    max-height: 62px;
    object-fit: contain;
    object-position: center;
    transform: none;
}


.seed-batch-pack__item span {
    display: block;
    margin-top: 5px;
    color: #75868f;
    font-size: 11px;
}

.seed-batch-pack__item > strong {
    color: var(--seed-batch-green);
    font-size: 15px;
    text-align: center;
}

/* A single component is composed as one compact unit instead of stretching
   the three columns across the full presentation card. */
.seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__items {
    flex: 0 0 auto;
}

.seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item {
    grid-template-columns: 58px minmax(220px, 290px) minmax(105px, 135px);
    justify-content: center;
    column-gap: 24px;
    min-height: 132px;
    padding: 22px 36px 24px;
}

.seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__logo-frame {
    max-width: 230px;
}

.product-n-charge .seed-batch-pack__logo-frame {
    max-width: 210px;
    justify-content: center;
}

.product-n-charge .seed-batch-pack__logo-frame img[src$="pl0-NCharge.svg"] {
    width: 190px;
    height: 58px;
    object-fit: contain;
    object-position: center;
    transform: none;
}

.product-n-charge .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item {
    grid-template-columns: 110px 230px 110px;
}

.product-n-charge .seed-batch-pack__icon,
.product-n-charge .seed-batch-pack__item > strong {
    justify-self: center;
}

.product-n-charge .seed-batch-pack__item > strong {
    min-width: 0;
    text-align: center;
}

.seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item > strong {
    justify-self: start;
    min-width: 105px;
    text-align: left;
}

.seed-batch-pack__total {
    margin: 0;
    padding: 12px 20px 16px;
    color: #7c8b93;
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
}

.seed-batch-pack__total strong {
    margin-left: 8px;
    color: var(--seed-batch-ink);
    font-size: 15px;
}

@media (max-width: 1180px) {
    .seed-batch-packs {
        grid-template-columns: 1fr;
        max-width: 850px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 900px) {
    .seed-batch-page .seed-definition__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .seed-batch-page .seed-definition__art::after {
        background: linear-gradient(180deg, rgba(3,31,48,.88), rgba(3,31,48,.98) 72%);
    }

    .seed-batch-page .seed-definition__art img {
        object-position: 64% top;
        opacity: .5;
    }

    .seed-batch-components__grid,
    .seed-batch-components__grid.count-2,
    .seed-batch-components__grid.count-3,
    .seed-batch-components__grid.count-4,
    .seed-batch-components__grid.count-5 {
        grid-template-columns: 1fr;
    }

    .seed-batch-how__media {
        grid-template-columns: 1fr;
    }

    .seed-accolade-pathway ol {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 18px;
    }

    .seed-accolade-pathway ol::before {
        display: none;
    }

    .seed-batch-how__diagram {
        padding: 10px;
    }
}

@media (max-width: 640px) {
    .seed-batch-logo-frame {
        width: min(460px, 100%);
        height: 112px;
        margin-bottom: 8px;
    }

    .seed-batch-page .seed-batch-logo-frame .seed-hero__logo {
        width: 520px;
        transform: translate(-44px, -31px);
    }

    .seed-accolade-pathway {
        padding: 26px 18px 30px;
    }

    .seed-accolade-pathway__intro {
        grid-template-columns: 1fr;
        gap: 16px;
        text-align: center;
    }

    .seed-accolade-pathway__intro > span {
        justify-self: center;
    }

    .seed-accolade-pathway ol {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 30px;
    }

    .seed-accolade-pathway li {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        padding: 0;
        text-align: left;
    }

    .seed-accolade-pathway__node {
        width: 76px;
        height: 76px;
    }

    .seed-accolade-pathway__node svg {
        width: 40px;
        height: 40px;
    }

    .seed-accolade-pathway li > div:last-child {
        margin-top: 0;
    }

    .product-n-charge .seed-batch-logo-frame .seed-hero__logo {
        transform: translate(-85px, -31px);
    }

    .product-n-charge .seed-batch-logo-frame {
        height: 124px;
    }

    .product-preside .seed-batch-logo-frame .seed-hero__logo {
        transform: translate(-115px, -31px);
    }

    .product-preside .seed-batch-logo-frame {
        height: 122px;
    }

    .product-primo .seed-batch-logo-frame .seed-hero__logo {
        transform: translate(-135px, -43px);
    }

    .product-take-off-zn .seed-batch-logo-frame {
        width: min(360px, 100%);
        height: 80px;
    }

    .product-take-off-zn .seed-batch-logo-frame .seed-hero__logo {
        width: 360px;
        max-width: 100%;
        transform: none;
    }

    .product-accolade .seed-batch-logo-frame,
    .product-tuxedo .seed-batch-logo-frame,
    .product-n-take .seed-batch-logo-frame {
        width: min(360px, 100%);
        height: 88px;
    }

    .product-accolade .seed-batch-logo-frame .seed-hero__logo,
    .product-tuxedo .seed-batch-logo-frame .seed-hero__logo {
        width: auto;
        max-width: 100%;
        height: 84px;
        transform: none;
    }

    .product-n-take .seed-batch-logo-frame {
        height: 124px;
    }

    .product-n-take .seed-batch-logo-frame .seed-hero__logo {
        width: 390px;
        max-width: none;
        height: auto;
        transform: translate(-97px, 0);
    }

    .product-take-off-zn .nue-hero__technical,
    .product-preside .nue-hero__technical {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px 14px;
        max-width: 270px;
    }

    .product-take-off-zn .nue-hero__pillars,
    .product-preside .nue-hero__pillars {
        grid-column: 1 / -1;
    }

    .product-take-off-zn .nue-hero__pillar-label,
    .product-preside .nue-hero__pillar-label {
        min-width: 0;
        padding-left: 0;
        border-left: 0;
    }

    .seed-batch-page .seed-batch-challenge-value {
        justify-content: center;
    }

    .seed-batch-components,
    .seed-batch-how,
    .seed-batch-presentation {
        padding: 58px 0 64px;
    }

    .seed-batch-component {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 14px;
        padding: 20px 18px 22px;
    }

    .seed-batch-component header {
        grid-column: 1;
        grid-row: auto;
        min-height: 72px;
        padding: 0 0 14px;
        border-right: 0;
        border-bottom: 1px solid #dbe5de;
    }

    .seed-batch-component .seed-batch-component__summary,
    .seed-batch-component > p:last-child {
        grid-column: 1;
        grid-row: auto;
        padding: 16px;
    }

    .seed-batch-component__logo img {
        max-width: 220px;
        max-height: 64px;
    }

    .seed-batch-video {
        min-height: 230px;
    }

    .seed-batch-how__copy {
        padding: 24px 20px;
    }

    .seed-batch-page .seed-benefits__comparison img {
        max-height: none;
    }

    .seed-batch-page .nue-results {
        background:
            linear-gradient(180deg, rgba(3,31,48,.94), rgba(3,31,48,.99) 48%),
            var(--result-art) center top / auto 78% no-repeat;
    }

    .seed-batch-result-card .nue-folio-chart__bar b {
        width: max-content;
        min-width: calc(100% - 10px);
        white-space: nowrap;
    }

    .seed-batch-pack > header {
        min-height: 102px;
        padding: 0 18px;
        background: linear-gradient(180deg, var(--seed-batch-green) 0 48px, var(--seed-batch-navy) 48px);
    }

    .seed-batch-pack > header div {
        display: grid;
        grid-template-rows: 48px 54px;
        align-items: center;
        gap: 0;
        text-align: center;
    }

    .seed-batch-pack > header strong,
    .seed-batch-pack > header span {
        align-self: center;
        line-height: 1;
    }

    .seed-batch-pack__metrics {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .seed-batch-pack__metrics p {
        min-height: 76px;
        padding: 10px 6px;
    }

    .seed-batch-pack__item {
        grid-template-columns: 42px minmax(0, 210px);
        gap: 10px;
        justify-content: center;
        padding: 16px;
    }

    .seed-batch-pack__item > div {
        align-items: center;
        text-align: center;
    }

    .seed-batch-pack__logo-frame {
        max-width: 190px;
        margin-right: auto;
        margin-left: auto;
        justify-content: center;
    }

    .seed-batch-pack__icon {
        width: 28px;
        height: 50px;
    }

    .seed-batch-pack__icon[src$="caja-bidon-verdesian.svg"] {
        width: 42px;
        height: 46px;
    }

    .seed-batch-pack__item > strong {
        grid-column: 2;
        justify-self: center;
        min-width: 0;
        text-align: center;
    }

    .seed-batch-pack__package > div {
        align-items: center;
        text-align: center;
    }

    .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item,
    .product-n-charge .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item {
        grid-template-columns: 42px minmax(0, 210px);
        justify-content: center;
    }

    .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item > strong {
        justify-self: center;
        min-width: 0;
        text-align: center;
    }

    .seed-batch-pack__total {
        text-align: center;
    }

    .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__items {
        flex: 1;
    }

    .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item {
        grid-template-columns: 42px minmax(0, 1fr);
        justify-content: stretch;
        gap: 10px;
        min-height: 116px;
        padding: 16px;
    }

    .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__logo-frame {
        max-width: 190px;
    }

    .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item > strong {
        grid-column: 2;
        justify-self: stretch;
        min-width: 0;
        text-align: left;
    }

    .product-n-charge .seed-batch-packs.count-1 .seed-batch-pack--single .seed-batch-pack__item {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .product-n-charge .seed-batch-pack__logo-frame {
        max-width: 190px;
        justify-content: flex-start;
    }

    .product-n-charge .seed-batch-pack__icon {
        width: 42px;
        height: 48px;
    }

    .product-n-charge .seed-batch-pack__item > strong {
        grid-column: 2;
        justify-self: stretch;
        text-align: left;
    }
}