/* v30: offer cards (TrueCostProp blue + gold) */
:root{--oc-bg:#0a1424;--oc-bg2:#0f1d36;--oc-blue:#2f6bff;--oc-gold:#e7b84a;--oc-tx:#eef3ff;--oc-mu:#9fb0cc}
.oc-wrap{margin:18px 0 26px}
.oc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.oc{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;color:var(--oc-tx);
 background:radial-gradient(120% 80% at 100% 0%,rgba(47,107,255,.28),transparent 60%),linear-gradient(160deg,var(--oc-bg2),var(--oc-bg));
 border:1px solid rgba(231,184,74,.35);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.oc-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}
.oc-ad{background:var(--oc-gold);color:#1a1200;font-weight:800;border-radius:6px;padding:1px 7px;letter-spacing:.04em}
.oc-chk{color:var(--oc-mu)}
.oc-brand{display:flex;gap:12px;align-items:center}
.oc-brand h3{margin:0;font-size:1.15rem}.oc-brand p{margin:0;color:var(--oc-mu);font-size:.85rem}
.oc-mono{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:1.3rem;
 background:linear-gradient(145deg,var(--oc-blue),#173a8f);color:#fff;border:2px solid var(--oc-gold)}
.oc-big{margin:2px 0 0;font-size:1.6rem;font-weight:900;line-height:1.1;color:var(--oc-gold)}
.oc-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,.06);border:1px dashed var(--oc-gold);border-radius:999px;padding:6px 6px 6px 14px}
.oc-code-l{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--oc-mu)}
.oc-code code{font-size:1.05rem;font-weight:800;color:#fff;background:none;padding:0}
.oc-copy{margin-left:auto;min-height:36px;border-radius:999px;border:0;background:var(--oc-gold);color:#1a1200;font-weight:800;padding:0 14px;cursor:pointer}
.oc-nocode{border-style:solid;border-color:rgba(159,176,204,.35);color:var(--oc-mu);font-size:.9rem}
.oc-facts{margin:0;padding-left:18px;font-size:.9rem}.oc-facts li{margin:3px 0}
.oc-note{margin:0;font-size:.82rem;color:var(--oc-mu)}
.oc-act{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:auto}
.oc-act .btn.primary{background:var(--oc-blue);border-color:var(--oc-blue);color:#fff}
.oc-disc{font-size:.82rem;color:var(--oc-mu);margin:10px 0 0}
.oc-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.oc-row .oc{flex:0 0 260px;scroll-snap-align:start}
.oc-mini .oc-big{font-size:1.25rem}
.honest-strip{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 4px;font-size:.9rem;color:var(--oc-mu)}
.honest-strip b{color:var(--oc-gold)}
.v30-tbl{width:100%;border-collapse:collapse;font-size:.92rem;margin:10px 0}
.v30-tbl th,.v30-tbl td{border-bottom:1px solid rgba(159,176,204,.2);padding:8px;text-align:left;vertical-align:top}
.v30-tbl .y{color:#5fd38a;font-weight:700}.v30-tbl .n{color:#ff7a7a;font-weight:700}
.v30-scroll{overflow-x:auto}
@media (prefers-reduced-motion:no-preference){.oc{transition:transform .15s}.oc:hover{transform:translateY(-2px)}}