.dd-story { gap:64px; }
.dd-story-note { color:var(--ah-muted);font-size:12px; }
.dd-story-note { margin-top:24px; }
.dd-story-index { color:var(--ah-muted);font:500 11px/1.5 'Geist Mono',monospace;letter-spacing:.04em; }
.dd-story p { line-height:1.6; }
.dd-story a { color:var(--ah-signal);text-decoration:underline;text-underline-offset:4px; }
.dd-demo { border:1px solid var(--ah-strong);border-radius:8px;background:var(--ah-surface); }
.dd-demo-toolbar,.dd-demo-context { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--ah-border); }
.dd-demo-toolbar>span { font-size:13px; }
.dd-demo-context p { margin:0;color:var(--ah-muted);font-size:12px; }
.dd-demo-context h3 { margin:8px 0 0; }
.dd-demo-board { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;background:var(--ah-bg); }
.dd-demo-column { min-width:0;display:flex;flex-direction:column;gap:12px; }
.dd-demo-column>h3 { margin:0;font-size:13px; }
.dd-demo-column ah-card { display:block;min-width:0; }
.dd-demo-card-title { font-size:14px;font-weight:500;margin:0 0 8px; }
.dd-demo-card-detail { font-size:12px;color:var(--ah-muted);margin:0 0 12px; }
.dd-demo-card-value { font:500 12px 'Geist Mono',monospace; }
.dd-demo-quote { border-top:1px solid var(--ah-strong);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;padding:32px;scroll-margin-top:24px; }
.dd-demo-quote-intro p:not(.dd-story-index) { color:var(--ah-muted); }
.dd-demo-lines { min-width:0; }
.dd-demo-line { display:flex;justify-content:space-between;align-items:start;gap:24px;border-bottom:1px solid var(--ah-border);padding:16px 0; }
.dd-demo-line>span { flex-shrink:0;font:400 13px 'Geist Mono',monospace; }
.dd-demo-line p { font-size:12px;color:var(--ah-muted);margin-bottom:0; }
.dd-demo-line ah-choice { min-width:0; }
.dd-demo-total { display:flex;justify-content:space-between;gap:16px;padding-top:24px;font-size:18px;font-weight:500; }
.dd-demo-total output { white-space:nowrap; }
.dd-demo-lines .dd-story-note { margin:8px 0 24px; }
#dd-demo-feedback { min-height:24px;font-size:12px;color:var(--ah-muted); }
.dd-story :focus-visible { outline:2px solid var(--ah-signal);outline-offset:4px; }
@media(max-width:760px) {
  .dd-story { gap:48px; }
  .dd-demo-context { align-items:start;flex-direction:column;gap:8px; }
  .dd-demo-board { grid-template-columns:minmax(0,1fr); }
  .dd-demo-board,.dd-demo-quote,.dd-demo-toolbar,.dd-demo-context { padding:16px; }
  .dd-demo-line { flex-wrap:wrap;gap:12px; }
}
@media(max-width:400px) { .dd-demo-total { flex-direction:column;gap:8px; } }

