.offer-visibility { border-top: 1px solid var(--line); margin: 28px 0; padding-top: 24px; }
.offer-visibility h2 { font-family: 'Manrope', sans-serif; font-size: 18px; letter-spacing: -.4px; margin: 0 0 8px; }
.visibility-intro { color: var(--muted); font-size: 13px; line-height: 1.65; margin: 0 0 17px; }
.visibility-screen-reader { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.visibility-plans { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; border: 0; margin: 0; padding: 0; min-width: 0; }
.visibility-plan { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 19px 17px; margin: 0; border: 1px solid #dce1ec; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.visibility-plan:hover { border-color: #a2afd3; }
.visibility-plan.is-selected { border-color: var(--blue); background: #f3f5ff; box-shadow: inset 0 0 0 1px var(--blue); }
.visibility-plan-premium.is-selected { border-color: #ba8c25; background: #fffaf0; box-shadow: inset 0 0 0 1px #ba8c25; }
.visibility-plan:focus-within { outline: 3px solid #d9a52e; outline-offset: 3px; }
.visibility-plan input[type=radio] { appearance: auto; -webkit-appearance: auto; width: 18px; height: 18px; min-width: 18px; margin: 2px 0 0; padding: 0; accent-color: var(--blue); flex: 0 0 auto; cursor: pointer; }
.visibility-plan-premium input[type=radio] { accent-color: #aa7c18; }
.visibility-plan-copy, .visibility-plan-title { display: grid; gap: 6px; min-width: 0; }
.visibility-plan-title strong { color: var(--navy); font-size: 16px; font-weight: 750; line-height: 1.35; }
.visibility-plan-title > span { color: var(--blue); font-size: 12px; font-weight: 650; line-height: 1.4; }
.visibility-plan-premium .visibility-plan-title > span { color: #8c6514; }
.visibility-plan-description { display: block; color: #4d586e; font-size: 15px; line-height: 1.65; margin-top: 6px; font-weight: 400; }
#offer-form .visibility-plan-description { font-size:15px; line-height:1.65; }
.visibility-plan-benefits { display:grid; gap:9px; margin-top:10px; }
.visibility-plan-benefits>[role="listitem"] { display:block; position:relative; padding-left:15px; }
.visibility-plan-benefits>[role="listitem"]::before { content:'•'; position:absolute; left:0; color:#8c6514; font-weight:700; }
.visibility-preview { background: #f6f7fb; border: 1px solid #e2e6f0; border-radius: 12px; padding: 18px; margin-top: 16px; }
.visibility-preview-heading { color: var(--navy); font-size: 13px; font-weight: 700; margin: 0 0 15px; }
.visibility-preview dl { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr); gap: 16px; margin: 0; }
.visibility-preview dl > div { min-width: 0; }
.visibility-preview dt { color: #647087; font-size: 11px; line-height: 1.5; min-height: 33px; }
.visibility-preview dt span { white-space: nowrap; }
.visibility-preview dd { color: var(--navy); font-size: 15px; line-height: 1.4; font-weight: 750; margin: 6px 0 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.visibility-preview .visibility-net { border-left: 1px solid #dce2ed; padding-left: 16px; }
.visibility-preview .visibility-net dt, .visibility-preview .visibility-net dd { color: var(--blue); }
.visibility-preview-hint { color: #647087; font-size: 11px; line-height: 1.6; margin: 16px 0 0; }
.visibility-review { border: 1px solid #e2e6f0; border-radius: 12px; padding: 16px; background: #f6f7fb; margin: 16px 0; }
.visibility-review > div { display: flex; gap: 8px 20px; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }
.visibility-review strong { color: var(--navy); font-size: 14px; }
.visibility-review span { color: var(--blue); font-size: 12px; }
.visibility-review p { color: #647087; font-size: 12px; line-height: 1.65; margin: 10px 0 0; }
.visibility-review.is-commercial { border-color: #d8c186; background: #fffbf1; }
.visibility-review del { color: #7a7e88; margin-left: 5px; }
.visibility-review .commercial-label { color: #80611d; font-weight: 650; }
.commercial-toggle { margin: 8px 0 16px; }
.commercial-fields { padding: 18px; background: #f6f7fb; border: 1px solid var(--line); border-radius: 12px; }
.commercial-fields[hidden] { display: none; }
.commercial-fields .field { margin: 0; }
.commercial-hint, .commercial-invalid { color: var(--muted); font-size: 12px; line-height: 1.6; }
.commercial-hint { margin: 10px 0 0; }
.commercial-invalid { padding: 16px; border: 1px solid var(--line); border-radius: 12px; }
.offer-commission { color: #647087; font-size: 12px; margin: 0 0 12px; line-height: 1.6; }
.offer-commission strong { color: var(--navy); }
.offer-commission.is-commercial { color: #80611d; }
@media(max-width:600px) { .visibility-plans { grid-template-columns: minmax(0,1fr); } .visibility-plan { padding: 17px; } }
@media(max-width:380px) { .visibility-preview { padding: 15px 12px; } .visibility-preview dl { gap: 10px; } .visibility-preview dd { font-size: 13px; } .visibility-preview .visibility-net { padding-left: 10px; } }