.mock-app:where(.astro-it7soifn){perspective:1200px}.app-chrome:where(.astro-it7soifn){background:var(--s-base);border:1px solid var(--b-default);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-screenshot),var(--shadow-glow)}.title-bar:where(.astro-it7soifn){display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--s-raised);border-bottom:1px solid var(--b-subtle)}.chrome-dots:where(.astro-it7soifn){display:flex;gap:6px}.dot:where(.astro-it7soifn){width:10px;height:10px;border-radius:50%}.dot-red:where(.astro-it7soifn){background:var(--color-error)}.dot-amber:where(.astro-it7soifn){background:var(--color-warning)}.dot-green:where(.astro-it7soifn){background:var(--color-success)}.app-title:where(.astro-it7soifn){font-family:var(--f-ui);font-size:11px;color:var(--t-dim);flex:1;text-align:center}.title-spacer:where(.astro-it7soifn){width:52px}.app-body:where(.astro-it7soifn){display:grid;grid-template-columns:180px 1fr 200px;height:380px}.app-sidebar:where(.astro-it7soifn){background:var(--s-sunken);border-right:1px solid var(--b-subtle);padding:8px;overflow:hidden}.sidebar-header:where(.astro-it7soifn){font-family:var(--f-ui);font-size:9px;font-weight:600;color:var(--t-ghost);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;margin-bottom:2px}.sidebar-item:where(.astro-it7soifn){display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;font-family:var(--f-ui);font-size:11px;color:var(--t-muted);opacity:0;animation:fade-in-item .3s ease forwards;animation-delay:var(--item-delay)}@keyframes fade-in-item{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sidebar-item:where(.astro-it7soifn).active{background:var(--accent-bg);color:var(--accent-text)}.item-icon:where(.astro-it7soifn){font-size:8px;color:var(--t-ghost)}.sidebar-item:where(.astro-it7soifn).active .item-icon:where(.astro-it7soifn){color:var(--accent)}.sidebar-divider:where(.astro-it7soifn){height:1px;background:var(--b-hairline);margin:8px 4px}.lore-item:where(.astro-it7soifn){gap:6px}.lore-dot:where(.astro-it7soifn){width:6px;height:6px;border-radius:50%;flex-shrink:0}.lore-type:where(.astro-it7soifn){font-size:9px;color:var(--t-ghost);margin-left:auto}.app-editor:where(.astro-it7soifn){display:flex;flex-direction:column}.editor-toolbar:where(.astro-it7soifn){display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:1px solid var(--b-hairline);background:var(--s-raised)}.toolbar-btn:where(.astro-it7soifn){font-family:var(--f-ui);font-size:10px;font-weight:600;color:var(--t-ghost);padding:3px 6px;border-radius:3px}.toolbar-btn:where(.astro-it7soifn).active{color:var(--t-primary);background:var(--s-overlay)}.toolbar-divider:where(.astro-it7soifn){width:1px;height:14px;background:var(--b-hairline);margin:0 4px}.toolbar-spacer:where(.astro-it7soifn){flex:1}.toolbar-badge:where(.astro-it7soifn){font-family:var(--f-mono);font-size:9px;color:var(--color-warning);background:#cca04e1a;padding:2px 8px;border-radius:100px}.editor-content:where(.astro-it7soifn){padding:24px 32px;flex:1;overflow:hidden}.editor-heading:where(.astro-it7soifn){font-family:var(--f-ui);font-size:18px;font-weight:600;color:var(--t-primary);margin-bottom:16px}.editor-para:where(.astro-it7soifn){font-family:var(--f-prose);font-size:14px;color:var(--t-body);line-height:1.8;margin-bottom:12px;max-width:none}.editor-para:where(.astro-it7soifn).dim{color:var(--t-dim)}.entity-highlight:where(.astro-it7soifn){border-radius:2px;padding:0 2px}.entity-highlight:where(.astro-it7soifn).char{background:var(--accent-glow);border-bottom:1px solid var(--accent-border-hover);color:var(--accent-text)}.entity-highlight:where(.astro-it7soifn).loc{background:#6a9fd41f;border-bottom:1px solid rgba(106,159,212,.3);color:#8bb8e0}.entity-highlight:where(.astro-it7soifn).fac{background:#a082cc1f;border-bottom:1px solid rgba(160,130,204,.3);color:#b89ee0}.entity-highlight:where(.astro-it7soifn).item{background:var(--accent-bg);border-bottom:1px solid rgba(204,160,78,.3);color:var(--color-warning-text)}.editor-cursor:where(.astro-it7soifn){display:inline-block;width:2px;height:16px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.app-panel:where(.astro-it7soifn){background:var(--s-sunken);border-left:1px solid var(--b-subtle);overflow:hidden}.panel-tabs:where(.astro-it7soifn){display:flex;border-bottom:1px solid var(--b-subtle)}.panel-tab:where(.astro-it7soifn){flex:1;text-align:center;font-family:var(--f-ui);font-size:10px;font-weight:500;color:var(--t-ghost);padding:8px 4px;border-bottom:2px solid transparent}.panel-tab:where(.astro-it7soifn).active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-bg)}.panel-content:where(.astro-it7soifn){padding:8px}.entity-detected:where(.astro-it7soifn){margin-bottom:12px}.entity-header:where(.astro-it7soifn){font-family:var(--f-ui);font-size:9px;font-weight:600;color:var(--t-ghost);text-transform:uppercase;letter-spacing:.06em;padding:4px 4px 6px}.entity-list:where(.astro-it7soifn){display:flex;flex-direction:column;gap:2px}.entity-row:where(.astro-it7soifn){display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:3px}.entity-dot:where(.astro-it7soifn){width:6px;height:6px;border-radius:50%;flex-shrink:0}.entity-name:where(.astro-it7soifn){font-family:var(--f-ui);font-size:11px;color:var(--t-muted);flex:1}.entity-conf:where(.astro-it7soifn){font-family:var(--f-mono);font-size:9px;color:var(--color-success)}.entity-detail:where(.astro-it7soifn){background:var(--s-raised);border:1px solid var(--b-subtle);border-radius:var(--r-sm);padding:8px}.detail-field:where(.astro-it7soifn){display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--b-hairline)}.detail-field:where(.astro-it7soifn):last-child{border-bottom:none}.field-label:where(.astro-it7soifn){font-family:var(--f-ui);font-size:10px;color:var(--t-ghost)}.field-value:where(.astro-it7soifn){font-family:var(--f-ui);font-size:10px;color:var(--t-muted);text-align:right;max-width:60%}.status-bar:where(.astro-it7soifn){display:flex;align-items:center;gap:16px;padding:4px 16px;background:var(--s-raised);border-top:1px solid var(--b-subtle)}.status-item:where(.astro-it7soifn){font-family:var(--f-mono);font-size:9px;color:var(--t-ghost)}.status-item:where(.astro-it7soifn).accent{color:var(--accent)}.status-spacer:where(.astro-it7soifn){flex:1}@media(max-width:959px){.app-body:where(.astro-it7soifn){grid-template-columns:1fr;height:auto}.app-sidebar:where(.astro-it7soifn),.app-panel:where(.astro-it7soifn){display:none}.editor-content:where(.astro-it7soifn){padding:16px}}.flow:where(.astro-5vqg7fcg){display:flex;flex-direction:column;width:100%;max-width:640px;padding-top:6px}.flow-step:where(.astro-5vqg7fcg){display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:22px;align-items:start}.flow-line-wrap:where(.astro-5vqg7fcg){display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.flow-dot:where(.astro-5vqg7fcg){width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-glow);flex-shrink:0;margin-top:6px}.flow-line:where(.astro-5vqg7fcg){width:2px;flex:1;background:linear-gradient(to bottom,var(--accent),var(--accent-border));min-height:40px}.flow-content:where(.astro-5vqg7fcg){min-width:0;padding-bottom:28px}.flow-step:where(.astro-5vqg7fcg):last-child .flow-content:where(.astro-5vqg7fcg){padding-bottom:0}.flow-title:where(.astro-5vqg7fcg){font-size:var(--fs-h3);margin-bottom:6px}.flow-desc:where(.astro-5vqg7fcg){font-size:var(--fs-sm);color:var(--t-muted);line-height:1.6;max-width:34ch}@media(max-width:959px){.flow:where(.astro-5vqg7fcg){max-width:none;padding-top:0}.flow-desc:where(.astro-5vqg7fcg){max-width:none}}.founder:where(.astro-jy4kqd3a){position:relative}.founder-inner:where(.astro-jy4kqd3a){position:relative;max-width:var(--max-w-narrow)}.founder-accent:where(.astro-jy4kqd3a){position:absolute;left:calc(-1 * var(--sp-6));top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--accent),transparent);border-radius:2px}.founder-content:where(.astro-jy4kqd3a){padding-left:var(--sp-2)}.founder-label:where(.astro-jy4kqd3a){font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:var(--sp-4)}.founder-heading:where(.astro-jy4kqd3a){font-size:var(--fs-h1);margin-bottom:var(--sp-6)}.founder-text:where(.astro-jy4kqd3a){color:var(--t-muted);margin-bottom:var(--sp-4);line-height:1.7}.founder-quote:where(.astro-jy4kqd3a){font-family:var(--f-prose);font-size:var(--fs-h3);font-style:italic;color:var(--t-primary);margin-top:var(--sp-6);padding-left:var(--sp-5);border-left:2px solid var(--accent-border)}@media(max-width:639px){.founder-accent:where(.astro-jy4kqd3a){display:none}.founder-content:where(.astro-jy4kqd3a){padding-left:0}}.hero-bg:where(.astro-j7pv25f6){background-image:url(/images/screenshots/editor.webp)}.hero-actions:where(.astro-j7pv25f6){display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-element)}.spec-section:where(.astro-j7pv25f6){padding:0}.section-header:where(.astro-j7pv25f6){margin-bottom:var(--sp-block);text-align:center}.section-heading:where(.astro-j7pv25f6){font-size:var(--fs-h1);margin-bottom:var(--sp-3)}.section-sub:where(.astro-j7pv25f6){font-size:var(--fs-lg);color:var(--t-muted);max-width:55ch;margin:0 auto}.dim-heading:where(.astro-j7pv25f6){color:var(--t-muted)}.section-kicker:where(.astro-j7pv25f6){display:inline-block;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-3)}.phase-num:where(.astro-j7pv25f6){display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:50%;margin-right:var(--sp-2);flex-shrink:0}.edit-phases:where(.astro-j7pv25f6) dt:where(.astro-j7pv25f6){display:flex;align-items:center}.matrix-visual:where(.astro-j7pv25f6){border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--b-subtle);box-shadow:var(--shadow-screenshot)}.matrix-visual:where(.astro-j7pv25f6) img:where(.astro-j7pv25f6){width:100%;height:auto;display:block}.editor-sub-grid:where(.astro-j7pv25f6){margin-top:var(--sp-block);padding:var(--sp-block) 0;border-top:1px solid var(--b-subtle)}.tools-section:where(.astro-j7pv25f6){padding:var(--sp-section) 0}.tools-featured:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.featured-tool:where(.astro-j7pv25f6){display:block;border:1px solid var(--b-subtle);border-radius:var(--r-md);overflow:hidden;background:var(--s-raised);text-decoration:none;transition:border-color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out-spring),box-shadow var(--dur-sm) var(--ease-out)}.featured-tool:where(.astro-j7pv25f6):hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--shadow-card)}.featured-tool-img:where(.astro-j7pv25f6){aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--b-subtle)}.featured-tool-img--placeholder:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-bg) 0%,var(--s-sunken) 100%)}.placeholder-label:where(.astro-j7pv25f6){font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;color:var(--accent);letter-spacing:.04em}.featured-tool-crop:where(.astro-j7pv25f6){width:100%;height:100%;background-size:cover;background-position:center 30%;transition:transform var(--dur-lg) var(--ease-out)}.featured-tool:where(.astro-j7pv25f6):hover .featured-tool-crop:where(.astro-j7pv25f6){transform:scale(1.03)}.featured-tool-title:where(.astro-j7pv25f6){font-size:var(--fs-h4);font-weight:600;color:var(--t-primary);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.featured-tool:where(.astro-j7pv25f6):hover .featured-tool-title:where(.astro-j7pv25f6){color:var(--accent-text)}.featured-tool-desc:where(.astro-j7pv25f6){font-size:var(--fs-sm);color:var(--t-muted);line-height:1.6;padding:0 var(--sp-4) var(--sp-4)}.pipeline-band:where(.astro-j7pv25f6){padding:var(--sp-section) 0}.pipeline-layout:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-block);align-items:center}.pipeline-heading:where(.astro-j7pv25f6){font-size:var(--fs-h1);margin-bottom:var(--sp-4)}.pipeline-desc:where(.astro-j7pv25f6){color:var(--t-muted);line-height:1.7;max-width:48ch}.comparison-section:where(.astro-j7pv25f6){padding:var(--sp-section) 0}.stack-layout:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-6);align-items:start}.stack-side:where(.astro-j7pv25f6){display:flex;flex-direction:column;gap:var(--sp-3)}.stack-label:where(.astro-j7pv25f6){font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t-dim);padding-bottom:var(--sp-2);border-bottom:1px solid var(--b-subtle)}.stack-label--accent:where(.astro-j7pv25f6){color:var(--accent);border-bottom-color:var(--accent-border)}.stack-list:where(.astro-j7pv25f6){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-1-5)}.stack-item:where(.astro-j7pv25f6){font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--b-hairline);background:var(--s-sunken)}.stack-item--old:where(.astro-j7pv25f6){display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4)}.stack-tool-name:where(.astro-j7pv25f6){font-weight:500;color:var(--t-muted)}.stack-tool-role:where(.astro-j7pv25f6){font-size:var(--fs-xs);color:var(--t-dim);text-align:right;flex-shrink:0}.stack-item--new:where(.astro-j7pv25f6){border-color:var(--accent-border);background:var(--accent-bg)}.stack-feature:where(.astro-j7pv25f6){color:var(--t-body)}.stack-divider:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:center;padding-top:var(--sp-12)}.stack-arrow:where(.astro-j7pv25f6){font-size:var(--fs-h2);color:var(--accent);font-weight:700}.stack-cost:where(.astro-j7pv25f6){font-size:var(--fs-xs);color:var(--t-dim);font-style:italic;padding-top:var(--sp-1)}.stack-cost--accent:where(.astro-j7pv25f6){color:var(--accent-text)}@media(max-width:768px){.stack-layout:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:var(--sp-block)}.stack-divider:where(.astro-j7pv25f6){padding-top:0;transform:rotate(90deg)}}.pricing-band:where(.astro-j7pv25f6){position:relative;padding:var(--sp-section) 0;background:var(--s-raised);border-top:1px solid var(--b-subtle);border-bottom:1px solid var(--b-subtle)}.pricing-layout:where(.astro-j7pv25f6){position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-block);align-items:start}.pricing-cta:where(.astro-j7pv25f6){display:flex;flex-direction:column;gap:var(--sp-3)}.pricing-heading:where(.astro-j7pv25f6){font-family:var(--f-prose);font-size:var(--fs-h2);font-weight:700;color:var(--t-primary);line-height:1.2}.pricing-summary:where(.astro-j7pv25f6){color:var(--t-body);line-height:1.7;font-weight:500}.pricing-link:where(.astro-j7pv25f6){font-family:var(--f-ui);font-size:var(--fs-body);font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:var(--sp-1);transition:color var(--dur-micro) var(--ease-out)}.pricing-link:where(.astro-j7pv25f6):hover{color:var(--accent-hover)}.purchase-block:where(.astro-j7pv25f6){padding-top:var(--sp-4)}.purchase-heading:where(.astro-j7pv25f6){font-size:var(--fs-h1);margin-bottom:var(--sp-3)}.purchase-copy:where(.astro-j7pv25f6){color:var(--t-muted);line-height:1.7;margin-bottom:var(--sp-6)}.purchase-actions:where(.astro-j7pv25f6){margin-bottom:var(--sp-3)}.purchase-note:where(.astro-j7pv25f6){color:var(--t-dim);font-size:var(--fs-xs)}@media(max-width:959px){.pipeline-layout:where(.astro-j7pv25f6),.pricing-layout:where(.astro-j7pv25f6){grid-template-columns:1fr}.purchase-block:where(.astro-j7pv25f6){margin-top:var(--sp-element)}}.audience-section:where(.astro-j7pv25f6){position:relative}.audience-header:where(.astro-j7pv25f6){max-width:var(--max-w-prose);margin:0 auto var(--sp-block);text-align:center}.audience-header:where(.astro-j7pv25f6) .spec-index:where(.astro-j7pv25f6){justify-content:center}.audience-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.audience-card:where(.astro-j7pv25f6){position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5);background:var(--s-raised);border:1px solid var(--b-subtle);border-radius:var(--r-lg);text-decoration:none;color:var(--t-body);transition:border-color var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out);overflow:hidden}.audience-card:where(.astro-j7pv25f6):before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,var(--accent-bg) 100%);opacity:0;transition:opacity var(--dur-md) var(--ease-out);pointer-events:none}.audience-card:where(.astro-j7pv25f6):hover{border-color:var(--accent-border);background:var(--s-hover);transform:translateY(-4px)}.audience-card:where(.astro-j7pv25f6):hover:before{opacity:1}.audience-card:where(.astro-j7pv25f6):hover .audience-arrow:where(.astro-j7pv25f6){transform:translate(4px);color:var(--accent-text)}.audience-card:where(.astro-j7pv25f6):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.audience-label:where(.astro-j7pv25f6){font-family:var(--f-mono);font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);position:relative;z-index:1}.audience-title:where(.astro-j7pv25f6){font-family:var(--f-ui);font-size:var(--fs-h4);font-weight:600;color:var(--t-primary);margin:0;line-height:1.3;position:relative;z-index:1}.audience-desc:where(.astro-j7pv25f6){font-family:var(--f-prose);font-size:var(--fs-sm);color:var(--t-muted);line-height:1.6;margin:0;flex:1;position:relative;z-index:1}.audience-arrow:where(.astro-j7pv25f6){font-family:var(--f-ui);font-size:var(--fs-lg);color:var(--t-dim);transition:transform var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out);margin-top:var(--sp-2);position:relative;z-index:1}@media(max-width:900px){.audience-grid:where(.astro-j7pv25f6){grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.audience-grid:where(.astro-j7pv25f6){grid-template-columns:1fr}}
