/* Page-level gradients fade naturally, without a rectangular hero background. */
body{background-color:var(--bg);background-image:radial-gradient(ellipse 900px 660px at 92% 230px,rgba(216,202,252,.56),transparent 80%),radial-gradient(ellipse 700px 800px at 0 550px,rgba(232,225,249,.48),transparent 85%);background-repeat:no-repeat}
.hero:before{display:none}.descriptive-hero{grid-template-columns:1fr 1.12fr;gap:45px;padding:45px 0 25px}.hero-flow{margin:0;display:grid;grid-template-columns:1fr 66px 1.23fr;align-items:center;position:relative;max-width:590px;justify-self:end;width:100%;padding:6px 0}.flow-inputs{display:grid;gap:22px}.flow-node{min-width:0;display:flex;flex-direction:column;align-items:center}.node-label{font-size:12px;font-weight:650;margin:0 0 8px;color:#49405e}.flow-node img{display:block;width:100%;height:auto;border:1px solid #e0d8ee;border-radius:5px;box-shadow:0 8px 26px #42345b12;background:white}.node-description{font-size:10px;color:var(--muted);margin-top:7px}.flow-result img{box-shadow:0 16px 40px #674c9a20;border-color:#cbbbea}.flow-result .node-label{color:#6549bd}.flow-arrows{width:100%;height:400px;overflow:visible}.flow-arrows>path{fill:none;stroke:#8b72cf;stroke-width:1.7;vector-effect:non-scaling-stroke}.hero-flow>figcaption{grid-column:1/-1;text-align:center;margin-top:18px;font-size:11px;color:#706680}.descriptive-hero h1{font-size:clamp(37px,4vw,57px)}
@media(max-width:1000px) and (min-width:701px){.descriptive-hero{gap:25px}.hero-flow{grid-template-columns:1fr 40px 1.2fr}.flow-arrows{height:320px}}
@media(max-width:700px){.descriptive-hero{grid-template-columns:1fr;gap:32px;padding-top:35px}.hero-flow{max-width:460px;justify-self:center;grid-template-columns:1fr 44px 1.2fr}.flow-arrows{height:340px}.flow-inputs{gap:20px}.descriptive-hero h1{font-size:40px}.hero-flow>figcaption{margin-top:14px}body{background-image:radial-gradient(ellipse 550px 900px at 100% 400px,rgba(216,202,252,.5),transparent 85%)}}

.button-link{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:600}.button-link.primary{background:var(--accent);color:white;box-shadow:0 6px 18px #6549db20}.button-link:hover{background:#5134c5}.hero-actions{gap:24px}

/* Static app preview: decorative browser chrome, no embedded controls. */
.browser-preview{margin:28px 0 40px;border:1px solid #d8d0e6;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #43305c14}.browser-chrome{display:flex;align-items:center;gap:18px;padding:12px 16px;background:#f0edf5;border-bottom:1px solid #ded7e8}.browser-dots{display:flex;gap:6px;width:46px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:#c7bed6}.browser-address{flex:1;max-width:440px;margin:auto;background:#fff;border:1px solid #e3ddeb;border-radius:6px;padding:5px 12px;text-align:center;font-size:11px;color:#797084}.browser-spacer{width:46px}.browser-preview .intake-demo{margin:0;border:0;border-radius:0;box-shadow:none;padding:26px}.preview-control{display:inline-block;border:1px solid #d9d1e6;background:#fff;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;color:var(--ink)}.preview-run{background:var(--accent);color:white;border-color:var(--accent);white-space:nowrap}.browser-preview figcaption{padding:10px 20px;text-align:center;font-size:11px;color:var(--muted);border-top:1px solid #eee9f4}.browser-preview .drop{cursor:default}.browser-preview .toolbar{gap:16px}@media(max-width:700px){.browser-preview .intake-demo{padding:18px}.browser-spacer{display:none}.browser-chrome{gap:10px}.browser-preview .toolbar{align-items:flex-start}}

.bottom-cta{text-align:center;margin:48px 0 24px;padding:44px 24px;background:#eee8fc;border:1px solid #ddd2f4;border-radius:18px}.bottom-cta h2{margin:0 0 12px}.bottom-cta p{max-width:520px;margin:0 auto 24px;color:var(--muted)}

/* Four-node workflow: two inputs, editable review, completed output. */
.hero-flow{display:block;max-width:590px}.flow-inputs{grid-template-columns:1fr 1fr;gap:30px;padding:0 28px}.flow-inputs img{max-height:150px;object-fit:cover;object-position:top}.flow-merge{height:40px;display:flex;align-items:flex-start;justify-content:center;padding:0 65px;color:#8b72cf}.flow-merge span{width:42%;height:16px;border-bottom:1px solid #b5a2df}.flow-merge span:first-child{border-left:1px solid #b5a2df;border-radius:0 0 0 10px}.flow-merge span:last-child{border-right:1px solid #b5a2df;border-radius:0 0 10px 0}.flow-merge b{font-size:24px;font-weight:400;line-height:1.7}.flow-outputs{display:grid;grid-template-columns:1.4fr 32px 1fr;align-items:center}.flow-next{text-align:center;font-size:24px;color:#8b72cf}.virtual-form{width:100%;background:#fff;border:1px solid #cbbbea;border-radius:10px;padding:14px;box-shadow:0 16px 40px #674c9a18}.virtual-title{font-size:11px;font-weight:700;border-bottom:1px solid #eee8f7;padding-bottom:10px}.virtual-title>span{display:block;font-size:9px;font-weight:400;color:var(--muted)}.virtual-field{margin-top:10px}.virtual-field>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:10px;color:#625582}.virtual-field small{font-size:8px;padding:1px 4px;border-radius:4px}.field-supported{color:#28674d;background:#e7f5ec}.field-check{color:#87591c;background:#fff2d5}.virtual-field strong{display:flex;justify-content:space-between;font-size:11px;font-weight:500;border:1px solid #e2dbea;border-radius:5px;padding:6px 8px;margin-top:4px}.virtual-field i{font-style:normal;color:var(--accent)}.virtual-source{font-size:8px;color:#6b5987;background:#f4f0fc;padding:4px 6px;margin-top:5px}.virtual-field .virtual-placeholder{color:#91869f;font-weight:400}.flow-result img{width:100%}.hero-actions{flex-wrap:wrap;gap:16px}.pricing-section{padding:48px 0 64px;scroll-margin-top:24px}.pricing-intro{display:flex;align-items:baseline;gap:35px;justify-content:space-between}.pricing-intro p{color:var(--muted);max-width:430px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.pricing-grid .price-free{background:#f0ebfc;border-color:#ddd1f6}.pricing-grid h3{font-size:16px}.price-amount{font-family:Manrope,sans-serif;font-size:36px;font-weight:700;letter-spacing:-1px;margin:18px 0}.price-amount span{font:14px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0}.pricing-grid p{font-size:15px;color:var(--muted)}.pricing-grid .price-detail{font-size:13px;margin:0;padding-top:15px;border-top:1px solid var(--line)}.pricing-footnote{font-size:13px;color:var(--muted);margin:20px 0 0;max-width:850px}
@media(max-width:1000px) and (min-width:701px){.descriptive-hero{grid-template-columns:.9fr 1.1fr;gap:28px}.virtual-form{padding:10px}.flow-inputs{padding:0 12px;gap:16px}.flow-outputs{grid-template-columns:1.4fr 24px 1fr}}
@media(max-width:700px){.flow-inputs{padding:0 12px;gap:22px}.flow-inputs img{max-height:125px}.flow-outputs{grid-template-columns:1.4fr 25px 1fr}.node-description{font-size:9px;text-align:center}.node-label{font-size:11px;text-align:center}.virtual-form{padding:10px}.virtual-field>span{font-size:9px}.virtual-field strong{font-size:10px}.pricing-intro{display:block}.pricing-grid{grid-template-columns:1fr}.pricing-section{padding-top:30px}.price-amount{margin:12px 0}}
