.nofee-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(102, 120, 0, .13) 0 5px, transparent 6px),
        radial-gradient(circle at 88% 75%, rgba(2, 81, 112, .12) 0 7px, transparent 8px),
        linear-gradient(135deg, #f8fbfb, #edf5f5);
    background-size: 170px 170px, 240px 240px, auto;
}
.nofee-hero::after { position: absolute; right: 5%; bottom: -190px; width: 430px; height: 430px; border: 2px solid rgba(102, 120, 0, .09); border-radius: 50%; box-shadow: 0 0 0 70px rgba(2, 81, 112, .025), 0 0 0 140px rgba(102, 120, 0, .02); content: ""; pointer-events: none; }
.nofee-hero .container { position: relative; z-index: 1; }

.nofee-definition-grid,
.nofee-cost-grid,
.nofee-warning-grid { display: grid; gap: 18px; margin-top: 28px; }
.nofee-definition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nofee-definition-grid article,
.nofee-cost-grid article,
.nofee-warning-grid article { padding: 23px; border: 1px solid var(--campaign-line); border-radius: 17px; background: #fff; box-shadow: 0 13px 30px rgba(0, 59, 82, .07); }
.nofee-definition--yes { border-top: 5px solid var(--campaign-green) !important; }
.nofee-definition--no { border-top: 5px solid var(--campaign-petrol) !important; }
.nofee-definition__label { margin-bottom: 9px !important; color: var(--campaign-green-dark); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.nofee-definition-grid h3 { margin-bottom: 12px; font-size: 1.2rem; }
.nofee-definition-grid ul { margin: 0; }
.nofee-core-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; margin-top: 24px; padding: 20px 22px; border: 1px solid rgba(102, 120, 0, .3); border-radius: 15px; background: var(--campaign-green-pale); }
.nofee-core-note strong { color: var(--campaign-green-dark); }
.nofee-core-note p { margin: 0; }

.nofee-cost-path,
.nofee-action-path { display: grid; gap: 0; margin: 28px 0; padding: 0; list-style: none; }
.nofee-cost-path li,
.nofee-action-path li { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 19px; position: relative; padding-bottom: 27px; }
.nofee-cost-path li:not(:last-child)::before,
.nofee-action-path li:not(:last-child)::before { position: absolute; top: 58px; bottom: 3px; left: 36px; width: 3px; border-radius: 2px; background: var(--campaign-line); content: ""; }
.nofee-cost-path li > span,
.nofee-action-path li > span { display: grid; width: 74px; height: 56px; place-items: center; border-radius: 15px; color: #fff; background: var(--campaign-petrol); font-weight: 800; }
.nofee-action-path li > span { width: 56px; border-radius: 50%; background: var(--campaign-green); }
.nofee-action-path li { grid-template-columns: 58px minmax(0, 1fr); }
.nofee-action-path li:not(:last-child)::before { left: 27px; }
.nofee-cost-path h3,
.nofee-action-path h3 { margin: 3px 0 6px; font-size: 1.15rem; }
.nofee-cost-path p,
.nofee-action-path p { margin: 0; }

.nofee-traffic { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr); gap: 20px; margin-top: 28px; padding: 24px; border: 1px solid var(--campaign-line); border-radius: 20px; background: linear-gradient(145deg, #fff, var(--campaign-paper)); box-shadow: var(--campaign-shadow); }
.nofee-traffic fieldset { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; }
.nofee-traffic legend { margin-bottom: 12px; color: var(--campaign-ink); font-family: var(--site-heading-font); font-size: 1.12rem; font-weight: 700; }
.nofee-traffic label { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid var(--campaign-line); border-radius: 13px; background: #fff; cursor: pointer; }
.nofee-traffic label:has(input:checked) { border-color: rgba(102, 120, 0, .48); background: var(--campaign-green-pale); }
.nofee-traffic input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--campaign-green); }
.nofee-traffic strong,
.nofee-traffic small { display: block; }
.nofee-traffic strong { color: var(--campaign-ink); }
.nofee-traffic small { margin-top: 3px; color: var(--campaign-muted); line-height: 1.45; }
.nofee-traffic__result { padding: 28px; border-radius: 18px; color: #fff; background: radial-gradient(circle at 100% 0%, rgba(198, 211, 111, .22), transparent 14rem), var(--campaign-petrol-dark); }
.nofee-traffic__light { display: block; width: 58px; height: 58px; margin-bottom: 22px; border: 9px solid rgba(255, 255, 255, .16); border-radius: 50%; background: #9aa8ae; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14); }
.nofee-traffic__result[data-status="red"] .nofee-traffic__light { background: #d55b4d; }
.nofee-traffic__result[data-status="yellow"] .nofee-traffic__light { background: #e2ac32; }
.nofee-traffic__result[data-status="green"] .nofee-traffic__light { background: #9eb71c; }
.nofee-traffic__result > p:first-of-type { margin: 0 0 10px; color: rgba(255, 255, 255, .7); font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.nofee-traffic__result h3,
.nofee-traffic__result p { color: #fff; }
.nofee-traffic__result h3 { margin-bottom: 10px; font-size: 1.2rem; }
.nofee-traffic__result a { display: inline-flex; margin-top: 12px; color: #dbe88c; font-weight: 800; }
.nofee-traffic__reset { margin-top: 12px; padding: 9px 14px; border: 1px solid var(--campaign-line); border-radius: 9px; color: var(--campaign-petrol); background: #fff; font-weight: 700; }

.nofee-cost-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nofee-cost-grid article:nth-child(1) { border-top: 5px solid var(--campaign-green); }
.nofee-cost-grid article:nth-child(2) { border-top: 5px solid #d3a331; }
.nofee-cost-grid article:nth-child(3) { border-top: 5px solid var(--campaign-petrol); }
.nofee-cost-grid__number { margin: 0 0 10px !important; color: var(--campaign-green-dark); font-size: .72rem; font-weight: 800; letter-spacing: .07em; }
.nofee-cost-grid h3 { margin-bottom: 8px; font-size: 1.16rem; }
.nofee-cost-grid article > strong { display: block; margin-top: 14px; color: var(--campaign-petrol); }
.nofee-law-box { margin-top: 24px; padding: 24px; border-radius: 17px; color: #fff; background: var(--campaign-petrol-dark); }
.nofee-law-box h3,
.nofee-law-box p { color: #fff; }
.nofee-law-box p { margin: 0; }

.nofee-warning-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nofee-warning-grid article { border-left: 5px solid #b47b1f; }
.nofee-warning-grid span { display: block; margin-bottom: 8px; color: #8b5d16; font-family: var(--site-heading-font); font-weight: 700; }
.nofee-warning-grid p { margin: 0; }
.nofee-inline-link { display: flex; justify-content: space-between; gap: 18px; margin-top: 22px; padding: 20px 22px; border: 1px solid var(--campaign-line); border-radius: 14px; color: var(--campaign-ink); background: var(--campaign-paper); text-decoration: none; }
.nofee-inline-link span { color: var(--campaign-petrol); font-weight: 800; }

@media (max-width: 991.98px) {
    .nofee-traffic { grid-template-columns: 1fr; }
    .nofee-cost-grid,
    .nofee-warning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .nofee-definition-grid,
    .nofee-cost-grid,
    .nofee-warning-grid { grid-template-columns: 1fr; }
    .nofee-core-note { grid-template-columns: 1fr; gap: 6px; }
    .nofee-traffic { padding: 18px 16px; border-radius: 16px; }
    .nofee-traffic__result { padding: 23px 19px; }
    .nofee-cost-path li { grid-template-columns: 62px minmax(0, 1fr); gap: 14px; }
    .nofee-cost-path li > span { width: 60px; height: 50px; font-size: .83rem; }
    .nofee-cost-path li:not(:last-child)::before { top: 52px; left: 29px; }
    .nofee-inline-link { flex-direction: column; gap: 6px; }
}