@font-face{font-family:FormanoPersian;src:url("/wp-content/plugins/nexo-smart-forms/assets/fonts/vazirmatn-var.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
body.fmn-demo-surface{--fm-ink:#181b49;--fm-primary:#6546ed;--fm-sub:#64718e;--fm-border:#e5e8f5;margin:0;min-width:320px;font:15px/1.85 FormanoPersian,Tahoma,sans-serif;background:#f8f9ff;color:var(--fm-ink);direction:rtl}
.fmn-demo-surface *,.fmn-demo-surface *:before,.fmn-demo-surface *:after{box-sizing:border-box}
.fmn-demo-surface :where(input,button,textarea,select){font-family:inherit}
.fmn-demo-surface a{text-decoration:none}
.fmn-demo-surface :where(a,button,input,select,textarea):focus-visible{outline:3px solid #9783fa!important;outline-offset:3px!important}
.fmn-demo-surface .fmn-shell{width:min(calc(100% - 44px),1240px);margin-inline:auto}
.fmn-demo-surface .fmn-demo-nav{background:#fffffff2;position:sticky;top:0;z-index:100;border-bottom:1px solid #e8ebf5;backdrop-filter:blur(16px)}
.admin-bar.fmn-demo-surface .fmn-demo-nav{top:32px}
.fmn-demo-surface .fmn-nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.fmn-demo-surface .fmn-logo{display:flex;align-items:center;gap:11px;color:#191c4d;white-space:nowrap}
.fmn-demo-surface .fmn-logo-icon{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(125deg,#6f51f5,#4f3cd3);box-shadow:0 7px 19px #6046eb30;border-radius:14px;color:white;font-size:24px;font-weight:900}
.fmn-demo-surface .fmn-logo>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.fmn-demo-surface .fmn-logo strong{font-size:19px;font-weight:900}
.fmn-demo-surface .fmn-logo small{font-size:10px;color:#7c859f;margin-top:5px}
.fmn-demo-surface .fmn-nav-links{display:flex;align-items:center;gap:24px}
.fmn-demo-surface .fmn-nav-links a{font-size:13px;color:#485577;font-weight:700;white-space:nowrap}
.fmn-demo-surface .fmn-nav-links a:hover{color:var(--fm-primary)}
.fmn-demo-surface .fmn-nav-actions{display:flex;align-items:center;gap:9px}
.fmn-demo-surface .fmn-action{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 17px;border-radius:11px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}
.fmn-demo-surface .fmn-action:hover{transform:translateY(-2px)}
.fmn-demo-surface .fmn-action-back{background:white;border:1px solid #d8dcf0;color:#4c3eaa}
.fmn-demo-surface .fmn-action-buy,.fmn-demo-surface .fmn-shop-cta{background:linear-gradient(105deg,#694af1,#8057f4);color:white!important;box-shadow:0 9px 22px #6746e82c}
.fmn-demo-surface .fmn-main{padding:23px 0 65px}
.fmn-demo-surface .fmn-crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#96a0b6;margin-bottom:20px}
.fmn-demo-surface .fmn-crumb a{color:#7582a0}
.fmn-demo-surface .fmn-crumb strong{color:#59657f;font-weight:700}
.fmn-demo-surface .fmn-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.45fr);gap:24px;align-items:center;position:relative;overflow:hidden;min-height:218px;padding:33px 40px;margin-bottom:24px;border-radius:25px;border:1px solid #e9e7f9;background:linear-gradient(115deg,#fff 0%,#fff 52%,#eeebff 100%);box-shadow:0 12px 40px #2527660a}
.fmn-demo-surface .fmn-hero-copy{position:relative;z-index:2;min-width:0}
.fmn-demo-surface .fmn-chips{display:flex;gap:7px;flex-wrap:wrap}
.fmn-demo-surface .fmn-chip{border-radius:20px;font-size:11px;font-weight:800;color:#40639c;padding:5px 13px;background:#eaf4ff}
.fmn-demo-surface .fmn-chip-main{color:#5d3ddb;background:#eeebff}
.fmn-demo-surface .fmn-hero h1{font:900 clamp(24px,3vw,36px)/1.5 FormanoPersian,Tahoma,sans-serif;margin:12px 0 6px;color:#1c2156}
.fmn-demo-surface .fmn-hero p{margin:0;font-size:14px;color:#60708b;line-height:1.95}
.fmn-demo-surface .fmn-hero-advantages{display:flex;flex-wrap:wrap;gap:17px;margin-top:18px;color:#536885;font-size:12px;font-weight:700}
.fmn-demo-surface .fmn-hero-advantages b{color:#15997b;margin-left:4px}
.fmn-demo-surface .fmn-hero-art{height:155px;position:relative;display:grid;place-items:center}
.fmn-demo-surface .fmn-art-glow{position:absolute;width:220px;height:180px;filter:blur(22px);border-radius:100px;background:#cbc3ff9a}
.fmn-demo-surface .fmn-art-card{position:relative;width:210px;height:152px;background:#fff;border:1px solid #e1e5f6;border-radius:16px;padding:14px 17px;transform:rotate(-8deg);box-shadow:0 15px 38px #1c2c7321;display:flex;flex-direction:column;gap:9px}
.fmn-demo-surface .fmn-art-top{font-size:10px;font-weight:800;color:#6052a8}
.fmn-demo-surface .fmn-art-line{background:#e9e9fa;width:88%;height:8px;border-radius:10px}
.fmn-demo-surface .fmn-art-line.short{width:57%}
.fmn-demo-surface .fmn-art-input{height:26px;border:1px solid #e2e6f8;border-radius:7px;background:#fafaff}
.fmn-demo-surface .fmn-art-btn{height:19px;width:65px;border-radius:6px;background:#6351e9}
.fmn-demo-surface .fmn-art-check{position:absolute;z-index:3;bottom:-3px;left:10px;border-radius:12px;padding:8px 13px;background:white;color:#15a27a;box-shadow:0 9px 20px #29317b26;font-weight:900}
.fmn-demo-surface .fmn-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.75fr);gap:22px;align-items:start}
.fmn-demo-surface .fmn-form-panel,.fmn-demo-surface .fmn-aside-card{background:white;border:1px solid #e9eaf4;border-radius:19px;box-shadow:0 9px 30px #292e7010;min-width:0}
.fmn-demo-surface .fmn-form-panel{overflow:hidden}
.fmn-demo-surface .fmn-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 26px;border-bottom:1px solid #ebedf8}
.fmn-demo-surface .fmn-panel-title{display:flex;align-items:center;gap:11px;min-width:0}
.fmn-demo-surface .fmn-panel-symbol{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:13px;color:#6145e1;background:#f0edff;font-size:23px}
.fmn-demo-surface .fmn-panel-title>span:last-child{display:flex;flex-direction:column}
.fmn-demo-surface .fmn-panel-title strong{font-size:17px;font-weight:900}
.fmn-demo-surface .fmn-panel-title small{font-size:11px;color:#8490a7}
.fmn-demo-surface .fmn-available{display:inline-flex;align-items:center;gap:6px;color:#188265;background:#ebfaf5;font-size:11px;font-weight:800;padding:6px 12px;border-radius:20px;white-space:nowrap}
.fmn-demo-surface .fmn-available i{height:7px;width:7px;border-radius:50%;background:#2bae82}
.fmn-demo-surface .fmn-form-body{padding:27px 26px;min-width:0;overflow:visible}
.fmn-demo-surface .fmn-form-body .nexo-demo-note{display:none!important}
.fmn-demo-surface .fmn-form-body>h2{font:800 18px/1.7 FormanoPersian,Tahoma,sans-serif;margin:0 0 4px}
.fmn-demo-surface .fmn-form-body>p{font-size:13px;color:#64708f}
.fmn-demo-surface .fmn-form-body .nsf-app,.fmn-demo-surface .fmn-form-body .nsf-form-shell{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;direction:rtl!important}
.fmn-demo-surface .fmn-form-body .nsf-app{font-family:FormanoPersian,Tahoma,sans-serif!important}
.fmn-demo-surface .fmn-form-body :where(.nsf-input,input[type=text],input[type=tel],input[type=email],input[type=number],input[type=password],select,textarea){font-family:FormanoPersian,Tahoma,sans-serif!important;max-width:100%;font-size:15px}
.fmn-demo-surface .fmn-form-body :where(.nsf-field__label,.nsf-form-head__title,.nsf-btn){font-family:FormanoPersian,Tahoma,sans-serif!important}
.fmn-demo-surface .fmn-form-body :where(.nsf-btn,input,select,textarea){border-radius:10px}
.fmn-demo-surface .fmn-form-body :where(.nsf-btn,input[type=text],input[type=tel],input[type=email],input[type=password],select){min-height:44px}
.fmn-demo-surface .fmn-form-body .nsf-field__error{font-size:12px;line-height:1.8}
.fmn-demo-surface .fmn-panel-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #edf0f9;background:#fcfcff;padding:16px 26px;color:#7a87a1;font-size:11px}
.fmn-demo-surface .fmn-panel-foot a{color:#563cce;font-weight:800}
.fmn-demo-surface .fmn-aside{display:flex;flex-direction:column;gap:16px}
.fmn-demo-surface .fmn-aside-card{padding:23px}
.fmn-demo-surface .fmn-aside-icon{display:grid;place-items:center;height:41px;width:41px;border-radius:12px;color:#5c42e0;background:#efecff;font-size:23px;margin-bottom:14px}
.fmn-demo-surface .fmn-aside-card h2{font:900 18px/1.6 FormanoPersian,Tahoma,sans-serif;margin:0 0 10px;color:#212655}
.fmn-demo-surface .fmn-aside-card p{font-size:12px;color:#67728f;line-height:2;margin:0 0 12px}
.fmn-demo-surface .fmn-aside-count{border-top:1px solid #eceefa;padding-top:12px;font-size:12px;color:#65718f}
.fmn-demo-surface .fmn-aside-count strong{color:#6249e4}
.fmn-demo-surface .fmn-other{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff1f8;padding:13px 0;color:#2b3761;min-width:0}
.fmn-demo-surface .fmn-other-num{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#f1efff;color:#5847dc;border-radius:10px;font-size:15px;font-weight:900}
.fmn-demo-surface .fmn-other>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
.fmn-demo-surface .fmn-other strong{font-size:12px;font-weight:800}
.fmn-demo-surface .fmn-other small{font-size:10px;color:#8791ab}
.fmn-demo-surface .fmn-aside-all{display:block;margin-top:16px;font-weight:800;color:#543bcb;font-size:12px}
.fmn-demo-surface .fmn-shop-card{background:linear-gradient(145deg,#38277e,#664de0);color:white;overflow:hidden}
.fmn-demo-surface .fmn-shop-card h2{color:white;font-size:20px;margin:8px 0}
.fmn-demo-surface .fmn-shop-card p{color:#e2dcff;margin-bottom:19px}
.fmn-demo-surface .fmn-shop-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#d2c7ff}
.fmn-demo-surface .fmn-shop-cta{background:white;color:#4c37b8!important;width:100%;box-shadow:none}
.fmn-demo-surface .fmn-shop-card>small{display:block;text-align:center;margin-top:9px;color:#e0d9ff;font-size:11px}
.fmn-demo-surface .fmn-after{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:17px;border-radius:19px;background:#fff;border:1px solid #e9eaf6;padding:20px 27px}
.fmn-demo-surface .fmn-after small{font-size:12px;color:#797e9c}
.fmn-demo-surface .fmn-after h2{font:900 20px/1.5 FormanoPersian,Tahoma,sans-serif;margin:4px 0;color:#292453}
.fmn-demo-surface .fmn-footer{border-top:1px solid #e5e9f4;background:#fff;color:#747d98;font-size:12px}
.fmn-demo-surface .fmn-footer>.fmn-shell{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0}
.fmn-demo-surface .fmn-footer>.fmn-shell>div{display:flex;gap:20px}
.fmn-demo-surface .fmn-footer a{color:#536085}
.fmn-demo-surface .fmn-skip{position:fixed;top:-130px;left:20px;z-index:9999;background:#fff;padding:10px}
.fmn-demo-surface .fmn-skip:focus{top:8px}
.fmn-demo-surface .fmn-mobile-actions{display:none}
@media(max-width:1140px){.fmn-demo-surface .fmn-nav-links{gap:12px}.fmn-demo-surface .fmn-nav-actions .fmn-action-back{display:none}.fmn-demo-surface .fmn-workspace{grid-template-columns:minmax(0,1.4fr) minmax(255px,.7fr)}}
@media(max-width:940px){.fmn-demo-surface .fmn-nav-links{display:none}.fmn-demo-surface .fmn-workspace{grid-template-columns:1fr}.fmn-demo-surface .fmn-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fmn-demo-surface .fmn-shop-card{grid-column:1/-1}}
@media(max-width:640px){.fmn-demo-surface .fmn-shell{width:min(calc(100% - 28px),1240px)}.fmn-demo-surface .fmn-nav-inner{min-height:66px}.fmn-demo-surface .fmn-logo-icon{width:39px;height:39px}.fmn-demo-surface .fmn-logo strong{font-size:16px}.fmn-demo-surface .fmn-logo small{font-size:9px}.fmn-demo-surface .fmn-nav-actions{display:none}.fmn-demo-surface .fmn-main{padding:17px 0 105px}.fmn-demo-surface .fmn-hero{padding:25px 20px;min-height:0;grid-template-columns:1fr}.fmn-demo-surface .fmn-hero-art{display:none}.fmn-demo-surface .fmn-hero h1{font-size:25px}.fmn-demo-surface .fmn-hero-advantages{gap:10px;font-size:11px}.fmn-demo-surface .fmn-panel-head{padding:16px;flex-wrap:wrap}.fmn-demo-surface .fmn-form-body{padding:18px 15px}.fmn-demo-surface .fmn-panel-foot{padding:15px}.fmn-demo-surface .fmn-aside{display:flex}.fmn-demo-surface .fmn-after{flex-direction:column;align-items:stretch}.fmn-demo-surface .fmn-footer>.fmn-shell{padding-bottom:95px;align-items:flex-start;flex-direction:column}.fmn-demo-surface .fmn-mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:102;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#ffffffef;border-top:1px solid #e2e5f2;backdrop-filter:blur(18px);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.fmn-demo-surface .fmn-mobile-actions a{min-height:45px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:12px}.fmn-demo-surface .fmn-mobile-actions a:first-child{color:#4e3ab6;background:#f0edff}.fmn-demo-surface .fmn-mobile-actions a:last-child{color:white;background:#6146df}}
@media(max-width:782px){body.admin-bar.fmn-demo-surface .fmn-demo-nav{top:46px}}
@media(prefers-reduced-motion:reduce){.fmn-demo-surface *{transition:none!important;scroll-behavior:auto!important}}
\n
/* Purpose-specific demo art, shared with matching template on landing. */
.fmn-demo-surface .fmn-hero-art-image{height:auto;aspect-ratio:9/5;max-width:365px;width:100%;border:1px solid #ebe6fc;border-radius:18px;overflow:hidden;box-shadow:0 15px 37px #322e7a1b;background:#fff;justify-self:center}
.fmn-demo-surface .fmn-hero-art-image img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:700px){.fmn-demo-surface .fmn-hero-art-image{display:none}}

/* New standalone instant certificate demo introduction */
.fmn-demo-surface .fmn-instant-cert-intro{padding:18px 20px;margin:0 0 24px;background:linear-gradient(120deg,#f1edff,#f4faff);border:1px solid #ded8ff;border-radius:15px;color:#24265f}
.fmn-demo-surface .fmn-instant-cert-intro strong{font-size:18px;font-weight:900}
.fmn-demo-surface .fmn-instant-cert-intro p{margin:5px 0 0;color:#60708c;font-size:13px;line-height:2}



/* Native Formano OTP design; only the demo code differs. */
.fmn-demo-surface .nsf-app .nsf-otp__demo-code[hidden]{display:none!important}
.fmn-demo-surface .nsf-app .nsf-otp__demo-code{display:block;padding:12px;margin:9px 0;background:#f4f0ff;border:1px dashed #a89af1;color:#5036c6;text-align:center;font-size:14px;font-weight:800;border-radius:10px}