.offer-clarity{padding:76px 0;background:linear-gradient(135deg,#0b2842 0%,#0e5968 52%,#102d46 100%);color:#edf8f7}
.offer-clarity-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:36px;align-items:center}
.offer-clarity .eyebrow{color:#8feadd}.offer-clarity h2{color:#fff;font-size:clamp(32px,3.7vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0 0 18px}.offer-clarity .lead{color:#d4e8eb;margin:0 0 26px;max-width:650px}
.offer-clarity-states{display:grid;gap:11px}.offer-clarity-states article{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px 16px;border:1px solid #69b1b7;border-radius:12px;background:#ffffff10}.offer-clarity-states span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#8feadd;color:#092d43;font-size:12px;font-weight:900}.offer-clarity-states h3{color:#fff;font-size:16px;margin:0 0 3px}.offer-clarity-states p{margin:0;color:#d5e9ec;font-size:13px;line-height:1.48}
.offer-clarity-visual{margin:0;border-radius:18px;overflow:hidden;background:#d5eff0;border:1px solid #82c9c8;box-shadow:0 26px 52px #03162970}.offer-clarity-visual img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.offer-clarity-visual figcaption{padding:10px 14px;background:#113b4d;color:#d9eff0;font-size:12px}
@media(prefers-reduced-motion:no-preference){.offer-clarity-visual{animation:offer-clarity-float 7s ease-in-out infinite}}
@keyframes offer-clarity-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.55rem)}}
.offer-clarity-boundary{margin-top:28px;padding:14px 16px;border-left:4px solid #ffb37e;border-radius:0 10px 10px 0;background:#fff3e9;color:#15344b;font-size:14px;line-height:1.55}.offer-clarity-boundary strong{color:#8d3e1e}
.matrix-status.scope{color:#086a54}.matrix-status.upgrade{color:#895818}.matrix-status.upgrade [aria-hidden="true"]{font-size:14px}
@media(max-width:930px){.offer-clarity-layout{grid-template-columns:1fr}.offer-clarity-visual{max-width:760px}.scope-columns{grid-template-columns:1fr}}
@media(max-width:560px){.offer-clarity{padding:48px 0}.offer-clarity h2{font-size:33px}.offer-clarity-states article{padding:13px}.offer-clarity-boundary{font-size:13px}}