/* V2: one highlighted idea keeps its identity from source to usable knowledge. */
html,body{overflow-x:clip}
::selection{background:#f5b79b;color:#292821}
textarea{caret-color:var(--coral-deep)}
*{scrollbar-color:#c5b39e #f8f1e7;scrollbar-width:thin}
.nav-wrap{height:78px}
.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;min-height:720px;padding-top:34px;padding-bottom:48px}
.hero-copy{padding-bottom:14px}
.category{margin-bottom:23px;font-size:13px;letter-spacing:.5px}
.hero h1{font-size:clamp(42px,4.1vw,60px);line-height:1.48;letter-spacing:-1.8px;font-weight:500}
.title-mark{font-weight:650;position:relative;isolation:isolate;white-space:nowrap}
.title-mark:after{content:"";position:absolute;bottom:1px;left:-1px;right:-1px;height:10px;background:#f6b79b;z-index:-1;transform:rotate(-1deg);border-radius:2px}
.hero-description{font-size:15px;max-width:430px;margin-top:27px;line-height:2}
.hero-actions{gap:22px;margin-top:30px}
.hero-actions .primary{border-radius:8px;min-height:54px}
.hero-art{height:630px;width:100%;perspective:1400px;isolation:isolate}
.folio-back{position:absolute;inset:50px 16px 92px 70px;pointer-events:none;z-index:-2;transform:rotate(5deg)}
.folio-back i{position:absolute;inset:0;border-radius:13px 13px 100px 13px;background:var(--coral);box-shadow:8px 30px 50px #b9562a17}
.folio-back i:nth-child(1){transform:translate(21px,18px);background:#f8b28f}
.folio-back i:nth-child(2){transform:translate(10px,9px);background:#f48b67}
.folio-back i:nth-child(3){background:var(--coral)}
.source-sheet{top:8px;left:0;width:74%;min-height:232px;padding:21px 23px 22px;transform:rotate(-6deg);background:#f3eadb;border:1px solid #e3d2bd;box-shadow:0 14px 34px #86502b13;z-index:1}
.source-sheet-top{gap:12px}
.source-sheet-top strong{font-size:16px}
.source-sheet-top>div>span:last-child{display:none}
.source-sheet .cover-mark{background:#e9c19f;width:50px;height:55px;font-size:28px}
.source-sheet .waveform{margin:10px 0;height:22px}
.source-sheet .waveform i:nth-child(4n){height:25px}
.sheet-quote{font-size:15px;line-height:1.85;color:#594633}
.source-token{background:#f8d5bc;border-radius:3px;box-shadow:0 0 0 3px #f8d5bc;white-space:nowrap;color:#66331d}
.insight-sheet{top:168px;right:0;width:87%;min-height:322px;padding:27px 30px 24px;transform:none;border:0;border-radius:11px;box-shadow:0 22px 48px #623b2426;z-index:3;background:#fffdf8}
.sheet-kind{font-size:12px;font-weight:600}
.sample-label{font-size:11px}
.insight-sheet .sample-label{visibility:hidden}
.hero-lineage{position:absolute;right:30px;top:26px;display:flex;align-items:center;gap:9px;margin:0;font-size:11px;color:#776953}
.knowledge-token{display:inline-flex;align-items:center;justify-content:center;background:#f8d5bc;color:#773e21;font-size:12px;line-height:1.6;padding:3px 9px;border-radius:4px;white-space:nowrap}
.hero-lineage:before{display:none}
.insight-sheet h2{font-size:33px;font-weight:550;line-height:1.43;letter-spacing:-.8px;margin:15px 0 12px}
.insight-sheet>p{font-size:14px;line-height:1.9;min-height:54px;max-width:360px;color:#746b5e}
.insight-bottom{font-size:11px;padding-top:15px;margin-top:17px;border-color:#e8dece}
.thought-sheet{top:417px;left:0;width:62%;padding:18px 23px 16px;transform:rotate(-4deg);border:0;background:#f6cdaf;box-shadow:0 14px 30px #7b472920;z-index:4;transition:opacity .35s ease}
.thought-sheet p{font-size:17px;line-height:1.85;margin:7px 0}
.thought-label,.thought-source{font-size:11px;color:#70472d}
.thought-source{margin-top:5px;display:block}
.hero-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5}
.hero-stage-switch{position:relative;inset:auto;display:flex;background:transparent;padding:0;gap:0;flex:none}
.hero-stage-switch button{min-width:52px;min-height:44px;padding:0 8px;font-size:12px}
.hero-stage-switch button[aria-pressed=true]:before{background:#f0dfca;box-shadow:none}
.hero-play{display:flex;gap:7px;align-items:center;min-height:44px;background:transparent;border:0;padding:0 6px;font-size:12px;color:#754127;white-space:nowrap}
.hero-play:hover{color:var(--coral-deep)}
.hero-play img{width:15px;height:15px}
.hero-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}
.hero-thread path{fill:none;stroke:#bc592e;stroke-width:1.2;stroke-linecap:round;opacity:.65}
.hero-package{display:flex;gap:7px;position:absolute;bottom:22px;left:30px;right:24px;pointer-events:none;opacity:0;visibility:hidden}
.hero-package span{background:#f5eadb;font-size:11px;color:#78523b;padding:5px 10px;border-radius:4px}
.hero-art[data-stage="3"] .hero-package{opacity:1;visibility:visible}
.hero-art[data-stage="3"] .insight-bottom{opacity:0}
.hero-art[data-stage="3"] .thought-sheet{opacity:0;pointer-events:none}
.knowledge-token[data-receiving]{opacity:.3}
.hero-art[data-stage="2"] .thought-sheet{background:#f6ba96}
.hero-art[data-stage="2"] .thought-sheet mark{box-shadow:inset 0 -7px #ef8d5d6b}
.content-types{margin-top:10px;padding:22px 0}
.experience{padding-top:92px}
.experience-heading .section-intro{display:none}
.experience-heading h2{font-size:42px;font-weight:500;letter-spacing:-1px}
.story-tabs{gap:0;margin-bottom:0;border-bottom:1px solid #ded0be}
.story-tabs button{border-radius:10px 10px 0 0;min-height:85px;padding:16px 21px}
.story-tabs button[aria-selected=true]{background:#f2e2ce;border-color:transparent}
.story-tabs button[aria-selected=true]:after{left:0;right:0;bottom:-1px;height:2px}
.demo-workspace{border-radius:0 0 14px 14px;grid-template-columns:300px minmax(0,1fr);border-top:0;box-shadow:0 24px 48px #8d5b2c09}
.demo-source{padding:29px 26px;background:#f4eadb}
.demo-source .source-poster{padding:0;background:none;min-height:250px;overflow:visible;border-radius:0}
.demo-source .source-poster:after{display:none}
.source-poster>span{font-size:12px;color:#806449}
.source-poster .poster-title{font-size:32px;line-height:1.6;margin-top:20px;margin-bottom:18px;letter-spacing:-1px;font-weight:500;color:#533d2d}
.poster-title .source-token{background:#f5bd96;box-shadow:0 0 0 4px #f5bd96}
.poster-bottom{font-size:11px;color:#816a54}
.source-info{padding-top:19px;border-top:1px solid #ddcbb3;margin-top:10px}
.source-info p{font-size:13px}
.source-reference{margin-top:auto}
.content-lineage{display:flex;align-items:center;gap:11px;min-height:66px;border-bottom:1px solid #eee3d3;margin:0 37px;font-size:11px;color:#806e58}
.content-lineage:before{content:"";width:20px;height:1px;background:#d2b69a;flex:none}
.lineage-tail{margin-left:auto;font-size:11px;color:#786d5e}
.demo-panel{min-height:575px;padding-top:25px}
.demo-panel h3{font-size:28px;font-weight:500}
.demo-panel .panel-meta{margin-bottom:18px}
.takeaways{margin-top:27px}
.export-preview{border-radius:7px;background:#fcf8ef}
.flow-flight{position:fixed;z-index:35;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#f6bf99;color:#66331d;font-family:var(--font);font-size:13px;line-height:1.6;padding:3px 9px;box-shadow:0 8px 22px #a85c3030;transform-origin:0 0;white-space:nowrap}
@media(min-width:1500px){.hero{gap:32px;min-height:740px}.hero-art{height:630px}}
@media(min-width:901px) and (max-width:1150px){
  .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px}
  .hero h1{font-size:41px;letter-spacing:-1.4px}
  .hero-description{font-size:14px}
  .hero-actions{gap:14px;flex-wrap:wrap}
  .hero-art{height:610px}
  .source-sheet{width:84%;padding:19px;top:10px}
  .source-sheet-top strong{font-size:14px}
  .source-sheet-top>div>span:last-child{display:none}
  .insight-sheet{top:173px;padding:23px;min-height:310px;width:94%}
  .insight-sheet h2{font-size:27px}
  .insight-sheet>p{font-size:13px;min-height:65px}
  .hero-lineage{gap:8px;font-size:11px;right:23px;top:22px}
  .hero-lineage:before{width:12px}
  .thought-sheet{top:417px;width:74%;padding:17px 20px}
  .thought-sheet p{font-size:15px}
  .hero-controls{flex-wrap:wrap;gap:0}
  .hero-play{font-size:11px}
  .hero-stage-switch button{min-width:44px;font-size:11px;padding:0 5px}
  .folio-back{left:40px;right:14px;bottom:112px}
  .hero-package{left:23px;gap:5px}
  .hero-package span{font-size:10px;padding:5px 7px}
  .demo-workspace{grid-template-columns:255px minmax(0,1fr)}
  .demo-source{padding:25px 22px}
  .source-poster .poster-title{font-size:28px}
  .content-lineage{margin-inline:28px}
  .lineage-tail{display:none}
}
@media(min-width:601px) and (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);padding-top:45px;gap:34px}
  .hero h1{font-size:56px}
  .hero-art{width:610px;max-width:100%;height:630px}
  .hero-copy{max-width:660px}
  .hero-actions{flex-wrap:nowrap}
  .demo-workspace{grid-template-columns:240px minmax(0,1fr)}
  .demo-source{padding:24px 20px}
  .source-poster .poster-title{font-size:26px}
  .demo-source .source-poster{min-height:250px}
  .content-lineage{margin-inline:24px;gap:7px;font-size:10px}
  .lineage-tail{display:none}
  .demo-panel{min-height:650px}
  .demo-panel h3{font-size:23px}
}
@media(max-width:600px){
  .nav-wrap{height:72px}
  .hero{grid-template-columns:minmax(0,1fr);padding-top:15px;padding-bottom:24px;gap:12px}
  .hero h1{font-size:clamp(31px,9.6vw,43px);line-height:1.38;letter-spacing:-1.3px;font-weight:500}
  .title-mark:after{height:6px;bottom:0}
  .category{font-size:12px;margin-bottom:12px}
  .hero-description{font-size:13px;line-height:1.9;margin-top:15px}
  .hero-actions{margin-top:18px;gap:18px;flex-wrap:nowrap}
  .hero-actions .primary{min-height:48px;font-size:13px}
  .hero-copy{padding:0}
  .hero-art{height:542px;margin:0;width:100%;perspective:none}
  .folio-back{top:42px;bottom:104px;left:35px;right:11px;transform:rotate(4deg)}
  .folio-back i{border-radius:10px 10px 60px 10px;box-shadow:0 20px 35px #a4522512}
  .folio-back i:nth-child(1){transform:translate(12px,12px)}
  .folio-back i:nth-child(2){transform:translate(6px,6px)}
  .source-sheet{top:4px;width:87%;left:2px;padding:16px 17px;min-height:187px;transform:rotate(-5deg);border-radius:10px}
  .source-sheet .cover-mark{width:40px;height:44px;font-size:25px}
  .source-sheet-top strong{font-size:13px}
  .source-sheet-top .small-label{font-size:11px}
  .source-sheet-top>div>span:last-child{display:none}
  .source-sheet .waveform{margin:11px 0;height:20px}
  .sheet-quote{font-size:12px}
  .insight-sheet{top:128px;width:91%;padding:20px 22px 21px;min-height:281px;border-radius:9px;transform:none}
  .sheet-kind,.sample-label{font-size:11px}
  .hero-lineage{font-size:10px;gap:8px;right:22px;top:19px;margin:0}
  .hero-lineage:before{width:14px}
  .knowledge-token{font-size:11px;padding:3px 7px}
  .insight-sheet h2{font-size:25px;line-height:1.45;margin:15px 0 10px}
  .insight-sheet>p{font-size:12px;line-height:1.9;min-height:67px}
  .insight-bottom{display:none}
  .thought-sheet{top:370px;left:0;width:87%;padding:13px 17px 12px;transform:rotate(-3deg);border-radius:9px}
  .thought-sheet p{font-size:14px;line-height:1.85;margin:6px 0}
  .thought-label{font-size:11px}
  .thought-source{display:none}
  .hero-controls{bottom:-4px;gap:0}
  .hero-play{font-size:10px;gap:4px;padding:0;min-height:44px}
  .hero-play img{width:13px;height:13px}
  .hero-stage-switch{left:auto;right:auto;bottom:auto;justify-content:initial}
  .hero-stage-switch button{min-width:44px;min-height:44px;font-size:11px;padding:0 5px}
  .hero-package{bottom:18px;left:22px;right:16px;gap:5px}
  .hero-package span{font-size:10px;padding:4px 7px}
  .hero-art[data-stage="3"] .insight-sheet>p{min-height:67px}
  .content-types{margin-top:0;padding:20px 0}
  .experience{padding-top:57px}
  .experience-heading h2{font-size:27px;letter-spacing:-.8px}
  .story-tabs button{padding:10px 0;min-height:70px}
  .story-tabs button[aria-selected=true]:after{left:0;right:0}
  .demo-workspace{display:flex;border-radius:0 0 11px 11px}
  .demo-source{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 12px;padding:20px;background:#f3e4d0}
  .demo-source .source-poster{grid-column:1/-1;min-height:0;display:block;height:auto;width:auto;padding:0}
  .demo-source .source-poster>span{display:block;font-size:11px}
  .source-poster .poster-title{font-size:21px;line-height:1.8;margin:10px 0 0;letter-spacing:-.4px}
  .source-poster .poster-title br{display:none}
  .source-poster .poster-title:before{display:none}
  .poster-title .source-token{box-shadow:0 0 0 3px #f5bd96}
  .source-poster .poster-bottom{display:none}
  .source-info{border:0;padding:0;margin:0}
  .source-info .small-label{display:none}
  .source-info h3{font-size:12px;color:#73583f;margin:0}
  .source-reference{grid-column:auto;min-height:44px;align-self:center;margin:0;padding:0;font-size:11px}
  .demo-notice{grid-column:1/-1;font-size:10px;margin:0}
  .content-lineage{margin:0 19px;min-height:61px;gap:8px;font-size:11px}
  .content-lineage:before{width:14px}
  .lineage-tail{display:none}
  .content-lineage .knowledge-token{font-size:12px}
  .demo-panel{min-height:625px;padding-top:23px}
  .demo-panel h3{font-size:22px}
  .demo-panel .panel-meta{margin-bottom:18px}
  .takeaways{gap:23px;margin-top:24px}
}
@media(max-width:355px){
  .hero h1{font-size:31px;letter-spacing:-1.3px}
  .hero-actions{gap:10px}
  .hero-actions .primary{font-size:12px;padding-inline:12px}
  .hero-art{height:535px}
  .insight-sheet{top:125px;width:94%;padding:19px;min-height:282px}
  .insight-sheet h2{font-size:22px}
  .insight-sheet>p{font-size:12px}
  .hero-lineage{gap:6px;right:19px;top:18px}
  .hero-lineage:before{display:none}
  .thought-sheet{top:360px;width:94%}
  .hero-play{font-size:10px}
  .hero-play img{display:none}
  .hero-stage-switch button{min-width:44px;font-size:10px;padding-inline:5px}
  .hero-controls{gap:0}
  .hero-package{left:19px}
  .experience-heading h2{font-size:24px}
  .source-poster .poster-title{font-size:19px}
  .demo-panel h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .hero-thread path{stroke:#c28257;opacity:.5}
  .source-sheet,.insight-sheet,.thought-sheet{transform:none}
  .flow-flight{display:none}
}