/* Scoped motion for the requested preview, setup and pricing comparison. */
.workspace-preview{--preview-tilt:-1deg;--float-distance:-8px;animation:workspace-float 7s ease-in-out infinite;will-change:transform}
.workspace-preview:hover,.workspace-preview:focus-within{animation-play-state:paused}
.floating-post{animation:notice-float 8s ease-in-out infinite;will-change:transform}
.setup-tour,.price-comparison{position:relative;isolation:isolate;overflow:hidden}
.setup-tour:before,.price-comparison:before{content:none}
.setup-tour .how-intro h2{margin-top:0}.setup-tour .how-intro>p{max-width:355px}
.workflow-demo{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:12px;max-width:370px;margin-top:30px;padding:16px;border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card) 90%,transparent);box-shadow:0 9px 25px #52357906;backdrop-filter:blur(8px)}
.workflow-demo-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--purple);align-self:center}.workflow-demo-icon .icon{width:23px;height:23px}.workflow-demo>div{min-width:0;display:flex;flex-direction:column;gap:4px}.workflow-demo small{font-size:8px;color:var(--muted);letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between;gap:8px}.workflow-demo small>span{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--purple)}.workflow-demo b{font-size:12px;line-height:1.5;font-weight:650}.workflow-demo>div>span{font-size:9px;line-height:1.6;color:var(--muted)}.workflow-dots{grid-column:2;display:flex;align-items:center;gap:5px}.workflow-dots>i{height:3px;width:25px;border-radius:4px;background:var(--line);transition:background .2s}.workflow-dots>i.on{background:var(--purple)}
.workflow-card{padding:20px;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--card) 93%,transparent);backdrop-filter:blur(10px);box-shadow:0 14px 42px #52357909;min-width:0}.workflow-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 17px;color:var(--muted);font-size:10px;font-weight:550}.motion-controls{display:flex;gap:5px}.motion-controls button,.chart-replay{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;width:29px;height:29px;background:var(--card);color:var(--muted);padding:0}.motion-controls .icon,.chart-replay .icon{width:14px;height:14px}.motion-controls button:hover,.chart-replay:hover{color:var(--purple);border-color:#c7afe7}
.setup-tour .workflow{gap:6px}.setup-tour .workflow li{display:block;padding:0;border:0}.workflow-step{position:relative;display:flex;align-items:center;gap:15px;width:100%;padding:18px 12px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}.workflow-step.active{background:var(--soft);border-color:color-mix(in srgb,var(--purple) 24%,var(--line));box-shadow:0 5px 15px #603e8f05}.workflow-step:hover{background:color-mix(in srgb,var(--soft) 65%,var(--card))}.workflow-step .step-number{width:34px;height:34px;border-radius:11px;font-size:10px}.workflow-step.active .step-number{background:var(--purple);border-color:var(--purple);color:var(--card)}.workflow-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.workflow-copy>strong{font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.2px}.workflow-copy>small{font-size:10px;line-height:1.7;color:var(--muted)}.workflow-step>.icon{width:19px;height:19px;color:#b0a2c1}.workflow-step.active>.icon{color:var(--purple)}.workflow-progress{position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--purple);border-radius:3px;transform:scaleX(0);transform-origin:left}.workflow-caption{font-size:8px;line-height:1.7;margin:15px 4px 0;color:var(--muted)}.motion-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.price-comparison{background:#f7f9ff;padding-block:80px;--chart-blue:#2e63eb;--chart-cast:#a1adc1;--chart-social:#65758f;--chart-scale:350}.price-comparison:before{opacity:.42}.price-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:29px}.price-heading h2{font-size:clamp(28px,3vw,42px);margin-bottom:14px;letter-spacing:-1.4px}.price-heading h2>span{color:var(--chart-blue)}.price-heading>div>p{font-size:12px;line-height:1.7;margin:0;max-width:540px}.compare-scenario{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:9px;color:var(--muted);line-height:1.5;max-width:245px;padding:11px 14px;background:var(--card);border:1px solid var(--line);border-radius:10px;flex-shrink:0}.compare-scenario>i{font-style:normal;color:#aea7ba}.compare-scenario>b{flex-basis:100%;font-size:12px;font-weight:650;color:var(--chart-blue);margin-top:3px}.price-chart-card{border:1px solid #dfe5f1;border-radius:20px;padding:29px 30px;background:var(--card);box-shadow:0 18px 50px #3950830b;min-width:0}.price-chart-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:23px;border-bottom:1px solid var(--line)}.price-chart-head h3{font-size:23px;letter-spacing:-.65px;margin:0 0 6px}.price-chart-head p{font-size:11px;line-height:1.6;margin:0}.price-chart-tools{display:flex;align-items:center;gap:9px}.price-filters{display:flex;gap:4px;flex-wrap:wrap}.price-filters>button{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:9px;color:var(--muted);white-space:nowrap}.price-filters>button[aria-pressed=true]{background:#edf3ff;border-color:#d6e2ff;color:var(--chart-blue)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--chart-cast);flex-shrink:0}.legend-dot.social{background:var(--chart-social)}.chart-replay{width:28px;height:28px;flex-shrink:0}
.chart-axis{padding:20px 171px 11px 205px}.chart-axis>div{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:9px;color:var(--muted);height:16px}.chart-axis span{transform:translateX(-50%)}.chart-axis span:first-child{transform:none}.chart-axis span:last-child{transform:translateX(50%)}.price-rows{display:flex;flex-direction:column;gap:1px}.cost-row{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:15px;min-height:69px;padding:10px 13px;border:1px solid transparent;border-radius:10px;min-width:0;--bar-size:0%;--bar-color:var(--chart-social)}.cost-row[data-provider=cast]{--bar-color:var(--chart-cast)}.cost-row.postcora-row{background:#f0f5ff;border-color:#c7d9ff;--bar-color:var(--chart-blue)}.cost-label{min-width:0;font-size:12px;line-height:1.5;color:#58627a}.cost-label>strong{font-weight:750;font-size:16px;color:var(--chart-blue)}.cost-label>a{font-weight:550}.cost-label>a:hover{color:var(--chart-blue);text-decoration:underline;text-underline-offset:3px}.cost-label>small{display:block;font-size:8px;color:var(--muted);line-height:1.5;margin-top:3px}.postcora-row .cost-label>small{font-size:9px;color:#537cce}.bar-lane{padding-right:145px;min-width:0}.bar-track{height:29px;position:relative;min-width:0;background:repeating-linear-gradient(to right,var(--line) 0,var(--line) 1px,transparent 1px,transparent 20%)}.bar-fill{display:block;width:var(--bar-size);min-width:4px;height:29px;background:var(--bar-color);border-radius:5px;transform-origin:left}.postcora-row .bar-fill{box-shadow:0 3px 9px #2e63eb40}.bar-end{position:absolute;left:calc(var(--bar-size) + 10px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;max-width:none}.bar-end>b{font-size:13px;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.postcora-row .bar-end>b{font-size:17px;color:var(--chart-blue)}.bar-end em{font-size:8px;font-style:normal;font-weight:450;color:var(--muted)}.cost-factor{font-size:8px;line-height:1.4;font-weight:550;color:#73819b;background:#f0f3f8;border:1px solid #e3e8f1;border-radius:4px;padding:3px 5px}.postcora-row .cost-factor{border:0;background:#e0ebff;color:var(--chart-blue)}.price-comparison.is-animated .bar-fill{animation:comparison-bar 1.05s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--bar-order,0)*.075s)}.price-comparison.is-animated .bar-end{animation:comparison-label .75s ease both;animation-delay:calc(var(--bar-order,0)*.075s + .15s)}
.chart-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.chart-foot>p{font-size:10px;line-height:1.8;margin:0;color:var(--muted);max-width:950px}.chart-foot>p>b{color:var(--ink);font-weight:600}.comparison-sources{margin-top:14px}.comparison-sources>summary{display:flex;align-items:center;gap:10px;width:fit-content;font-size:9px;font-weight:600;color:var(--muted);cursor:pointer;list-style:none}.comparison-sources>summary:before{content:"+";font-size:14px;color:#8d9db9}.comparison-sources[open]>summary:before{content:"−"}.comparison-sources>summary>span{font-size:8px;font-weight:400;color:#9ba2b2}.comparison-sources>p{font-size:9px;line-height:1.8;margin:11px 0 0;max-width:950px}.comparison-sources>p:last-child{display:flex;gap:18px;flex-wrap:wrap}.comparison-sources a{display:inline-flex;align-items:center;gap:5px;color:var(--chart-blue);text-decoration:underline;text-underline-offset:3px}.comparison-sources .icon{width:10px;height:10px}
@keyframes comparison-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes comparison-label{from{opacity:0;translate:-7px 0}to{opacity:1;translate:0 0}}
@keyframes workspace-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--preview-tilt))}50%{transform:translate3d(0,var(--float-distance),0) rotate(calc(var(--preview-tilt) + .3deg))}}
@keyframes notice-float{0%,100%{transform:translate3d(0,0,0) rotate(2deg)}50%{transform:translate3d(0,-5px,0) rotate(1deg)}}
[data-theme=dark] .setup-tour:before{opacity:.09}[data-theme=dark] .price-comparison{background:#171c29;--chart-blue:#91b4ff;--chart-cast:#71829d;--chart-social:#a0b0c9}[data-theme=dark] .price-comparison:before{opacity:.045}[data-theme=dark] .price-chart-card{border-color:var(--line)}[data-theme=dark] .cost-row.postcora-row{background:#263247;border-color:#3d5580}[data-theme=dark] .cost-label{color:var(--muted)}[data-theme=dark] .postcora-row .cost-label>small{color:#a4c0f8}[data-theme=dark] .cost-factor{background:#2b3444;border-color:#3a465b;color:#b4c3dc}[data-theme=dark] .postcora-row .cost-factor{background:#334967;color:#b8d0ff}[data-theme=dark] .price-filters>button[aria-pressed=true]{background:#26364e;border-color:#3d5580;color:var(--chart-blue)}
@media(max-width:1100px){.workflow-card{padding:16px}.workflow-step{padding:16px 10px;gap:12px}.workflow-copy>strong{font-size:13px}.workflow-copy>small{font-size:9px}.price-chart-card{padding:25px 23px}.price-chart-head{align-items:flex-start}.price-chart-head h3{font-size:21px}.price-chart-tools{gap:5px}.price-filters>button{font-size:8px;padding:5px 6px}.cost-row{grid-template-columns:175px minmax(0,1fr);gap:12px}.chart-axis{padding-left:200px;padding-right:171px}.bar-end{gap:6px}.cost-label{font-size:11px}.bar-lane{padding-right:137px}.cost-factor{font-size:7px;padding-inline:4px}.price-heading h2{font-size:35px}.compare-scenario{max-width:213px;font-size:8px}}
@media(max-width:900px){.workflow-step>.icon{display:none}.workflow-card-head{font-size:9px}.workflow-card{padding:14px}.workflow-demo{padding:13px}.workflow-demo b{font-size:11px}.workflow-demo>div>span{font-size:8px}.workflow-step{gap:10px;padding:16px 9px}.workflow-copy>small{font-size:9px}.price-chart-head{flex-direction:column;gap:15px}.price-chart-tools{width:100%;justify-content:space-between}.price-filters>button{font-size:9px;padding:6px 8px}.price-heading{gap:20px}.price-heading h2{font-size:32px}.price-heading>div>p{font-size:11px}.compare-scenario{max-width:190px}.cost-row{grid-template-columns:155px minmax(0,1fr);gap:10px;padding-inline:10px}.chart-axis{padding-left:175px;padding-right:163px}.bar-end{gap:6px}.bar-end>b{font-size:12px}.postcora-row .bar-end>b{font-size:15px}.cost-label{font-size:10px}.cost-label>small{font-size:7px}.cost-label>strong{font-size:15px}.bar-lane{padding-right:130px}.postcora-row .cost-factor{font-size:7px}.bar-track,.bar-fill{height:27px}}
@media(max-width:700px){.workspace-preview{--preview-tilt:-.6deg;--float-distance:-5px}.setup-tour .how-grid{gap:27px}.workflow-demo{max-width:400px;margin-top:24px;padding:15px}.workflow-demo b{font-size:12px}.workflow-demo>div>span{font-size:9px}.workflow-card{padding:18px}.workflow-card-head{font-size:10px}.workflow-step{padding:18px 12px;gap:14px}.workflow-step>.icon{display:block}.workflow-copy>strong{font-size:14px}.workflow-copy>small{font-size:10px}.workflow-caption{font-size:9px}.price-comparison{padding-block:58px}.price-heading{display:block}.price-heading h2{font-size:31px}.price-heading>div>p{font-size:11px;max-width:400px}.compare-scenario{margin-top:18px;max-width:none;width:fit-content;gap:7px;font-size:9px;padding:9px 12px}.compare-scenario>b{flex-basis:auto;margin:0;font-size:10px}.price-chart-card{padding:21px 17px;border-radius:16px}.price-chart-head h3{font-size:21px}.price-chart-head p{font-size:10px}.cost-row{grid-template-columns:137px minmax(0,1fr);gap:8px;padding-inline:9px;min-height:74px}.chart-axis{padding-left:154px;padding-right:97px}.bar-lane{padding-right:80px}.bar-end{display:flex;flex-direction:column;align-items:flex-start;gap:3px;left:calc(var(--bar-size) + 8px)}.bar-end>b{font-size:12px}.postcora-row .bar-end>b{font-size:15px}.cost-factor{font-size:7px;padding:2px 4px}.cost-label{font-size:10px}.cost-label>small{font-size:7px}.bar-track,.bar-fill{height:25px}.chart-axis>div{font-size:8px}.chart-foot>p{font-size:9px}.comparison-sources>summary{font-size:9px}.comparison-sources>summary>span{font-size:7px}}
@media(max-width:480px){.price-heading h2{font-size:28px;letter-spacing:-.95px}.price-chart-card{padding:19px 13px}.price-chart-head h3{font-size:20px}.price-filters>button{font-size:8px;padding:6px}.price-chart-head{padding-bottom:17px}.cost-row{display:block;padding:12px 9px;min-height:92px}.cost-label{font-size:11px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cost-label>small{font-size:7px;line-height:1.6;margin:0}.cost-label>strong{font-size:15px}.postcora-row .cost-label>small{font-size:8px}.bar-lane{margin-top:9px;padding-right:88px}.bar-track,.bar-fill{height:23px}.bar-end{left:calc(var(--bar-size) + 8px)}.bar-end>b{font-size:12px}.postcora-row .bar-end>b{font-size:15px}.chart-axis{padding:17px 111px 7px 9px}.chart-axis>div{font-size:7px}.compare-scenario{font-size:8px;gap:5px}.compare-scenario>b{font-size:9px}.workflow-card{padding:13px}.workflow-step{padding:16px 10px;gap:12px}.workflow-step>.icon{width:17px;height:17px}.workflow-copy>strong{font-size:13px}.workflow-copy>small{font-size:9px}.workflow-card-head{font-size:9px;padding-bottom:14px}.workflow-caption{font-size:8px}.workflow-demo{padding:14px}.comparison-sources>summary{gap:7px;flex-wrap:wrap}.comparison-sources>p{font-size:8px}.chart-foot>p{font-size:8px}.cost-factor{font-size:7px}.price-chart-tools{gap:6px}}
@media(max-width:370px){.price-chart-card{padding:17px 10px}.price-chart-head h3{font-size:18px}.price-chart-head p{font-size:9px}.price-filters>button{font-size:7px;padding:5px}.price-filters{gap:1px}.price-chart-tools{gap:4px}.chart-replay{width:26px;height:26px}.price-heading h2{font-size:25px}.workflow-step>.icon{display:none}.workflow-step .step-number{width:30px;height:30px}.workflow-copy>strong{font-size:12px}.workflow-step{gap:10px}.workflow-demo b{font-size:11px}.workflow-demo>div>span{font-size:8px}.workflow-demo small{font-size:7px}.workflow-demo{column-gap:9px}.compare-scenario{font-size:7px;gap:4px}.compare-scenario>b{font-size:8px}.chart-axis{padding-right:108px}.bar-lane{padding-right:85px}}
@media(prefers-reduced-motion:reduce){.workspace-preview,.floating-post,.setup-tour:before,.bar-fill,.bar-end{animation:none!important;will-change:auto}.price-comparison .bar-end{opacity:1;translate:0 0}.workflow-step,.workflow-dots>i{transition:none}#workflow-play{display:none}}
/* v16.30 readability floor: controls, form labels and explanatory copy never below 11–12px (the decorative workspace preview keeps its scale) */
.hero-note,.benefit-strip>span,.workflow-copy small,.unit-price span,.calc-result>span,.calc-result>div>span,.chart-foot p,.cta-login{font-size:12px}
.eyebrow,.step-number,.audience-number,.workflow-caption,.calc-fine,.calc-result>small,.calc-error,.compare-scenario,.cost-label small,.cost-factor,.comparison-sources summary span{font-size:11px}
.calc-fields label,.comparison-sources summary,.comparison-sources p{font-size:12px}
.calc-presets button,.price-filters>button{font-size:12px;min-height:32px;padding:6px 10px}
@media(max-width:480px){.price-filters{gap:4px}.price-filters>button{font-size:11.5px;padding:6px 8px}}
.postcora-row .cost-factor,.postcora-row .cost-label>small{font-size:11px}
.cost-factor{color:#556178}.postcora-row .cost-label>small{color:#3559a8}.postcora-row .cost-factor{color:#2a4f9e}
[data-theme=dark] .cost-factor{color:#c3cfe3}[data-theme=dark] .postcora-row .cost-label>small{color:#a4c0f8}[data-theme=dark] .postcora-row .cost-factor{color:#b8d0ff}
.comparison-sources summary span{color:#6b6579}[data-theme=dark] .comparison-sources summary span{color:#b0a7be}

/* v17.10: the v16.39 hero offer pill (500 free posts / no card / no subscription ticker) was removed from the landing hero */
