.citation-diagram { display: block; width: 100%; height: 100%; }
.citation-branch { fill: none; stroke: url(#citation-branch); stroke-width: 2; stroke-linecap: round; }
.citation-answer { fill: rgba(170, 163, 255, .17); stroke: rgba(170, 163, 255, .46); stroke-width: 1.5; }
.citation-owned { fill: var(--surface-2); stroke: rgba(103, 221, 201, .55); stroke-width: 1.5; }
.citation-other { fill: var(--surface-2); stroke: var(--line-strong); stroke-width: 1.5; }
.citation-diagram text { font-family: Geist, Inter, system-ui, sans-serif; font-size: 12px; font-weight: 700; }
.citation-answer-label { fill: var(--accent); }
.citation-owned-label { fill: var(--mint); }
.citation-other-label { fill: var(--text-soft); }

.why-section{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 44%,rgba(103,221,201,.075),transparent 38%),var(--bg-soft)}
.why-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(38px,6vw,96px);align-items:center}
.why-copy h2{max-width:660px;margin:17px 0 23px;font-size:clamp(41px,5vw,67px);line-height:1.06;letter-spacing:-.065em}
.why-copy h2 em{font-style:normal;color:var(--accent)}
.why-copy>p{max-width:550px;margin:0;color:var(--text-soft);font-size:17px;line-height:1.67}
.why-brand{display:inline-flex;align-items:center;gap:.13em;max-width:100%;vertical-align:baseline;color:var(--mint);overflow-wrap:anywhere}
.why-brand .brand-token-icon{display:grid;place-items:center;flex:none;width:.72em;height:.72em;border-radius:.2em;font-size:.72em;transform:translateY(-.02em)}
.why-brand.has-logo .brand-token-icon{padding:.09em;background:var(--surface);overflow:hidden}
.why-brand .brand-token-icon img{width:100%;height:100%;object-fit:contain}
.why-brand.has-logo [data-brand-name]{font-size:.72em;letter-spacing:-.04em}
.why-outcome{display:flex;align-items:center;gap:15px;max-width:520px;margin:29px 0 24px;padding:17px 19px;border:1px solid rgba(103,221,201,.26);border-radius:14px;background:rgba(103,221,201,.065)}
.why-outcome>span:first-child{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:rgba(103,221,201,.15);color:var(--mint);font-size:21px}
.why-outcome strong,.why-outcome small{display:block}.why-outcome strong{font-size:13px}.why-outcome small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}
.why-visual{position:relative;padding:20px;border:1px solid var(--line-strong);border-radius:23px;background:linear-gradient(145deg,rgba(170,163,255,.11),transparent 50%),var(--surface);box-shadow:var(--shadow)}
.why-question{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-2)}
.why-avatar,.why-ai-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:rgba(170,163,255,.16);color:var(--accent);font-weight:760}
.why-question small,.why-question strong{display:block}.why-question small{margin-bottom:5px;color:var(--muted);font-size:9px;letter-spacing:.14em;font-weight:730}.why-question strong{font-size:14px;line-height:1.3}
.why-answer{margin:15px 0;padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--bg-soft)}
.why-answer-heading{display:flex;align-items:center;gap:9px}.why-ai-icon{width:28px;height:28px;font-size:15px}.why-answer-heading strong{font-size:13px}.why-live-mark{margin-left:auto;color:var(--muted);font-size:10px}
.why-answer>p{margin:17px 0 15px;color:var(--text-soft);font-size:12px;line-height:1.5}
.why-option{display:flex;align-items:center;gap:11px;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11px;color:var(--muted)}
.why-option i{width:21px;height:21px;border-radius:6px;background:var(--line-strong)}.why-option b{color:var(--text-soft);font-weight:650}.why-option-check{margin-left:auto;color:var(--mint);font-weight:800}
.why-missing{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px dashed rgba(235,150,164,.55);border-radius:10px;background:rgba(235,150,164,.055);font-size:11px}
.why-missing-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:rgba(235,150,164,.15);color:#e5a0a9;font-weight:800}.why-missing .why-brand{color:var(--text);font-weight:700}.why-missing .brand-token-icon{font-size:11px;width:18px;height:18px}.why-missing .why-brand.has-logo [data-brand-name]{font-size:11px}.why-missing strong{margin-left:auto;color:#e5a0a9;font-size:10px;font-weight:650;text-align:right}
.why-proof{display:flex;align-items:center;gap:9px;padding:4px 3px 1px;color:var(--muted);font-size:11px;line-height:1.4}.why-proof-pulse{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(103,221,201,.12)}
@media(max-width:900px){.why-layout{grid-template-columns:1fr}.why-copy h2{max-width:730px}.why-visual{max-width:680px}}
@media(max-width:600px){.why-copy h2{font-size:clamp(39px,10vw,54px)}.why-copy>p{font-size:15px}.why-visual{padding:13px}.why-answer{padding:14px}.why-missing{flex-wrap:wrap}.why-missing strong{width:100%;text-align:left;margin-left:30px}}

