.feature-hero h1 { font-size: clamp(68px, 6.8vw, 98px); }
.feature-nav { gap: 24px; }
.stage-panel { grid-template-columns: 1fr 1fr; min-height: 460px; }
.knowledge-art { padding: 6px 12px 12px 0; }
.later-exchange { margin: 20px 0; padding: 18px 20px; background: #263e4c; border: 1px solid #51636b; border-radius: 8px 8px 22px 8px; }
.later-exchange[hidden] { display: none; }
.stage-copy .later-exchange .eyebrow { color: #f0b849; font-size: 10px; margin: 0 0 12px; }
.stage-copy .later-question { color: #f4f5f0; font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.stage-copy .later-answer { color: #c6d3d9; font-size: 14px; line-height: 1.75; margin: 0; }
.later-answer strong { color: #f5d48b; }
.knowledge-card { position: relative; margin: 0; padding: 24px; border: 1px solid #d2d8d1; border-radius: 8px 8px 28px 8px; background: #f7f5ec; color: #203644; box-shadow: 9px 9px 0 #718a9266; }
.knowledge-card-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding-bottom: 15px; border-bottom: 1px solid #d3d9d0; font: 10px/1.6 var(--mono); letter-spacing: .5px; color: #5d6b70; }
.knowledge-status { display: inline-block; font: 11px/1.6 var(--mono); margin: 18px 0 12px; padding: 5px 9px; border-radius: 4px; color: #43565f; background: #e4e9e3; }
.knowledge-card h3 { font-size: 21px; line-height: 1.35; letter-spacing: -.4px; }
.knowledge-card blockquote { margin: 16px 0 22px; font-size: 15px; line-height: 1.8; color: #40545e; }
.knowledge-source { display: grid; gap: 5px; padding-top: 16px; border-top: 1px solid #d3d9d0; }
.knowledge-source span { font: 10px/1.6 var(--mono); letter-spacing: .7px; color: #6a7577; }
.knowledge-source strong { font-size: 12px; line-height: 1.7; font-weight: 600; }
.knowledge-note { margin-top: 12px; font: 11px/1.7 var(--mono); color: #52656a; }
[data-knowledge-state=finding] .knowledge-status { background: #f5dfa4; color: #654815; }
[data-knowledge-state=memory] .knowledge-status { background: #203644; color: #f7e6b8; }
[data-knowledge-state=memory] .knowledge-card { box-shadow: 9px 9px 0 #bc934c; }
@media(min-width:801px) and (max-width:1100px) { .brand-nav-link { font-size: 11px; }.feature-nav { gap: 16px; }.logo { flex-basis: 190px; } }
@media(max-width:800px) { .stage-panel { grid-template-columns: 1fr; gap: 28px; }.knowledge-art { max-width: 520px; width: 100%; margin: auto; }.feature-hero h1 { font-size: 8.8vw; } }
@media(max-width:540px) { .feature-hero h1 { font-size: 13.5vw; }.knowledge-card { padding: 20px; }.knowledge-card h3 { font-size: 20px; }.knowledge-card blockquote { font-size: 14px; }.stage-panel { padding: 24px 18px; }.feature-nav { gap: 12px; } }