/* Software offer refinement, within the established paper / ink / orange identity. */
.automation-story { padding:80px 0 16px; border:0; }
.automation-intro { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; margin-bottom:32px; }
.automation-story .automation-intro h2 { font-size:clamp(34px,4.3vw,52px); line-height:1.08; letter-spacing:-.035em; font-weight:800; }
.automation-intro h2 span { color:#b43312; }
.automation-intro > p { max-width:46ch; font-size:var(--type-body); line-height:1.6; color:var(--muted); }
.automation-demo { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:36px; align-items:start; }
.automation-stages { display:flex; flex-direction:column; gap:6px; }
.automation-stages button { display:flex; gap:16px; padding:20px 18px; align-items:center; text-align:left; background:transparent; border-radius:12px; min-width:0; min-height:102px; transition:background .18s; }
.automation-stages button:hover { background:#eae6de; }
.automation-stages button[aria-selected=true] { background:var(--ink); color:white; }
.stage-number { font-size:14px; color:#737169; font-variant-numeric:tabular-nums; }
.automation-stages button[aria-selected=true] .stage-number { color:#ffab90; }
.automation-stages strong { display:block; font-size:22px; line-height:1.2; letter-spacing:-.025em; font-weight:800; }
.automation-stages small { display:block; font-size:13px; line-height:1.4; color:var(--muted); margin-top:7px; }
.automation-stages button[aria-selected=true] small { color:#cccdc6; }
.stage-arrow { font-size:24px; margin-left:auto; }
.automation-stages button[aria-selected=true] .stage-arrow { color:var(--orange); }
.workspace-window { background:#fffdfa; border:1px solid #d2cec5; border-radius:16px; min-width:0; overflow:hidden; }
.workspace-chrome { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 22px; border-bottom:1px solid var(--line); font-size:13px; }
.workspace-chrome > span:first-child { display:flex; align-items:center; gap:9px; font-weight:600; }
.workspace-mark { display:grid; place-items:center; height:25px; width:25px; background:var(--orange); color:var(--ink); border-radius:7px; font-size:19px; font-weight:800; }
.preview-label { font-size:11px; color:var(--muted); }
.workspace-panel { padding:28px; min-height:430px; }
.workspace-panel:focus-visible { outline:3px solid #986000; outline-offset:-5px; }
.workspace-heading { display:flex; gap:16px; justify-content:space-between; align-items:flex-start; margin-bottom:22px; }
.workspace-heading h3 { font-size:28px; font-weight:800; line-height:1.12; letter-spacing:-.03em; }
.workspace-status { font-size:11px; color:#465a30; border:1px solid #bec9aa; border-radius:5px; padding:5px 8px; background:#eef2e6; white-space:nowrap; }
.brief-preview { padding:16px; background:#eeeae2; border-radius:9px; }
.brief-preview > span,.research-row > span,.queue-preview > span { font-size:11px; color:var(--muted); display:block; margin-bottom:7px; }
.brief-preview strong { font-size:16px; }
.brief-preview p { margin-top:8px; font-size:11px; color:#666158; line-height:1.5; }
.research-row { display:grid; grid-template-columns:110px 1fr; align-items:baseline; gap:14px; padding:17px 0; border-bottom:1px solid var(--line); }
.research-row > span { margin:0; }
.research-row strong { font-size:13px; line-height:1.5; font-weight:600; }
.panel-footnote { font-size:12px; color:var(--muted); line-height:1.6; margin-top:20px; }
.workspace-disclosure { font-size:11px; color:#656056; line-height:1.5; border-top:1px solid var(--line); background:#f0ece4; padding:12px 22px; }
.automation-note { margin-top:18px; color:var(--muted); font-size:13px; line-height:1.6; text-align:right; }
.idea-preview { padding:17px 0; border-bottom:1px solid var(--line); }
.idea-preview > span { display:block; font-size:11px; color:#ad3819; margin-bottom:8px; }
.idea-preview strong { font-size:17px; display:block; line-height:1.3; }
.idea-preview p { font-size:12px; color:var(--muted); line-height:1.5; margin-top:8px; }
.idea-preview:first-of-type { padding-top:0; }
.generated-preview { display:flex; justify-content:center; gap:12px; padding:10px 0; }
.generated-preview > div { display:flex; flex-direction:column; min-width:0; width:48%; min-height:214px; border-radius:10px; padding:18px; background:#e7ebc7; }
.generated-preview > div:last-child { background:var(--orange); }
.generated-preview small { font-size:10px; }
.generated-preview strong { font-size:24px; line-height:1.1; letter-spacing:-.03em; margin:auto 0; }
.generated-preview span { font-size:10px; }
.output-checks { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:11px; margin-top:12px; }
.output-checks span::before { content:'✓'; margin-right:4px; }
.workspace-link { display:inline-flex; align-items:center; gap:14px; min-height:44px; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.account-preview { display:flex; gap:12px; align-items:center; border-bottom:1px solid var(--line); padding:18px 0; }
.account-avatar { display:grid; place-items:center; background:#e7ebc7; border-radius:10px; width:40px; height:40px; font-size:28px; font-weight:800; flex-shrink:0; }
.account-orange { background:#ffc0a9; }
.account-preview strong { font-size:14px; display:block; }
.account-preview small { font-size:11px; display:block; margin-top:5px; color:var(--muted); }
.account-state { font-size:10px; color:#486034; margin-left:auto; }
.queue-preview { background:#eeeae2; border-radius:10px; padding:18px; margin-top:22px; }
.queue-preview strong { font-size:16px; line-height:1.3; display:block; }
.queue-preview p { font-size:11px; margin-top:12px; color:var(--muted); }
.metric-preview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:22px 0; border-block:1px solid var(--line); }
.metric-preview span { font-size:12px; color:var(--muted); }
.metric-preview strong { display:block; font-size:30px; font-weight:800; letter-spacing:-.03em; margin-top:8px; }
.performance-bars { display:grid; gap:16px; margin-top:26px; }
.performance-bars > div { display:grid; grid-template-columns:110px 1fr 34px; gap:12px; align-items:center; font-size:11px; }
.performance-bars b { display:block; width:var(--bar); height:18px; border-radius:2px; background:var(--orange); }
.performance-bars small { text-align:right; font-size:11px; }
.format-explanation { padding-left:0; border-left:0; }
.content-formats { padding-top:72px; }
.plan-unit { display:block; font-size:14px; margin-top:18px; padding-top:16px; border-top:1px solid #d2cec5; color:var(--muted); }
.plan-unit strong { font-size:21px; letter-spacing:-.025em; color:var(--ink); font-weight:800; }
.plan.active .plan-unit { border-color:#45463e; color:#c9cac3; }
.plan.active .plan-unit strong { color:#ffab90; }
.full-output { display:grid; grid-template-columns:1fr 1.15fr; gap:56px; padding:38px 0 28px; margin-top:16px; }
.full-output h3 { font-size:clamp(26px,3vw,36px); line-height:1.13; letter-spacing:-.03em; font-weight:800; }
.full-output > div > p { margin-top:16px; color:var(--muted); line-height:1.6; max-width:31ch; font-size:16px; }
.full-output ul { display:flex; flex-direction:column; gap:22px; }
.full-output li { gap:18px; }
.inclusion-number { font-size:13px; color:#ad3819; padding-top:3px; }
.full-output strong { font-size:18px; }
.full-output small { font-size:14px; margin-top:7px; line-height:1.6; }
.launch-note { border-block:1px solid var(--line); padding:32px 0; margin-top:40px; display:grid; grid-template-columns:1fr 1.15fr; gap:56px; }
.launch-note h2 { font-size:32px; line-height:1.12; font-weight:800; letter-spacing:-.03em; }
.launch-note p { color:var(--muted); font-size:15px; line-height:1.6; margin-top:14px; max-width:46ch; }
.launch-timing > strong { font-size:26px; letter-spacing:-.03em; }
.launch-timing > small { display:block; font-size:12px; color:var(--muted); line-height:1.6; margin-top:12px; max-width:62ch; }
.comparison-section { padding-top:24px; }
.time-comparison { border:1px solid #d2cec5; border-radius:14px; }
.time-comparison > summary { list-style:none; display:flex; align-items:center; gap:24px; justify-content:space-between; cursor:pointer; padding:28px; }
.time-comparison > summary::-webkit-details-marker { display:none; }
.time-comparison > summary:focus-visible { outline:3px solid #986000; outline-offset:3px; }
.time-comparison > summary strong { font-size:25px; line-height:1.2; letter-spacing:-.025em; font-weight:800; display:block; }
.time-comparison > summary small { display:block; max-width:53ch; margin-top:10px; color:var(--muted); line-height:1.5; font-size:14px; }
.comparison-toggle { display:flex; gap:22px; align-items:center; font-size:13px; flex-shrink:0; }
.comparison-toggle b { display:grid; place-items:center; width:36px; height:36px; background:var(--ink); color:white; border-radius:50%; font-size:24px; font-weight:400; transition:transform .2s; }
.time-comparison[open] .comparison-toggle b { transform:rotate(45deg); }
.comparison-expanded { padding:0 24px 28px; }
.comparison-expanded .route-budget { padding-top:12px; }
.comparison-expanded .time-value-message { margin:0 0 24px; }
.faq-section { padding-top:50px; }
@media(max-width:1000px) {
 .automation-demo { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:18px; }
 .automation-stages button { padding:18px 12px; gap:12px; }
 .automation-stages strong { font-size:19px; }
 .workspace-panel { padding:22px; }
 .workspace-heading { flex-wrap:wrap; gap:10px; }
 .workspace-heading h3 { font-size:25px; }
 .research-row { grid-template-columns:1fr; gap:6px; }
 .workspace-panel { min-height:490px; }
 .full-output,.launch-note { gap:32px; }
 .comparison-toggle > span { display:none; }
}
@media(max-width:760px) {
 .automation-story { padding-top:54px; }
 .automation-intro { grid-template-columns:1fr; gap:20px; margin-bottom:24px; }
 .automation-intro > p { font-size:16px; }
 .automation-demo { grid-template-columns:1fr; gap:20px; }
 .automation-stages { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
 .automation-stages button { display:flex; flex-direction:column; gap:8px; align-items:center; text-align:center; padding:12px 5px; min-height:90px; border:1px solid var(--line); border-radius:9px; }
 .automation-stages button[aria-selected=true] { border-color:var(--ink); }
 .automation-stages strong { font-size:11px; line-height:1.3; letter-spacing:0; }
 .automation-stages small,.stage-arrow { display:none; }
 .stage-number { font-size:13px; }
 .workspace-panel { min-height:425px; padding:22px; }
 .workspace-chrome { padding:14px 18px; }
 .workspace-chrome > span:first-child { font-size:12px; }
 .preview-label { font-size:10px; }
 .workspace-heading h3 { font-size:27px; }
 .workspace-disclosure { padding:12px 18px; }
 .research-row { grid-template-columns:100px 1fr; gap:10px; }
 .automation-note { text-align:left; font-size:12px; }
 .full-output,.launch-note { grid-template-columns:1fr; gap:26px; }
 .full-output { padding-top:24px; }
 .full-output h3 { font-size:30px; }
 .full-output > div > p { max-width:none; }
 .full-output ul { gap:22px; }
 .plan-unit { grid-column:1/-1; margin-top:10px; padding-top:12px; }
 .plan-blurb { margin-top:10px; }
 .launch-note { margin-top:28px; }
 .time-comparison > summary { padding:22px; align-items:flex-start; gap:15px; }
 .time-comparison > summary strong { font-size:22px; }
 .time-comparison > summary small { font-size:13px; }
 .comparison-expanded { padding:0 16px 24px; }
 .comparison-toggle b { width:30px; height:30px; font-size:21px; }
 .comparison-expanded .route-budget .route-time { display:flex; }
 .comparison-expanded .route-budget { padding-top:16px; }
 .performance-bars > div { grid-template-columns:90px 1fr 32px; gap:8px; }
 .metric-preview strong { font-size:27px; }
}
@media(max-width:360px) {
 .workspace-panel { padding:18px; }
 .workspace-chrome { flex-wrap:wrap; }
 .workspace-heading h3 { font-size:25px; }
 .research-row { grid-template-columns:1fr; }
 .generated-preview > div { padding:14px; min-height:205px; }
 .generated-preview strong { font-size:20px; }
 .account-preview { gap:8px; }
 .account-preview strong { font-size:12px; }
 .account-preview small { font-size:10px; }
 .account-avatar { width:30px; height:34px; }
 .metric-preview strong { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { .automation-stages button,.comparison-toggle b { transition:none; } }

.stage-label-compact { display:none; }
@media(max-width:760px) { .stage-label-full { display:none; } .stage-label-compact { display:inline; } .automation-stages button { min-height:74px; } .automation-stages strong { font-size:11px; } }

/* All panels contribute to intrinsic sizing; inactive content stays inert and invisible. */
.workspace-panels { display:grid; }
.workspace-panel { grid-area:1/1; }
.workspace-panels .workspace-panel[hidden] { display:block!important; visibility:hidden; pointer-events:none; }
.visual-icon { display:block; width:24px; height:24px; flex-shrink:0; }
.automation-stages .stage-number { display:grid; place-items:center; width:48px; height:48px; border-radius:13px; flex-shrink:0; background:#dfe7ce; color:#35452a; }
#stage-ideas .stage-number { background:#f8dfbc; color:#75460e; }
#stage-create .stage-number { background:#ffc8b3; color:#842c12; }
#stage-publish .stage-number { background:#d7e7f0; color:#28546a; }
#stage-measure .stage-number { background:#e2dcf1; color:#534179; }
.automation-stages button[aria-selected=true] .stage-number { background:var(--orange); color:var(--ink); }
.workspace-chrome { background:var(--ink); color:#fff; border-color:var(--ink); }
.workspace-chrome .preview-label { color:#cbd0c4; }
.workspace-panel { background:#f0f3e7; }
#panel-ideas { background:#fcf1df; }
#panel-create { background:#fce8de; }
#panel-publish { background:#eaf2f6; }
#panel-measure { background:#f0ecf7; }
.brief-preview,.queue-preview { background:#fffdf9; border:1px solid #d4d9cb; }
.workspace-status { background:#fffdf9; color:#4a5140; border-color:#c7cdbb; }
.metric-preview { gap:8px; border:0; padding:0; }
.metric-preview > div { padding:16px 10px; border-radius:10px; background:#fffdf9; }
.performance-bars b { height:24px; border-radius:4px; }
.performance-bars > div:nth-child(2) b { background:#9aaab6; }
.performance-bars > div:nth-child(3) b { background:#b2bf91; }
.generated-preview > div { box-shadow:0 7px 0 #c8cfa8; transform:rotate(-3deg); }
.generated-preview > div:last-child { box-shadow:0 7px 0 #e9a18a; transform:rotate(4deg); }
.content-formats { margin:56px 0 20px; padding:42px; gap:44px; border-radius:24px; background:#e7edda; grid-template-columns:minmax(0,1fr) minmax(280px,350px); }
.formats-copy h2 { font-size:clamp(34px,4vw,48px); }
.formats-intro > p:not(.eyebrow) { font-size:17px; margin-top:20px; max-width:34ch; }
.carousel-proof { display:flex; gap:32px; margin-top:30px; }
.carousel-proof strong { font-size:44px; line-height:1; letter-spacing:-.045em; font-weight:800; }
.carousel-proof span { display:block; font-size:12px; color:#4f5845; margin-top:7px; }
.proof-context { font-size:12px; line-height:1.6; color:#4f5845; margin-top:14px; max-width:46ch; }
.format-explanation { display:flex; align-items:flex-start; gap:14px; margin-top:26px; }
.format-icon { display:grid; place-items:center; background:#fffdf6; border-radius:12px; width:42px; height:42px; flex-shrink:0; color:#405033; }
.format-explanation h3 { font-size:18px; }
.format-explanation p { font-size:14px; margin-top:6px; color:#4f5845; }
.format-action { margin-top:30px; }
.button.orange { background:var(--orange); color:var(--ink); }
.inline-subscribe { gap:24px; min-height:54px; font-weight:800; font-size:15px; transition:background .16s,transform .16s; }
.inline-subscribe:hover { background:#ff714a; transform:translateY(-2px); }
.inline-subscribe:active { transform:translateY(0); }
.format-action .format-note { font-size:11px; line-height:1.5; color:#4f5845; margin-top:12px; }
.carousel-demo { max-width:350px; }
.demo-heading { margin:0; background:var(--ink); color:#f6f5ee; border-radius:16px 16px 0 0; padding:14px; font-size:10px; align-items:center; }
.demo-heading span:first-child { color:#f6f5ee; font-size:12px; }
.demo-slide { display:block; position:relative; padding:0; min-height:0; aspect-ratio:1180/2096; border-radius:0; background:#171a16; }
.demo-slide > img { display:block; width:100%; height:100%; object-fit:contain; }
.demo-slide .carousel-image-error { position:absolute; inset:0; display:grid; place-content:center; text-align:center; padding:24px; font-size:16px; color:white; margin:0; }
.carousel-image-error a { margin-top:16px; text-decoration:underline; }
.demo-controls { background:var(--ink); color:#fff; padding:8px; margin:0; border-radius:0 0 16px 16px; }
.demo-controls button { display:grid; place-items:center; background:#353830; }
.demo-controls button:disabled { background:transparent; color:#9fa596; }
.demo-controls button:not(:disabled):hover { background:var(--orange); color:var(--ink); }
#slide-prev .visual-icon { transform:rotate(180deg); }
.slide-thumbnails { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-top:12px; }
.slide-thumbnails button { border-radius:6px; padding:3px; background:transparent; border:1px solid transparent; min-height:44px; }
.slide-thumbnails img { display:block; width:100%; height:auto; border-radius:3px; }
.slide-thumbnails button[aria-pressed=true] { background:var(--ink); border-color:var(--ink); }
.slide-thumbnails button:hover { border-color:#66724c; }
.demo-disclosure { color:#4f5845; }
.demo-disclosure a { display:inline-block; padding:4px 0; font-weight:600; font-size:13px; text-decoration:underline; text-underline-offset:4px; color:var(--ink); }
.demo-disclosure > span { display:block; margin-top:7px; font-size:10px; }
.full-output { padding:34px; border-radius:18px; background:#f0e7dc; gap:36px; }
.full-output .inclusion-number { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; padding:0; background:#fffaf2; border-radius:12px; color:#873718; }
.full-output .visual-icon { stroke:currentColor; width:24px; height:24px; }
.full-output li:nth-child(2) .inclusion-number { color:#305b70; background:#e1eef3; }
.full-output li:nth-child(3) .inclusion-number { color:#59407b; background:#eae0f5; }
.time-comparison { border-color:#e9bda4; background:#f7ded0; }
.time-comparison > summary { padding:28px; gap:26px; }
.time-comparison > summary strong { font-size:28px; }
.time-comparison > summary small { color:#654d3d; }
.comparison-hook { flex:1; }
.comparison-toggle { gap:12px; }
.comparison-toggle b { width:42px; height:42px; }
.time-comparison > summary:hover .comparison-toggle b { background:#a73d1c; }
.comparison-expanded { padding-top:20px; background:var(--paper,#f5f2ee); border-radius:0 0 14px 14px; }
@media(max-width:1000px) {
 .automation-stages .stage-number { width:38px; height:42px; }
 .automation-stages button { gap:12px; }
 .content-formats { padding:28px; gap:30px; grid-template-columns:minmax(0,1fr) minmax(260px,310px); }
 .carousel-proof { gap:24px; }
 .carousel-proof strong { font-size:38px; }
 .full-output { padding:26px; gap:28px; }
}
@media(max-width:760px) {
 .automation-stages .stage-number { width:30px; height:30px; border-radius:8px; }
 .automation-stages .visual-icon { width:19px; height:19px; }
 .automation-stages button { padding:10px 3px; gap:7px; }
 .workspace-panel { min-height:0; }
 .content-formats { grid-template-columns:1fr; padding:26px 22px; gap:28px; margin-top:36px; }
 .formats-copy { display:contents; }
 .formats-intro { order:0; }
 .carousel-proof { order:1; margin:0; gap:36px; }
 .proof-context { order:2; margin:-12px 0 0; }
 .carousel-demo { order:3; max-width:350px; }
 .format-explanation { order:4; margin:0; }
 .format-action { order:5; margin:0; }
 .format-action .button { width:100%; justify-content:space-between; gap:12px; padding:16px; }
 .formats-intro > p:not(.eyebrow) { font-size:16px; }
 .full-output { padding:24px; }
 .full-output strong { font-size:17px; }
 .time-comparison > summary { display:grid; grid-template-columns:1fr auto; gap:18px; padding:22px; }
 .time-comparison > summary strong { font-size:25px; }
 .comparison-toggle { align-self:center; }
 .comparison-toggle b { width:34px; height:34px; }
 .metric-preview > div { padding:14px 8px; }
 .metric-preview strong { font-size:clamp(18px,5.5vw,25px); letter-spacing:-.035em; }
}
@media(max-width:360px) {
 .content-formats { padding:22px 16px; }
 .carousel-proof { gap:28px; }
 .carousel-proof strong { font-size:34px; }
 .format-explanation { gap:10px; }
 .format-icon { width:34px; height:36px; }
 .format-explanation h3 { font-size:16px; }
 .format-action .button { font-size:13px; }
 .full-output { padding:22px 18px; }
 .full-output li { gap:12px; }
 .full-output .inclusion-number { width:34px; height:38px; }
 .demo-heading { padding:12px 10px; font-size:9px; gap:6px; }
 .demo-heading span:first-child { font-size:11px; }
 .slide-thumbnails { gap:4px; }
}
@media(prefers-reduced-motion:reduce) { .inline-subscribe { transition:none; } }