/* Expanded product demo: shared controls, quiet surfaces, motion tied to actions. */
.dd-demo [hidden] { display:none !important; }
.dd-demo-views { display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 24px;border-bottom:1px solid var(--ah-border); }
.dd-demo-views>span { margin-left:auto;color:var(--ah-muted);font-size:12px; }
.dd-demo-search { display:flex;align-items:end;gap:24px;padding:16px 24px 0;background:var(--ah-bg); }
.dd-demo-search ah-field { width:320px;max-width:100%; }
.dd-demo-search p { color:var(--ah-muted);font-size:12px; }
#dd-demo-empty { padding:0 24px 24px;color:var(--ah-muted); }
.dd-demo-progress { display:flex;flex-wrap:wrap;gap:24px;padding:16px 32px;background:var(--ah-bg);border-top:1px solid var(--ah-border);font:500 11px 'Geist Mono',monospace;color:var(--ah-muted); }
.dd-demo-progress [data-current] { color:var(--ah-fg); }
.dd-demo-progress [data-current]::before { content:'◆';color:var(--ah-signal);margin-right:8px; }
.dd-demo-person { display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--ah-border); }
.dd-demo-person ah-presence { flex-shrink:0; }
.dd-demo-person p { font-size:12px;margin:4px 0; }
.dd-demo-chat-disclosure { font-size:12px;color:var(--ah-muted);margin:0 0 12px; }
#dd-demo-chat-switch { margin-top:12px; }
.dd-demo-activity { border-left:2px solid var(--ah-border);padding-left:16px;margin-top:32px; }
.dd-demo-activity[data-confirmed] { border-color:var(--ah-signal); }
.dd-demo-activity p:last-child { font-size:13px; }
.dd-demo-stepper { display:flex;align-items:center;gap:12px; }
.dd-demo-stepper output { min-width:16px;text-align:center;font:500 14px 'Geist Mono',monospace; }
.dd-demo-workshops { align-items:center; }
.dd-demo[data-view='customer'] .dd-demo-quote { padding:48px;gap:64px; }
.dd-demo[data-view='customer'] .dd-demo-context { background:var(--ah-bg); }
.dd-demo-card-value { transition:color 200ms; }
.dd-demo { view-transition-name:dealdesk-demo; }
#dd-demo-reset { flex-shrink:0; }
@media(max-width:760px) {
  .dd-demo-views,.dd-demo-progress,.dd-demo-search { padding:16px; }
  .dd-demo-toolbar { flex-wrap:wrap; }
  .dd-demo-views>span { width:100%;margin:4px 0 0; }
  .dd-demo-search { flex-wrap:wrap;gap:0; }
  .dd-demo[data-view='customer'] .dd-demo-quote { padding:16px;gap:24px; }
  .dd-demo-progress { gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .dd-demo * { animation:none !important;transition:none !important;scroll-behavior:auto !important; } }

.dd-story-process ol { list-style:none;padding:0;margin:16px 0 0;display:grid;gap:16px; }
.dd-story-process li { display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;border-top:1px solid var(--ah-border);padding-top:16px; }
.dd-story-process li p { color:var(--ah-muted);font-size:12px;margin:4px 0 0; }
.dd-story-process .landing-meta { margin:0; }
.dd-story-roadmap { color:var(--ah-muted);max-width:600px;margin:24px 0 0; }
#dealdesk-demo > .dd-demo { margin-top:28px; }
.dd-demo h3 { font-size:18px;line-height:1.3;margin:8px 0 16px; }
.dd-demo-column>h3 { font-size:13px;margin:0; }
@media(max-width:760px) { .dd-demo-quote { grid-template-columns:minmax(0,1fr);gap:24px; } }

/* Narrative layouts compose existing surfaces and components. */
.dd-story [id] { scroll-margin-top:32px; }
.dd-story-emphasis { font-weight:600;margin-top:24px; }
.dd-story-connections { margin:24px 0;padding-left:24px; }
.dd-story-connections li { padding:12px 0;border-bottom:1px solid var(--ah-border); }
.dd-story-benefits { margin-top:32px; }
.dd-story-benefit { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding:32px 0;border-top:1px solid var(--ah-border); }
.dd-story-benefit h3,.dd-story-roadmap-item h3,.dd-story-listening h3 { font-size:18px;line-height:1.4;font-weight:600;margin:0 0 16px; }
.dd-story-benefit li { margin:8px 0; }
.dd-story-benefit ul { padding-left:20px;color:var(--ah-muted); }
.dd-story-available { margin-top:32px; }
.dd-story-roadmap-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px; }
.dd-story-roadmap-item { padding:24px;border:1px dashed var(--ah-border);min-width:0; }
.dd-story-roadmap-item p { color:var(--ah-muted); }
.dd-story-roadmap-meta { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px;font:500 11px 'Geist Mono',monospace; }
.dd-story-listening { margin-top:32px;max-width:720px; }
@media(max-width:760px) {
  .dd-story-benefit,.dd-story-roadmap-grid { grid-template-columns:minmax(0,1fr);gap:16px; }
}


