.showcase-layout{--showcase-accent:#8a5a18;--showcase-accent-soft:#a56b1710;--showcase-canvas:#f8f9f9;--showcase-surface:#fefefe;--showcase-ink:#232729;--showcase-muted:#61696d;--showcase-line:#e1e4e5;--showcase-enter:.24s;--showcase-pad:56px;background:var(--showcase-canvas);height:100dvh;color:var(--showcase-ink);font-family:var(--font-satoshi), sans-serif;flex-direction:column;display:flex;overflow:clip}.dark .showcase-layout{--showcase-accent:#e1b875;--showcase-accent-soft:#e1b8750e;--showcase-canvas:#141617;--showcase-surface:#1a1d1e;--showcase-ink:#eff1f1;--showcase-muted:#a6adaf;--showcase-line:#303536}.showcase-layout :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--showcase-accent);outline-offset:4px}.showcase-layout button{cursor:pointer}.showcase-layout button:disabled{cursor:default}.showcase-layout h1,.showcase-layout h2{text-wrap:balance}.showcase-skip{z-index:1;background:var(--showcase-surface);padding:12px;position:absolute;top:-100px;left:24px}.showcase-skip:focus{top:8px}.showcase-nav{border-bottom:1px solid var(--showcase-line);background:var(--showcase-canvas);flex-shrink:0;justify-content:space-between;align-items:center;min-height:76px;padding:0 40px;display:flex}.showcase-wordmark{font-family:var(--font-commissioner), sans-serif;letter-spacing:-.055em;font-size:21px;font-weight:500}.showcase-nav-links{align-items:center;gap:24px;font-size:13px;display:flex}.showcase-nav-detail{color:var(--showcase-muted)}.showcase-nav-detail:hover,.showcase-nav-detail[data-active]{color:var(--showcase-ink)}.showcase-icon-link{place-items:center;width:44px;height:44px;display:grid}.showcase-app-link{min-height:40px;color:var(--showcase-canvas);background:var(--showcase-ink);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:0 16px;font-weight:500;display:flex}.showcase-route{flex:1;min-height:0}.showcase-route [data-page-chrome]{border:0;border-radius:0;height:100%;margin:0}.showcase-scroll{scroll-behavior:smooth;height:100%;overflow:hidden auto}.showcase-container{max-width:1320px;margin:0 auto;padding:0 56px}.showcase-format-switch{flex-wrap:wrap;gap:6px;padding-bottom:24px;display:flex}.showcase-format-switch button{border:1px solid var(--showcase-line);min-height:40px;color:var(--showcase-muted);border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font-size:12px;display:flex}.showcase-format-switch button[aria-pressed=true]{background:var(--showcase-ink);border-color:var(--showcase-ink);color:var(--showcase-surface)}.showcase-conversation{min-height:360px}.showcase-user-prompt{background:var(--showcase-canvas);border:1px solid var(--showcase-line);border-radius:12px 12px 3px;max-width:440px;margin-left:auto;padding:14px 18px;font-size:13px;line-height:1.6}.showcase-answer{margin-top:24px}.showcase-assistant-name{align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.showcase-organic-mark{border:1px solid var(--showcase-line);width:23px;height:23px;color:var(--showcase-accent);border-radius:8px;place-items:center;display:grid}.showcase-answer-copy{color:var(--showcase-muted);margin:12px 0 18px;font-size:13px;line-height:1.6}.showcase-answer-block{border:1px solid var(--showcase-line);border-radius:12px;padding:16px}.showcase-answer-block button[aria-pressed]{min-width:32px;min-height:32px}.showcase-stage-footnote{color:var(--showcase-muted);justify-content:space-between;align-items:center;gap:20px;padding-top:22px;font-size:11px;line-height:1.6;display:flex}.showcase-stage-footnote p{max-width:340px}.showcase-stage-footnote button{min-height:40px;color:var(--showcase-ink);white-space:nowrap;align-items:center;gap:10px;font-weight:500;display:flex}.showcase-intro{padding:96px 0 72px;position:relative}.showcase-intro:before{content:"";inset:-80px calc(-1 * var(--showcase-pad)) 0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 80% 0%, var(--showcase-accent-soft), transparent 70%), radial-gradient(1.5px 1.5px at 12% 22%, var(--showcase-muted) 50%, transparent 51%), radial-gradient(1px 1px at 31% 61%, var(--showcase-muted) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 58% 28%, var(--showcase-muted) 50%, transparent 51%), radial-gradient(1px 1px at 74% 70%, var(--showcase-muted) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 90% 40%, var(--showcase-muted) 50%, transparent 51%);opacity:.55;position:absolute;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.showcase-intro h1{letter-spacing:-.065em;max-width:11ch;font-size:clamp(48px,8.2vw,124px);font-weight:400;line-height:.98}.showcase-intro-copy{max-width:520px;color:var(--showcase-ink);margin-top:28px;font-size:clamp(17px,1.6vw,21px);line-height:1.5}.showcase-intro-note{color:var(--showcase-muted);margin-top:14px;font-size:13px}.showcase-text-link{color:var(--showcase-ink);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.showcase-text-link:hover{color:var(--showcase-accent)}.showcase-footer{border-top:1px solid var(--showcase-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 40px;margin-top:96px;padding:32px 0 56px;display:flex}.showcase-footer h2{font-size:15px;font-weight:500}.showcase-footer nav{color:var(--showcase-muted);flex-wrap:wrap;gap:4px 28px;font-size:13px;display:flex}.showcase-footer nav a{align-items:center;gap:5px;min-height:44px;display:inline-flex}.showcase-footer nav a:hover{color:var(--showcase-ink)}.showcase-demo-detail{max-width:640px;color:var(--showcase-muted);margin:28px 0 8px;font-size:13px;line-height:1.75}.showcase-demo-detail strong{color:var(--showcase-ink);font-weight:500}.showcase-trip{scroll-margin-top:24px}.showcase-trip-bar{z-index:5;background:color-mix(in srgb, var(--showcase-canvas) 92%, transparent);border-bottom:1px solid var(--showcase-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 -56px;padding:10px 56px;position:sticky;top:0}.showcase-trip-bar ol{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.showcase-trip-bar a{white-space:nowrap;min-height:44px;color:var(--showcase-muted);border-radius:8px;align-items:center;gap:9px;padding:0 14px;font-size:13px;transition:background-color .16s,color .16s;display:flex}.showcase-trip-bar a span{border:1px solid var(--showcase-line);border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.showcase-trip-bar a:hover{color:var(--showcase-ink)}.showcase-trip-bar a.is-active{color:var(--showcase-ink);background:var(--showcase-surface)}.showcase-trip-bar a.is-active span{color:var(--showcase-canvas);background:var(--showcase-accent);border-color:var(--showcase-accent)}.showcase-chapter{padding:112px 0 24px;scroll-margin-top:64px}.showcase-chapter-intro{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:end;gap:12px 56px;margin-bottom:28px;display:grid}.showcase-chapter-when{letter-spacing:.02em;color:var(--showcase-accent);grid-column:1/-1;align-items:baseline;gap:14px;font-size:13px;display:flex}.showcase-chapter-when span{font-variant-numeric:tabular-nums;color:var(--showcase-muted)}.showcase-chapter-intro h2{letter-spacing:-.055em;font-size:clamp(34px,4.6vw,64px);font-weight:400;line-height:1.02}.showcase-chapter-copy p{color:var(--showcase-muted);font-size:16px;line-height:1.65}.showcase-chapter-copy .showcase-text-link{margin-top:14px}.showcase-chapter-stage{background:var(--showcase-surface);border:1px solid var(--showcase-line);border-radius:16px;min-width:0;padding:28px;box-shadow:0 8px 32px #15191a05}.showcase-demo-loading{min-height:420px;padding:24px 0}.showcase-demo-loading div{background:var(--showcase-canvas);border-radius:10px;height:72px;margin-bottom:20px}.showcase-demo-loading div:nth-child(2){width:75%}.showcase-demo-loading div:nth-child(3){height:160px}.showcase-demo-page{padding:32px 0 60px}.showcase-demo-back{border:1px solid var(--showcase-line);background:var(--showcase-surface);min-height:44px;color:var(--showcase-ink);border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:0 18px 0 14px;font-size:13px;font-weight:500;display:inline-flex}.showcase-demo-back:hover{border-color:var(--showcase-muted)}.showcase-demo-header{padding:28px 0 30px}.showcase-demo-header>p:first-child{color:var(--showcase-accent);margin-bottom:14px;font-size:12px}.showcase-demo-header h1{letter-spacing:-.045em;font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.15}.showcase-demo-header .showcase-demo-value{max-width:680px;color:var(--showcase-muted);margin-top:14px;font-size:16px;line-height:1.7}.showcase-demo-disclosure{color:var(--showcase-muted);margin-top:16px;font-size:11px}.showcase-standalone-stage{border:1px solid var(--showcase-line);background:var(--showcase-surface);border-radius:16px;padding:28px}.showcase-tour-footer{border-top:1px solid var(--showcase-line);padding-top:24px}.showcase-tour-footer a[aria-current]{color:var(--showcase-accent)}.showcase-tour-neighbors{justify-content:space-between;gap:24px;margin-top:20px;font-size:13px;display:flex}.showcase-chapter-stage .organic-glass-smoke,.showcase-standalone-stage .organic-glass-smoke{background:var(--showcase-surface);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:no-preference){.showcase-conversation{animation:showcase-arrive var(--showcase-enter) ease-out both}@keyframes showcase-arrive{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.showcase-scroll{scroll-behavior:auto}.showcase-layout *,.showcase-layout :before,.showcase-layout :after{transition-duration:0s!important;animation:none!important}}@media (max-width:1100px){.showcase-layout{--showcase-pad:32px}.showcase-container{padding:0 32px}.showcase-trip-bar{margin:0 -32px;padding:8px 32px}.showcase-chapter-intro{grid-template-columns:1fr}}@media (max-width:767px){.showcase-layout{--showcase-pad:20px}.showcase-nav{min-height:64px;padding:0 20px}.showcase-wordmark{font-size:19px}.showcase-nav-links{gap:4px}.showcase-nav-detail,.showcase-icon-link{display:none}.showcase-app-link{gap:6px;padding:0 12px;font-size:12px}.showcase-container{padding:0 20px}.showcase-trip-bar{margin:0 -20px;padding:6px 20px}.showcase-trip-bar a{gap:7px;padding:0 11px;font-size:12px}.showcase-intro{padding:56px 0 40px}.showcase-chapter{padding-top:72px;scroll-margin-top:56px}.showcase-chapter-intro{margin-bottom:20px}.showcase-chapter-copy p{font-size:15px}.showcase-chapter-stage{padding:16px 14px}.showcase-format-switch{gap:5px;padding-bottom:20px}.showcase-format-switch button{gap:5px;padding:9px 8px;font-size:11px}.showcase-format-switch button svg{width:13px}.showcase-user-prompt{padding:12px;font-size:12px}.showcase-answer-block{padding:12px}.showcase-conversation{min-height:0}.showcase-stage-footnote{flex-direction:column;align-items:start;gap:6px;padding-top:16px}.showcase-demo-page{padding-top:20px}.showcase-demo-header{padding:20px 0 24px}.showcase-standalone-stage{padding:16px}.showcase-tour-neighbors{flex-wrap:wrap}}.showcase-chapter-stage,.showcase-standalone-stage{container-type:inline-size}@container (min-width:680px){.showcase-research-grid{grid-template-columns:180px minmax(0,1fr)}.showcase-research-path{grid-area:1/1/3}.showcase-research-branches{grid-column:2}.showcase-context-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.showcase-context-effort{grid-area:1/1}.showcase-context-memories{grid-area:2/1}.showcase-context-inspector{grid-area:1/2/3}}@container (min-width:1000px){.showcase-research-grid{grid-template-columns:230px minmax(0,1fr) 300px}.showcase-research-path{grid-row:1}.showcase-research-article{grid-area:1/2}.showcase-research-branches{grid-area:1/3}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.showcase-chapter-intro{animation:linear both showcase-rise;animation-timeline:view();animation-range:entry 5% entry 55%}@keyframes showcase-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}}
