/* FollowUpPro homepage feature showcases — original CSS-built diagrams */
.fup-showcase,.fup-module-directory{position:relative;overflow:hidden;padding:clamp(64px,7vw,112px) 0;background:#f7f7fb;color:#171722}
.fup-showcase .container-fluid,.fup-module-directory .container-fluid{width:min(100% - 48px,1480px);margin-inline:auto}
.fup-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 8%,rgba(112,75,255,.09),transparent 28%),radial-gradient(circle at 3% 90%,rgba(255,99,56,.08),transparent 25%)}
.fup-showcase>*{position:relative;z-index:1}
.fup-bot-showcase{background:#111116;color:#f7f7fa}
.fup-forms-showcase{background:#f7f7fb}
.fup-fields-showcase{background:#fff}
.fup-showcase-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);gap:48px;align-items:end;margin-bottom:42px}
.fup-showcase-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:#ff653c;font:700 .76rem/1.2 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.fup-showcase-kicker i{font-size:1rem}
.fup-showcase-heading h2,.fup-module-heading h2{margin:0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2rem,4vw,3.55rem);line-height:1.08;letter-spacing:-.055em;font-weight:800}
.fup-showcase-heading h2 em,.fup-module-heading h2 em{font-style:normal;color:#7357ff}
.fup-bot-showcase .fup-showcase-heading h2 em{color:#ff754b}
.fup-showcase-heading>p{max-width:510px;margin:0 0 4px;color:#777782;font-size:1.04rem;line-height:1.8}
.fup-bot-showcase .fup-showcase-heading>p{color:#b7b7c3}
.fup-bot-layout,.fup-forms-layout,.fup-fields-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:24px;align-items:stretch}
.fup-bot-workbench,.fup-form-builder,.fup-field-config{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#19191f;box-shadow:0 22px 60px rgba(10,10,20,.18)}
.fup-window-bar{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 16px;background:#222229;border-bottom:1px solid rgba(255,255,255,.08);color:#f3f3f6}
.fup-window-bar>span{width:7px;height:7px;border-radius:50%;background:#686875}
.fup-window-bar>span:first-child{background:#ff785d}.fup-window-bar>span:nth-child(2){background:#ffc65a}.fup-window-bar>span:nth-child(3){background:#52c88a}
.fup-window-bar>b{margin-left:8px;font-size:.76rem;font-weight:600;letter-spacing:.01em}
.fup-window-bar>small{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:#b8b8c4;font-size:.68rem;white-space:nowrap}
.fup-window-bar>small i,.fup-field-live i{width:6px;height:6px;border-radius:50%;background:#43d69a;box-shadow:0 0 0 4px rgba(67,214,154,.12)}
.fup-bot-chat{padding:clamp(16px,2.5vw,30px)}
.fup-chat-line{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.fup-chat-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #34343f;border-radius:12px;background:#25252e;color:#e5e5ec;font-size:.6rem;font-weight:800}
.fup-chat-user p{max-width:520px;margin:0;padding:12px 15px;border:1px solid #34343f;border-radius:4px 14px 14px 14px;background:#24242d;color:#ededf3;font-size:.9rem;line-height:1.65}
.fup-chat-bot{background:linear-gradient(140deg,#ff6338,#ff8848);border:0;color:#fff;font-size:1rem}
.fup-chat-response{display:flex;flex-direction:column;gap:4px;padding-top:2px}.fup-chat-response strong{font-size:.9rem}.fup-chat-response>span{color:#aaaab8;font-size:.8rem}
.fup-rule-flow{max-width:580px;margin:0 auto 22px;padding:18px;border:1px solid #33333e;border-radius:16px;background:linear-gradient(145deg,#202028,#18181f)}
.fup-rule-node{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #353541;border-radius:12px;background:#24242d}
.fup-rule-node-icon,.fup-side-icon,.fup-module-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;font-size:1.1rem}
.fup-rule-node-icon.orange,.fup-side-icon.orange,.fup-module-icon.orange{background:rgba(255,100,56,.14);color:#ff7951}
.fup-rule-node-icon.violet,.fup-side-icon.violet,.fup-module-icon.violet{background:rgba(122,89,255,.16);color:#9b83ff}
.fup-module-icon.blue{background:#e8f1ff;color:#3578e5}.fup-module-icon.green{background:#e4f8ee;color:#159b69}
.fup-rule-node>div{display:grid;gap:3px}.fup-rule-node small,.fup-rule-actions small{color:#a3a3b1;font:600 .63rem/1.2 "DM Mono",monospace;letter-spacing:.07em}.fup-rule-node strong,.fup-rule-actions strong{color:#f4f4f7;font-size:.84rem}.fup-rule-node em{color:#aaaab8;font-size:.73rem;font-style:normal}
.fup-rule-connector{height:23px;margin-left:31px;border-left:1px solid #6e59f4;position:relative}.fup-rule-connector span{position:absolute;left:-4px;bottom:0;width:7px;height:7px;border-right:1px solid #8d7cff;border-bottom:1px solid #8d7cff;transform:rotate(45deg)}
.fup-rule-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fup-rule-actions>div{display:flex;align-items:center;gap:8px;min-width:0;padding:11px 9px;border:1px solid #353541;border-radius:11px;background:#23232b}.fup-rule-actions>div>i{color:#ff865c;font-size:1rem}.fup-rule-actions span{display:grid;gap:4px;min-width:0}.fup-rule-actions strong{font-size:.72rem}.fup-rule-actions b{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;margin-left:auto;border-radius:50%;background:#174e3d;color:#70e1b4;font-size:.7rem}
.fup-approval-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #34343e;color:#b8b8c4;font-size:.74rem}.fup-approval-row>span:first-child{display:flex;align-items:center;gap:7px}.fup-approval-row i{color:#5cdda9}.fup-approval-pill{padding:7px 10px;border:1px solid rgba(255,122,78,.3);border-radius:999px;background:rgba(255,100,56,.08);color:#ffad8f;font-size:.68rem}
.fup-bot-capabilities{padding:clamp(22px,3vw,34px);border:1px solid #30303a;border-radius:22px;background:linear-gradient(145deg,#1e1e26,#16161b)}
.fup-side-card-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:23px;border-bottom:1px solid #34343e}.fup-side-card-head h3{margin:7px 0 0;color:#fff;font-size:1.35rem;line-height:1.35;letter-spacing:-.03em}.fup-side-card-head small{color:#aaaab8;font:600 .65rem "DM Mono",monospace;letter-spacing:.08em}
.fup-check-list{display:grid;gap:17px;margin:23px 0;padding:0;list-style:none}.fup-check-list li{display:flex;align-items:flex-start;gap:10px}.fup-check-list>li>i{margin-top:3px;color:#5bd9a1;font-size:1rem}.fup-check-list li span{display:grid;gap:4px}.fup-check-list strong{font-size:.87rem;font-weight:700}.fup-check-list small{color:#858592;font-size:.77rem;line-height:1.55}.fup-bot-capabilities .fup-check-list strong{color:#f1f1f5}.fup-inline-link{display:inline-flex;align-items:center;gap:9px;color:#7357ff;text-decoration:none;font-size:.87rem;font-weight:800}.fup-bot-capabilities .fup-inline-link{color:#ff8059}.fup-inline-link i{transition:transform .2s}.fup-inline-link:hover i{transform:translateX(4px)}
.fup-window-bar.light{background:#fbfbfe;color:#262637;border-bottom-color:#e9e8f1}.fup-window-bar.light>small{color:#7d7d8e}.fup-builder-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(170px,.7fr);gap:18px;padding:clamp(16px,2.5vw,28px);background:#fff;color:#252536}
.fup-builder-fields{display:grid;gap:13px}.fup-builder-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.fup-builder-title>span:first-child{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:800}.fup-builder-title i{color:#7357ff}.fup-builder-status{padding:5px 7px;border-radius:6px;background:#edfbf4;color:#15885b;font-size:.61rem;font-weight:700;white-space:nowrap}
.fup-builder-fields label{display:grid;gap:6px;color:#565667;font-size:.72rem;font-weight:700}.fup-builder-fields label>b{display:inline;color:#ff6338}.fup-input-demo{padding:10px 11px;border:1px solid #e6e5ed;border-radius:8px;background:#fff;color:#9a9aa8;font-size:.73rem;font-weight:400}.fup-select-demo{display:flex;align-items:center;justify-content:space-between}.fup-select-demo i{color:#77778a}.fup-submit-demo{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:8px;background:linear-gradient(100deg,#6845ef,#8c66ff);color:#fff;font-size:.75rem;font-weight:800}
.fup-form-side-note{align-self:center;padding:17px;border:1px solid #eae8f4;border-radius:14px;background:#faf9ff}.fup-form-side-note .fup-side-icon{margin-bottom:12px}.fup-form-side-note strong{display:block;font-size:.85rem}.fup-form-side-note p{margin:8px 0 15px;color:#77778a;font-size:.74rem;line-height:1.65}.fup-code-lines{display:grid;gap:6px;padding:12px;border-radius:8px;background:#242432}.fup-code-lines i{height:4px;border-radius:9px;background:#7161d9}.fup-code-lines i:nth-child(2){width:78%;background:#ff885f}.fup-code-lines i:nth-child(3){width:58%;background:#5cbd9b}.fup-code-lines i:nth-child(4){width:87%;background:#7f7fa1}.fup-mini-tag{display:flex;align-items:center;gap:6px;margin-top:12px;color:#16845c;font-size:.67rem;font-weight:700}.fup-forms-benefits,.fup-fields-benefits{padding:clamp(20px,3vw,34px);border:1px solid #e8e7f0;border-radius:22px;background:#fff;box-shadow:0 15px 45px rgba(28,26,60,.05)}.fup-stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.fup-stat-pair>div{display:grid;gap:8px;padding:13px;border:1px solid #ecebf4;border-radius:12px;background:#fafaff}.fup-stat-pair small{color:#9998aa;font:600 .58rem "DM Mono",monospace;letter-spacing:.05em}.fup-stat-pair strong{display:flex;align-items:center;gap:7px;color:#303044;font-size:.77rem}.fup-stat-pair strong i{color:#7357ff}.fup-forms-benefits h3,.fup-fields-benefits h3{margin:0 0 12px;font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.18;letter-spacing:-.045em}.fup-forms-benefits>p,.fup-fields-benefits>p{margin:0;color:#747486;font-size:.9rem;line-height:1.8}.fup-forms-benefits .fup-check-list{gap:14px;margin:22px 0}.fup-forms-benefits .fup-check-list small,.fup-fields-benefits .fup-check-list small{color:#7f7f90}
.fup-field-config{background:#fff;border-color:#e8e7ef;box-shadow:0 20px 55px rgba(28,26,60,.09)}.fup-field-config-body{padding:clamp(17px,2.8vw,30px);color:#252536}.fup-field-config-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.fup-field-config-title small{color:#9998aa;font:600 .61rem "DM Mono",monospace;letter-spacing:.08em}.fup-field-config-title h3{margin:5px 0 0;font-size:1.35rem;letter-spacing:-.03em}.fup-field-live{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#ecfbf4;color:#18845d;font-size:.65rem;font-weight:700;white-space:nowrap}.fup-field-setting{display:grid;gap:7px;margin-bottom:15px}.fup-field-setting>label{color:#737386;font-size:.72rem;font-weight:700}.fup-field-setting>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:10px 12px;border:1px solid #e6e5ee;border-radius:9px;color:#444458;font-size:.77rem}.fup-field-setting>div>i{color:#88889a}.fup-field-setting>div span{display:flex;align-items:center;gap:8px}.fup-field-setting>div span i{color:#7357ff}.fup-option-tags{justify-content:flex-start!important;flex-wrap:wrap}.fup-option-tags span{padding:5px 7px;border-radius:6px;background:#f0edff;color:#5d49ca;font-size:.65rem}.fup-option-tags b{color:#7357ff;font-size:.65rem}.fup-setting-checks{justify-content:flex-start!important;gap:18px!important}.fup-setting-checks span{font-size:.7rem}.fup-setting-checks i{color:#20a879!important}.fup-field-save{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px;border-radius:9px;background:#edfbf4;color:#16845c;font-size:.75rem;font-weight:800}.fup-field-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:25px}.fup-field-type-grid>div{display:grid;justify-items:start;gap:10px;padding:13px;border:1px solid #ecebf3;border-radius:12px;background:#fafaff;color:#5f5e70}.fup-field-type-grid i{color:#7357ff;font-size:1.15rem}.fup-field-type-grid span{font-size:.69rem;font-weight:700}.fup-fields-benefits h3{margin-top:2px}.fup-field-entity-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 23px}.fup-field-entity-list span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e7e5f2;border-radius:999px;background:#faf9ff;color:#55546a;font-size:.7rem;font-weight:700}.fup-field-entity-list i{color:#7357ff}
.fup-module-directory{background:#f0eff7}.fup-module-heading{max-width:900px;margin:0 auto 42px;text-align:center}.fup-module-heading h2{margin-bottom:17px}.fup-module-heading>p{max-width:690px;margin:0 auto;color:#737386;font-size:.98rem;line-height:1.8}.fup-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fup-module-card{min-width:0;padding:23px;border:1px solid #e4e2ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(33,28,80,.035);transition:transform .25s,border-color .25s,box-shadow .25s}.fup-module-card:hover{transform:translateY(-4px);border-color:#c9c0ff;box-shadow:0 18px 36px rgba(50,35,125,.09)}.fup-module-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.fup-module-icon{flex-basis:42px;width:42px;height:42px}.fup-module-card-top small{color:#a0a0b0;font:600 .6rem "DM Mono",monospace;letter-spacing:.06em}.fup-module-card h3{margin:0 0 8px;color:#222234;font-size:1.08rem;letter-spacing:-.03em}.fup-module-card>p{min-height:60px;margin:0 0 16px;color:#77778a;font-size:.8rem;line-height:1.65}.fup-module-tags{display:flex;flex-wrap:wrap;gap:6px}.fup-module-tags span{padding:6px 8px;border:1px solid #e9e8f2;border-radius:7px;background:#fafaff;color:#66657a;font-size:.65rem;line-height:1.25}.fup-module-footnote{display:flex;align-items:flex-start;gap:8px;max-width:900px;margin:25px auto 0;color:#7b7b8d;font-size:.75rem;line-height:1.6}.fup-module-footnote i{margin-top:2px;color:#7357ff}
.fup-scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--fup-reveal-delay,0ms)}.fup-scroll-reveal.is-visible{opacity:1;transform:translateY(0)}
/* Prevent author CSS from displaying both demo button labels at once. */
#demoSubmitButton [hidden],#demoFormStatus[hidden],[data-error-for][hidden]{display:none!important}
#demoSubmitButton .demo-submit-text[hidden],#demoSubmitButton .demo-submit-loading[hidden]{display:none!important}
@media(max-width:1100px){.fup-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fup-showcase-heading{gap:28px}.fup-bot-layout,.fup-forms-layout,.fup-fields-layout{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr)}}
@media(max-width:780px){.fup-showcase,.fup-module-directory{padding:62px 0}.fup-showcase .container-fluid,.fup-module-directory .container-fluid{width:min(100% - 32px,1480px)}.fup-showcase-heading{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.fup-showcase-heading>p{font-size:.94rem}.fup-bot-layout,.fup-forms-layout,.fup-fields-layout{grid-template-columns:1fr}.fup-rule-actions{grid-template-columns:1fr}.fup-rule-actions>div{padding:12px}.fup-rule-actions strong{font-size:.8rem}.fup-builder-content{grid-template-columns:1fr}.fup-form-side-note{display:none}.fup-module-grid{grid-template-columns:1fr}.fup-module-card>p{min-height:0}.fup-module-heading{margin-bottom:28px}.fup-module-heading h2{font-size:2rem}.fup-window-bar>b{font-size:.68rem}.fup-window-bar>small{font-size:0}.fup-window-bar>small i{font-size:initial}.fup-stat-pair{grid-template-columns:1fr 1fr}.fup-field-config-title{align-items:flex-start}.fup-field-live{font-size:.58rem}}
@media(max-width:420px){.fup-stat-pair{grid-template-columns:1fr}.fup-bot-chat{padding:13px}.fup-rule-flow{padding:11px}.fup-approval-row{align-items:flex-start;flex-direction:column}.fup-field-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.fup-scroll-reveal,.fup-module-card,.fup-inline-link i{transition:none!important;transform:none!important}.fup-scroll-reveal{opacity:1!important}}