/* Product pages share the homepage's smoke-glass materials, with open editorial
   layouts between product previews. All rules are scoped away from site chrome. */
body.core-page { background: #070b0f; color: #e9edf3; }
.core-page main { font-family: 'Geist', 'Inter', sans-serif; }
.core-page main [class~="border-dashed"], .core-page main [class~="divide-dashed"] > * { border-style: solid; border-color: rgba(205,220,240,.1); }
.core-page main :is(a,button):focus-visible { outline: 2px solid #38bdf8; outline-offset: 5px; }
.core-page .core-demo-surface,
.core-page .core-interactive-surface,
.core-page .core-closing-surface { border: 1px solid rgba(205,220,240,.12); border-radius: 12px; background: linear-gradient(145deg,rgba(36,44,55,.42),rgba(12,17,23,.94) 68%); box-shadow: inset 0 1px 0 rgba(234,243,255,.045),0 12px 32px rgba(0,0,0,.13); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
/* Platform: two feature demonstrations, separated by open capability directories. */
.platform-page main { max-width: 1200px; width: calc(100% - 48px); margin-inline: auto; }
.platform-page main > section { background: transparent; }
.platform-page .core-platform-hero { grid-template-columns: .95fr 1.05fr; gap: 48px; align-items: center; padding: 88px 0 64px; min-height: 0; border: 0; }
.platform-page .core-platform-hero > div:first-child { grid-column: auto; padding: 0; border: 0; background: transparent; }
.platform-page .core-platform-hero h1 { font-size: clamp(42px,4.7vw,64px); line-height: 1.06; font-weight: 400; letter-spacing: -.045em; }
.platform-page .core-platform-hero p { max-width: 490px; margin-bottom: 0; font-size: 17px; line-height: 1.8; color: #aab5c3; }
.platform-page .core-platform-hero > div:first-child > div:first-child { flex-wrap: wrap; gap: 8px; }
.platform-page .core-platform-hero > div:first-child > div:first-child > span { font-family: 'Geist',sans-serif; }
.platform-page .core-architecture-visual { grid-column: auto; padding: 90px 36px 60px; min-height: 350px; border-radius: 12px; border: 1px solid rgba(205,220,240,.12); background: linear-gradient(145deg,rgba(36,44,55,.42),rgba(12,17,23,.94) 68%); box-shadow: inset 0 1px 0 rgba(234,243,255,.045); }
.platform-page .core-architecture-visual > .absolute { opacity: .25; }
.platform-page .core-architecture-visual [class~="font-mono"] { font-family: 'Geist',sans-serif; font-size: 12px; color: #aab5c3; }
.platform-page .core-architecture-visual [class*="shadow-"] { box-shadow: none; }
.platform-page .core-feature-directory { padding: 36px 0 48px; border: 0; }
.platform-page .core-directory-label { margin: 0 0 24px; padding-bottom: 18px; border-bottom: 1px solid rgba(205,220,240,.14); font-size: 14px; font-weight: 500; letter-spacing: .02em; color: #c8d2df; }
.platform-page .core-feature-directory > .grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; }
.platform-page .core-feature-item { padding: 0; border: 0; background: transparent; }
.platform-page .core-feature-item:hover { background: transparent; }
.platform-page .core-feature-item > div:first-child { color: #96a7ba; margin-bottom: 18px; }
.platform-page .core-feature-item h3 { font-size: 20px; font-weight: 400; line-height: 1.35; letter-spacing: -.025em; margin-bottom: 12px; }
.platform-page .core-feature-item p { font-size: 15px; line-height: 1.8; color: #aab5c3; }
.platform-page .core-platform-workflow { margin-block: 32px; border: 1px solid rgba(205,220,240,.12); border-radius: 12px; background: linear-gradient(145deg,rgba(36,44,55,.42),rgba(12,17,23,.94) 68%); overflow: hidden; grid-template-columns: 1fr 1fr; }
.platform-page .core-platform-workflow > div:first-child { padding: 44px; border: 0; }
.platform-page .core-platform-workflow h2 { font-size: clamp(30px,3vw,40px); line-height: 1.15; font-weight: 400; }
.platform-page .core-platform-workflow p { color: #aab5c3; font-size: 16px; line-height: 1.75; }
.platform-page .core-platform-workflow [class~="text-xs"] { font-size: 14px; }
.platform-page .core-workflow-visual { padding: 30px; background: rgba(7,11,15,.4); }
.platform-page .core-workflow-visual > div { background: #0c1117; border-color: rgba(205,220,240,.12); box-shadow: none; font-size: 12px; }
.platform-page .core-platform-usecases { padding: 72px 0 88px; border: 0; }
.platform-page .core-platform-usecases > .absolute, .platform-page .core-platform-usecases > div > .absolute { display: none; }
.platform-page .core-platform-usecases .max-w-6xl { padding-inline: 0; }
.platform-page .core-platform-usecases h2 { font-size: clamp(34px,4.1vw,52px); font-weight: 400; line-height: 1.1; }
.platform-page .core-platform-usecases p { font-size: 16px; line-height: 1.75; color: #aab5c3; }
.platform-page .core-platform-usecases .grid { gap: 12px 32px; }
.platform-page .core-usecase-item { padding: 26px 0; border: 0; border-top: 1px solid rgba(205,220,240,.12); background: transparent; }
.platform-page .core-usecase-item:hover { background: transparent; border-color: rgba(205,220,240,.22); }
.platform-page .core-usecase-item > div:first-child { background: transparent; border: 0; width: 20px; height: 24px; margin-right: 14px; border-radius: 0; transform: none; }
.platform-page .core-usecase-item > div:first-child svg { width: 19px; height: 19px; color: #96a7ba; }
.platform-page .core-usecase-item h3 { font-size: 20px; line-height: 1.4; font-weight: 400; }
.platform-page .core-usecase-item p { font-size: 15px; }
/* Agents: retain the existing scroll choreography and expand controls. */
.agents-page .core-agent-story > section { border-color: rgba(205,220,240,.08); }
.agents-page .core-agent-hero [data-hero-root] { min-height: calc(100svh - var(--spark-nav-height)); }
.agents-page .spark-hero-highlight { text-shadow: none; }
.agents-page .core-demo-surface::before { background: none; }
.agents-page .spark-story-card.is-active .spark-card-visual { border-color: rgba(205,220,240,.24); }
.agents-page .spark-story-copy { padding-top: 24px; }
.agents-page .spark-story-copy h3 { color: #e9edf3; font-size: 23px; line-height: 1.25; }
.agents-page .spark-story-copy p { color: #aab5c3; font-size: 16px; font-weight: 400; line-height: 1.7; }
.agents-page :is(.spark-outcome-header,.spark-outcome-body,.spark-outcome-logic) { border-color: rgba(205,220,240,.1); }
.agents-page :is(.spark-outcome-pill,.spark-outcome-status,.spark-outcome-final-pill,.spark-card-expand-button,.spark-expanded-close) { border-style: solid; border-radius: 6px; background: rgba(205,220,240,.06); border-color: rgba(205,220,240,.14); box-shadow: none; }
.agents-page :is(.spark-outcome-preview,.spark-outcome-card-copy,.spark-outcome-row) { color: #aab5c3; }
.agents-page .spark-final-cta { padding-block: 80px; background: #070b0f; }
.agents-page .spark-final-cta::before,.agents-page .spark-final-cta::after,.agents-page .spark-final-cta-button::before { display: none; }
.agents-page .spark-final-cta h2 { font-size: clamp(34px,4.1vw,54px); line-height: 1.12; }
.agents-page .spark-final-cta h2 > span:last-child { color: #aab5c3; font-size: .6em; }
.agents-page .spark-final-cta-button { padding: 14px 23px; border: 1px solid #e7edf4; border-radius: 6px; background: #e7edf4; color: #111820; font-size: 15px; letter-spacing: normal; text-transform: none; font-weight: 500; box-shadow: none; }
.agents-page .spark-final-cta-button:hover { background: #fff; box-shadow: none; transform: none; }
/* Long-form pages keep their editorial rhythm instead of boxing every paragraph. */
.operator-page main .serif { font-weight: 400; letter-spacing: -.04em; }
.operator-page .hero { padding: 80px 0 56px; overflow: clip; }
.operator-page .hero h1 { font-size: clamp(38px,4.7vw,60px); line-height: 1.08; }
.operator-page .dek { background: transparent; border: 0; border-radius: 0; padding: 0; color: #38bdf8; font-size: 14px; font-weight: 500; letter-spacing: .1em; }
.operator-page .dot { box-shadow: none; }
.operator-page .hero p,.operator-page .copy-block p { color: #aab5c3; font-size: 17px; line-height: 1.8; }
.operator-page .core-editorial-chapter { padding-block: 64px; border-color: rgba(205,220,240,.1); }
.operator-page .kicker { font-size: 14px; font-weight: 500; letter-spacing: .12em; }
.operator-page .pullquote { padding: 8px 0 8px 24px; background: transparent; border-radius: 0; border-color: #8496aa; line-height: 1.35; }
.operator-page .core-interactive-surface { padding: 24px; }
.operator-page :is(.toggle,.btn) { border-radius: 6px; font-size: 15px; font-weight: 500; }
.operator-page .toggle { color: #aab5c3; background: rgba(205,220,240,.03); border-color: rgba(205,220,240,.12); }
.operator-page .toggle.active,.operator-page .toggle:hover { color: #e9edf3; background: rgba(205,220,240,.1); border-color: rgba(205,220,240,.24); }
.operator-page .result-panel { border-radius: 6px; background: rgba(7,11,15,.48); border-color: rgba(205,220,240,.08); padding: 24px; }
.operator-page .result-panel p { font-size: 16px; line-height: 1.75; }
.operator-page .timeline { gap: 20px; }
.operator-page .timeline button { border: 0; border-top: 1px solid rgba(205,220,240,.16); border-radius: 0; padding: 20px 4px; background: transparent; }
.operator-page .timeline button.active { border-color: #38bdf8; background: transparent; }
.operator-page .timeline strong { font-size: 17px; font-weight: 500; }
.operator-page .timeline span { color: #aab5c3; font-size: 15px; line-height: 1.7; }
.operator-page .visual-card,.operator-page .hero-visual { background: #0c1117; border-radius: 12px; box-shadow: none; border-color: rgba(205,220,240,.12); }
.operator-page .visual-slot { background: transparent; border-color: rgba(205,220,240,.1); border-radius: 8px; }
.operator-page .visual-slot::before { opacity: .3; }
.operator-page .visual-icon { background: rgba(205,220,240,.04); color: #aab5c3; border-color: rgba(205,220,240,.12); border-radius: 8px; box-shadow: none; }
.operator-page .caption-chip { border-radius: 6px; }
.operator-page .cta { padding: 40px 0 80px; }
.operator-page .core-closing-surface { padding: 56px 40px; }
.comparison-page .article-hero { background: #080d12; border-color: rgba(205,220,240,.1); }
.comparison-page .article-hero-bg { opacity: .2; }
.comparison-page .hero-wrap { padding-top: 80px; padding-bottom: 64px; }
.comparison-page .article-meta { gap: 20px; }
.comparison-page .article-meta span { border: 0; background: transparent; padding: 0; color: #9baabc; font-size: 13px; }
.comparison-page .article-hero h1 { font-weight: 400; }
.comparison-page .hero-rule { color: #aab5c3; font-size: clamp(20px,2.2vw,27px); line-height: 1.5; }
.comparison-page .audience-note { padding: 20px 0 0; background: transparent; border: 0; border-top: 1px solid rgba(205,220,240,.12); }
.comparison-page .audience-note span { font-size: 13px; font-weight: 500; }
.comparison-page .audience-note p { font-size: 16px; line-height: 1.7; color: #aab5c3; }
.comparison-page .core-guide-navigation { background: transparent; border: 0; padding: 0; top: 100px; }
.comparison-page .core-guide-navigation p { font-size: 13px; letter-spacing: .08em; }
.comparison-page .core-guide-navigation a { border-style: solid; border-color: rgba(205,220,240,.08); font-size: 15px; color: #aab5c3; }
.comparison-page .article-section,.comparison-page .article-section .section-close { border-style: solid; border-color: rgba(205,220,240,.1); }
.comparison-page .section-kicker { font-size: 14px; font-weight: 500; }
.comparison-page .article-section p { color: #aab5c3; }
.comparison-page .article-list { gap: 0; }
.comparison-page .article-list li { padding: 18px 0 18px 26px; border: 0; border-bottom: 1px solid rgba(205,220,240,.08); background: transparent; }
.comparison-page .article-list li::before { left: 0; top: 28px; width: 5px; height: 5px; border-radius: 50%; background: #91a1b5; box-shadow: none; }
.comparison-page main blockquote,.comparison-page .bottom-line { border: 0; border-left: 2px solid #8597ad; border-radius: 0; background: transparent; padding: 14px 0 14px 24px; }
.comparison-page :is(.desktop-table-wrap,.spark-check,.score-grid,.score-card,.mobile-compare-card),.comparison-page .article-compare :is(th,td) { border-style: solid; border-color: rgba(205,220,240,.12); }
.comparison-page .desktop-table-wrap { border-radius: 10px; background: #0c1117; }
.comparison-page .article-compare :is(th,td) { font-size: 15px; }
.comparison-page .article-compare thead th { font-size: 13px; text-transform: none; letter-spacing: 0; }
.comparison-page .spark-check { border-radius: 6px; color: #c0cbd8; font-size: 15px; line-height: 1.55; }
.comparison-page .spark-check:hover,.comparison-page .spark-check.is-active { background: rgba(205,220,240,.07); border-color: rgba(135,191,214,.5); }
.comparison-page .spark-check.is-active .check-box { box-shadow: none; }
.comparison-page .spark-test-toolbar p,.comparison-page .score-card span { font-size: 14px; }
.comparison-page .core-guide-directory { border: 0; gap: 0 32px; }
.comparison-page .core-guide-directory > div:nth-child(n) { border: 0; border-top: 1px solid rgba(205,220,240,.12); padding: 24px 0; background: transparent; }
.comparison-page .use-case-card p { font-size: 16px!important; line-height: 1.75!important; }
.comparison-page .example-why { font-size: 15px!important; line-height: 1.7!important; }
.comparison-page .example-fit { font-size: 12px!important; }
.comparison-page .article-cta { border: 1px solid #e7edf4; border-radius: 6px; background: #e7edf4; color: #111820; font-size: 15px; font-weight: 500; text-transform: none; letter-spacing: 0; line-height: 1.4; }
.comparison-page .article-cta:hover { background: #fff; color: #111820; }
@media(max-width:1023px) {
 .platform-page .core-platform-hero { grid-template-columns: 1fr; gap: 40px; padding-top: 56px; }
 .platform-page .core-platform-hero h1 br { display: none; }
 .platform-page .core-platform-hero p { max-width: 680px; }
 .platform-page .core-feature-directory > .grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
 .platform-page .core-platform-workflow { grid-template-columns: 1fr; }
 .platform-page .core-platform-workflow > div:first-child { padding: 32px; }
}
@media(max-width:640px) {
 .platform-page main { width: calc(100% - 40px); }
 .platform-page .core-architecture-visual { padding: 72px 16px 40px; min-height: 300px; }
 .platform-page .core-feature-directory > .grid { grid-template-columns: 1fr; gap: 28px; }
 .platform-page .core-feature-directory { padding: 20px 0 36px; }
 .platform-page .core-platform-workflow > div:first-child { padding: 24px; }
 .platform-page .core-workflow-visual { padding: 16px; }
 .platform-page .core-platform-usecases { padding-block: 48px; }
 .agents-page .spark-story-copy h3 { font-size: 21px; }
 .agents-page .spark-story-copy p { font-size: 15px; }
 .agents-page .spark-final-cta { padding-block: 56px; }
 .operator-page .hero { padding-top: 56px; }
 .operator-page .hero p,.operator-page .copy-block p { font-size: 16px; }
 .operator-page .core-editorial-chapter { padding-block: 44px; }
 .operator-page .core-interactive-surface { padding: 16px; }
 .operator-page .result-panel { padding: 18px; }
 .operator-page .core-closing-surface { padding: 32px 24px; }
 .comparison-page .hero-wrap { padding-block: 52px; }
 .comparison-page .article-meta { display: flex; flex-wrap: wrap; max-width: none; gap: 10px 18px; }
 .comparison-page .core-guide-navigation { top: auto; }
 .comparison-page .core-interactive-surface { padding: 16px; }
 .comparison-page .mobile-compare-card { border-radius: 8px; }
 .comparison-page .mobile-compare-card p { font-size: 15px; }
}
/* Quiet product chrome inside previews: keep state animations, remove neon grids. */
.platform-page .core-architecture-visual [class~="w-64"] { width: 152px; height: 156px; flex-shrink: 0; border-radius: 12px; border: 1px solid rgba(205,220,240,.16); background: rgba(205,220,240,.025); }
.platform-page .core-architecture-visual [class~="w-64"] > [class~="inset-0"] { display: none; }
.platform-page .core-architecture-visual [class~="w-48"] { width: 132px; height: 128px; border-radius: 8px; background: #111923; border-color: rgba(205,220,240,.12); gap: 8px; }
.platform-page .core-architecture-visual [class~="w-48"] > div { font-size: 12px; line-height: 1.5; }
.platform-page .core-architecture-visual [class~="w-48"] > div:first-child { letter-spacing: .02em; text-transform: none; color: #e9edf3; }
.platform-page .core-architecture-visual [class~="mx-4"] { margin-inline: 8px; }
.platform-page .core-architecture-visual [class~="bg-[#111]"] { background: #111923; color: #aab5c3; }
.agents-page :is(.spark-lead-agent-panel,.spark-campaign-agent-panel,.spark-support-agent-panel,.spark-report-agent-panel,.spark-schedule-agent-panel) { background: rgba(10,16,22,.72); border: 1px solid rgba(205,220,240,.12); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(234,243,255,.035); }
.agents-page :is(.spark-lead-agent-message,.spark-campaign-agent-message,.spark-support-agent-message,.spark-report-agent-message,.spark-schedule-agent-message,.spark-outcome-answer) { background: rgba(205,220,240,.04); border-color: rgba(205,220,240,.1); border-radius: 6px; box-shadow: none; }
.agents-page :is(.spark-lead-trigger,.spark-campaign-user-message,.spark-support-user-message,.spark-report-user-message,.spark-schedule-user-message,.spark-outcome-user-bubble) { background: rgba(205,220,240,.085); color: #dde5ef; border-color: rgba(205,220,240,.14); border-radius: 6px; box-shadow: none; }
.agents-page :is(.spark-lead-input,.spark-campaign-input,.spark-support-input,.spark-report-input,.spark-schedule-input) { background: rgba(7,11,15,.55); border-color: rgba(205,220,240,.12); border-radius: 6px; box-shadow: none; }
.agents-page :is(.spark-lead-send,.spark-campaign-send,.spark-support-send,.spark-report-send,.spark-schedule-send) { border-radius: 5px; background: rgba(205,220,240,.1); color: #c9d4e3; box-shadow: none; }
.comparison-page .article-main { background: #070b0f; }
@media(max-width:400px) {
 .platform-page .core-architecture-visual [class~="w-64"] { width: 136px; }
 .platform-page .core-architecture-visual [class~="w-48"] { width: 116px; }
 .platform-page .core-architecture-visual [class~="w-12"] { width: 40px; }
 .platform-page .core-architecture-visual [class~="mx-4"] { margin-inline: 5px; }
}
.platform-page .core-architecture-services { position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); display: flex; justify-content: center; gap: 12px; width: max-content; max-width: 220px; font-size: 12px; line-height: 1.4; color: #8f9eb1; white-space: nowrap; }
.platform-page .core-architecture-services span + span { border-left: 1px solid rgba(205,220,240,.14); padding-left: 12px; }

/* Platform hero: one clear flow, with room for every label. */
.platform-page .core-product-flow { min-width:0; margin:0; overflow:hidden; }
.platform-flow-heading { display:flex; align-items:center; gap:10px; padding:20px 26px; border-bottom:1px solid rgba(205,220,240,.1); color:#dce4ed; font-size:14px; font-weight:500; }
.platform-flow-heading img { width:22px; height:22px; object-fit:contain; }
.platform-flow-body { padding:24px 26px; }
.platform-flow-group h2 { color:#8f9eb1; font-size:12px; font-weight:500; margin:0 0 14px; }
.platform-flow-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.platform-flow-items li { display:flex; gap:9px; align-items:flex-start; color:#dce4ed; font-size:14px; line-height:1.5; }
.platform-flow-items svg,.platform-flow-footer svg { flex:none; width:16px; height:16px; color:#96a7ba; margin-top:2px; }
.platform-flow-connector { display:flex; align-items:center; justify-content:center; height:30px; color:#627183; }
.platform-flow-connector svg { width:16px; height:16px; }
.platform-flow-agent-body { display:flex; align-items:center; gap:18px; padding:20px 22px; border:1px solid rgba(205,220,240,.16); border-radius:8px; background:linear-gradient(110deg,rgba(205,220,240,.065),rgba(205,220,240,.02)); }
.platform-flow-agent-body img { flex:none; width:36px; height:36px; object-fit:contain; }
.platform-flow-agent-body strong { display:block; color:#eef2f7; font-size:17px; font-weight:500; line-height:1.4; }
.platform-page .core-platform-hero .platform-flow-agent-body p { font-size:14px; line-height:1.6; margin:6px 0 0; }
.platform-flow-footer { display:flex; flex-wrap:wrap; gap:12px 24px; padding:16px 26px; border-top:1px solid rgba(205,220,240,.1); color:#aab5c3; font-size:12px; line-height:1.5; }
.platform-flow-footer span { display:flex; align-items:center; gap:8px; }
.platform-flow-footer svg { width:14px; height:14px; margin-top:0; }
@media(max-width:560px) {
 .platform-flow-heading { padding:18px; }
 .platform-flow-body { padding:22px 18px; }
 .platform-flow-items { gap:12px; }
 .platform-flow-items li { flex-direction:column; gap:8px; font-size:13px; }
 .platform-flow-agent-body { padding:18px 16px; gap:14px; }
 .platform-flow-agent-body img { width:28px; height:28px; }
 .platform-flow-footer { padding:16px 18px; gap:12px; }
}

/* A company playbook becomes work, then a readable activity trail. */
.platform-playbook-wrap { display:flex; align-items:center; padding:32px; min-width:0; background:rgba(7,11,15,.3); }
.platform-playbook { width:100%; min-width:0; border:1px solid rgba(205,220,240,.14); border-radius:10px; overflow:hidden; background:linear-gradient(145deg,#1a232d,#10171f); box-shadow:0 16px 40px rgba(0,0,0,.15); }
.playbook-header { display:flex; align-items:center; gap:10px; padding:18px 20px; border-bottom:1px solid rgba(205,220,240,.12); font-size:14px; }
.playbook-header img { flex:none; width:24px; height:24px; object-fit:contain; }
.playbook-header strong { font-weight:500; }
.playbook-header>span { margin-left:auto; color:#8f9eb1; font-size:11px; }
.playbook-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 20px; border-bottom:1px solid rgba(205,220,240,.1); }
.playbook-steps button { display:flex; align-items:center; justify-content:center; gap:8px; padding:16px 4px; border-bottom:1px solid transparent; color:#98a6b7; font-size:13px; background:none; }
.playbook-steps button span { font-size:11px; opacity:.6; }
.playbook-steps button[aria-pressed="true"] { color:#e9edf3; border-color:#91aabf; }
.playbook-panels { display:grid; padding:24px 22px; }
.playbook-panel { grid-area:1 / 1; min-width:0; }
.playbook-panel[hidden] { display:block; visibility:hidden; pointer-events:none; }
.playbook-panel:not([hidden]) { animation:playbook-enter .3s ease-out; }
.playbook-caption { display:flex; align-items:center; gap:8px; font-size:12px; color:#aab5c3; margin-bottom:16px; }
.playbook-caption svg { width:15px; height:15px; }
.playbook-panel h3 { font-size:21px; font-weight:400; line-height:1.35; letter-spacing:-.025em; margin:0 0 20px; }
.playbook-document { padding:18px; border:1px solid rgba(205,220,240,.12); border-radius:6px; background:rgba(205,220,240,.025); }
.playbook-document>span { color:#dce4ed; font-size:13px; font-weight:500; }
.playbook-document ol { padding-left:18px; margin:14px 0 0; display:grid; gap:12px; color:#aab5c3; font-size:14px; line-height:1.6; list-style:decimal; }
.platform-page .core-platform-workflow .playbook-note { margin:16px 0 0; font-size:12px; color:#8f9eb1; line-height:1.6; }
.playbook-request { padding:14px 16px; border-radius:6px; background:rgba(205,220,240,.07); font-size:14px; line-height:1.7; color:#dce4ed; }
.playbook-actions,.playbook-results { list-style:none; padding:0; margin:18px 0 0; }
.playbook-actions li { display:flex; align-items:center; gap:10px; padding:14px 0; border-bottom:1px solid rgba(205,220,240,.08); font-size:13px; color:#cbd5e1; }
.playbook-actions li>span:last-child { margin-left:auto; font-size:11px; color:#8f9eb1; }
.playbook-actions svg,.playbook-results svg { width:16px; height:16px; flex:none; color:#93a9bd; }
.playbook-results li { display:flex; align-items:flex-start; gap:12px; padding:15px 0; border-bottom:1px solid rgba(205,220,240,.08); }
.playbook-results svg { margin-top:3px; color:#9dc6b4; }
.playbook-results strong { font-size:14px; font-weight:500; }
.platform-page .core-platform-workflow .playbook-results p { margin:6px 0 0; font-size:13px; line-height:1.6; }
.playbook-footer { display:flex; align-items:center; gap:12px; padding:14px 20px; border-top:1px solid rgba(205,220,240,.12); font-size:12px; color:#98a6b7; }
.playbook-footer>span { margin-right:auto; }
.playbook-footer button { color:#dce4ed; border:1px solid rgba(205,220,240,.15); border-radius:5px; background:transparent; padding:5px 8px; }
@keyframes playbook-enter { from {opacity:0;transform:translateY(4px);} to {opacity:1;transform:translateY(0);} }
@media(prefers-reduced-motion:reduce) { .playbook-panel:not([hidden]) { animation:none; } }
@media(max-width:640px) {
 .platform-playbook-wrap { padding:18px; }
 .playbook-header { flex-wrap:wrap; padding:16px; }
 .playbook-header>span { flex-basis:100%; margin-left:34px; }
 .playbook-steps { padding:0 12px; }
 .playbook-panels { padding:22px 16px; }
 .playbook-actions li { flex-wrap:wrap; }
 .playbook-actions li>span:last-child { display:none; }
 .playbook-footer { padding:14px 16px; gap:8px; flex-wrap:wrap; }
 .playbook-footer>span { flex-basis:100%; }
}