.scenario{padding:var(--space-3xl) 0}.back{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--c-text-muted);margin-bottom:var(--space-xl)}.back:hover{color:var(--c-primary)}.scenario__header h1{max-width:720px;margin-top:var(--space-md);font-family:var(--font-display);letter-spacing:.01em}.scenario__lead{max-width:720px;margin-top:var(--space-lg);font-size:1.05rem;color:var(--c-text-secondary);line-height:1.7}.scenario__cast{display:flex;flex-wrap:wrap;gap:7px;margin-top:var(--space-lg)}.scenario__cast .pill{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border-subtle);padding:4px 9px;border-radius:6px}.scenario__tools{display:grid;grid-template-columns:minmax(0,720px) minmax(190px,220px);align-items:stretch;gap:var(--space-md);margin-top:var(--space-xl)}.scenario__agent{--accent: var(--c-primary);display:flex;align-items:center;gap:14px;padding:var(--space-md) var(--space-lg);border:1px solid var(--c-border-subtle);border-radius:var(--radius-md);background:var(--c-surface)}.scenario__agent-icon{flex-shrink:0;display:inline-flex;color:var(--accent)}.scenario__agent-icon svg{width:24px;height:24px}.scenario__agent-text{display:flex;flex-direction:column;gap:2px}.scenario__agent-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}.scenario__agent-name{font-size:1.05rem;font-weight:700;color:var(--c-text);font-family:var(--font-display);letter-spacing:-.01em;line-height:1.2}.demotype-copy{display:flex;align-items:center;gap:12px;min-width:0;padding:var(--space-md) var(--space-lg);color:var(--c-text);text-align:left;background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease}.demotype-copy:hover{color:var(--c-primary);border-color:var(--c-primary);transform:translateY(-1px)}.demotype-copy:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.demotype-copy.copied{color:var(--c-green);border-color:var(--c-green)}.demotype-copy.copy-failed{color:var(--c-red);border-color:var(--c-red)}.demotype-copy__icon{display:inline-flex;flex-shrink:0}.demotype-copy__icon svg{width:22px;height:22px}.demotype-copy__text{display:flex;min-width:0;flex-direction:column;gap:1px}.demotype-copy__label{font-family:var(--font-display);font-size:.9rem;font-weight:700;line-height:1.25;white-space:nowrap}.demotype-copy__hint{font-family:var(--font-mono);font-size:.62rem;color:var(--c-text-muted);white-space:nowrap}.scenario__section{margin-top:var(--space-3xl)}.scenario__section h2{margin-bottom:var(--space-lg)}.convo{margin-top:var(--space-3xl)}.convo h2{margin-bottom:var(--space-sm)}.convo__intro{color:var(--c-text-secondary);margin-bottom:var(--space-xl);font-size:.92rem}.timeline{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}.timeline li{display:grid;grid-template-columns:40px 1fr;gap:var(--space-md);padding:var(--space-md) 0}.tl-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.78rem;font-weight:700;font-family:var(--font-display)}.tl-user .tl-marker{background:var(--c-primary);color:var(--c-bg-deep)}.tl-agent .tl-marker{background:var(--c-surface-raised);border:1px solid var(--c-border);color:var(--c-purple)}.tl-content{min-width:0}.tl-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:var(--font-mono)}.tl-user .tl-label{color:var(--c-primary)}.tl-agent .tl-label{color:var(--c-purple)}.tl-user .try-prompt{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-md)}.tl-user .try-prompt__text{font-size:.92rem;color:var(--c-text);line-height:1.6;border:none;padding:0 84px 0 0;margin:0}.tl-steps{font-size:.88rem;color:var(--c-text-secondary);line-height:1.65;padding:var(--space-md);background:var(--c-surface);border-radius:var(--radius-md);border:1px solid var(--c-border-subtle)}.tl-steps p{margin-top:8px}.tl-steps strong{color:var(--c-text)}.tl-tool,.tl-skill,.tl-delegate,.tl-file{display:flex;align-items:baseline;gap:8px;padding:4px 0}.tl-tool-name{font-family:var(--font-mono);font-size:.78em;font-weight:600;color:var(--c-primary);background:var(--c-primary-light);padding:2px 8px;border-radius:4px;white-space:nowrap}.tl-skill-name{font-family:var(--font-mono);font-size:.78em;font-weight:600;color:var(--c-pink);background:#ff2e881f;padding:2px 8px;border-radius:4px;white-space:nowrap}.tl-delegate-name{font-family:var(--font-mono);font-size:.78em;font-weight:600;color:var(--c-purple);background:#b06bff1f;padding:2px 8px;border-radius:4px;white-space:nowrap}.tl-list{margin:8px 0 0;padding-left:1.1rem;list-style:none}.tl-list li{position:relative;padding:3px 0}.tl-list li:before{content:"→";position:absolute;left:-1.1rem;color:var(--c-orange)}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.value-card{padding:var(--space-lg);background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:var(--radius-md)}.value-card h3{font-size:.95rem;margin-bottom:var(--space-xs);color:var(--c-text)}.value-card p{font-size:.85rem;color:var(--c-text-secondary);line-height:1.6}.result{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--gradient-brand-soft),var(--c-surface);border:1px solid var(--c-border)}.result__icon{display:inline-flex;color:var(--c-primary)}.result__icon svg{width:26px;height:26px}.result__label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted)}.result__value{font-size:1.05rem;font-weight:700;color:var(--c-text);font-family:var(--font-display)}.files{display:flex;flex-wrap:wrap;gap:var(--space-md)}.filecard{display:flex;align-items:center;gap:12px;padding:var(--space-md) var(--space-lg);background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:var(--radius-md)}.filecard__icon{display:inline-flex;color:var(--c-orange)}.filecard__icon svg{width:22px;height:22px}.tl-file svg{width:15px;height:15px;color:var(--c-orange);flex-shrink:0;align-self:center}.filecard strong{display:block;font-size:.9rem;color:var(--c-text)}.filecard span{font-size:.78rem;color:var(--c-text-muted);font-family:var(--font-mono)}.filecard--download{text-decoration:none;transition:border-color .15s ease,transform .15s ease}.filecard--download:hover{border-color:var(--c-orange);transform:translateY(-1px)}.filecard__dl{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-orange)}.gen-note{margin-bottom:var(--space-lg);font-size:.9rem;color:var(--c-text-secondary);line-height:1.6;max-width:70ch}.slip-preview{margin:var(--space-lg) 0 0;max-width:560px}.slip-preview a{display:block}.slip-preview img{display:block;width:100%;border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-console);background:#fff}.demo-video{margin:var(--space-2xl) 0 0}.demo-video__player{display:block;width:100%;aspect-ratio:1920 / 1022;background:var(--c-bg-deep);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-console)}.demo-video__caption{margin-top:var(--space-md);font-size:.88rem;color:var(--c-text-secondary);line-height:1.6}.demo-video__label{display:inline-block;margin-right:8px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-purple)}.journey-overview{max-width:900px}.journey-overview__intro{max-width:70ch;margin:calc(-1 * var(--space-sm)) 0 var(--space-lg);color:var(--c-text-secondary);font-size:.9rem;line-height:1.6}.journey-compare{display:grid;grid-template-columns:1fr 44px 1fr;align-items:stretch;gap:0;margin:0}.journey-compare__panel{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-md);min-width:0;padding:var(--space-lg);background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:var(--radius-md)}.journey-compare__panel--agent{background:var(--gradient-brand-soft),var(--c-surface);border-color:var(--border-primary)}.journey-compare__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.journey-compare__heading h3{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--c-text)}.journey-compare__badge{flex-shrink:0;padding:3px 7px;border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);background:var(--c-surface-raised);font-family:var(--font-mono);font-size:.56rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.journey-compare__panel--agent .journey-compare__badge{color:var(--c-primary);border-color:var(--border-primary);background:var(--c-primary-light)}.journey-compare__tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;list-style:none}.journey-compare__tasks li{position:relative;display:flex;align-items:center;min-height:42px;padding:7px 8px 7px 22px;border:1px solid var(--c-border-subtle);border-radius:var(--radius-sm);color:var(--c-text-secondary);background:var(--c-surface-raised);font-size:.72rem;font-weight:600;line-height:1.3}.journey-compare__tasks li:before{content:"";position:absolute;left:9px;width:6px;height:6px;border-radius:50%;background:var(--c-text-muted)}.journey-compare__summary{padding-top:var(--space-sm);border-top:1px solid var(--c-border-subtle);color:var(--c-text-secondary);font-size:.75rem;line-height:1.5}.journey-compare__summary strong{color:var(--c-text)}.journey-compare__arrow{display:flex;align-items:center;justify-content:center;color:var(--c-primary)}.journey-compare__arrow svg{width:26px;height:26px}.journey-compare__agent-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:center}.journey-compare__agent-map span{padding:8px;border:1px solid var(--c-border-subtle);border-radius:var(--radius-sm);color:var(--c-text-secondary);background:var(--c-surface);text-align:center;font-size:.7rem;font-weight:700}.journey-compare__agent-map strong{grid-column:1 / -1;grid-row:1;justify-self:center;padding:10px 16px;border:1px solid var(--c-primary);border-radius:var(--radius-md);color:var(--c-primary);background:var(--c-primary-light);font-family:var(--font-display);font-size:.82rem;text-align:center}.journey-compare__outcome{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding:10px var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--c-text-secondary);background:var(--c-primary-light);font-size:.78rem;line-height:1.45}.journey-compare__outcome span{flex-shrink:0;padding-right:var(--space-md);border-right:1px solid var(--border-primary);color:var(--c-primary);font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.journey-compare__outcome strong{color:var(--c-text)}@media(max-width:800px){.scenario__tools{grid-template-columns:1fr}.demotype-copy{width:100%}.journey-compare{grid-template-columns:1fr;gap:var(--space-sm)}.journey-compare__arrow{transform:rotate(90deg)}.journey-compare__outcome{grid-column:1}}@media(max-width:520px){.journey-compare__tasks{grid-template-columns:1fr}.journey-compare__outcome{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.journey-compare__outcome span{padding-right:0;border-right:0}}