/* A deeper neutral landing canvas; white reading surfaces and coral stay unchanged. */
:root{
  --paper:#e6e7e9;
  --surface:#ffffff;
  --ink:#171914;
  --muted:#60675e;
  --line:#d8dcd4;
  --soft:#e8eae5;
  --graphite:#343a35;
  --on-graphite:#f7f9f5;
  --graphite-muted:#c7cec8;
  --coral-tint:#ffd2bf;
}
html,body{background:var(--paper)}
.hero-background{
  background:
    linear-gradient(180deg,rgba(230,231,233,0) 58%,var(--paper) 100%),
    radial-gradient(ellipse 52% 55% at 102% 48%,rgba(244,102,67,.065),rgba(244,102,67,0) 78%),
    radial-gradient(ellipse 64% 72% at 48% 42%,#e9eaec 0%,#e6e7e9 56%,#dde0e4 100%);
}
@media(max-width:700px){
  .hero-background{
    background:
      linear-gradient(180deg,rgba(230,231,233,0) 58%,var(--paper) 100%),
      radial-gradient(ellipse 55% 36% at 116% 64%,rgba(244,102,67,.028),rgba(244,102,67,0) 78%),
      radial-gradient(ellipse 100% 75% at 48% 40%,#e9eaec 0%,#e6e7e9 56%,#dde0e4 100%);
  }
}
.platform-showcase .platform-lane-label{color:var(--muted)}
::selection{background:var(--coral-tint);color:var(--ink)}
*{scrollbar-color:#a9b1a5 #edf0e9}
.title-mark:after{background:var(--coral)}
.button:hover{background:#e7ebe3}
.primary:hover{background:#ed795c}
.nav-action,.nav-action:before{border-color:#c5cbc1}
.source-sheet{background:var(--graphite);border-color:#48534b;box-shadow:0 16px 34px #18261d24}
.source-sheet-top strong,.sheet-quote{color:var(--on-graphite)}
.source-sheet .small-label,.source-sheet-top>div>span:last-child{color:var(--graphite-muted)}
.source-sheet .cover-mark{background:#535f55;color:var(--on-graphite)}
.source-sheet .waveform i{background:#7d8a80}
.source-sheet .waveform i:nth-child(-n+12){background:var(--coral)}
.source-token,.knowledge-token{background:var(--coral-tint);color:#7b321c}
.source-token{box-shadow:0 0 0 3px var(--coral-tint)}
.insight-sheet{background:var(--surface);box-shadow:0 22px 48px #1e2c2229}
.insight-sheet>p,.hero-lineage,.insight-bottom{color:var(--muted)}
.insight-bottom{border-color:var(--line)}
.thought-sheet{background:#e2e6df;box-shadow:0 14px 30px #1b291f20}
.thought-label,.thought-source{color:#495244}
.thought-sheet mark{box-shadow:inset 0 -6px #f9ad8e}
.hero-art[data-stage="2"] .thought-sheet{background:var(--coral-tint)}
.hero-art[data-stage="2"] .thought-label{color:#71351e}
.hero-stage-switch button[aria-pressed=true]:before{background:#dce2d6}
.hero-play{color:#953c23}
.hero-package span{background:var(--soft);color:#4d5948}
.folio-back i{box-shadow:8px 30px 50px #25302217}
.story-tabs{border-color:var(--line)}
.story-tabs button:hover{background:#e7ebe3}
.story-tabs button[aria-selected=true]{background:#e2e7dc}
.step-number{border-color:#b7c1b0;color:#58634f}
.story-tabs button[aria-selected=true] .step-number{border-color:#b7c1b0;color:#9b4227}
.play-demo:before{border-color:#c5cbc1}
.demo-workspace{border-color:var(--line);box-shadow:0 24px 48px #2636200c}
.demo-source{background:var(--graphite);border-color:#4b584c}
.demo-source .source-poster>span,.demo-source .poster-bottom,.demo-source .small-label,.demo-source .demo-notice{color:var(--graphite-muted)}
.demo-source .poster-title,.demo-source .source-info h3{color:var(--on-graphite)}
.demo-source .source-info p,.demo-source .source-reference{color:var(--graphite-muted)}
.demo-source .source-info,.demo-source .source-reference{border-color:#647064}
.demo-source .source-reference:hover{color:var(--on-graphite)}
.demo-source .source-reference img,.demo-source .poster-bottom img{filter:grayscale(1) brightness(0) invert(.9)}
.poster-title .source-token{background:var(--coral-tint);box-shadow:0 0 0 4px var(--coral-tint);color:#7b321c}
.content-lineage{border-color:var(--line);color:var(--muted)}
.content-lineage:before{background:#b8c1b1}
.lineage-tail{color:var(--muted)}
.takeaways li>span{color:#697064}
.answer,.note-reference{background:#edf0e9}
.question-options button{border-color:var(--line)}
.question-options button[aria-pressed=true]{background:#fce2d6;border-color:#e6ac94;color:#88391f}
.demo-panel textarea{background:var(--surface);border-color:#bac4b2}
.export-preview{background:var(--paper);border-color:var(--line)}
.export-preview pre{color:#4d5948}
.flow-flight{background:var(--coral-tint);color:#7b321c;box-shadow:0 8px 22px #25302226}
dialog{border-color:var(--line);box-shadow:0 25px 80px #18221a30}
dialog::backdrop{background:#18221a55}
.icon-button:hover{background:var(--soft)}
.source-document mark{background:var(--coral-tint)}
@media(max-width:600px){
  .compact:before{border-color:#c5cbc1}
  .compact.primary:before{border-color:var(--coral)}
  .nav-action:before,.play-demo:before{border-color:#c5cbc1}
}