/* Approved reference composition, implemented as editable Elementor content. Preview only. */
#product,#features,#pricing,#how-it-works{scroll-margin-top:24px}
.mg-shared-header{position:relative;z-index:100}
.mg-shared-header .elementor .e-con.mg-header{z-index:100}
.mg-shared-header .elementor .e-con.mg-nav{z-index:101}
.elementor-widget-monjiz_pricing{width:100%;min-width:0}
.plan-card{min-width:0;overflow-wrap:anywhere}.plan-features li span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1000px){.mg-shared-header .elementor .e-con.mg-nav{max-height:calc(100dvh - 140px);justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}}
body{background-color:#202327;background-image:radial-gradient(ellipse 570px 540px at 26% 390px,#d7e1ef28,transparent 76%),radial-gradient(ellipse 450px 350px at 90% 20px,#d4d8e519,transparent 82%),radial-gradient(ellipse 430px 310px at 83% 850px,#d2dce51a,transparent 82%);color:#f7f8fa}
.mg-header,.mg-shared-header .elementor .e-con.mg-header{width:calc(100% - 128px);max-width:1470px;margin:28px auto 0;min-height:76px;padding:12px 24px;border-radius:24px;background:linear-gradient(120deg,#b4bec937,#d1dbea12 49%,#c7d4e42b);border:1px solid #e0ebff66;border-top-color:#f2f7ffab;box-shadow:inset 0 1px 2px #ffffff7a,inset 0 -1px 1px #c0ccd633,0 14px 35px #0003;gap:30px}
.mg-brand img{width:144px;max-width:160px;max-height:58px}
.mg-shared-header .elementor .e-con.mg-nav{gap:30px}
.minimal-nav-link .elementor-button{font-size:16px;color:#f0f2f7}
.mg-shared-header .elementor .e-con.header-actions{gap:14px}
.header-actions .language-link{font-size:14px;gap:9px}.header-actions .language-link svg{width:21px;height:21px}
.mg-button.primary{color:#fff;border:1px solid #6edaff;background:linear-gradient(165deg,#24d2ff 0%,#009cff 28%,#0067f4 83%,#159dfa);background-color:#087df4;box-shadow:inset 0 1px 2px #b0efff99,inset 0 -1px 3px #0763a1a6,0 0 17px #0a8fff70;min-height:56px;font-size:16px;font-weight:600;border-radius:13px;padding:16px 22px}
.mg-button.primary:hover{background:linear-gradient(160deg,#54dcff,#0885ff);color:white}
.reference-hero .mg-button.primary svg,.header-trial-widget svg{display:none}
.header-actions .mg-button{font-size:14px;min-height:48px;padding:12px 18px}
.header-login-widget .mg-button{background:linear-gradient(130deg,#ffffff20,#e1eaff07);border:1px solid #d8e7fa50;color:#f5f7fb;padding:12px 19px;box-shadow:inset 0 1px 1px #ffffff26;min-height:48px;font-weight:500}
.reference-hero,.elementor .e-con.reference-hero{width:calc(100% - 96px);max-width:1490px;grid-template-columns:.86fr 1.24fr;gap:32px;margin:32px auto 0;padding:0;align-items:center}
.reference-hero .hero-section,.elementor .reference-hero .e-con.hero-section{padding:0;margin:0;width:100%;min-width:0;text-align:start;align-items:stretch}
.reference-hero .hero-title,.elementor .reference-hero .hero-title h1{font-size:clamp(31px,3vw,44px);line-height:1.35;letter-spacing:-.03em;font-weight:700;white-space:normal}
.mg-rtl .reference-hero .hero-title,.mg-rtl .elementor .reference-hero .hero-title h1{font-size:clamp(28px,2.4vw,38px);line-height:1.65;letter-spacing:0;font-weight:700}
.reference-hero .hero-description,.elementor .reference-hero .hero-description{margin-top:26px;font-size:19px;color:#e3e7ee;line-height:1.9;max-width:none}
.reference-hero .hero-actions,.elementor .reference-hero .e-con.hero-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;flex-wrap:wrap;margin-top:32px}
.reference-hero .hero-note,.elementor .reference-hero .hero-note{margin-top:18px;font-size:15px;color:#afc9e7}
.elementor .reference-hero p.hero-description,.elementor .reference-hero p.hero-note{margin:0}
.reference-watch,.reference-watch .elementor-button{min-height:56px;padding:15px 20px;border-radius:13px;background:linear-gradient(135deg,#e1e9f039,#ffffff06 72%,#acb9cb26);border:1px solid #c4d8ed66;box-shadow:inset 0 1px 2px #ffffff50,0 5px 17px #0003;color:#f5f7fb;font-size:16px;font-weight:600;font-family:var(--font);line-height:1.5}
.elementor .reference-watch{padding:0;border:0;background:none;box-shadow:none;min-height:0;width:auto}
.reference-watch .elementor-button-content-wrapper{align-items:center;gap:12px}
.reference-watch .elementor-button-content-wrapper:after{content:"▶";width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#ecf4ff;background:linear-gradient(145deg,#d0e0f44d,#20355099);border:1px solid #99b1d960;box-shadow:0 2px 5px #0003}
.reference-watch>svg{display:none}
.reference-showcase,.elementor .e-con.reference-showcase{height:clamp(425px,33.5vw,540px);width:100%;min-width:0;position:relative;isolation:isolate;display:block;border-radius:28px;border:1px solid #eff5ffc7;border-top-color:#fff;border-inline-start-color:#f4faffd9;background:linear-gradient(137deg,#d1dce53d,#899ba015 30%,#8b9ca61e 57%,#d9e2f22c 90%),radial-gradient(ellipse at 58% 16%,#ffffff1c,transparent 60%);background-color:#39434c38;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:inset 0 2px 2px #ffffffe0,inset 3px 0 3px #cce0fbbd,inset -2px -3px 5px #daeaff9c,0 0 0 6px #c6d8ed0b,0 17px 48px #0004,0 0 35px #bfcbd829;overflow:hidden;padding:0}
.reference-showcase:before,.elementor .e-con.reference-showcase:before{content:"";position:absolute;inset:46px 18px 32px;width:auto;height:auto;border:1px solid #e1edff6b;border-radius:17px;background:linear-gradient(130deg,#e9efff09,#0000000a 55%,#dceeff0d);box-shadow:inset 0 1px 2px #e2eeff33,0 1px 1px #ffffffe0;pointer-events:none;z-index:0}
.reference-showcase:after,.elementor .e-con.reference-showcase:after{content:"";position:absolute;bottom:17px;top:auto;left:9%;right:auto;width:82%;height:28px;border-radius:50%;background:radial-gradient(ellipse,#e1edfc80,transparent 72%);filter:blur(8px);z-index:0;pointer-events:none}
.reference-window-controls{position:absolute;top:16px;left:24px;display:flex;gap:7px;z-index:3}
.reference-window-controls i{width:10px;height:10px;border-radius:50%;background:linear-gradient(#fff,#8b9aaf);border:1px solid #d9eaff80;box-shadow:0 1px 4px #0003}
.reference-window-controls i:first-child{background:linear-gradient(#ffd5da,#fa7c96)}
.reference-mascot,.elementor .reference-mascot{position:absolute;left:28%;bottom:7px;width:44%;height:94%;padding:0;margin:0;z-index:2;max-width:none}
.reference-mascot img,.elementor .reference-mascot img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:50% 100%;border-radius:0;filter:drop-shadow(0 12px 11px #0006)}
.reference-showcase>.elementor-widget-image{position:absolute}
.reference-channel{position:absolute;display:grid;place-items:center;width:66px;height:66px;border-radius:15px;border:1px solid #d9ecff9e;border-top-color:#fcfefff2;background:linear-gradient(145deg,#eaf7ff65,#91acc125 54%,#ebf7ff2e);box-shadow:inset 1px 2px 3px #ffffff90,inset -1px -2px 2px #b4daf870,0 8px 18px #0004,0 0 14px #cadfff26;backdrop-filter:blur(9px);z-index:3}
.reference-channel svg{width:40px;height:40px;stroke-width:1.6;filter:drop-shadow(0 1px 2px #0004)}
.tile-whatsapp{left:19%;top:31%;transform:rotate(-12deg);color:#fff}.tile-whatsapp svg{background:radial-gradient(ellipse,#05c07c,#087f62);border-radius:50%;box-shadow:0 0 13px #08f9b74d}
.tile-instagram{right:20%;top:36%;transform:rotate(12deg);color:#fff}.tile-instagram svg{background:linear-gradient(135deg,#673bdc,#e8287a 52%,#ffb741);border-radius:12px;box-shadow:0 0 13px #e947a34d}
.tile-ai{right:23%;top:61%;transform:rotate(13deg);color:#e7f7ff}.tile-ai svg{filter:drop-shadow(0 0 6px #087eff);fill:#087dff40}
.reference-showcase .elementor-widget-html{position:static}
.reference-benefits,.elementor .e-con.reference-benefits{max-width:1490px;width:calc(100% - 96px);padding:0;margin:28px auto 0;gap:0}
.reference-benefits>h2,.elementor .reference-benefits>.elementor-widget-heading{text-align:center;font-size:clamp(27px,2.9vw,42px);font-weight:700;line-height:1.6;letter-spacing:0;margin-bottom:20px}
.reference-benefits .feature-grid,.elementor .reference-benefits .e-con.feature-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.reference-benefits .feature-card,.elementor .reference-benefits .e-con.feature-card{display:flex;flex-direction:row;align-items:center;gap:20px;min-height:146px;padding:20px 24px;border:1px solid #dce9faa3;border-top-color:#eef8ffdf;border-radius:23px;background:linear-gradient(125deg,#b7c5d336,#ffffff07 50%,#bbc9d531);background-color:#39445129;box-shadow:inset 0 1px 2px #edf5ffaa,inset 0 -1px 2px #ccdef973,0 9px 25px #0002;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.reference-benefits .reference-card-copy,.elementor .reference-benefits .e-con.reference-card-copy{min-width:0;flex:1;gap:0}
.reference-benefits .feature-icon{position:relative;width:86px;height:98px;flex:none;border-radius:19px;border:1px solid #e0efffc7;border-top-color:#f0f9ff;background:linear-gradient(137deg,#eff7ff80,#b1c4d627 33%,#8599b134 63%,#e8f3ff69);box-shadow:inset 1px 2px 3px #f7fcffdb,inset -2px -3px 3px #becfeb80,0 4px 13px #0004,0 0 13px #bacde126;margin:0;color:#fff}
.reference-benefits .feature-card>.elementor-widget-html{width:auto;flex:none}
.reference-benefits .feature-icon>svg{width:42px;height:42px;stroke-width:1.7;filter:drop-shadow(0 2px 1px #3e5579)}
.reference-benefits .feature-card h3,.elementor .reference-benefits .feature-card .elementor-widget-heading{font-size:19px;font-weight:700;line-height:1.65;margin:0 0 7px;max-width:none;letter-spacing:0;color:#fff}
.reference-benefits .feature-card p,.elementor .reference-benefits .feature-card .elementor-widget-text-editor{font-size:15px;line-height:1.8;color:#e1e6ef;margin:0}
.reference-social{position:absolute;width:39px;height:39px;display:grid;place-items:center;color:white;border-radius:10px;box-shadow:0 4px 7px #0004}
.reference-social svg{width:32px;height:32px;stroke-width:1.65}.reference-social.wa{background:linear-gradient(135deg,#0ad69d,#087d65);top:23px;left:10px;transform:rotate(-9deg)}.reference-social.ig{background:linear-gradient(135deg,#7d3cf0,#e32c82,#ffbb59);top:46px;right:7px;transform:rotate(9deg)}
@media(max-width:1200px){.mg-header,.mg-shared-header .elementor .e-con.mg-header{width:calc(100% - 48px);gap:18px;padding-inline:20px}.mg-brand img{width:115px}.mg-shared-header .elementor .e-con.mg-nav{gap:18px}.minimal-nav-link .elementor-button{font-size:14px}.header-actions .mg-button{font-size:12px;padding:10px 13px}.reference-hero,.elementor .e-con.reference-hero,.reference-benefits,.elementor .e-con.reference-benefits{width:calc(100% - 48px)}.reference-hero .hero-description,.elementor .reference-hero .hero-description{font-size:16px}.reference-hero .mg-button.primary,.reference-watch .elementor-button{font-size:14px;padding:12px 16px;min-height:52px}.reference-benefits .feature-card,.elementor .reference-benefits .e-con.feature-card{gap:13px;padding:19px 17px}.reference-benefits .feature-icon{width:68px;height:82px}.reference-benefits .feature-card h3,.elementor .reference-benefits .feature-card .elementor-widget-heading{font-size:17px}.reference-benefits .feature-card p,.elementor .reference-benefits .feature-card .elementor-widget-text-editor{font-size:13px}.reference-channel{width:55px;height:55px}.reference-channel svg{width:33px;height:33px}}
@media(max-width:1000px){.mg-shared-header .elementor .e-con.mg-nav{background:#343b43}.reference-hero,.elementor .e-con.reference-hero{grid-template-columns:1fr;max-width:760px;gap:25px;margin-top:32px}.reference-showcase,.elementor .e-con.reference-showcase{height:450px}.reference-hero .hero-section,.elementor .reference-hero .e-con.hero-section{max-width:680px}.reference-hero .hero-title,.elementor .reference-hero .hero-title h1{font-size:36px}.mg-rtl .reference-hero .hero-title,.mg-rtl .elementor .reference-hero .hero-title h1{font-size:33px}.reference-hero .hero-actions,.elementor .reference-hero .e-con.hero-actions{margin-top:24px}.reference-benefits .feature-grid,.elementor .reference-benefits .e-con.feature-grid{grid-template-columns:1fr}.reference-benefits .feature-card,.elementor .reference-benefits .e-con.feature-card{min-height:126px}.reference-benefits .feature-card h3,.elementor .reference-benefits .feature-card .elementor-widget-heading{font-size:20px}.reference-benefits .feature-card p,.elementor .reference-benefits .feature-card .elementor-widget-text-editor{font-size:15px}.reference-benefits .feature-icon{width:84px;height:92px}.header-login-widget{display:none}}
@media(max-width:760px){.mg-header,.mg-shared-header .elementor .e-con.mg-header{width:calc(100% - 24px);min-height:68px;margin-top:14px;padding:10px 16px}.mg-brand img{width:110px}.reference-hero,.elementor .e-con.reference-hero,.reference-benefits,.elementor .e-con.reference-benefits{width:calc(100% - 36px);padding:0}.reference-hero,.elementor .e-con.reference-hero{margin-top:32px;gap:28px}.reference-showcase,.elementor .e-con.reference-showcase{height:380px;border-radius:23px}.reference-showcase:before{inset:40px 12px 25px}.reference-hero .hero-description,.elementor .reference-hero .hero-description{font-size:15px;margin-top:19px}.mg-rtl .reference-hero .hero-title,.mg-rtl .elementor .reference-hero .hero-title h1{font-size:28px;line-height:1.7}.reference-hero .hero-title,.elementor .reference-hero .hero-title h1{font-size:32px}.reference-hero .hero-note{font-size:12px}.reference-hero .hero-actions,.elementor .reference-hero .e-con.hero-actions{gap:12px}.reference-watch .elementor-button-content-wrapper:after{width:24px;height:24px}.reference-channel{width:49px;height:49px;border-radius:12px}.reference-channel svg{width:29px;height:29px}.tile-whatsapp{left:12%;top:31%}.tile-instagram{right:13%;top:38%}.tile-ai{right:16%;top:64%}.reference-mascot,.elementor .reference-mascot{width:52%;left:24%;height:94%}.reference-benefits>h2,.elementor .reference-benefits>.elementor-widget-heading{font-size:25px;line-height:1.65;margin-bottom:18px}.reference-benefits .feature-card,.elementor .reference-benefits .e-con.feature-card{padding:18px;gap:17px}.reference-benefits .feature-card h3,.elementor .reference-benefits .feature-card .elementor-widget-heading{font-size:18px}.reference-benefits .feature-card p,.elementor .reference-benefits .feature-card .elementor-widget-text-editor{font-size:14px}}
@media(max-width:360px){.reference-showcase,.elementor .e-con.reference-showcase{height:325px}.mg-rtl .reference-hero .hero-title,.mg-rtl .elementor .reference-hero .hero-title h1{font-size:25px}.reference-benefits .feature-icon{width:68px;height:82px}.reference-benefits .feature-card,.elementor .reference-benefits .e-con.feature-card{gap:12px}.reference-hero .hero-actions,.elementor .reference-hero .e-con.hero-actions{gap:9px}.reference-hero .mg-button.primary,.reference-watch .elementor-button{font-size:12px}}
@media(min-width:1201px){.header-trial-widget .mg-button{min-width:174px}.header-login-widget .mg-button{min-width:140px}.mg-brand img{width:164px;max-width:170px}.reference-hero .mg-button.primary{min-width:218px}.reference-watch .elementor-button{min-width:218px}.reference-benefits .feature-card p,.elementor .reference-benefits .feature-card .elementor-widget-text-editor{font-size:16px;max-width:245px}.reference-benefits .feature-card h3,.elementor .reference-benefits .feature-card .elementor-widget-heading{font-size:20px}}
.elementor .e-con.reference-benefits{row-gap:20px}
.reference-showcase{background-image:linear-gradient(133deg,#e8efff28,transparent 30%,#0d172238 46%,transparent 67%,#eff5ff20),radial-gradient(ellipse at 28% 0,#ffffff25,transparent 45%)}
@media(max-width:760px){.elementor .e-con.reference-showcase:before{inset:40px 12px 25px}}
@media(prefers-reduced-motion:reduce){.reference-channel{transition:none}}