/* Scoped styles for the static Tender demo. */
.tender-demo { --td-ink: #0f172a; --td-muted: #475569; --td-line: #dbe3ee; --td-panel: #f8fafc; --td-accent: #6d28d9; --td-accent-dark: #4c1d95; --td-mark: #fef3c7; margin: 0; color: #1a1a2e; background: #fafafa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.75; -webkit-font-smoothing: antialiased; }
.tender-demo *, .tender-demo *::before, .tender-demo *::after { box-sizing: border-box; }
.tender-demo a { color: var(--td-accent); text-underline-offset: 3px; }
.tender-demo a:hover { color: var(--td-accent-dark); }
.tender-demo__nav { position: fixed; inset: 0 0 auto; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 2rem; border-bottom: 1px solid rgba(255,255,255,.05); background: rgba(15,12,41,.95); backdrop-filter: blur(10px); }
.tender-demo__nav a { color: rgba(255,255,255,.72); text-decoration: none; }
.tender-demo__nav a:hover { color: #fff; }
.tender-demo__brand { color: #fff !important; font-size: 1.1rem; font-weight: 700; }
.tender-demo__nav-links { display: flex; align-items: center; gap: 1.5rem; font-size: .9rem; }
.tender-demo__nav-links .tender-demo__language { padding: 3px 10px; border: 1px solid rgba(255,255,255,.24); border-radius: 4px; color: rgba(255,255,255,.6); font-size: .8rem; }
.tender-demo__hero { padding: 8rem 2rem 3rem; color: #fff; background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%); }
.tender-demo__wrap { width: min(100% - 3rem, 720px); margin: 0 auto; }
.tender-demo__eyebrow { margin: 0 0 1rem; color: rgba(255,255,255,.6); font: 500 .74rem/1.4 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.tender-demo h1, .tender-demo h2, .tender-demo h3 { color: var(--td-ink); line-height: 1.2; }
.tender-demo__hero h1 { max-width: none; color: #fff; font-size: clamp(1.85rem, 4vw, 2.6rem); letter-spacing: -.7px; }
.tender-demo__lead { max-width: 62ch; margin: 1.25rem 0 0; color: rgba(255,255,255,.82); font-size: 1.1rem; }
.tender-demo__body { padding: 3rem 0 5rem; }
.tender-demo__body section { margin-top: 3rem; }
.tender-demo__body section:first-child { margin-top: 0; }
.tender-demo h2 { margin: 0 0 .8rem; font-size: clamp(1.45rem, 3vw, 1.85rem); letter-spacing: -.02em; }
.tender-demo p { line-height: 1.7; }
.tender-demo__intro, .tender-demo__muted { color: var(--td-muted); }
.tender-demo__form { display: grid; gap: .55rem; margin-top: 1.2rem; }
.tender-demo__form label { font-weight: 600; }
.tender-demo__form-row { display: flex; gap: .6rem; }
.tender-demo__form input { min-width: 0; flex: 1; padding: .8rem .9rem; border: 1px solid #94a3b8; border-radius: 8px; color: var(--td-ink); font: inherit; }
.tender-demo a.tender-demo__button { display: inline-flex; align-items: center; justify-content: center; padding: .78rem 1rem; border: 1px solid var(--td-accent); border-radius: 8px; color: #fff; background: var(--td-accent); font: inherit; font-size: .95rem; font-weight: 600; line-height: 1.25; cursor: pointer; text-decoration: none; }
.tender-demo a.tender-demo__button:hover, .tender-demo a.tender-demo__button:focus-visible { color: #fff; background: var(--td-accent-dark); }
.tender-demo a.tender-demo__button--secondary { color: var(--td-accent); background: transparent; }
.tender-demo a.tender-demo__button--secondary:hover, .tender-demo a.tender-demo__button--secondary:focus-visible { color: #fff; }
.tender-demo__samples { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0 1.4rem; }
.tender-demo__sample { padding: .45rem .8rem; border: 1px solid var(--td-line); border-radius: 999px; color: var(--td-ink); background: #fff; font: inherit; font-size: .9rem; text-align: left; cursor: pointer; }
.tender-demo__sample:hover { border-color: var(--td-accent); color: var(--td-accent); }
.tender-demo__answer { min-height: 5.5rem; }
.tender-demo__empty, .tender-demo__notice { padding: 1.1rem 1.2rem; border: 1px dashed #aab7c5; border-radius: 8px; color: var(--td-muted); background: var(--td-panel); }
.tender-demo__notice { border-style: solid; border-left: 4px solid #b45309; color: #78350f; background: #fffbeb; }
.tender-demo__answer-card { padding: 1.25rem; border: 1px solid var(--td-line); border-left: 4px solid var(--td-accent); border-radius: 8px; background: #fff; }
.tender-demo__answer-card h3 { margin: 0 0 .7rem; font-size: 1rem; color: var(--td-muted); }
.tender-demo__answer-text { margin: 0 0 1rem; font-size: 1.05rem; }
.tender-demo__citations { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.tender-demo__citation { padding-top: .7rem; border-top: 1px solid var(--td-line); }
.tender-demo__citation-meta { margin-bottom: .35rem; font: 500 .84rem/1.4 'JetBrains Mono', ui-monospace, monospace; }
.tender-demo__citation q { display: block; line-height: 1.65; }
.tender-demo__citation mark { padding: .08em .18em; border-radius: 2px; color: inherit; background: var(--td-mark); }
.tender-demo__metrics { margin: 0; padding: 1.1rem 1.25rem; border: 1px solid var(--td-line); border-left: 4px solid #15803d; border-radius: 8px; background: #fff; }
.tender-demo__metrics strong { font-size: 1.55rem; }
.tender-demo__metrics span { display: inline-block; margin-left: .5rem; padding: .08rem .5rem; border: 1px solid #15803d; border-radius: 999px; color: #166534; background: #dcfce7; font-size: .82rem; font-weight: 600; }
.tender-demo__eval-toggle { cursor: pointer; color: var(--td-accent); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.tender-demo__eval-description { color: var(--td-muted); }
.tender-demo__eval-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: .9rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.tender-demo__eval-cards li { display: flex; flex-direction: column; gap: .65rem; padding: 1rem; border: 1px solid var(--td-line); border-radius: 8px; background: #fff; }
.tender-demo__eval-metric, .tender-demo__eval-value, .tender-demo__eval-foot { margin: 0; }
.tender-demo__eval-metric { font-weight: 600; }
.tender-demo__eval-value { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.tender-demo__eval-foot { margin-top: auto; color: var(--td-muted); font-size: .88rem; }
.tender-demo__comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.tender-demo__pane { padding: 1.1rem; border: 1px solid var(--td-line); border-radius: 8px; background: #fff; }
.tender-demo__pane h3 { margin: 0 0 .7rem; font-size: 1.03rem; }
.tender-demo__source { margin: 0; padding: .9rem; overflow-wrap: anywhere; border-radius: 6px; color: #334155; background: var(--td-panel); font: .82rem/1.65 'JetBrains Mono', ui-monospace, monospace; white-space: pre-wrap; }
.tender-demo__source mark { color: inherit; background: var(--td-mark); }
.tender-demo__fields { display: grid; gap: .65rem; margin: 0; }
.tender-demo__fields div { padding: .65rem .8rem; border-left: 3px solid var(--td-accent); background: var(--td-panel); }
.tender-demo__fields dt { color: var(--td-muted); font-size: .84rem; }
.tender-demo__fields dd { margin: .2rem 0 0; font-weight: 600; }
.tender-demo__fields dd:last-child { color: var(--td-muted); font: .76rem/1.45 'JetBrains Mono', ui-monospace, monospace; font-weight: 400; }
.tender-demo__points { display: grid; gap: .7rem; padding-left: 1.25rem; }
.tender-demo__cta { padding: 1.5rem; border-radius: 10px; background: rgba(109,40,217,.06); text-align: center; }
.tender-demo__cta p { max-width: 580px; margin: 0 auto 1rem; color: var(--td-muted); }
.tender-demo__footer { padding: 1.5rem; color: #94a3b8; background: #0f172a; font-size: .8rem; text-align: center; }
.tender-demo__footer a { color: #a5b4fc; }
@media (max-width: 680px) { .tender-demo__nav { padding: .9rem 1.2rem; } .tender-demo__nav-links { gap: .7rem; font-size: .8rem; } .tender-demo__nav-links a:nth-child(1), .tender-demo__nav-links a:nth-child(2), .tender-demo__nav-links a:nth-child(5) { display: none; } .tender-demo__hero { padding: 6.4rem 1.5rem 2.5rem; } .tender-demo__wrap { width: min(100% - 2.5rem, 760px); } .tender-demo__form-row, .tender-demo__comparison { grid-template-columns: 1fr; display: grid; } }