.journey-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,380px);align-items:end;gap:50px;margin-bottom:32px}
.journey-head h2{font-size:clamp(43px,5.4vw,70px);line-height:1.03;letter-spacing:-.068em;margin:0}.journey-head h2 em{font-style:normal;color:var(--accent)}
.journey-head>p{margin:0 0 5px;color:var(--muted);font-size:16px;line-height:1.62}
.journey-question{display:flex;align-items:center;gap:17px;padding:18px 22px;border:1px solid rgba(170,163,255,.36);border-radius:17px;background:linear-gradient(105deg,rgba(150,138,255,.16),rgba(98,210,190,.05) 76%),var(--surface);margin-bottom:15px}
.journey-question-mark{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:rgba(170,163,255,.18);color:var(--accent);font-size:23px;font-weight:680}
.journey-question small,.journey-question strong{display:block}.journey-question small{color:var(--accent);font-size:9px;font-weight:760;letter-spacing:.16em;margin-bottom:5px}.journey-question strong{font-size:17px;letter-spacing:-.025em}
.journey-question-tail{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.journey-question-tail b{color:var(--mint);font-size:18px;margin-left:9px}
.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.journey-card{display:flex;flex-direction:column;min-width:0;min-height:325px;padding:24px;border:1px solid var(--line-strong);border-radius:19px;background:radial-gradient(circle at 90% 0%,rgba(133,120,248,.11),transparent 34%),var(--surface);transition:transform .25s,border-color .25s,box-shadow .25s}
.journey-card:hover{transform:translateY(-5px);border-color:rgba(170,163,255,.54);box-shadow:0 22px 55px rgba(0,0,0,.15)}
.journey-card-top{display:flex;align-items:center;gap:10px}.journey-index{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(170,163,255,.16);color:var(--accent);font-size:10px;font-weight:780}.journey-category{color:var(--muted);font-size:10px;font-weight:740;letter-spacing:.13em}.journey-symbol{margin-left:auto;color:var(--mint);font-size:21px;line-height:1}
.journey-demo{height:105px;margin:18px 0 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);overflow:hidden}
.demo-engines{display:grid;gap:5px}.demo-engines span{display:flex;align-items:center;gap:7px;color:var(--text-soft);font-size:10px}.demo-engines b{margin-left:auto;color:var(--mint);font-size:10px}.demo-engines span:nth-child(2) b{color:#e5a0a9}.demo-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%}.demo-dot.violet{background:var(--accent)}.demo-dot.mint{background:var(--mint)}.demo-dot.blue{background:var(--blue)}
.demo-competitors{display:grid;grid-template-columns:1fr 1fr;gap:6px}.demo-competitors div{display:grid;align-content:center;gap:6px;padding:9px;border-radius:8px;background:var(--surface-2);font-size:10px;color:var(--muted)}.demo-competitors b{font-size:13px;color:#e5a0a9}.demo-competitors div:nth-child(2) b{color:var(--mint)}.demo-competitors small{grid-column:1/-1;color:var(--accent);font-size:9px;text-align:center}
.demo-sources{display:grid;gap:8px}.demo-sources div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text-soft);font-size:10px}.demo-sources b{color:var(--mint);font-size:13px}
.demo-action{display:flex;align-items:center;gap:13px}.demo-priority{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(170,163,255,.18);color:var(--accent);font-size:13px;font-weight:780}.demo-action div{display:grid;gap:6px}.demo-action small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.demo-action strong{font-size:12px;line-height:1.3}.demo-check{margin-left:auto;color:var(--mint);font-size:20px}
.journey-card h3{font-size:20px;letter-spacing:-.04em;line-height:1.2;margin:1px 0 8px}.journey-card p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 20px;max-width:480px}.journey-card>a{margin-top:auto;width:fit-content;color:var(--accent);font-size:11px;font-weight:740}.journey-card>a:hover{text-decoration:underline}.journey-card>a span{margin-left:5px}
.journey-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;margin-top:15px}.journey-foot a{color:var(--accent);font-weight:680}.journey-foot a:hover{text-decoration:underline}