/* Editorial process figures: dense handovers versus one continuous timeline. */
.dd-process { margin:32px 0;border:1px solid var(--ah-border);border-radius:8px;padding:32px;background:var(--ah-surface); }
.dd-process-heading { border-bottom:1px solid var(--ah-border);padding-bottom:24px;margin-bottom:8px; }
.dd-process-heading .landing-meta { color:var(--ah-muted);margin:0 0 12px; }
.dd-process figcaption { font-size:18px;font-weight:600;line-height:1.4; }
.dd-process-map { position:relative;isolation:isolate;padding:32px 0; }
.dd-process-wires { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--ah-muted);z-index:-1; }
.dd-process-wires>path { fill:none;stroke:var(--ah-muted);stroke-width:1.5; }
.dd-process-wires .dd-wire-main { stroke:var(--ah-muted); }
.dd-process--new .dd-wire-main { stroke:var(--ah-signal);stroke-width:2; }
.dd-process-nodes { list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:64px 32px;padding:0;margin:0; }
.dd-process-nodes li { min-width:0;align-self:start; }
.dd-process-nodes ah-card { display:flex;height:auto; }
.dd-process-nodes h3 { font-size:14px;font-weight:500;line-height:1.5;margin:16px 0 0;overflow-wrap:anywhere; }
.dd-process-meta { display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;font:500 11px 'Geist Mono',monospace;color:var(--ah-muted); }
.dd-process--old li:nth-child(5) { grid-column:4;grid-row:2; }
.dd-process--old li:nth-child(6) { grid-column:3;grid-row:2; }
.dd-process--old li:nth-child(7) { grid-column:2;grid-row:2; }
.dd-process--old li:nth-child(8) { grid-column:1;grid-row:2; }
.dd-process--new .dd-process-map { padding:48px 0 112px; }
.dd-process--new .dd-process-nodes { grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;gap:24px; }
.dd-process--new li { text-align:center;background:transparent;padding:0 8px 16px; }
.dd-process--new h3 { font-weight:600; }
.dd-process-number { position:relative;background:var(--ah-surface);display:inline-flex;align-items:center;gap:8px;min-height:32px;font:500 12px 'Geist Mono',monospace;color:var(--ah-muted); }
.dd-process-number::before { content:'◆';color:var(--ah-signal);font-size:14px; }
.dd-process-feedback { list-style:none;padding:16px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;border-top:1px solid var(--ah-border);font-size:12px;color:var(--ah-muted); }
.dd-process-feedback li::before { content:'↔';margin-right:8px;color:var(--ah-fg); }
.dd-process-explanation { max-width:760px;color:var(--ah-muted);font-size:13px;margin:24px 0 0; }
.dd-product-preview { margin:40px 0 32px;min-width:0; }
.dd-product-preview-heading h3 { font-size:24px;line-height:1.3;font-weight:600;margin:12px 0; }
.dd-product-preview-heading p:not(.landing-meta) { color:var(--ah-muted);max-width:640px; }
.dd-product-theme { border:1px solid var(--ah-border);border-radius:8px;padding:12px;background:var(--ah-surface);margin-top:24px; }
.dd-product-image-link { display:block; }
.dd-product-preview img { display:block;width:100%;height:auto;border-radius:4px; }
.dd-product-preview figcaption { font-size:12px;color:var(--ah-muted);margin-top:16px; }
.dd-product-theme--light { display:none; }
html[data-theme="light"] .dd-product-theme--light { display:block; }
html[data-theme="light"] .dd-product-theme--dark { display:none; }
@media(max-width:1100px) {
  .dd-process { padding:24px; }
  .dd-process-map,.dd-process--new .dd-process-map { padding:24px 48px 24px 0; }
  .dd-process-nodes,.dd-process--new .dd-process-nodes { grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:24px; }
  .dd-process--old li:nth-child(n) { grid-column:auto;grid-row:auto; }
  .dd-process--new li { text-align:left;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0; }
  .dd-process--new h3 { margin:0; }
  .dd-process-feedback { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:480px) {
  .dd-process { padding:16px; }
  .dd-process-map,.dd-process--new .dd-process-map { padding-right:32px; }
  .dd-process--new li { grid-template-columns:minmax(0,1fr);gap:0; }
  .dd-product-theme { padding:4px; }
}

.dd-process--old h3 { min-height:42px; }