/* NovaPath demo: one working surface, quiet chrome, deliberate motion. */
.demo-section{background:#f5f7f7;padding-block:72px;--demo-ease:cubic-bezier(.22,1,.36,1)}
.demo-section>.container{max-width:1240px}
.demo-intro{align-items:center;margin-bottom:32px;gap:40px}
.demo-intro h2{font-size:clamp(2.4rem,4.4vw,4rem);letter-spacing:-.055em;line-height:1.04}
.demo-intro>p{font-size:1rem;line-height:1.6;color:#6c7675}
.demo-shell{padding:22px;background:linear-gradient(135deg,#fcfefe,#f1f7f6);border:1px solid #fff;border-radius:32px;box-shadow:0 2px 4px #142c2910,0 24px 80px -25px #1e514930;isolation:isolate}
.demo-toolbar{gap:16px;padding:0 6px;min-height:54px}
.demo-wordmark{background:transparent;border:0;box-shadow:none;padding:4px;font-size:1.55rem;gap:10px}
.demo-modes{padding:4px;gap:3px;background:#e6eeed80;box-shadow:inset 0 1px 2px #38585308;border:1px solid #dde8e670;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.demo-modes button{min-height:44px;padding:10px 20px;transition:background .25s,color .25s,box-shadow .25s}
.demo-modes button[aria-pressed=true]{background:white;color:#224741;box-shadow:0 2px 6px #264e4817}
.demo-sample{font-size:.75rem;color:#6a827e;max-width:135px;line-height:1.4;text-align:right}
.demo-story{padding:23px 6px 22px}
.demo-story>.demo-eyebrow{display:none}
.demo-story h3{font-size:clamp(1.5rem,2.5vw,2.15rem);font-weight:600;letter-spacing:-.04em}
.demo-story>p:last-child{margin-top:7px;max-width:820px;line-height:1.5;color:#6a827e}
.demo-workspace{gap:16px}
.demo-workspace>*,.demo-story{animation:demo-arrive .45s var(--demo-ease) both}
.demo-paper{box-shadow:0 6px 24px #2c534d08;border:1px solid #eaf4f2;padding:30px}
.demo-side{background:#eff5f480;border:1px solid #e8f3f1;padding:27px}
.demo-paper-meta{margin-bottom:20px}
.demo-prompt{background:#f3fdfc;border:1px solid #e7f9f6}
.demo-ratio>div{background:#f6faf9}
.demo-button{font-weight:600;transition:transform .25s var(--demo-ease),background .2s,box-shadow .2s;min-height:46px}
.demo-button:hover{transform:translateY(-1px)}
.demo-button:active{transform:scale(.97)}
.demo-button.demo-primary{background:linear-gradient(180deg,#4be9d1,#3bd5be);box-shadow:inset 0 1px 0 #ffffff38,0 4px 10px #3cc0ac26;border:1px solid #3ac9b3}
.demo-primary:hover{box-shadow:inset 0 1px 0 #ffffff38,0 6px 18px #3cc0ac40}
.demo-bottom{margin-top:20px;position:sticky;bottom:18px;z-index:5;justify-content:center;pointer-events:none}
.demo-bottom>span{display:none}
.demo-action-dock{pointer-events:auto;background:#ffffffeb;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 6px 28px #204d4620,inset 0 1px 0 #fff;border:1px solid #ffffffd9;padding:6px}
.demo-action-dock .demo-button:not(.demo-primary){color:#678681}
body.demo-in-view .floating-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,18px)}
.floating-dock{transition:opacity .2s,transform .3s var(--demo-ease,cubic-bezier(.22,1,.36,1)),visibility .2s}
.collab-scene{display:grid;grid-template-columns:1.15fr 1fr;column-gap:26px;row-gap:0;padding:24px;background:#fff;border:1px solid #eaf4f2;box-shadow:0 6px 24px #2c534d08}
.collab-top{grid-column:1/-1;margin-bottom:26px}
.collab-people{grid-column:1;grid-row:2;width:100%;margin:0;gap:10px;align-self:start}
.collab-person{border-color:transparent;background:#f6faf9;padding:17px 9px;border-radius:20px;box-shadow:none;min-height:175px}
.collab-person[aria-pressed=true]{border-color:#c0f3eb;background:#f4fefc;box-shadow:none}
.collab-person.is-speaking{box-shadow:0 6px 18px #35a3930b;transform:translateY(-3px)}
.collab-person strong{font-size:1rem;font-weight:650}
.collab-person small{display:none}
.collab-person>span:not(.collab-avatar){font-size:.875rem;line-height:1.35;min-height:2.7em}
.collab-avatar{width:56px;height:56px;font-size:1.4rem;margin-bottom:12px}
.collab-person.is-speaking .collab-avatar{outline:2px solid #cff9f3;outline-offset:5px}
.collab-exchange{grid-column:1;grid-row:3;min-height:240px;padding:32px 4px 12px;margin:0;width:100%}
.collab-exchange h4{font-size:1.35rem;letter-spacing:-.035em;min-height:2.4em;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.collab-quote{font-size:1rem;line-height:1.65;min-height:6.6em;color:#567570}
.collab-caption{font-size:.75rem;line-height:1.5;margin-top:10px}
.collab-route{top:10px}
.collab-personal{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:#f6faf9;border:1px solid #eef4f3;padding:22px;gap:18px;margin:0}
.collab-path-copy .demo-eyebrow{display:block;margin-bottom:8px;font-size:.75rem}
.collab-path-copy h4{font-size:1.4rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:6px}
.collab-path-copy .demo-note{display:none}
.collab-path-copy>p{font-size:.875rem}
.collab-work{padding:20px;box-shadow:0 4px 14px #27524c05;border-color:#eaf4f2;flex:1}
.collab-work>p{font-size:1rem;min-height:4.8em;line-height:1.6}
.collab-equation{font-size:1.125rem;line-height:1.5;padding:15px;background:#f3fefc;min-height:3em}
.collab-help-text{font-size:.9375rem!important;min-height:0!important;animation:demo-arrive .3s var(--demo-ease)}
.collab-playbar{grid-column:1/-1;margin-top:23px;padding-top:18px;border-top:1px solid #eef4f3;gap:16px}
.collab-playbar>.demo-button{border:0;background:#f4f8f8;min-width:145px}
.collab-beats{gap:8px}
.collab-beats button{width:44px;height:44px;position:relative}
.collab-beats button span{font-size:0;display:block;width:7px;height:7px;border-radius:99px;background:#ccddda;margin:auto;transition:width .35s var(--demo-ease),background .25s}
.collab-beats button[aria-pressed=true]{background:transparent}
.collab-beats button[aria-pressed=true] span{width:26px;background:#45dbc4}
.collab-playbar>span{font-variant-numeric:tabular-nums;font-size:.8125rem}
.collab-path-toggle{display:none}
.collab-enter{animation:demo-arrive .45s var(--demo-ease)}
.collab-exchange.is-changing .collab-quote{animation:demo-arrive .4s var(--demo-ease)}
.demo-edit{margin-top:20px;border-top:1px solid #eef4f3;padding-top:16px}
.demo-edit summary{font-size:.875rem;color:#587773;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;font-weight:600;list-style:none}
.demo-edit summary::-webkit-details-marker{display:none}
.demo-edit summary:after{content:'+';margin-left:auto;font-size:1.2rem;font-weight:400}
.demo-edit[open] summary:after{content:'−'}
.demo-edit-label{margin-top:6px}
.demo-shell input{font-size:1rem}
.demo-input:focus{outline:3px solid #dafaf5;border-color:#82eede}
.demo-answer-status{font-size:.875rem;min-height:22px}
@keyframes demo-arrive{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.demo-sample{display:none}.demo-toolbar{justify-content:space-between}.demo-modes{width:auto}.collab-scene{column-gap:18px;padding:20px}.collab-personal{padding:18px}.collab-person{padding-inline:6px}.collab-quote{min-height:8.25em}.demo-toolbar:after{content:'Interactive concept · Sample data';width:100%;font-size:.75rem;color:#6a827e;text-align:center}}
@media(max-width:760px){.demo-section{padding-block:46px}.demo-section>.container{width:calc(100% - 24px)}.demo-intro{padding-inline:8px;display:block;margin-bottom:26px}.demo-intro h2{font-size:2.45rem}.demo-intro>p{margin-top:14px;max-width:450px;font-size:1rem}.demo-shell{padding:12px;border-radius:26px}.demo-wordmark{font-size:1.25rem}.demo-toolbar{gap:10px;padding:3px 4px}.demo-modes{flex:1;justify-content:center}.demo-modes button{font-size:.875rem;padding:9px 11px;min-height:44px}.demo-toolbar:after{order:3}.demo-story{padding:20px 7px}.demo-story h3{font-size:1.55rem}.demo-story>p:last-child{font-size:.9375rem}.collab-scene{display:flex;flex-direction:column;padding:17px;border-radius:20px}.collab-top{margin-bottom:20px;gap:8px}.collab-private{display:none}.collab-people{gap:8px;grid-row:auto;grid-column:auto}.collab-person{padding:15px 6px 9px;min-height:155px}.collab-avatar{width:48px;height:48px;font-size:1.3rem}.collab-person strong{font-size:1rem}.collab-exchange{min-height:252px;padding:28px 0 10px}.collab-exchange h4{font-size:1.35rem;min-height:2.4em}.collab-quote{font-size:1rem;min-height:6.6em}.collab-caption{margin-top:8px}.collab-path-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:#f3fbfa;color:#39ac9b;padding:15px 17px;border-radius:14px;font-size:.9375rem;font-weight:600;margin-top:10px;min-height:50px}.collab-path-toggle:after{content:'+';font-size:1.3rem;font-weight:400}.collab-path-toggle[aria-expanded=true]:after{content:'−'}.collab-personal{display:none;margin-top:12px;animation:demo-arrive .35s var(--demo-ease)}.collab-scene.paths-open .collab-personal{display:flex}.collab-work>p{min-height:0}.collab-playbar{margin-top:18px;padding-top:14px;gap:4px;flex-wrap:nowrap}.collab-playbar>.demo-button{min-width:115px;padding-inline:9px;font-size:.875rem}.collab-beats{gap:0;flex:1;justify-content:end}.collab-beats button{width:34px;height:44px}.collab-playbar>span{display:none}.demo-bottom{bottom:max(12px,env(safe-area-inset-bottom));margin-top:16px}.demo-action-dock{border-radius:99px;width:auto;max-width:100%;flex-wrap:nowrap}.demo-action-dock .demo-primary{flex:0 1 auto}.demo-action-dock .demo-button{font-size:.875rem;padding:12px 17px;white-space:normal}.demo-paper,.demo-side{padding:23px 19px}}
@media(max-width:390px){.demo-wordmark{display:none}.demo-modes{width:100%}.demo-modes button{flex:1;padding-inline:8px}.collab-scene{padding:13px}.collab-person>span:not(.collab-avatar){font-size:.875rem}.collab-beats button{width:30px}.collab-quote{min-height:8.25em}.collab-exchange{min-height:280px}.demo-action-dock .demo-button{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.demo-section *,.floating-dock{animation:none!important;transition:none!important;scroll-behavior:auto!important}.collab-person.is-speaking{transform:none}}