.engine-story, .proof-layout { display: grid; grid-template-columns: .84fr 1.16fr; align-items: center; gap: clamp(35px, 7vw, 105px); }
.engine-story-copy h2, .proof-copy h2, .capability-head h2 { font-size: clamp(40px, 5vw, 68px); line-height: 1.05; letter-spacing: -.065em; margin: 0 0 21px; }
.engine-story-copy h2 em, .proof-copy h2 em, .capability-head h2 em { font-style: normal; color: var(--accent); }
.engine-story-copy > p, .proof-copy > p, .capability-head > p { max-width: 510px; color: var(--muted); font-size: 16px; line-height: 1.65; margin: 0; }
.story-points { display: grid; gap: 0; margin: 31px 0 28px; border-top: 1px solid var(--line); }
.story-points span { display: flex; align-items: center; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--text-soft); font-size: 13px; font-weight: 620; }
.story-points i { font-style: normal; color: var(--mint); font-size: 11px; letter-spacing: .05em; }
.engine-visual { position: relative; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 22px; background: radial-gradient(circle at 78% 20%, rgba(136, 119, 255, .13), transparent 48%), var(--surface); box-shadow: var(--shadow); padding: clamp(23px, 3.1vw, 43px); }
.engine-visual::after { content: ""; pointer-events: none; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, transparent 40%, rgba(103, 221, 201, .035)); }
.engine-visual-top, .engine-visual-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.visual-label { color: var(--accent); font-size: 10px; font-weight: 750; letter-spacing: .17em; }
.visual-dots { color: var(--muted); letter-spacing: .18em; font-size: 14px; }
.engine-question { padding: 25px 0 29px; margin-bottom: 14px; color: var(--text); font-size: clamp(18px, 2vw, 25px); font-weight: 680; letter-spacing: -.04em; border-bottom: 1px solid var(--line); }
.engine-list { display: grid; gap: 10px; }
.engine-line { display: grid; grid-template-columns: minmax(120px, 145px) 1fr 58px; align-items: center; gap: 13px; min-height: 57px; padding: 0 15px; border: 1px solid var(--line); border-radius: 11px; background: var(--bg-soft); }
.engine-name { display: flex; align-items: center; gap: 9px; color: var(--text-soft); font-size: 12px; font-weight: 630; white-space: nowrap; }
.engine-marker { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: none; }
.engine-marker.violet { background: var(--accent); }.engine-marker.blue { background: var(--blue); }.engine-marker.mint { background: var(--mint); }
.engine-track { height: 7px; background: var(--line); border-radius: 99px; overflow: hidden; }
.engine-track i { display: block; width: var(--fill); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent-solid), var(--mint)); }
.engine-line b { color: var(--mint); text-align: right; font-size: 10px; font-weight: 720; }
.engine-line b.engine-missing { color: #e8a2ae; }
.engine-visual-bottom { padding-top: 25px; color: var(--muted); font-size: 10px; }
.engine-signal { display: inline-flex; align-items: center; gap: 8px; color: var(--text-soft); }
.engine-signal i, .evidence-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(103, 221, 201, .12); }

