.demo-hero{max-width:1080px;margin-inline:auto;padding:clamp(36px,6vw,72px) clamp(20px,5vw,64px) 0;text-align:center}.demo-h1{font-size:clamp(40px,5.4vw,58px)}.demo-lede{max-width:560px;margin-inline:auto}.demo-chat-scene{position:relative;max-width:640px;margin:56px auto 0}.demo-chat-scene .lab-postage{top:-46px;right:-26px}.demo-onit{right:64px;top:-52px}.demo-chat{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-3);text-align:left;overflow:hidden}.demo-chat__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 84px 16px 20px;border-bottom:1px solid var(--line-soft)}.demo-chat__title{font:600 14.5px/1.2 var(--font-sans);color:var(--ink-1)}.demo-chat__counter{font:600 11.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--ink-3);white-space:nowrap}.demo-chat__messages{padding:20px;max-height:420px;overflow-y:auto}.demo-chat__messages,.demo-chat__starters{display:flex;flex-direction:column;gap:14px}.demo-chat__starters{padding:8px 0 4px}.demo-chat__empty{margin:0;font:400 14.5px/1.5 var(--font-sans);color:var(--ink-3);text-align:center}.demo-chat__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.demo-chat__chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-paper);color:var(--ink-2);font:500 13.5px/1.3 var(--font-sans);cursor:pointer;transition:border-color .14s ease,color .14s ease,transform .14s ease}.demo-chat__chip:hover{transform:translateY(-1px);border-color:var(--accent-500);color:var(--accent-600)}.demo-chat__chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.demo-chat__msg{display:flex;flex-direction:column;gap:8px;max-width:88%}.demo-chat__msg--user{align-self:flex-end;align-items:flex-end}.demo-chat__msg--assistant{align-self:flex-start;align-items:flex-start}.demo-chat__bubble{padding:10px 14px;border-radius:14px;font:400 14.5px/1.5 var(--font-sans);white-space:pre-wrap;word-break:break-word}.demo-chat__msg--user .demo-chat__bubble{background:var(--accent-600);color:#fff;border-bottom-right-radius:4px}.demo-chat__msg--assistant .demo-chat__bubble{background:var(--bg-paper);color:var(--ink-1);border:1px solid var(--line-soft);border-bottom-left-radius:4px}.demo-chat__thinking{display:inline-flex;gap:4px;align-items:center;padding:2px 0}.demo-chat__thinking span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.5;animation:demo-chat-bounce 1s ease-in-out infinite}.demo-chat__thinking span:nth-child(2){animation-delay:.15s}.demo-chat__thinking span:nth-child(3){animation-delay:.3s}@keyframes demo-chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:.9}}.demo-chat__refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.demo-chat__doc-card{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink-2);text-decoration:none;font:500 12.5px/1 var(--font-sans);transition:border-color .14s ease,color .14s ease;cursor:pointer;text-align:left}.demo-chat__doc-card:hover{border-color:var(--accent-500);color:var(--accent-600)}.demo-chat__doc-thumb{-o-object-fit:cover;object-fit:cover}.demo-chat__doc-fallback,.demo-chat__doc-thumb{width:22px;height:22px;border-radius:6px;background:var(--bg-paper)}.demo-chat__doc-fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-600)}.demo-chat__error{margin:0;font:500 13px/1.4 var(--font-sans);color:var(--red-600,#B3391F);text-align:center}.demo-chat__composer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line-soft)}.demo-chat__input{flex:1;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-paper);color:var(--ink-1);font:400 14.5px/1.3 var(--font-sans)}.demo-chat__input:focus-visible{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-glow)}.demo-chat__input:disabled{opacity:.6}.demo-chat__send{padding:10px 20px;border-radius:999px;border:none;background:var(--accent-600);color:#fff;font:600 14px/1 var(--font-sans);cursor:pointer;transition:opacity .14s ease,transform .14s ease}.demo-chat__send:hover:not(:disabled){transform:translateY(-1px)}.demo-chat__send:disabled{opacity:.5;cursor:default}.demo-chat__limit{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 20px;border-top:1px solid var(--line-soft);text-align:center;background:var(--bg-paper)}.demo-chat__limit-text{margin:0;max-width:420px;font:400 14.5px/1.5 var(--font-sans);color:var(--ink-2)}.demo-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:var(--accent-600);color:#fff;font:600 15px/1 var(--font-sans);box-shadow:var(--shadow-2);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.demo-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-3)}.demo-archive{padding-top:clamp(48px,7vw,84px)}.demo-archive__header{text-align:center}.demo-archive__lede{max-width:480px;margin-inline:auto}.demo-desk{position:relative;max-width:960px;margin:44px auto 0;padding:clamp(28px,4vw,48px) clamp(20px,4vw,48px) clamp(24px,3.5vw,40px);background:var(--bg-paper-2);border:1px solid var(--line-soft);border-radius:20px;background-image:radial-gradient(rgba(122,110,102,.07) 1px,transparent 0);background-size:16px 16px}.demo-desk__hint{position:absolute;top:-16px;left:50%;transform:translateX(-50%) rotate(-2deg);margin:0;padding:4px 14px;background:#fcefb8;color:#6e5c28;font-family:var(--font-hand),cursive;font-size:17px;font-weight:600;white-space:nowrap;border-radius:2px;box-shadow:0 6px 14px -9px rgba(90,55,20,.45)}.demo-desk__hint:before{content:"";position:absolute;top:-6px;left:50%;width:30px;height:12px;transform:translateX(-50%) rotate(-3deg);background:rgba(214,195,150,.5);border-radius:1px;box-shadow:inset 0 0 0 1px rgba(150,120,70,.12)}.demo-desk__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}.demo-paper{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.demo-paper:nth-child(6n+1) .demo-paper__sheet{transform:rotate(-1.8deg)}.demo-paper:nth-child(6n+2) .demo-paper__sheet{transform:rotate(1.2deg)}.demo-paper:nth-child(6n+3) .demo-paper__sheet{transform:rotate(-.8deg)}.demo-paper:nth-child(6n+4) .demo-paper__sheet{transform:rotate(1.6deg)}.demo-paper:nth-child(6n+5) .demo-paper__sheet{transform:rotate(-1.2deg)}.demo-paper:nth-child(6n+6) .demo-paper__sheet{transform:rotate(.9deg)}.demo-paper__sheet{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;aspect-ratio:1/1;padding:22px 20px 16px 26px;background:#FFFDF8;border:1px solid var(--line-soft);border-radius:3px;box-shadow:0 1px 2px rgba(90,55,20,.08),0 10px 26px -18px rgba(90,55,20,.35);transition:transform .18s ease,box-shadow .18s ease}.demo-paper:focus-visible .demo-paper__sheet,.demo-paper:hover .demo-paper__sheet{transform:rotate(0deg) translateY(-5px);box-shadow:0 2px 4px rgba(90,55,20,.08),0 22px 44px -20px rgba(90,55,20,.4)}.demo-paper:focus-visible{outline:none}.demo-paper:focus-visible .demo-paper__sheet{box-shadow:0 0 0 3px var(--accent-glow),0 22px 44px -20px rgba(90,55,20,.4)}.demo-paper__stripe{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0}.demo-paper__letterhead{margin-bottom:14px;font:600 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-align:left}.demo-paper__line{height:3.5px;background:#ece0c8;border-radius:2px;margin-bottom:9px}.demo-paper__note{position:absolute;top:-9px;right:-8px;padding:5px 9px 6px;background:#fcefb8;color:#6e5c28;font-family:var(--font-hand),cursive;font-size:14.5px;font-weight:600;line-height:1;border-radius:2px;transform:rotate(4deg);box-shadow:0 6px 14px -9px rgba(90,55,20,.45)}.demo-paper__ask{margin-top:auto;align-self:flex-end;font:600 12px/1 var(--font-sans);color:var(--accent-600);opacity:0;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease}.demo-paper:focus-visible .demo-paper__ask,.demo-paper:hover .demo-paper__ask{opacity:1;transform:translateY(0)}.demo-paper__member{font-family:var(--font-hand),cursive;font-size:17px;color:var(--ink-3)}.demo-popup__overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(31,26,23,.45)}.demo-popup{position:relative;width:min(860px,100%);max-height:min(640px,calc(100dvh - 48px));overflow:auto;background:var(--bg-card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-3);padding:26px}.demo-popup__close{position:absolute;top:12px;right:12px;z-index:1;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--ink-2);font:400 20px/1 var(--font-sans);cursor:pointer;transition:color .14s ease,border-color .14s ease}.demo-popup__close:hover{color:var(--accent-600);border-color:var(--accent-500)}.demo-popup__status{margin:40px 12px;text-align:center;font:500 15px/1.5 var(--font-sans);color:var(--ink-2)}.demo-popup__grid{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}.demo-popup__page{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-paper-sunk)}.demo-popup__img{display:block;width:100%;height:auto}.demo-popup__title{margin:2px 36px 12px 0;font:600 21px/1.25 var(--font-display);color:var(--ink-1)}.demo-popup__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.demo-popup__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);font:500 12.5px/1 var(--font-sans);color:var(--ink-2);background:var(--bg-paper)}.demo-popup__chip--cat{text-transform:capitalize;border-color:var(--accent-500);color:var(--accent-600)}.demo-popup__tint{width:9px;height:9px;border-radius:999px;flex:none}.demo-popup__dates{margin:0 0 12px;display:flex;gap:16px;font:500 13px/1.4 var(--font-sans);color:var(--ink-2)}.demo-popup__tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-soft);margin-bottom:12px}.demo-popup__tab{padding:8px 12px 9px;border:0;background:none;font:600 13.5px/1 var(--font-sans);color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s ease,border-color .14s ease}.demo-popup__tab:hover{color:var(--ink-1)}.demo-popup__tab.is-active{color:var(--ink-1);border-bottom-color:var(--accent-500)}.demo-popup__panel{min-height:96px;max-height:230px;overflow:auto}.demo-popup__summary{margin:0;font:400 14.5px/1.65 var(--font-sans);color:var(--ink-1)}.demo-popup__text{margin:0;white-space:pre-wrap;font:400 12.5px/1.7 var(--font-mono)}.demo-popup__md,.demo-popup__text{word-break:break-word;color:var(--ink-2)}.demo-popup__md{white-space:normal;font:400 13px/1.6 var(--font-sans)}.demo-popup__md>:first-child{margin-top:0}.demo-popup__md>:last-child{margin-bottom:0}.demo-popup__md h1,.demo-popup__md h2,.demo-popup__md h3,.demo-popup__md h4,.demo-popup__md h5,.demo-popup__md h6{margin:12px 0 6px;font:700 14px/1.35 var(--font-sans);color:var(--ink-1)}.demo-popup__md h1{font-size:16px}.demo-popup__md h2{font-size:15px}.demo-popup__md blockquote,.demo-popup__md ol,.demo-popup__md p,.demo-popup__md ul{margin:6px 0}.demo-popup__md ol,.demo-popup__md ul{padding-left:20px}.demo-popup__md blockquote{padding-left:10px;border-left:2px solid var(--line-soft);color:var(--ink-3)}.demo-popup__md code{font:400 12px/1.5 var(--font-mono);background:var(--bg-paper-2);padding:0 3px;border-radius:3px}.demo-popup__md pre{margin:6px 0;padding:8px;overflow-x:auto;background:var(--bg-paper-2);border-radius:6px}.demo-popup__md hr{margin:10px 0;border:0;border-top:1px solid var(--line-soft)}.demo-popup__md table{margin:8px 0;border-collapse:collapse;font-size:12.5px}.demo-popup__md td,.demo-popup__md th{padding:4px 8px;border:1px solid var(--line-soft);text-align:left}.demo-popup__md th{background:var(--bg-paper-2);font-weight:600}.demo-popup__foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}.demo-popup__ask{display:inline-flex}.demo-popup__hint{margin:12px 0 0;font-family:var(--font-hand),cursive;font-size:16.5px;line-height:1.4;color:var(--ink-3)}@media (max-width:700px){.demo-popup__overlay{padding:12px;align-items:flex-end}.demo-popup{padding:20px 18px;max-height:calc(100dvh - 24px)}.demo-popup__grid{grid-template-columns:1fr;gap:18px}.demo-popup__page{max-width:240px;margin:0 auto}}@media (max-width:880px){.demo-desk__grid{grid-template-columns:repeat(2,1fr);gap:30px 24px}}@media (max-width:640px){.demo-chat-scene{margin-top:20px;padding-top:64px}.demo-chat-scene .lab-postage{top:-4px;right:8px;width:62px;height:68px}.demo-onit{right:80px;top:8px;font-size:17px}.demo-chat__header{padding-right:20px;flex-wrap:wrap;row-gap:4px}.demo-chat__title{flex:1 1 100%}.demo-chat__messages{max-height:360px}.demo-desk__grid{gap:26px 18px}.demo-paper__sheet{padding:16px 14px 14px 18px}.demo-paper__letterhead{font-size:10px;margin-bottom:10px}.demo-paper__note{font-size:12.5px;right:-5px}.demo-paper__member{font-size:15px}}