.jn-hero--ag { min-height: clamp(300px, 40vw, 440px); }
.jn-hero--ag .jn-hero__center { max-width: 760px; }
.jn-hero--ag .jn-hero__h1 { font-size: clamp(2.25rem, 5vw, 4rem); margin-bottom: 1rem; }
.jn-hero--ag .jn-hero__h2 { max-width: 620px; margin-left: auto; margin-right: auto; }

.ag-offers { display: flex; flex-direction: column; gap: 1.75rem; }
.ag-offer {}
.ag-card {
    display: grid;
    grid-template-columns: 1fr 244px 312px;
    background-color: var(--jn-card);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(248,247,244,0.09);
}
.ag-card__mid { order: 1; }
.ag-card__brand { order: 2; }
.ag-card__aside { order: 3; }
.ag-card__brand {
    padding: clamp(1.5rem, 3vw, 2rem);
    background-color: rgba(12,10,8,0.34);
    display: flex; flex-direction: column; gap: 0.85rem;
}
.ag-logobox {
    height: 92px; border-radius: 12px; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.ag-logobox--contain { background-color: #F4F3EF; padding: 0.85rem 1.1rem; }
.ag-logobox--contain img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; }
.ag-logobox--fill { background-color: #0C0A08; }
.ag-logobox--fill img { width: 100%; height: 100%; object-fit: cover; }
.ag-brand__name { font-family: var(--jn-ff-display); font-size: 1.3rem; font-weight: var(--jn-fw-xb); color: var(--jn-light); letter-spacing: -0.02em; }
.ag-brand__cat {
    font-family: var(--jn-ff-display); font-size: 0.68rem; font-weight: var(--jn-fw-xb);
    letter-spacing: 0.08em; text-transform: uppercase; color: var(--jn-c3);
}
.ag-brand__since { font-family: var(--jn-ff-body); font-size: 0.85rem; font-weight: var(--jn-fw-sb); color: var(--jn-light); opacity: 0.6; }

.ag-card__mid { padding: clamp(1.5rem, 3vw, 2rem); display: flex; flex-direction: column; gap: 1rem; }
.ag-desc { font-family: var(--jn-ff-body); font-size: 1rem; font-weight: var(--jn-fw-sb); color: var(--jn-light); opacity: 0.84; line-height: 1.6; }
.ag-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.ag-chip {
    font-family: var(--jn-ff-display); font-size: 0.68rem; font-weight: var(--jn-fw-bd);
    letter-spacing: 0.04em; color: var(--jn-light); opacity: 0.82;
    padding: 0.3rem 0.7rem; border-radius: 9999px; background-color: rgba(248,247,244,0.07);
}
.ag-feats { display: flex; flex-direction: column; gap: 0.5rem; }
.ag-feat { display: flex; align-items: flex-start; gap: 0.6rem; font-family: var(--jn-ff-body); font-size: 0.925rem; font-weight: var(--jn-fw-sb); color: var(--jn-light); opacity: 0.9; line-height: 1.45; }
.ag-feat img { flex-shrink: 0; margin-top: 0.1rem; }
.ag-bonus {
    margin-top: auto;
    display: flex; align-items: center; gap: 0.7rem;
    padding: 0.85rem 1.1rem; border-radius: 12px;
    background-image: linear-gradient(135deg, rgba(255,210,10,0.16), rgba(255,210,10,0.03));
    background-color: rgba(248,247,244,0.04);
}
.ag-bonus img { flex-shrink: 0; }
.ag-bonus__txt { font-family: var(--jn-ff-body); font-size: 0.95rem; font-weight: var(--jn-fw-bd); color: var(--jn-light); line-height: 1.4; }
.ag-bonus__txt b { color: var(--jn-c2); font-weight: var(--jn-fw-xb); }

.ag-card__aside {
    padding: clamp(1.5rem, 3vw, 2rem);
    background-color: rgba(12,10,8,0.34);
    display: flex; flex-direction: column; gap: 1rem;
}
.ag-score { display: flex; align-items: center; gap: 0.6rem; }
.ag-score__num { font-family: var(--jn-ff-display); font-size: 2rem; font-weight: var(--jn-fw-xb); color: var(--jn-c2); letter-spacing: -0.03em; line-height: 1; }
.ag-score__star { color: var(--jn-c2); font-size: 1.1rem; }
.ag-score__label { font-family: var(--jn-ff-display); font-size: 0.62rem; font-weight: var(--jn-fw-xb); letter-spacing: 0.08em; text-transform: uppercase; color: var(--jn-light); opacity: 0.6; }
.ag-note {
    display: inline-flex; align-items: center; gap: 0.45rem; align-self: flex-start;
    padding: 0.35rem 0.75rem; border-radius: 9999px;
    background-color: rgba(252,9,88,0.16);
    font-family: var(--jn-ff-display); font-size: 0.66rem; font-weight: var(--jn-fw-xb);
    letter-spacing: 0.05em; text-transform: uppercase; color: var(--jn-light);
}
.ag-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; border-radius: 12px; overflow: hidden; background-color: rgba(248,247,244,0.08); }
.ag-tile { background-color: var(--jn-card); padding: 0.7rem 0.85rem; display: flex; flex-direction: column; gap: 0.15rem; }
.ag-tile__k { font-family: var(--jn-ff-display); font-size: 0.58rem; font-weight: var(--jn-fw-xb); letter-spacing: 0.06em; text-transform: uppercase; color: var(--jn-light); opacity: 0.5; }
.ag-tile__v { font-family: var(--jn-ff-body); font-size: 0.85rem; font-weight: var(--jn-fw-bd); color: var(--jn-light); }
.ag-actions { margin-top: auto; display: flex; flex-direction: column; gap: 0.6rem; }
.ag-actions .jn-btn { width: 100%; justify-content: center; }

.ag-tc { font-size: 13px; line-height: 1.5; font-family: var(--jn-ff-body); font-weight: var(--jn-fw-sb); color: var(--jn-light); opacity: 0.5; padding: 0.7rem 0.25rem 0; }
.ag-tc a { color: var(--jn-c3); text-decoration: underline; text-underline-offset: 2px; }

.ag-crit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.ag-crit__item { display: flex; flex-direction: column; gap: 0.65rem; }
.ag-crit__ico { width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.ag-crit__ico--c1 { background: var(--jn-grad-c1); box-shadow: 0 0 18px rgba(252,9,88,0.3); }
.ag-crit__ico--c2 { background: var(--jn-grad-c2); box-shadow: 0 0 18px rgba(255,210,10,0.3); }
.ag-crit__ico--c3 { background: var(--jn-grad-c3); box-shadow: 0 0 18px rgba(0,203,146,0.3); }
.ag-crit__ico--c4 { background: var(--jn-grad-c4); box-shadow: 0 0 18px rgba(0,89,226,0.3); }
.ag-crit__t { font-family: var(--jn-ff-display); font-size: 1.0625rem; font-weight: var(--jn-fw-xb); color: var(--jn-light); }
.ag-crit__d { font-family: var(--jn-ff-body); font-size: 0.9rem; font-weight: var(--jn-fw-sb); color: var(--jn-light); opacity: 0.74; line-height: 1.55; }

.ag-disc__prose { max-width: 900px; margin: 0 auto; }
.ag-disc__prose p { font-family: var(--jn-ff-body); font-size: 0.95rem; font-weight: var(--jn-fw-sb); color: var(--jn-light); opacity: 0.72; line-height: 1.75; margin-bottom: 1rem; }
.ag-disc__prose p:last-child { margin-bottom: 0; }
.ag-disc__prose b { color: var(--jn-light); opacity: 1; font-weight: var(--jn-fw-xb); }
.ag-orgs { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.5rem 2.5rem; margin-top: clamp(2rem, 4vw, 3rem); padding-top: clamp(1.75rem, 3vw, 2.25rem); border-top: 1px solid rgba(248,247,244,0.1); }
.ag-orgs img { height: 30px; width: auto; filter: var(--jn-fx-white); opacity: 0.62; transition: opacity 0.2s; }
.ag-orgs a:hover img { opacity: 0.95; }

@media (max-width: 1023px) {
    .ag-card { grid-template-columns: 1fr; }
    .ag-card__mid, .ag-card__brand, .ag-card__aside { order: 0; }
    .ag-crit { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 599px) {
    .ag-crit { grid-template-columns: 1fr; }
    .ag-tiles { grid-template-columns: 1fr; }
}