/* Pilot offer banner and code chips. Hidden unless offer.js set .offer-on (banner) or .offer-live (code lines) on before first paint, so there is no layout shift and nothing shows without JS or after the deadline. Dark green on orange: 5.3:1. */ [data-offer]{display:none!important} .offer-on .offer-banner{display:block!important} .offer-live [data-offer="line"]{display:block!important} .offer-banner{background:var(--orange);color:var(--on-orange);font-family:var(--sans);font-size:13px;line-height:1.35} .offer-banner-inner{display:flex;align-items:center;gap:8px 12px;width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;padding:6px 4px 6px var(--gutter)} .offer-banner p{flex:1;min-width:0;margin:0} .offer-banner b{font-weight:800} .offer-copy{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:0 2px;padding:3px 4px 3px 8px;border:1.5px dashed var(--on-orange);background:rgba(255,255,255,.28);color:var(--on-orange);font:inherit;font-weight:800;letter-spacing:.06em;cursor:pointer;vertical-align:middle} .offer-copy [data-offer-code]{user-select:all} .offer-copy [data-offer-copy-label]{padding:2px 6px;background:var(--on-orange);color:var(--white);font-size:11px;letter-spacing:.04em} .offer-copy[data-state="copied"] [data-offer-copy-label]{background:var(--green)} .offer-copy:focus-visible,.offer-dismiss:focus-visible{outline:3px solid var(--green-deep);outline-offset:2px} .offer-dismiss{flex:0 0 44px;width:44px;height:44px;border:0;background:transparent;color:var(--on-orange);font-size:22px;line-height:1;cursor:pointer} .offer-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} /* A code line inside a page (pricing panel, /pilot): on green. */ .offer-line{margin:14px 0 0;padding:12px 14px;border-left:6px solid var(--orange);background:rgba(240,236,228,.08);color:var(--white);font-size:15px;line-height:1.5} .offer-line .offer-copy{border-color:var(--orange);background:transparent;color:var(--white)} .offer-line .offer-copy [data-offer-copy-label]{background:var(--orange);color:var(--on-orange)} .offer-line .offer-copy[data-state="copied"] [data-offer-copy-label]{background:var(--cream);color:var(--green)} .offer-line .offer-copy:focus-visible{outline-color:var(--orange)} html:not(.offer-live) [data-offer-copy-label]{display:none} html:not(.offer-live) .offer-copy{cursor:text}