:root {
  --paper: #f7f6f1;
  --paper-low: #efeee8;
  --ink: #171a17;
  --ink-soft: #252925;
  --muted: #676c66;
  --line: #dcddd6;
  --green: #24c875;
  --green-dark: #107345;
  --green-soft: #def5e8;
  --gold-soft: #f0e7c8;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --shadow: 0 14px 36px rgba(28, 31, 27, 0.07);
  --section-space: 80px;
  --section-space-mobile: 56px;
  --heading-stage-gap: 30px;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--font-ui); font-size: 16px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1480px, calc(100% - 120px)); margin-inline: auto; }
.section { padding-top: var(--section-space); padding-bottom: var(--section-space); }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 12px 16px; color: #fff; background: var(--ink); border-radius: 8px; }
.skip-link:focus { top: 16px; }

.site-header { position: sticky; top: 0; z-index: 40; background: rgba(247,246,241,.9); border-bottom: 1px solid rgba(220,221,214,.75); backdrop-filter: blur(18px); }
.nav { min-height: 84px; display: grid; grid-template-columns: auto 1fr auto; gap: 42px; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-display); font-size: 14px; font-weight: 650; letter-spacing: -.035em; }
.brand-lockup { width: 142px; height: 32px; display: block; object-fit: contain; object-position: left center; }
.nav-links { display: flex; justify-content: center; align-items: center; gap: 30px; color: #4f544f; font-size: 15px; line-height: 1.4; }
.nav-links a { padding: 8px 0; }
.nav-links a:hover, .nav-links .is-current { color: var(--ink); }
.menu-toggle, .mobile-cta { display: none; }
.nav-links .mobile-cta { display: none; }
.menu-toggle { width: 38px; height: 38px; padding: 0; border: 0; background: transparent; }
.menu-toggle span { width: 18px; height: 1.5px; margin: 5px auto; display: block; background: var(--ink); transition: .2s ease; }
.button { min-height: 50px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid transparent; border-radius: 999px; font-size: 15px; font-weight: 550; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-dark { color: #fff; background: var(--ink); }
.button-green { color: #082c1b; background: var(--green); }
.button-paper { color: var(--ink); background: rgba(255,255,255,.6); border-color: var(--line); }
.button-compact { min-height: 42px; padding: 0 18px; font-size: 14px; }

.eyebrow { margin: 0 0 14px; display: flex; align-items: center; gap: 0; color: #596059; font-size: 12px; font-weight: 650; line-height: 1.3; letter-spacing: .08em; }
.eyebrow > span { display: none; }
.eyebrow.light { color: #aeb5ae; }
h1, h2, h3 { font-family: var(--font-display); }
h1, h2 { margin: 0; font-weight: 500; letter-spacing: -.038em; }
h2 { font-size: clamp(46px, 4.2vw, 64px); line-height: 1; }

.hero { min-height: 660px; padding-top: 58px; padding-bottom: 64px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.hero > * { min-width: 0; }
.hero-copy { max-width: 570px; }
.hero h1 { max-width: 700px; font-size: clamp(62px, 5.3vw, 84px); line-height: .96; }
.hero-lede { max-width: 610px; margin: 24px 0 26px; color: var(--muted); font-size: 18px; line-height: 1.45; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.trust-line { margin: 18px 0 0; display: flex; align-items: center; gap: 9px; color: #747a73; font-size: 13px; }
.status-dot { width: 7px; height: 7px; background: var(--green); border-radius: 50%; }
.video-shell { overflow: hidden; background: #ecece6; border: 1px solid #d8d9d2; border-radius: 10px; box-shadow: var(--shadow); }
.video-meta, .video-controls { min-height: 42px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; color: #717670; font-size: 7px; font-weight: 700; letter-spacing: .12em; }
.video-meta { border-bottom: 1px solid #d8d9d2; }
.product-video { width: 100%; aspect-ratio: 16 / 10; display: block; object-fit: cover; background: #f2f1ec; }
.video-controls { gap: 10px; justify-content: flex-start; border-top: 1px solid #d8d9d2; }
.video-controls button { padding: 5px 8px; border: 1px solid #d0d2cb; border-radius: 5px; color: var(--ink); background: #f8f7f3; font-size: 8px; }
.video-controls span { margin-left: auto; letter-spacing: .05em; }

.source-section { padding: var(--section-space) 0 56px; background: #f2f2ed; border-top: 1px solid #e2e2dc; }
.connected-heading { margin-bottom: var(--heading-stage-gap); display: grid; grid-template-columns: 1.12fr .88fr; gap: 16px 80px; align-items: end; }
.connected-heading .eyebrow { grid-column: 1 / -1; }
.connected-heading .eyebrow { margin-bottom: 13px; }
.connected-heading h2 { max-width: 870px; font-size: clamp(48px, 4.5vw, 68px); }
.connected-heading > p:last-child { max-width: 620px; margin: 0 0 4px; color: #525a62; font-size: 17px; line-height: 1.48; }
.process-rail { margin-bottom: 20px; display: grid; grid-template-columns: 32% 26% 42%; gap: 0; color: #1c2736; font-size: 8px; font-weight: 760; letter-spacing: .16em; }
.process-rail span { position: relative; padding-bottom: 12px; border-bottom: 1px solid #d8dbdc; }
.process-rail span::after { content: ""; position: absolute; left: 34px; bottom: -4px; width: 1px; height: 7px; background: #cdd1d1; }
.connected-stage { min-height: 535px; display: grid; grid-template-columns: 32% 26% 42%; align-items: stretch; }
.evidence-inputs { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; z-index: 2; }
.evidence-card { position: relative; padding: 17px 17px 12px; background: rgba(255,255,255,.96); border: 1px solid #d9ddd9; border-radius: 9px; box-shadow: 0 8px 18px rgba(22,25,22,.035); }
.evidence-card::after { content: ""; position: absolute; right: -5px; top: calc(50% - 5px); z-index: 4; width: 9px; height: 9px; background: #2879e7; border: 2px solid #f2f2ed; border-radius: 50%; box-shadow: 0 0 0 1px rgba(40,121,231,.25); }
.outcome-evidence::after { background: #f57b22; box-shadow: 0 0 0 1px rgba(245,123,34,.26); }
.evidence-card h3 { margin: 0 0 14px; color: #1d55bd; font-family: var(--font-ui); font-size: 8px; letter-spacing: .16em; }
.outcome-evidence h3 { color: #cf6508; }
.evidence-row { min-height: 54px; display: grid; grid-template-columns: 24px 1.15fr .8fr .75fr; gap: 9px; align-items: center; border-top: 1px solid #e1e3e0; font-size: 9px; }
.evidence-row img, .adjust-mini { width: 21px; height: 21px; object-fit: contain; }
.evidence-row img.wide-source-logo { width: 24px; }
.adjust-mini { display: grid; place-items: center; color: #fff; background: #12171d; border-radius: 50%; font-size: 10px; font-weight: 750; }
.evidence-row > strong { font-size: 9px; }
.evidence-row > span:not(.adjust-mini) { padding-left: 10px; border-left: 1px solid #e1e3e0; font-size: 11px; font-variant-numeric: tabular-nums; }
.evidence-row small { margin-bottom: 3px; display: block; color: #747d87; font-size: 7px; }
.evidence-card footer { padding-top: 9px; color: #77818e; font-size: 7px; }
.reasoning-field { position: relative; min-width: 0; }
.reasoning-field::after { content: ""; position: absolute; left: calc(56% + 56px); right: -2px; top: 47%; height: 1px; background: linear-gradient(90deg, rgba(36,200,117,.75), rgba(36,200,117,.35)); }
.signal-bundle { position: absolute; height: 1px; transform-origin: right center; }
.signal-media { left: -33px; top: calc(47% - 25px); width: calc(56% - 20px); transform: rotate(36deg); }.signal-outcome { left: -59px; top: calc(47% + 18px); width: calc(56% + 3px); transform: rotate(-46deg); }
.signal-bundle i { position: absolute; right: 0; top: 0; width: 100%; height: 1px; border-top: 1px dashed rgba(38,121,231,.6); transform-origin: right center; }
.signal-outcome i { border-color: rgba(245,123,34,.58); }
.signal-bundle i:nth-child(1) { transform: rotate(6deg); }.signal-bundle i:nth-child(2) { transform: rotate(3deg); }.signal-bundle i:nth-child(3) { transform: rotate(0); }.signal-bundle i:nth-child(4) { transform: rotate(-3deg); }.signal-bundle i:nth-child(5) { transform: rotate(-6deg); }
.signal-bundle i::after { content: ""; position: absolute; left: 0; top: -2px; width: 5px; height: 5px; background: #2879e7; border-radius: 50%; opacity: 0; animation: signal-flow 2.8s linear infinite paused; animation-delay: calc(var(--i, 0) * -.43s); }
.signal-outcome i::after { background: #f57b22; }
.signal-bundle i:nth-child(1)::after { --i: 1; }.signal-bundle i:nth-child(2)::after { --i: 2; }.signal-bundle i:nth-child(3)::after { --i: 3; }.signal-bundle i:nth-child(4)::after { --i: 4; }.signal-bundle i:nth-child(5)::after { --i: 5; }
.reasoning-core { position: absolute; left: 56%; top: 47%; z-index: 2; width: 112px; height: 112px; display: grid; place-items: center; background: rgba(255,255,255,.97); border: 1px solid #94dfb8; border-radius: 50%; box-shadow: 0 10px 28px rgba(29,84,55,.13); transform: translate(-50%,-50%); }
.reasoning-core img { width: 78px; height: 54px; object-fit: contain; }
.reasoning-core strong { position: absolute; bottom: 13px; font-size: 8px; }
.core-ring { position: absolute; inset: -7px; border: 1px solid rgba(36,200,117,.28); border-top-color: var(--green); border-radius: 50%; animation: core-spin 8s linear infinite paused; }
.core-port { position: absolute; z-index: 4; width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; }
.core-port-media { left: -5px; top: 28%; background: #2879e7; box-shadow: 0 0 0 1px rgba(40,121,231,.28); }
.core-port-outcome { left: -5px; top: 66%; background: #f57b22; box-shadow: 0 0 0 1px rgba(245,123,34,.28); }
.core-port-answer { right: -5px; top: calc(50% - 4px); background: var(--green); box-shadow: 0 0 0 1px rgba(36,200,117,.3); }
.reasoning-field ul { position: absolute; left: 56%; bottom: 38px; z-index: 2; margin: 0; padding: 0; display: grid; gap: 11px; list-style: none; color: #4f5860; font-size: 8px; transform: translateX(-50%); white-space: nowrap; }
.reasoning-field li::after { content: "✓"; margin-left: 8px; color: var(--green); font-size: 11px; }
.connected-answer { position: relative; z-index: 2; min-width: 0; padding: 20px 27px 16px; display: flex; flex-direction: column; background: rgba(255,255,255,.98); border: 1px solid #d6dad9; border-radius: 10px; box-shadow: 0 10px 26px rgba(26,30,28,.05); }
.connected-answer::before { content: ""; position: absolute; left: -5px; top: calc(47% - 4px); width: 9px; height: 9px; background: var(--green); border: 2px solid #f2f2ed; border-radius: 50%; box-shadow: 0 0 0 1px rgba(36,200,117,.28); }
.connected-answer > header { min-height: 45px; padding-bottom: 12px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1e3e1; font-size: 12px; }
.connected-answer > header i { width: 27px; height: 27px; display: grid; place-items: center; color: var(--green-dark); background: var(--green-soft); border-radius: 50%; font-style: normal; }
.answer-verdict { padding: 18px 0 16px; }
.answer-verdict strong { max-width: 430px; display: block; font-family: var(--font-display); font-size: 27px; font-weight: 510; line-height: 1.02; letter-spacing: -.04em; }
.answer-verdict em { color: var(--green); font-style: normal; }
.answer-kicker { margin: 5px 0 11px; color: #45505d; font-size: 7px; font-weight: 760; letter-spacing: .15em; }
.driver-list { display: grid; gap: 9px; }
.driver-list > div { display: grid; grid-template-columns: 104px 1fr 28px; gap: 9px; align-items: center; font-size: 8px; }
.driver-list i { height: 5px; overflow: hidden; background: #eef0ee; border-radius: 99px; }
.driver-list b { width: var(--value); height: 100%; display: block; background: #2777ea; border-radius: inherit; transform: scaleX(0); transform-origin: left center; }
.answer-metrics, .output-metrics { margin: 18px 0; padding: 14px 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #e2e4e1; border-bottom: 1px solid #e2e4e1; }
.answer-metrics > div, .output-metrics > div { display: grid; justify-items: center; gap: 4px; border-left: 1px solid #e2e4e1; }
.answer-metrics > div:first-child, .output-metrics > div:first-child { border-left: 0; }
.answer-metrics small, .output-metrics small { color: #667080; font-size: 7px; }.answer-metrics strong, .output-metrics strong { color: #2777ea; font-size: 17px; font-weight: 520; }.answer-metrics span, .output-metrics span { color: #7b838c; font-size: 7px; }.orange { color: #e35d16 !important; }.blue { color: #2777ea !important; }
.answer-evidence-note { margin: 0 0 12px; padding: 12px 13px; background: #f4f5f1; border: 1px solid #e2e4df; border-radius: 8px; }
.answer-evidence-note > small { display: block; margin-bottom: 8px; color: #56616c; font-size: 6px; font-weight: 780; letter-spacing: .14em; }
.answer-evidence-note p { margin: 5px 0 0; display: grid; grid-template-columns: 58px 1fr; gap: 8px; color: #68716a; font-size: 7px; line-height: 1.45; }
.answer-evidence-note p span { color: #313832; font-weight: 700; }
.recommended-move { margin-top: auto; padding: 12px 0 3px; }
.recommended-move small { display: block; color: var(--green-dark); font-size: 7px; font-weight: 760; letter-spacing: .14em; }
.recommended-move strong { margin-top: 9px; display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 560; }
.recommended-move strong span { width: 24px; height: 24px; display: grid; place-items: center; flex: none; color: var(--green-dark); border: 1px solid var(--green); border-radius: 50%; }
.recommended-move p { margin: 5px 0 0 33px; color: var(--green-dark); font-size: 7px; }
.connected-answer > footer, .analyst-output > footer { margin-top: 12px; padding-top: 11px; color: #7a838b; border-top: 1px solid #e2e4e1; font-size: 6px; }
.motion-stage.is-inview .signal-bundle i::after, .motion-stage.is-inview .core-ring { animation-play-state: running; }
.motion-stage.is-inview .driver-list b { animation: bar-grow .85s cubic-bezier(.2,.8,.2,1) .45s forwards; }
@keyframes signal-flow { 0% { left: 0; opacity: 0; } 12%,82% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
@keyframes core-spin { to { transform: rotate(360deg); } }
@keyframes bar-grow { to { transform: scaleX(1); } }

.section-heading { margin-bottom: var(--heading-stage-gap); }
.section-heading.split { display: grid; grid-template-columns: 1.2fr .8fr; gap: 100px; align-items: end; }
.section-heading.split > p { margin: 0 0 7px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.section-heading.centered { max-width: none; margin-inline: auto; display: grid; grid-template-columns: 1.12fr .88fr; gap: 16px 80px; align-items: end; text-align: left; }
.section-heading.centered .eyebrow { grid-column: 1 / -1; justify-content: flex-start; }
.section-heading.centered > p:last-child { margin: 0 0 4px; color: var(--muted); font-size: 17px; line-height: 1.48; }
.analyst-section { padding-top: 62px; background: #f2f2ed; border-top: 1px solid rgba(190,194,188,.55); }

.no-export-section { padding-top: 64px; padding-bottom: 64px; color: #fff; background: var(--ink); }
.no-export-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.no-export-copy h2 { max-width: 660px; font-size: clamp(46px,4.2vw,64px); }
.no-export-copy > p:not(.eyebrow) { max-width: 650px; margin: 20px 0 24px; color: #afb6af; font-size: 17px; line-height: 1.52; }
.no-export-copy .eyebrow, .no-export-copy .text-link { color: var(--green); }
.no-export-copy .text-link { font-size: 15px; font-weight: 600; }
.no-export-flow { display: grid; grid-template-columns: 1fr 86px 1fr; align-items: stretch; }
.manual-stack, .connected-stack { min-height: 260px; padding: 24px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #3b413c; }
.manual-stack { gap: 8px; color: #9fa59f; background: #202420; }
.manual-stack > span { padding: 11px 13px; background: #2a2f2a; border: 1px solid #3a403a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; text-decoration: line-through; text-decoration-color: #c1745f; }
.manual-stack small { margin-top: 8px; color: #757c75; font-size: 11px; letter-spacing: .04em; }
.flow-change { display: grid; place-items: center; align-content: center; gap: 10px; color: var(--green); border-top: 1px solid #3b413c; border-bottom: 1px solid #3b413c; }
.flow-change span { font-size: 28px; }.flow-change small { writing-mode: vertical-rl; color: #879087; font-size: 9px; letter-spacing: .12em; }
.connected-stack { align-items: flex-start; color: #fff; background: #0e3524; border-color: #27734f; }
.connected-stack img { width: 52px; height: 52px; margin-bottom: 34px; object-fit: contain; }
.connected-stack strong { font-size: 22px; font-weight: 550; letter-spacing: -.02em; }
.connected-stack > span { margin-top: 7px; color: #b9d8c6; font-size: 14px; }.connected-stack small { margin-top: auto; color: #66d397; font-size: 11px; }
.analyst-heading { max-width: none; }
.analyst-heading h2 { max-width: 900px; font-size: clamp(48px,4.5vw,68px); }
.analyst-heading > p:last-child { max-width: 620px; }
.analyst-stage { min-height: 525px; display: grid; grid-template-columns: .95fr 44px 1fr 44px 1.28fr; align-items: stretch; }
.knowledge-panel, .skill-panel, .analyst-output { min-width: 0; background: rgba(255,255,255,.82); border: 1px solid #d8dad5; border-radius: 9px; box-shadow: 0 8px 20px rgba(26,29,26,.03); }
.knowledge-panel { display: grid; grid-template-rows: 1.55fr 1fr; }
.knowledge-panel h3 { margin: 0 0 14px; font-family: var(--font-ui); font-size: 7px; letter-spacing: .13em; }
.knowledge-block, .context-block { padding: 20px 23px; }
.context-block { border-top: 1px solid #dedfda; }
.knowledge-block ul { margin: 0; padding: 0; display: grid; list-style: none; }
.knowledge-block li { min-height: 45px; display: flex; align-items: center; gap: 11px; border-top: 1px solid #e3e4df; font-size: 8px; }.knowledge-block li:first-child { border-top: 0; }
.knowledge-block li span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #d9dcd7; border-radius: 6px; font-size: 12px; }
.context-block dl { margin: 0; display: grid; gap: 15px; }
.context-block dl div { display: grid; grid-template-columns: 1fr auto; color: #747a74; font-size: 8px; }.context-block dt, .context-block dd { margin: 0; }.context-block dd { color: var(--ink); font-weight: 650; }.context-block dl div:first-child dd { color: var(--green-dark); }
.analyst-connector { position: relative; align-self: center; height: 1px; background: rgba(36,200,117,.58); }
.analyst-connector i { position: absolute; inset: -3px auto auto 0; width: 7px; height: 7px; background: var(--green); border-radius: 50%; animation: connector-flow 2.2s ease-in-out infinite paused; }
.analyst-connector span { position: absolute; right: -4px; top: -4px; width: 9px; height: 9px; background: #f8f7f3; border: 1px solid #4fc989; border-radius: 50%; }
.skill-panel { padding: 18px 27px 22px; text-align: center; }
.skill-panel > img { width: 74px; height: 43px; object-fit: contain; }
.skill-brand { display: block; font-size: 8px; }
.skill-panel > h3 { margin: 18px 0 13px; font-size: 14px; font-weight: 600; letter-spacing: -.03em; }
.skill-question { margin: 0 0 11px; padding: 13px 14px; border: 1px solid #dadcd7; border-radius: 8px; text-align: left; font-size: 8px; }
.skill-list { display: grid; gap: 6px; text-align: left; }
.skill-list > div { min-height: 50px; padding: 8px 10px; display: grid; grid-template-columns: 18px 1fr auto; gap: 8px; align-items: center; border: 1px solid #dfe1dd; border-radius: 7px; transition: background .35s ease, border-color .35s ease, transform .35s ease; }
.skill-list > div > span { width: 15px; height: 15px; display: grid; place-items: center; color: #fff; background: #5dc58d; border-radius: 50%; font-size: 7px; }.skill-list > div > span.pending { background: transparent; border: 1px solid #adb3ad; }
.skill-list p { margin: 0; }.skill-list strong, .skill-list small { display: block; }.skill-list strong { font-size: 8px; }.skill-list small { margin-top: 3px; color: #687069; font-size: 7px; }.skill-list i { color: var(--green-dark); font-size: 8px; font-style: normal; letter-spacing: .12em; }
.skill-list > div.is-active { background: #edf8f1; border-color: #b9dfc9; transform: translateX(3px); }
.analyst-output { padding: 20px 26px 16px; display: flex; flex-direction: column; }
.analyst-output > header { display: flex; justify-content: space-between; align-items: center; font-size: 7px; letter-spacing: .12em; }.analyst-output > header span { width: 25px; height: 25px; display: grid; place-items: center; color: var(--green-dark); background: var(--green-soft); border-radius: 50%; font-size: 11px; }
.output-question { margin: 8px 0 13px; padding-bottom: 11px; color: #727a82; border-bottom: 1px solid #e2e4e1; font-size: 7px; }
.analyst-output > h3 { margin: 0 0 12px; font-size: 28px; font-weight: 510; line-height: 1.03; letter-spacing: -.045em; }.analyst-output > h3 em { color: var(--green); font-style: normal; }
.output-metrics { margin: 10px 0 15px; }.output-metrics strong { font-size: 16px; }
.driver-list.compact > div { grid-template-columns: 44px 1fr 24px; }
.analyst-output .recommended-move { margin-top: 18px; padding: 13px; background: linear-gradient(90deg,#eff7f0,#f7f7f2); border: 1px solid #dce6dc; border-radius: 8px; }
.analyst-output .recommended-move strong { line-height: 1.35; }
.motion-stage.is-inview .analyst-connector i { animation-play-state: running; }
@keyframes connector-flow { 0% { left: 0; opacity: 0; } 20%,70% { opacity: 1; } 100% { left: calc(100% - 7px); opacity: 0; } }

.plugin-section { padding-top: 72px; padding-bottom: 72px; background: #fff; border-top: 0; }
.plugin-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 72px; align-items: center; }
.plugin-copy h2 { max-width: 660px; font-size: clamp(46px,4.2vw,64px); }
.plugin-copy > p:not(.eyebrow) { max-width: 570px; margin: 20px 0; color: var(--muted); font-size: 17px; line-height: 1.5; }
.plugin-points { margin-bottom: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.plugin-points span { padding: 7px 0; color: #315e47; background: transparent; border: 0; border-bottom: 1px solid #c9dfd2; border-radius: 0; font-size: 13px; font-weight: 550; }
.text-link { color: var(--green-dark); font-size: 15px; font-weight: 600; }
.plugin-install-card { padding: 28px; background: #f7f7f4; border: 1px solid #d8dad5; border-radius: 10px; box-shadow: 0 10px 28px rgba(28,31,27,.05); }
.plugin-card-top { min-height: 42px; padding-bottom: 16px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); }
.plugin-card-top img { width: 42px; height: 30px; object-fit: contain; }
.plugin-card-top span { font-size: 14px; font-weight: 600; }
.plugin-card-top i { padding: 6px 8px; color: var(--green-dark); background: var(--green-soft); border-radius: 999px; font-size: 7px; font-style: normal; font-weight: 760; letter-spacing: .08em; }
.plugin-instruction { margin: 20px 0 10px; color: #747a73; font-size: 13px; }
.plugin-prompt { padding: 13px 13px 13px 16px; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.plugin-prompt code { color: #2c302c; font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.plugin-copy-button { min-height: 36px; padding: 0 13px; color: #fff; background: var(--ink); border: 0; border-radius: 999px; font-size: 12px; }
.plugin-result { min-height: 64px; display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); }
.plugin-result:last-child { border-bottom: 0; }
.plugin-result > span { width: 25px; height: 25px; display: grid; place-items: center; color: var(--green-dark); background: var(--green-soft); border-radius: 50%; font-size: 7px; font-weight: 760; }
.plugin-result p { margin: 0; }.plugin-result strong, .plugin-result small { display: block; }.plugin-result strong { font-size: 14px; }.plugin-result small { margin-top: 3px; color: #767c76; font-size: 12px; line-height: 1.4; }

.automation-section { overflow: hidden; padding-top: 72px; padding-bottom: 64px; background: #eff1f0; border-top: 0; }
.automation-heading { max-width: none; margin-bottom: 30px; display: grid; grid-template-columns: 1.12fr .88fr; gap: 16px 80px; align-items: end; text-align: left; }
.automation-heading .eyebrow { grid-column: 1 / -1; justify-content: flex-start; color: var(--green-dark); }
.automation-heading h2 { max-width: 850px; font-size: clamp(48px, 4.5vw, 68px); }
.automation-heading > p:last-child { max-width: 620px; margin: 0 0 4px; color: var(--muted); font-size: 17px; line-height: 1.48; }
.automation-showcase { position: relative; }
.automation-tabs { position: relative; z-index: 2; margin-bottom: 14px; padding: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; background: rgba(255,255,255,.82); border: 1px solid #dadddd; border-radius: 9px 9px 0 0; box-shadow: none; }
.automation-tabs button { min-width: 0; min-height: 50px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-left: 1px solid #e1e3e1; border-radius: 0; color: #656a72; background: transparent; font-size: 14px; font-weight: 550; white-space: nowrap; transition: color .25s ease, background .25s ease; }
.automation-tabs button:first-child { border-left: 0; }
.automation-tabs button span { color: #717780; font-size: 14px; }
.automation-tabs button:hover { color: var(--ink); background: #f0f1f1; }
.automation-tabs button:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.automation-tabs button.is-selected { color: var(--ink); background: #e3e7e4; box-shadow: inset 0 -3px 0 var(--green); transform: none; }
.automation-tabs button.is-selected span { color: var(--green-dark); }
.automation-gallery { position: relative; overflow: hidden; aspect-ratio: 1.78 / 1; background: #f7f7f4; border: 1px solid #dfe1e1; border-radius: 0 0 10px 10px; box-shadow: 0 12px 30px rgba(29,33,36,.06); }
.automation-panel { position: absolute; inset: 0; margin: 0; display: grid; place-items: center; opacity: 0; transform: translateY(12px) scale(.992); transition: opacity .42s ease, transform .42s cubic-bezier(.2,.8,.2,1); pointer-events: none; }
.automation-panel.is-selected { z-index: 1; opacity: 1; transform: none; pointer-events: auto; }
.workflow-window { width: calc(100% - 64px); height: calc(100% - 54px); overflow: hidden; color: #171a17; background: #fff; border: 1px solid #d8dcd8; border-radius: 12px; box-shadow: 0 22px 55px rgba(28,31,27,.09); }
.workflow-chrome { height: 46px; padding: 0 16px; display: flex; align-items: center; gap: 7px; color: #777e77; background: #f2f3f0; border-bottom: 1px solid #dfe2df; font-size: 11px; }
.workflow-chrome i { width: 9px; height: 9px; background: #ff6258; border-radius: 50%; }.workflow-chrome i:nth-child(2) { background: #ffbd2e; }.workflow-chrome i:nth-child(3) { background: #28c840; }
.workflow-chrome span { margin-left: 8px; }.workflow-chrome b { margin-left: auto; padding: 5px 7px; color: #276c4a; background: #e8f5ed; border-radius: 4px; font-size: 9px; letter-spacing: .05em; }
.workflow-body { height: calc(100% - 46px); display: grid; grid-template-columns: minmax(0,1fr) 285px; }
.workflow-main { padding: 24px 28px; overflow: hidden; }
.workflow-prompt { max-width: 920px; margin-left: auto; padding: 14px 18px; color: #303530; background: #f1f2ef; border: 1px solid #e1e3df; border-radius: 9px; font-size: 14px; line-height: 1.45; }
.workflow-agent { margin: 22px 0 12px; display: grid; grid-template-columns: 34px auto 1fr; gap: 10px; align-items: center; }
.workflow-agent img { width: 34px; height: 34px; object-fit: contain; }.workflow-agent strong { font-size: 14px; }.workflow-agent span { color: #858b85; font-size: 11px; }
.workflow-progress { margin: 0 0 14px 44px; padding: 0; display: grid; gap: 6px; list-style: none; color: #535953; font-size: 12px; }
.workflow-progress li::before { content: "✓"; width: 16px; height: 16px; margin-right: 8px; display: inline-grid; place-items: center; color: #fff; background: var(--green-dark); border-radius: 50%; font-size: 9px; }
.workflow-result { margin-left: 44px; overflow: hidden; background: #fbfcfa; border: 1px solid #d8ddd9; border-radius: 9px; }
.workflow-result header { padding: 13px 16px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #e2e5e2; }.workflow-result header span { color: var(--green-dark); }.workflow-result header strong { font-size: 16px; }
.rule-grid, .pattern-grid, .launch-grid { display: grid; grid-template-columns: 1fr 1fr; }
.rule-grid p, .pattern-grid p, .launch-grid p { margin: 0; padding: 13px 16px; border-right: 1px solid #e4e6e3; border-top: 1px solid #e4e6e3; font-size: 12px; }.rule-grid p:nth-child(-n+2), .pattern-grid p:nth-child(-n+2), .launch-grid p:nth-child(-n+2) { border-top: 0; }.rule-grid p:nth-child(even), .pattern-grid p:nth-child(even), .launch-grid p:nth-child(even) { border-right: 0; }
.workflow-result small, .workflow-side small { display: block; margin-bottom: 4px; color: #758077; font-size: 9px; font-weight: 700; letter-spacing: .07em; }
.workflow-side { padding: 28px 22px; background: #f4f5f2; border-left: 1px solid #dde1dd; }
.workflow-side > p { margin: 0; padding: 13px 0; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #dfe2df; font-size: 13px; }.workflow-side > p img { width: 20px; height: 20px; object-fit: contain; }.workflow-side > p b { margin-left: auto; color: var(--green-dark); font-size: 10px; }.workflow-side > span { margin-top: 18px; padding: 8px 10px; display: inline-flex; color: #3e704f; background: #e3f2e8; border-radius: 5px; font-size: 10px; }
.budget-table p { margin: 0; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e5e8e5; font-size: 12px; }.budget-table p:first-child { border-top: 0; }.budget-table b { font-weight: 550; }.budget-table em, .result-side em { color: var(--green-dark); font-style: normal; font-weight: 700; }
.result-side > strong { margin-top: 28px; display: block; font-size: 28px; font-weight: 500; letter-spacing: -.04em; }.result-side > p { padding: 5px 0 16px; color: #737b74; border: 0; }
.pattern-grid .opportunity { grid-column: 1 / -1; color: #22643f; background: #eaf6ee; border-right: 0; }
.creative-side > div { margin: 16px 0; display: grid; gap: 7px; }.creative-side > div span { min-height: 70px; padding: 12px; display: flex; align-items: end; color: #fff; background: linear-gradient(145deg,#1d2921,#5b4936); border-radius: 6px; font-size: 11px; }.creative-side > b, .checklist-side > b { color: #6b726c; font-size: 10px; }
.copy-compare { padding: 16px; display: grid; grid-template-columns: 1fr 28px 1fr; gap: 12px; align-items: center; }.copy-compare p { margin: 0; }.copy-compare p:last-child b { color: var(--green-dark); }.copy-compare b, .copy-compare span { display: block; }.copy-compare b { margin-bottom: 5px; font-size: 13px; }.copy-compare span { color: #707770; font-size: 11px; line-height: 1.4; }.copy-compare i { color: var(--green-dark); font-style: normal; text-align: center; }
.ad-side { color: #fff; background: #103d2a; }.ad-side small { color: #8de2b4; }.ad-side > strong { margin: 34px 0 8px; display: block; font-size: 26px; line-height: 1.02; letter-spacing: -.04em; }.ad-side > span { color: #16452f; background: #ffd9ca; }.ad-side > b { margin-top: 52px; display: block; color: #aed2be; font-size: 10px; }
.checklist-side > p { color: #4f5851; }.checklist-side > span { color: #7a4f18; background: #f4e8cf; }
.automation-status { min-height: 46px; padding: 0 8px; display: flex; align-items: center; justify-content: space-between; color: #7a8084; font-size: 8px; }
.automation-status span:first-child { display: flex; align-items: center; gap: 7px; }.automation-status i { width: 6px; height: 6px; display: inline-block; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(36,200,117,.12); }
.section-links { margin-top: 22px; padding-top: 16px; display: flex; align-items: center; gap: 24px; border-top: 1px solid rgba(109,116,109,.18); color: #6f756f; font-size: 13px; }
.section-links a { transition: color .2s ease; }.section-links a:hover { color: var(--ink); }
.section-links .section-link-primary { margin-right: auto; color: var(--green-dark); font-size: 14px; font-weight: 600; }
.section-links.centered-links { justify-content: center; }.section-links.centered-links .section-link-primary { margin-right: 0; }

.pricing-section { padding-top: 72px; padding-bottom: 72px; background: #f8f7f3; border-top: 0; }
.pricing-heading { margin-bottom: 32px; display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.pricing-heading h2 { max-width: 770px; }
.billing-switch { padding: 5px; display: inline-flex; flex: none; background: #efefeb; border: 1px solid var(--line); border-radius: 999px; }
.billing-switch button { min-height: 39px; padding: 0 15px; border: 0; border-radius: 999px; color: #6b706a; background: transparent; font-size: 9px; }
.billing-switch button span { margin-left: 4px; color: var(--green-dark); font-size: 7px; }
.billing-switch button.is-selected { color: #fff; background: var(--ink); }
.billing-switch button.is-selected span { color: #a9efc9; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.price-card { min-height: 500px; padding: 26px; display: flex; flex-direction: column; background: #f7f7f3; border: 1px solid var(--line); border-radius: 9px; }
.price-card.featured { background: #edf8f1; border-color: #b9dfca; box-shadow: 0 20px 60px rgba(21,102,61,.09); }
.price-card.pro-card { color: #fff; background: var(--ink); border-color: var(--ink); }
.price-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.price-card-head > span { color: var(--green-dark); font-size: 8px; font-weight: 780; letter-spacing: .15em; }
.pro-card .price-card-head > span { color: var(--green); }
.price-card-head i { padding: 6px 8px; color: #6b706a; background: #e6e7e1; border-radius: 999px; font-size: 6px; font-style: normal; font-weight: 760; letter-spacing: .06em; }
.featured .price-card-head i { color: #fff; background: var(--green-dark); }
.pro-card .price-card-head i { color: #d7ddd8; background: #333833; }
.price-card h3 { min-height: 52px; margin: 28px 0 24px; font-size: 26px; font-weight: 520; line-height: 1.12; letter-spacing: -.025em; }
.price { min-height: 62px; margin: 0; display: flex; align-items: end; gap: 7px; }
.price strong { font-family: var(--font-display); font-size: 52px; font-weight: 500; letter-spacing: -.035em; line-height: .95; }
.price span { color: #747a74; font-size: 9px; }.pro-card .price span { color: #adb4ad; }
.billing-note { margin: 10px 0 28px; color: #838882; font-size: 8px; }.pro-card .billing-note { color: #aab0aa; }
.price-card .button { width: 100%; }
.price-card ul { margin: 26px 0 0; padding: 22px 0 0; display: grid; gap: 13px; border-top: 1px solid var(--line); list-style: none; color: #555b55; font-size: 14px; }
.pro-card ul { color: #c3c9c3; border-color: #3a403b; }
.price-card li::before { content: "✓"; margin-right: 9px; color: var(--green-dark); font-weight: 800; }.pro-card li::before { color: var(--green); }
.price-card li em { margin-left: 5px; padding: 3px 5px; color: #7c5c22; background: #f2e6c9; border-radius: 4px; font-size: 6px; font-style: normal; font-weight: 760; letter-spacing: .06em; text-transform: uppercase; }
.pricing-disclaimer { margin-top: 22px; color: #777d77; font-size: 8px; line-height: 1.6; }

.faq-section { padding-top: 72px; padding-bottom: 72px; background: #fff; border-top: 0; }
.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 72px; align-items: start; }
.faq-list details { padding: 20px 0; border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding-right: 36px; list-style: none; cursor: pointer; font-size: 17px; font-weight: 550; }
.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; position: absolute; right: 4px; top: -4px; color: #747974; font-size: 21px; font-weight: 350; }.faq-list details[open] summary::after { content: "−"; }
.faq-list p { max-width: 720px; margin: 12px 45px 0 0; color: var(--muted); font-size: 15px; line-height: 1.55; }

.footer { background: var(--paper-low); }
.footer-grid { padding-top: 62px; padding-bottom: 52px; display: grid; grid-template-columns: 1.8fr repeat(4, 1fr); gap: 45px; }
.footer-grid > div { display: flex; flex-direction: column; gap: 11px; color: #70756f; font-size: 9px; }
.footer-brand p { max-width: 250px; margin: 12px 0 0; line-height: 1.6; }.footer-grid strong { margin-bottom: 6px; color: var(--ink); }
.footer-bottom { min-height: 68px; display: flex; align-items: center; justify-content: space-between; color: #858a84; border-top: 1px solid var(--line); font-size: 8px; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 60; padding: 12px 16px; color: #fff; background: var(--ink); border-radius: 8px; box-shadow: var(--shadow); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .25s ease; font-size: 10px; }.toast.is-visible { opacity: 1; transform: none; }
.reveal { animation: reveal .7s cubic-bezier(.2,.8,.2,1) both; }.reveal-delay { animation-delay: .12s; }@keyframes reveal { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: none; } }

/* Compare */
.compare-page .shell { width: min(calc(100% - 56px), 1440px); }
.compare-hero { padding-top: 58px; padding-bottom: 52px; text-align: center; }
.compare-hero .eyebrow { justify-content: center; }.compare-hero h1 { max-width: 1060px; margin: 0 auto; font-size: clamp(54px, 5vw, 80px); line-height: 1; }.compare-hero > p:not(.eyebrow) { max-width: 800px; margin: 20px auto; color: var(--muted); font-size: 17px; line-height: 1.5; }
.compare-jump { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }.compare-jump a { padding: 9px 12px; background: #ebeae4; border: 1px solid #ddded7; border-radius: 6px; font-size: 13px; }
.compare-summary { margin-bottom: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.compare-product { min-height: 320px; padding: 25px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 9px; }.compare-product.chatgrowing { color: #fff; background: var(--ink); }.compare-product > span { color: var(--green-dark); font-size: 11px; font-weight: 650; letter-spacing: .08em; }.compare-product.chatgrowing > span { color: var(--green); }.compare-product h2 { margin: 23px 0 13px; font-size: 34px; line-height: 1.05; }.compare-product p { margin: 0; color: #777c76; font-size: 15px; line-height: 1.5; }.compare-product.chatgrowing p { color: #aeb4ae; }.compare-product ul { margin: auto 0 0; padding: 20px 0 0; display: grid; gap: 8px; list-style: none; color: #5e635e; font-size: 13px; }.compare-product.chatgrowing ul { color: #d3d7d3; }.compare-product li::before { content: "·"; margin-right: 8px; color: var(--green); }
.compare-table-section { padding-top: 72px; padding-bottom: 72px; background: #fff; }
.comparison-table { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.comparison-row { min-width: 900px; display: grid; grid-template-columns: 1.1fr 1.1fr 1.1fr 1.1fr; }.comparison-row > * { min-height: 64px; padding: 17px 20px; display: flex; align-items: center; border-right: 1px solid var(--line); border-top: 1px solid var(--line); color: #666b65; font-size: 14px; line-height: 1.45; }.comparison-row > *:last-child { border-right: 0; }.comparison-row > strong { color: var(--ink); background: #edfaf3; font-weight: 600; }.comparison-head > * { min-height: 56px; border-top: 0; color: #7c817b; background: #f4f4f0; font-size: 12px; font-weight: 650; letter-spacing: .05em; }.comparison-head > strong { color: #0d6138; background: var(--green-soft); }.yes { margin-right: 7px; color: var(--green); font-style: normal; }
.compare-detail { padding-top: 58px; padding-bottom: 58px; display: grid; grid-template-columns: 70px 1fr; gap: 42px; border-bottom: 1px solid var(--line); }.compare-number { color: #999d98; font-family: var(--font-display); font-size: 34px; letter-spacing: -.03em; }.compare-detail h2 { max-width: 920px; font-size: clamp(42px,4.2vw,60px); }.compare-detail > div:last-child > p:not(.eyebrow) { max-width: 940px; margin: 18px 0 24px; color: var(--muted); font-size: 16px; line-height: 1.5; }.choose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.choose-grid article { padding: 20px; background: #eeeee8; border-radius: 7px; }.choose-grid small { color: var(--green-dark); font-size: 11px; font-weight: 650; letter-spacing: .08em; }.choose-grid p { margin: 10px 0 0; color: #5c615b; font-size: 14px; line-height: 1.5; }
.compare-note { margin-top: 48px; padding: 21px; display: grid; grid-template-columns: 130px 1fr; gap: 22px; background: var(--gold-soft); border-radius: 10px; }.compare-note strong { font-size: 10px; }.compare-note p { margin: 0; color: #655f4d; font-size: 9px; line-height: 1.65; }.compact-cta { min-height: 340px; }

@media (max-width: 1050px) {
  .nav { grid-template-columns: 1fr auto; }.menu-toggle { display: block; justify-self: end; }.nav-cta { display: none; }.nav-links { position: fixed; inset: 69px 0 0; padding: 38px 32px; display: none; align-content: start; gap: 0; overflow-y: auto; background: rgba(247,246,241,.99); }.nav.is-open .nav-links { display: grid; }.nav-links > a:not(.mobile-cta) { padding: 16px 0; font-family: var(--font-display); font-size: 26px; letter-spacing: -.04em; border-bottom: 1px solid var(--line); }.nav-links .mobile-cta { margin-top: 28px; display: inline-flex; }.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .hero { grid-template-columns: 1fr; }.hero-copy { max-width: 780px; }.video-shell { width: min(820px,100%); min-width: 0; }
  .process-rail { display: none; }.connected-stage { grid-template-columns: 1fr; gap: 18px; }.evidence-inputs { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.evidence-card::after { right: calc(50% - 4px); top: auto; bottom: -5px; }.reasoning-field { min-height: 245px; }.signal-bundle { width: calc(25% - 56px); transform-origin: left center; }.signal-media { left: 25%; top: 0; transform: rotate(31deg); }.signal-outcome { left: 75%; top: 0; transform: rotate(149deg); }.reasoning-core { left: 50%; top: 46%; }.reasoning-field::after { left: 50%; right: auto; top: calc(46% + 56px); width: 1px; height: calc(54% + 18px); background: linear-gradient(180deg, rgba(36,200,117,.72), rgba(36,200,117,.24)); }.reasoning-field ul { left: 68%; bottom: 48px; }.connected-answer { width: min(720px,100%); min-height: 480px; margin-inline: auto; }.connected-answer::before { left: calc(50% - 4px); top: -5px; }
  .analyst-stage { grid-template-columns: 1fr 36px 1fr; }.connector-right { display: none; }.analyst-output { grid-column: 1 / -1; min-height: 480px; margin-top: 22px; }
  .plugin-grid { grid-template-columns: 1fr; gap: 58px; }.plugin-copy { max-width: 760px; }.pricing-grid { grid-template-columns: 1fr; }.price-card { min-height: auto; }.compare-summary { grid-template-columns: 1fr; }.compare-product { min-height: 330px; }.comparison-table { overflow-x: auto; }
}

@media (max-width: 720px) {
  .shell { width: min(100% - 32px, 1240px); }.section { padding-top: var(--section-space-mobile); padding-bottom: var(--section-space-mobile); }.hero { min-height: auto; padding-top: 66px; padding-bottom: 72px; gap: 48px; }.hero h1 { max-width: 100%; font-size: clamp(48px, 13vw, 60px); line-height: .94; }.hero-lede { max-width: 100%; font-size: 12px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.video-controls span { display: none; }
  .source-section { padding: var(--section-space-mobile) 0; }.connected-heading { margin-bottom: 38px; }.connected-heading h2 { font-size: clamp(47px,14vw,66px); }.connected-heading > p:last-child { font-size: 12px; line-height: 1.65; }.evidence-inputs { grid-template-columns: 1fr; }.evidence-card { padding-inline: 13px; }.evidence-card::after { display: none; }.evidence-row { grid-template-columns: 22px 1fr .78fr .7fr; gap: 6px; }.evidence-row > span:not(.adjust-mini) { padding-left: 7px; }.reasoning-field { min-height: 285px; }.signal-bundle i { display: none; }.signal-media { left: 50%; top: -18px; width: 1px; height: calc(44% - 38px); border-left: 1px dashed rgba(71,134,216,.65); transform: none; }.signal-outcome { display: none; }.reasoning-core { left: 50%; top: 44%; }.reasoning-field::after { left: 50%; right: auto; top: calc(44% + 56px); width: 1px; height: calc(56% - 26px); }.reasoning-field ul { left: 50%; bottom: 8px; transform: translateX(-50%); white-space: nowrap; }.connected-answer { min-height: 510px; padding: 19px 17px 15px; }.answer-verdict strong { font-size: 24px; }.driver-list > div { grid-template-columns: 90px 1fr 26px; }.recommended-move strong { align-items: flex-start; line-height: 1.45; }
  .section-heading.split { grid-template-columns: 1fr; gap: 20px; }.analyst-heading h2 { font-size: clamp(47px,14vw,66px); }.analyst-stage { grid-template-columns: 1fr; gap: 16px; }.analyst-connector { width: 1px; height: 36px; justify-self: center; }.analyst-connector i { inset: 0 auto auto -3px; animation-name: connector-flow-y; }.analyst-connector span { right: auto; left: -4px; top: auto; bottom: -4px; }.connector-right { display: block; }.analyst-output { grid-column: auto; min-height: 520px; margin-top: 0; }.knowledge-panel { min-height: 510px; }.skill-panel { padding-inline: 18px; }
  .automation-heading h2 { font-size: clamp(47px,14vw,66px); }.automation-tabs { justify-content: flex-start; overflow-x: auto; display: flex; border-radius: 16px; scrollbar-width: none; }.automation-tabs::-webkit-scrollbar { display: none; }.automation-tabs button { min-height: 44px; padding-inline: 15px; flex: 0 0 auto; }.automation-gallery { aspect-ratio: 1.62 / 1; border-radius: 11px; }.automation-status { padding-top: 12px; align-items: flex-start; flex-direction: column; justify-content: flex-start; gap: 7px; }
  .section-links { align-items: flex-start; flex-direction: column; gap: 13px; }.section-links .section-link-primary { margin-right: 0; }.section-links.centered-links { align-items: center; }.plugin-grid { gap: 42px; }.plugin-copy h2 { font-size: clamp(47px,14vw,66px); }.plugin-install-card { padding: 20px; }.plugin-card-top { grid-template-columns: auto 1fr; }.plugin-card-top i { grid-column: 2; justify-self: start; }.plugin-prompt { grid-template-columns: 1fr; }.plugin-copy-button { justify-self: start; }.pricing-heading { align-items: flex-start; flex-direction: column; }.pricing-grid, .faq-grid, .footer-grid, .choose-grid { grid-template-columns: 1fr; }.faq-grid { gap: 45px; }.footer-grid { gap: 32px; }.footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; }
  .compare-page .shell { width: min(calc(100% - 32px), 1440px); }.compare-hero { padding-top: 58px; padding-bottom: 52px; }.compare-hero h1 { font-size: clamp(48px,13vw,64px); }.compare-detail { grid-template-columns: 1fr; gap: 22px; }.compare-summary { margin-bottom: 58px; }.compare-note { grid-template-columns: 1fr; }.comparison-row { min-width: 760px; }.compare-product h2 { font-size: 32px; }
}

@keyframes connector-flow-y { 0% { top: 0; opacity: 0; } 20%,70% { opacity: 1; } 100% { top: calc(100% - 7px); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.product-video { display: none; }.video-shell { background: url("./assets/chatgrowing-product-demo-poster.png") center / cover no-repeat; }.video-shell::after { content: "Product demo · Example data"; min-height: 42px; padding: 0 15px; display: flex; align-items: center; color: #70756f; font-size: 8px; }.video-controls { display: none; }
}

@media (max-width: 1050px) {
  .shell { width: min(100% - 48px, 1480px); }
  .nav-links { inset: 84px 0 0; }
}

@media (max-width: 720px) {
  .shell { width: min(100% - 32px, 1480px); }
  .nav { min-height: 70px; }
  .nav-links { inset: 70px 0 0; }
  .hero { padding-top: 48px; padding-bottom: 52px; }
  .hero h1 { font-size: clamp(46px, 13vw, 58px); line-height: .98; }
  .hero-lede { font-size: 16px; line-height: 1.5; }
  .connected-heading,
  .section-heading.centered,
  .automation-heading { grid-template-columns: 1fr; gap: 14px; }
  .connected-heading .eyebrow,
  .section-heading.centered .eyebrow,
  .automation-heading .eyebrow { grid-column: auto; }
  .connected-heading > p:last-child,
  .section-heading.centered > p:last-child,
  .automation-heading > p:last-child { margin: 0; font-size: 16px; }
  .connected-heading h2,
  .analyst-heading h2,
  .automation-heading h2,
  .plugin-copy h2 { font-size: clamp(42px, 12vw, 56px); line-height: 1; }
  .automation-tabs { margin-bottom: 10px; border-radius: 8px; }
  .automation-tabs button { font-size: 13px; }
  .automation-gallery { border-radius: 8px; }
}

@media (max-width: 1050px) {
  .no-export-grid { grid-template-columns: 1fr; gap: 42px; }
}

@media (max-width: 720px) {
  .no-export-flow { grid-template-columns: 1fr; }
  .manual-stack, .connected-stack { min-height: 220px; }
  .flow-change { min-height: 74px; border: 0; }
  .flow-change small { writing-mode: initial; }
  .flow-change span { transform: rotate(90deg); }
  .automation-gallery { height: 760px; aspect-ratio: auto; }
  .workflow-window { width: calc(100% - 20px); height: calc(100% - 20px); }
  .workflow-body { grid-template-columns: 1fr; overflow-y: auto; }
  .workflow-main { padding: 18px 14px; }
  .workflow-side { border-top: 1px solid #dde1dd; border-left: 0; }
  .workflow-result, .workflow-progress { margin-left: 0; }
  .workflow-agent { grid-template-columns: 30px auto; }
  .workflow-agent span { grid-column: 2; }
  .copy-compare { grid-template-columns: 1fr; }
  .copy-compare i { transform: rotate(90deg); }
}

/* Codex-native product interaction */
.codex-stage { min-width: 0; }
.codex-window {
  overflow: hidden;
  color: #202220;
  background: #fff;
  border: 1px solid #d9dcd9;
  border-radius: 14px;
  box-shadow: 0 20px 56px rgba(25, 29, 26, .09);
}
.codex-window-hero { height: 510px; }
.codex-window-wide { height: 650px; }
.codex-window-compact { height: 565px; }
.codex-window-bar {
  height: 44px;
  padding: 0 14px;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 70px;
  align-items: center;
  color: #707570;
  background: #f5f6f4;
  border-bottom: 1px solid #dedfdd;
  font-size: 11px;
}
.codex-window-bar > strong {
  overflow: hidden;
  color: #424642;
  font-weight: 550;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.codex-traffic { display: flex; gap: 6px; }
.codex-traffic i { width: 9px; height: 9px; display: block; background: #ff6258; border-radius: 50%; }
.codex-traffic i:nth-child(2) { background: #ffbd2e; }
.codex-traffic i:nth-child(3) { background: #28c840; }
.codex-window-actions { justify-self: end; font-size: 9px; font-weight: 680; letter-spacing: .05em; }
.codex-app { height: calc(100% - 44px); min-height: 0; display: grid; grid-template-columns: 148px minmax(0, 1fr); }
.codex-rail {
  min-height: 0;
  padding: 13px 9px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: #6d726d;
  background: #f3f4f2;
  border-right: 1px solid #dedfdd;
  font-size: 10px;
}
.codex-rail-brand { margin: 0 3px 9px; color: #2d312e; font-size: 14px; font-weight: 670; }
.codex-rail > span,
.codex-rail > b { min-height: 28px; padding: 7px 8px; overflow: hidden; font-weight: 460; text-overflow: ellipsis; white-space: nowrap; }
.codex-rail > b { color: #2f332f; font-weight: 650; }
.codex-rail > small { margin: 12px 8px 2px; color: #929792; font-size: 7px; font-weight: 760; letter-spacing: .12em; }
.codex-rail .is-current { color: #242724; background: #e2e4e1; border-radius: 6px; }
.codex-rail-detailed { width: 184px; }
.codex-window-wide .codex-app { grid-template-columns: 184px minmax(0, 1fr); }
.codex-thread { min-width: 0; min-height: 0; display: grid; grid-template-rows: 40px minmax(0, 1fr) auto; background: #fff; }
.codex-thread-head {
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #777c77;
  border-bottom: 1px solid #eceeeb;
  font-size: 9px;
}
.codex-thread-head strong { overflow: hidden; color: #2e312e; font-size: 11px; font-weight: 590; text-overflow: ellipsis; white-space: nowrap; }
.codex-conversation { min-height: 0; padding: 20px 22px 12px; overflow: auto; scrollbar-width: thin; }
.codex-conversation-wide { padding: 22px 32px 14px; }
.codex-user-message {
  max-width: 82%;
  margin-left: auto;
  padding: 12px 14px;
  color: #303330;
  background: #f0f1ef;
  border: 1px solid #e1e3e0;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.48;
}
.codex-install-message { max-width: 94%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.codex-install-message code { font: 10px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.codex-assistant { margin-top: 18px; }
.codex-agent-line { display: grid; grid-template-columns: 28px auto minmax(0, 1fr); gap: 9px; align-items: center; }
.codex-agent-line img { width: 28px; height: 22px; object-fit: contain; }
.codex-agent-line strong { font-size: 12px; font-weight: 650; }
.codex-agent-line span { color: #858a85; font-size: 9px; }
.codex-tool-stack { margin: 12px 0 12px 37px; overflow: hidden; border: 1px solid #e0e3df; border-radius: 8px; }
.codex-tool-stack-inline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.codex-tool-row {
  min-height: 44px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  background: #fbfcfa;
  border-top: 1px solid #e8eae7;
}
.codex-tool-row:first-child { border-top: 0; }
.codex-tool-stack-inline .codex-tool-row { border-top: 0; border-left: 1px solid #e8eae7; }
.codex-tool-stack-inline .codex-tool-row:first-child { border-left: 0; }
.codex-tool-row > i {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--green-dark);
  border-radius: 50%;
  font-size: 8px;
  font-style: normal;
}
.codex-tool-row.is-running > i { background: transparent; border: 2px solid #96a29a; border-top-color: var(--green); animation: codex-spin .9s linear infinite; }
.codex-tool-row strong,
.codex-tool-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.codex-tool-row strong { font-size: 9px; font-weight: 600; }
.codex-tool-row small { margin-top: 2px; color: #858b85; font-size: 7px; }
@keyframes codex-spin { to { transform: rotate(360deg); } }

.codex-artifact {
  margin-left: 37px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d9deda;
  border-radius: 9px;
  box-shadow: 0 7px 20px rgba(25, 31, 27, .04);
}
.codex-artifact > header { min-height: 37px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fafbf9; border-bottom: 1px solid #e3e6e2; }
.codex-artifact > header span { color: #59615b; font-size: 7px; font-weight: 770; letter-spacing: .1em; }
.codex-artifact > header b { padding: 4px 6px; color: var(--green-dark); background: #e4f4ea; border-radius: 4px; font-size: 6px; letter-spacing: .08em; }
.codex-artifact > h3 { margin: 15px 15px 12px; font-family: var(--font-display); font-size: 22px; font-weight: 500; line-height: 1.05; letter-spacing: -.035em; }
.codex-artifact > h3 em { color: var(--green-dark); font-style: normal; }
.codex-artifact > p { margin: 12px 15px; color: #626862; font-size: 9px; line-height: 1.45; }
.codex-artifact > footer { padding: 9px 13px; color: #808680; background: #fafbf9; border-top: 1px solid #e7e9e6; font-size: 7px; }
.codex-metric-row { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #e7e9e6; border-bottom: 1px solid #e7e9e6; }
.codex-metric-row > span { padding: 9px 12px; text-align: center; border-left: 1px solid #e7e9e6; }
.codex-metric-row > span:first-child { border-left: 0; }
.codex-metric-row small,
.codex-metric-row strong { display: block; }
.codex-metric-row small { margin-bottom: 3px; color: #828882; font-size: 7px; }
.codex-metric-row strong { color: #2a6ce0; font-size: 15px; font-weight: 560; }
.codex-metric-row strong.is-warn { color: #df6b37; }
.codex-stage-meta { min-height: 30px; padding: 0 5px; display: flex; align-items: end; justify-content: space-between; gap: 12px; color: #818681; font-size: 8px; }
.codex-stage-meta span { display: flex; align-items: center; gap: 7px; }
.codex-stage-meta i { width: 6px; height: 6px; display: block; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(36, 200, 117, .12); }
.codex-composer {
  min-height: 54px;
  margin: 0 16px 15px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #9a9e9a;
  background: #fff;
  border: 1px solid #d8dbd8;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(25, 29, 26, .04);
  font-size: 9px;
}
.codex-composer > div { display: flex; align-items: center; gap: 10px; }
.codex-composer i { color: #444944; font-size: 15px; font-style: normal; }
.codex-composer small { color: #6f746f; font-size: 7px; }
.codex-composer b { width: 24px; height: 24px; display: grid; place-items: center; color: #fff; background: #8a8f8a; border-radius: 50%; font-size: 11px; }

.codex-window-wide .codex-conversation { padding-top: 18px; }
.codex-window-hero .codex-conversation { padding: 14px 16px 8px; }
.codex-window-hero .codex-user-message { padding: 9px 11px; font-size: 10px; }
.codex-window-hero .codex-assistant { margin-top: 12px; }
.codex-window-hero .codex-agent-line { grid-template-columns: 24px auto minmax(0, 1fr); }
.codex-window-hero .codex-agent-line img { width: 24px; height: 18px; }
.codex-window-hero .codex-tool-stack { margin: 8px 0 8px 33px; }
.codex-window-hero .codex-tool-row { min-height: 35px; padding: 5px 8px; }
.codex-window-hero .codex-artifact { margin-left: 33px; }
.codex-window-hero .codex-artifact > h3 { margin: 11px 12px 9px; font-size: 18px; }
.codex-window-hero .codex-artifact > p { margin: 9px 12px; font-size: 8px; }
.codex-window-hero .codex-artifact > footer { padding-block: 7px; }
.codex-window-hero .codex-metric-row > span { padding: 6px 8px; }
.codex-window-hero .codex-metric-row strong { font-size: 13px; }
.codex-window-wide .codex-user-message { max-width: 72%; font-size: 13px; }
.codex-window-wide .codex-agent-line img { width: 32px; height: 24px; }
.codex-window-wide .codex-agent-line strong { font-size: 13px; }
.codex-window-wide .codex-artifact > h3 { font-size: 30px; }
.codex-report-grid { display: grid; grid-template-columns: .9fr 1.1fr; border-top: 1px solid #e7e9e6; }
.codex-report-grid .codex-metric-row { border: 0; }
.codex-driver-bars { padding: 11px 14px; border-left: 1px solid #e7e9e6; }
.codex-driver-bars p { margin: 0 0 7px; display: grid; grid-template-columns: 38px minmax(0, 1fr) 24px; gap: 8px; align-items: center; font-size: 8px; }
.codex-driver-bars p:last-child { margin-bottom: 0; }
.codex-driver-bars i { height: 5px; overflow: hidden; background: #eff0ed; border-radius: 999px; }
.codex-driver-bars i b { width: var(--value); height: 100%; display: block; background: #3176e5; border-radius: inherit; }
.codex-evidence-split { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e7e9e6; }
.codex-evidence-split p { margin: 0; padding: 11px 13px; color: #59605a; font-size: 8px; line-height: 1.45; border-left: 1px solid #e7e9e6; }
.codex-evidence-split p:first-child { border-left: 0; }
.codex-evidence-split small { margin-bottom: 4px; display: block; color: var(--green-dark); font-size: 6px; font-weight: 760; letter-spacing: .1em; }
.codex-notice { margin: 13px 0 0 37px; padding: 13px 14px; display: grid; gap: 4px; color: #315740; background: #edf7f0; border: 1px solid #d2e9d9; border-radius: 8px; }
.codex-notice b { font-size: 11px; }
.codex-notice span { color: #5e6b62; font-size: 9px; line-height: 1.45; }

.automation-gallery { height: 690px; aspect-ratio: auto; }
.codex-window-automation { width: calc(100% - 48px); height: calc(100% - 38px); }
.codex-window-automation .codex-app { grid-template-columns: 166px minmax(0, 1fr); }
.codex-window-automation .codex-conversation { padding: 20px 30px 12px; }
.codex-window-automation .codex-user-message { max-width: 78%; font-size: 13px; }
.codex-window-automation .codex-assistant { max-width: 980px; }
.codex-window-automation .codex-tool-row { min-height: 50px; }
.codex-window-automation .codex-tool-row strong { font-size: 10px; }
.codex-window-automation .codex-tool-row small { font-size: 8px; }
.codex-window-automation .codex-artifact > header { min-height: 42px; }
.codex-window-automation .codex-artifact > header span { font-size: 8px; }
.codex-window-automation .codex-artifact > header b { font-size: 7px; }
.codex-rule-grid { display: grid; grid-template-columns: 1fr 1fr; }
.codex-rule-grid p { margin: 0; padding: 15px 18px; border-top: 1px solid #e7e9e6; border-left: 1px solid #e7e9e6; font-size: 12px; }
.codex-rule-grid p:nth-child(odd) { border-left: 0; }
.codex-rule-grid p:nth-child(-n+2) { border-top: 0; }
.codex-rule-grid small,
.codex-pattern-grid small,
.codex-copy-compare small { margin-bottom: 4px; display: block; color: #7d837d; font-size: 7px; font-weight: 760; letter-spacing: .09em; }
.codex-budget-table p { margin: 0; padding: 13px 17px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #e7e9e6; font-size: 11px; }
.codex-budget-table p:first-child { border-top: 0; }
.codex-budget-table em { color: var(--green-dark); font-style: normal; font-weight: 680; }
.codex-approval-line { padding: 12px 17px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #5d645e; background: #f0f7f2; border-top: 1px solid #dce9df; font-size: 9px; }
.codex-approval-line strong { color: var(--green-dark); font-size: 9px; }
.codex-pattern-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.codex-pattern-grid p { margin: 0; padding: 15px; border-left: 1px solid #e7e9e6; font-size: 11px; }
.codex-pattern-grid p:first-child { border-left: 0; }
.codex-opportunity { padding: 12px 15px; display: flex; align-items: center; gap: 13px; color: #245d3c; background: #edf7f0; border-top: 1px solid #dce9df; }
.codex-opportunity small { font-size: 7px; font-weight: 760; letter-spacing: .09em; }
.codex-opportunity b { font-size: 10px; }
.codex-copy-compare { display: grid; grid-template-columns: 1fr 30px 1fr; gap: 12px; align-items: center; }
.codex-copy-compare p { margin: 0; padding: 15px 17px; }
.codex-copy-compare p b,
.codex-copy-compare p span { display: block; }
.codex-copy-compare p b { margin-bottom: 5px; font-size: 12px; }
.codex-copy-compare p span { color: #6d736d; font-size: 9px; line-height: 1.45; }
.codex-copy-compare p:last-child b { color: var(--green-dark); }
.codex-copy-compare > i { color: var(--green-dark); font-style: normal; text-align: center; }

.codex-sequence .codex-user-message,
.codex-sequence .codex-agent-line,
.codex-sequence .codex-tool-row,
.codex-sequence .codex-artifact,
.motion-stage.is-inview .codex-agent-line,
.motion-stage.is-inview .codex-tool-row,
.motion-stage.is-inview .codex-artifact,
.automation-panel.is-selected .codex-agent-line,
.automation-panel.is-selected .codex-tool-row,
.automation-panel.is-selected .codex-artifact { animation: codex-rise .48s both; }
.codex-sequence .codex-agent-line,
.motion-stage.is-inview .codex-agent-line,
.automation-panel.is-selected .codex-agent-line { animation-delay: .14s; }
.codex-sequence .codex-tool-row:nth-child(1),
.motion-stage.is-inview .codex-tool-row:nth-child(1),
.automation-panel.is-selected .codex-tool-row:nth-child(1) { animation-delay: .25s; }
.codex-sequence .codex-tool-row:nth-child(2),
.motion-stage.is-inview .codex-tool-row:nth-child(2),
.automation-panel.is-selected .codex-tool-row:nth-child(2) { animation-delay: .36s; }
.codex-sequence .codex-tool-row:nth-child(3),
.motion-stage.is-inview .codex-tool-row:nth-child(3),
.automation-panel.is-selected .codex-tool-row:nth-child(3) { animation-delay: .47s; }
.codex-sequence .codex-artifact,
.motion-stage.is-inview .codex-artifact,
.automation-panel.is-selected .codex-artifact { animation-delay: .58s; }
@keyframes codex-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

@media (max-width: 1050px) {
  .codex-window-hero { width: min(860px, 100%); height: 560px; }
  .codex-window-wide { height: 680px; }
  .codex-window-automation .codex-app { grid-template-columns: 145px minmax(0, 1fr); }
}

@media (max-width: 720px) {
  .codex-window { border-radius: 10px; }
  .codex-window-hero { height: 620px; }
  .codex-window-wide { height: 700px; }
  .codex-window-compact { height: 600px; }
  .codex-window-bar { grid-template-columns: 54px minmax(0, 1fr) 54px; }
  .codex-app,
  .codex-window-wide .codex-app,
  .codex-window-automation .codex-app { grid-template-columns: minmax(0, 1fr); }
  .codex-rail { display: none; }
  .codex-conversation,
  .codex-conversation-wide,
  .codex-window-automation .codex-conversation { padding: 16px 13px 10px; }
  .codex-user-message,
  .codex-window-wide .codex-user-message,
  .codex-window-automation .codex-user-message { max-width: 94%; font-size: 11px; }
  .codex-install-message { grid-template-columns: 1fr; }
  .codex-install-message .plugin-copy-button { justify-self: start; }
  .codex-tool-stack,
  .codex-artifact,
  .codex-notice { margin-left: 0; }
  .codex-tool-stack-inline { grid-template-columns: 1fr; }
  .codex-tool-stack-inline .codex-tool-row { border-left: 0; border-top: 1px solid #e8eae7; }
  .codex-tool-stack-inline .codex-tool-row:first-child { border-top: 0; }
  .codex-tool-row { min-height: 42px; }
  .codex-artifact > h3,
  .codex-window-wide .codex-artifact > h3 { font-size: 21px; }
  .codex-report-grid,
  .codex-evidence-split { grid-template-columns: 1fr; }
  .codex-driver-bars { border-top: 1px solid #e7e9e6; border-left: 0; }
  .codex-evidence-split p { border-top: 1px solid #e7e9e6; border-left: 0; }
  .codex-evidence-split p:first-child { border-top: 0; }
  .codex-stage-meta { display: none; }
  .codex-composer { min-height: 50px; margin: 0 10px 10px; }
  .automation-gallery { height: 720px; }
  .codex-window-automation { width: calc(100% - 14px); height: calc(100% - 14px); }
  .codex-window-automation .codex-tool-row { min-height: 43px; }
  .codex-rule-grid,
  .codex-pattern-grid { grid-template-columns: 1fr; }
  .codex-rule-grid p,
  .codex-rule-grid p:nth-child(odd),
  .codex-pattern-grid p { border-top: 1px solid #e7e9e6; border-left: 0; }
  .codex-rule-grid p:first-child,
  .codex-pattern-grid p:first-child { border-top: 0; }
  .codex-budget-table p,
  .codex-approval-line { align-items: flex-start; flex-direction: column; gap: 6px; }
  .codex-copy-compare { grid-template-columns: 1fr; }
  .codex-copy-compare > i { transform: rotate(90deg); }
}

@media (prefers-reduced-motion: reduce) {
  .codex-sequence *,
  .motion-stage *,
  .automation-panel * { opacity: 1 !important; transform: none !important; }
}