.proof-section { background: var(--bg-soft); border-block: 1px solid var(--line); }
.proof-layout { grid-template-columns: .85fr 1.15fr; }
.proof-copy h2 em { color: var(--mint); }
.proof-steps { display: grid; gap: 0; margin-top: 32px; }
.proof-steps > div { display: grid; grid-template-columns: 33px 1fr; column-gap: 12px; padding: 17px 0; border-top: 1px solid var(--line); }
.proof-steps > div:last-child { border-bottom: 1px solid var(--line); }
.proof-steps span { grid-row: span 2; color: var(--accent); font-size: 11px; font-weight: 700; }
.proof-steps strong { font-size: 13px; font-weight: 680; }
.proof-steps small { color: var(--muted); font-size: 12px; margin-top: 3px; }
.evidence-preview { border: 1px solid var(--line-strong); border-radius: 20px; overflow: hidden; background: var(--surface); box-shadow: var(--shadow); }
.evidence-preview-top, .evidence-preview-bottom { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 15px 23px; background: var(--surface-2); color: var(--muted); font-size: 10px; }
.evidence-preview-top > span:first-child { color: var(--mint); letter-spacing: .14em; font-weight: 750; display: inline-flex; align-items: center; gap: 11px; }
.evidence-query { padding: 25px 23px 14px; color: var(--text); font-size: 20px; font-weight: 680; letter-spacing: -.035em; line-height: 1.25; }
.evidence-badges { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 23px 25px; }
.evidence-badges span { padding: 6px 9px; border-radius: 99px; background: rgba(103, 221, 201, .1); color: var(--mint); font-size: 10px; font-weight: 670; }
.evidence-badges span:last-child { background: rgba(170, 163, 255, .11); color: var(--accent); }
.evidence-excerpt, .evidence-sources { margin: 0 23px; border-top: 1px solid var(--line); padding: 18px 0; }
.evidence-excerpt > span, .evidence-sources > span { color: var(--muted); font-size: 10px; letter-spacing: .12em; font-weight: 740; }
.evidence-excerpt p { background: var(--bg-soft); border: 1px solid var(--line); border-radius: 9px; color: var(--text-soft); font-size: 12px; line-height: 1.6; padding: 16px; margin: 10px 0 0; }
.evidence-sources > div { display: flex; align-items: center; gap: 9px; margin-top: 11px; color: var(--text-soft); font-size: 11px; }
.evidence-sources i { width: 8px; height: 8px; border-radius: 2px; border: 1px solid var(--mint); }
.evidence-preview-bottom { border-top: 1px solid var(--line); background: transparent; }
.evidence-preview-bottom span:last-child { color: var(--accent); font-weight: 700; }

.capability-head { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 40px; }
.capability-head h2 { margin: 0; }
.capability-head > p { width: 315px; font-size: 15px; padding-bottom: 4px; }
.capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.capability-card { min-height: 242px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--line); border-radius: 19px; padding: 25px; background: var(--surface); transition: transform .25s, border-color .25s, box-shadow .25s; }
.capability-card:hover { transform: translateY(-5px); border-color: rgba(170, 163, 255, .42); box-shadow: 0 22px 55px rgba(0, 0, 0, .13); }
.capability-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: var(--accent); background: rgba(170, 163, 255, .12); font-size: 20px; margin-bottom: 18px; }
.capability-card:nth-child(3n + 2) .capability-icon { color: var(--mint); background: rgba(103, 221, 201, .11); }
.capability-card:nth-child(3n) .capability-icon { color: var(--blue); background: rgba(118, 168, 255, .11); }
.capability-label { color: var(--muted); font-size: 10px; font-weight: 760; letter-spacing: .14em; }
.capability-card h3 { margin: 10px 0 7px; font-size: 19px; font-weight: 680; letter-spacing: -.035em; }
.capability-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.capability-detail { color: var(--accent); font-size: 11px; font-weight: 690; margin-top: auto; padding-top: 19px; }

@media (max-width: 1000px) {
  .engine-story, .proof-layout { grid-template-columns: 1fr 1fr; gap: 35px; }
  .engine-line { grid-template-columns: minmax(100px, 130px) 1fr 54px; gap: 9px; padding-inline: 11px; }
}
@media (max-width: 800px) {
  .journey-head{grid-template-columns:1fr;gap:15px}.journey-head>p{max-width:610px}.journey-question-tail{display:none}
  .engine-story, .proof-layout { grid-template-columns: 1fr; }
  .engine-story-copy, .proof-copy { max-width: 650px; }
  .capability-head { display: block; }
  .capability-head > p { width: auto; margin-top: 18px; }
  .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .journey-head h2{font-size:clamp(43px,11vw,58px)}.journey-head>p{font-size:14px}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:0;padding:20px}.journey-question{padding:14px;gap:12px}.journey-question strong{font-size:14px}.journey-foot{align-items:flex-start;flex-direction:column}
  .engine-visual { padding: 20px 15px; }
  .engine-line { grid-template-columns: 1fr 52px; min-height: 65px; }
  .engine-track { grid-column: 1 / -1; grid-row: 2; margin: -12px 0 10px; }
  .engine-line b { grid-column: 2; grid-row: 1; }
  .engine-visual-bottom { align-items: flex-start; flex-direction: column; gap: 7px; }
  .evidence-preview-top, .evidence-preview-bottom { padding-inline: 15px; }
  .evidence-query { padding-inline: 15px; font-size: 18px; }
  .evidence-badges { padding-inline: 15px; }
  .evidence-excerpt, .evidence-sources { margin-inline: 15px; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-card { min-height: 215px; }
}