.mabni-page-home .welcome-hero .wrap{max-width:1220px}.mabni-page-home .welcome-hero .lead{max-width:710px}.mabni-page-home .welcome-hero{padding-top:28px}
.studio-lab{--lab-cyan:#4de7ee;--lab-purple:#bd77ff;position:relative;isolation:isolate;overflow:hidden;contain:layout paint;background:#090c17;color:#f7f8ff;border:1px solid #212638;border-radius:25px;margin:28px auto 30px;max-width:1130px;text-align:start;box-shadow:0 22px 70px #20214420;font-family:inherit}
.studio-lab [hidden]{display:none!important}.studio-lab button{color:inherit;font:inherit;line-height:1.3;touch-action:manipulation}.studio-lab :is(button,input,a):focus-visible,.lab-canvas-wrap:focus-visible{outline:2px solid var(--lab-cyan);outline-offset:3px}.lab-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 52%,#00bacd24,transparent 38%),radial-gradient(ellipse at 92% 28%,#8544e721,transparent 48%);pointer-events:none}.lab-ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#c6dfff06 1px,transparent 1px),linear-gradient(90deg,#c6dfff06 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(transparent,#0008,transparent)}
.lab-heading{padding:19px 26px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#acb4c8;line-height:1.5}.lab-heading>div{display:flex;align-items:center;gap:8px;color:#e2e9f5;font-size:10px;letter-spacing:.17em;font-weight:600;white-space:nowrap}.lab-live-dot{width:5px;height:5px;background:#6df2d1;border-radius:50%;box-shadow:0 0 12px #6df2d177}.lab-tabs{display:flex;gap:4px;border:1px solid #ffffff1a;background:#ffffff05;border-radius:12px;padding:4px;margin:21px auto 0;width:max-content;max-width:calc(100% - 32px);position:relative;z-index:2}.lab-tabs button{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 18px;border:0;background:transparent;border-radius:8px;font-size:12px;color:#aeb7cc;transition:background .2s,color .2s}.lab-tabs small{font-size:10px;color:#8693b1;white-space:nowrap}.lab-tabs button[aria-selected=true]{background:#e5f9ff;color:#172331;box-shadow:0 2px 12px #0003}.lab-tabs button[aria-selected=true] small{color:#376275}.lab-tabs button:hover:not([aria-selected=true]){color:#fff;background:#ffffff0b}
.lab-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);min-height:399px;gap:8px;padding:0 29px 0 5px;align-items:center}.lab-brand-zone{position:relative;min-width:0;text-align:center;direction:ltr}.lab-canvas-wrap{position:relative;height:258px;outline-offset:-4px;border-radius:18px;cursor:grab;touch-action:pan-y}.lab-canvas-wrap:active{cursor:grabbing}.lab-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.lab-mark-fallback{position:absolute;width:130px;height:145px;object-fit:contain;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:6px}.studio-lab.has-scene .lab-mark-fallback{display:none}.lab-brand-caption{position:relative;margin-top:-14px;padding-bottom:16px;pointer-events:none}.lab-brand-caption strong{font-size:19px;font-weight:500;letter-spacing:.17em;line-height:1}.lab-brand-caption strong span{color:var(--lab-purple)}.lab-brand-caption p{font-size:10px;color:#a6b4cd;margin:8px 0 11px;letter-spacing:.02em}.lab-brand-caption>div{display:flex;gap:7px;justify-content:center;pointer-events:auto}.lab-remix,.lab-pause{border:1px solid #91b3d82b;border-radius:20px;background:#d7eaff08;padding:8px 15px;font-size:10px!important;color:#d6e8fa!important;min-height:33px}.lab-pause{width:34px;padding:7px}.lab-remix:hover,.lab-pause:hover{background:#a5dcff1a;border-color:#69c7dd77}
.lab-preview-zone{min-width:0;padding-top:21px;perspective:1100px;position:relative}.lab-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px;position:relative;z-index:2}.lab-view-switch,.lab-device-switch{display:flex;gap:3px;align-items:center}.lab-view-switch button,.lab-device-switch button{border:0;background:transparent;border-radius:6px;padding:8px 10px;color:#a8b2c8;font-size:10px;min-height:33px}.lab-view-switch button[aria-pressed=true],.lab-device-switch button[aria-pressed=true]{background:#c5dfff14;color:#f5f8ff}.lab-device-switch svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.lab-device-space{height:300px;display:flex;align-items:center;justify-content:center;perspective:1000px}.lab-browser{width:100%;max-width:517px;background:#f5f4ef;border:1px solid #c8d9fc4a;border-radius:11px;overflow:hidden;box-shadow:0 25px 50px #0006,0 0 35px #596dff10;transform:rotateY(-5deg) rotateX(3deg) translateZ(0);transition:transform .55s cubic-bezier(.2,.7,.2,1),width .45s,border-radius .45s;direction:ltr;position:relative}.lab-browser:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff2;pointer-events:none}.lab-preview-zone:hover .lab-browser{transform:rotateY(0deg) rotateX(0deg) translateZ(8px)}.lab-browser-bar{height:25px;padding:0 10px;background:#1b2333;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d4daea;direction:ltr}.lab-browser-bar>span:first-child{display:flex;gap:4px}.lab-browser-bar i{width:4px;height:4px;border-radius:50%;background:#61718d}.lab-browser-bar i:first-child{background:#b88c9e}.lab-browser-bar b{font-size:8px;font-weight:400;line-height:1.2;letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.lab-browser-dot{width:4px;height:4px;border-radius:50%;background:#62d6bd}.lab-screen{aspect-ratio:1250/665;overflow:hidden;position:relative;background:#f6f4ef;color:#25262c}.lab-project-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.lab-caption{font-size:9px!important;color:#9eacc4!important;margin:17px 0 0!important;min-height:28px;line-height:1.6!important;text-align:center}
.lab-personalize{margin:-7px 0 12px}.lab-name-label{font-size:9px!important;color:#c4cde0;display:flex!important;align-items:center;gap:12px;margin:0!important}.lab-name-label input{background:#192231!important;color:#effbff!important;border:1px solid #83b4ca55!important;border-radius:6px!important;width:190px!important;max-width:60%!important;padding:6px 10px!important;font-size:12px!important;line-height:1.4}.lab-name-label input::placeholder{color:#92a5be}.lab-profile{width:100%;height:100%;min-height:0;padding:6% 7%;background:linear-gradient(135deg,#e9f4e9,#eaf0e7 45%,#e6e1f0);position:relative}.lab-profile-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-profile-top>b{font-size:12px;letter-spacing:-.07em}.lab-profile-top>span{font-size:6px;letter-spacing:.1em;color:#54635c}.lab-profile-copy{padding-top:6%}.lab-profile-copy small{font-size:6px;letter-spacing:.16em;color:#5c6960}.lab-profile-copy h3{font-size:clamp(23px,3.6vw,43px);margin:7px 0!important;line-height:1.04;letter-spacing:-.06em;color:#24342a;overflow-wrap:anywhere}.lab-profile-copy p{font-size:9px!important;color:#5d6d60;margin:0 0 14px!important;line-height:1.5!important}.lab-profile-work{display:flex;gap:7px;height:55px}.lab-profile-work i{border-radius:4px;flex:1;position:relative;overflow:hidden;background:#344c42}.lab-profile-work i:before{content:"";position:absolute;width:60%;height:180%;top:-40%;left:20%;border-radius:50%;background:linear-gradient(90deg,#d5fcaa,#819f5e);transform:rotate(-25deg)}.lab-profile-work i:nth-child(2){background:#b5a4c9}.lab-profile-work i:nth-child(2):before{background:linear-gradient(90deg,#68428f,#e6c9ff);border-radius:0;transform:rotate(35deg)}.lab-profile-work i:nth-child(3){background:#ca815c}.lab-profile-work i:nth-child(3):before{background:linear-gradient(90deg,#ffd8b6,#925235);transform:rotate(55deg)}
.lab-cv{height:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:12px;background:#e2e8ec;padding:5%;align-items:stretch}.lab-cv>div,.lab-cv>aside{border-radius:2px;padding:11% 10%;background:#fff;box-shadow:0 4px 15px #17334d12}.lab-cv>aside{background:#243e3e;color:#e5f1de;padding:14% 11%}.lab-doc-label{font-size:6px;letter-spacing:.13em;color:#637378}.lab-cv h3{font-size:21px;margin:10px 0 7px!important;color:#223836;line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}.lab-cv p{font-size:7px!important;line-height:1.65!important;margin:0 0 12px!important;color:inherit!important}.lab-cv b{font-size:6px;letter-spacing:.13em;color:#34535c}.lab-doc-lines{display:grid;gap:6px;margin:13px 0}.lab-doc-lines i{height:2px;background:#d9e1e6}.lab-doc-lines i:nth-child(2){width:65%}.lab-doc-lines i:last-child{width:80%}.lab-cv aside>span{font-size:7px;color:#a9c6ac}.lab-cv h4{font-size:19px;line-height:1.05;letter-spacing:-.03em;margin:12px 0}.lab-cv aside p{color:#b3c6c0!important}
.lab-offer{border-top:1px solid #ffffff13;display:flex;gap:30px;justify-content:space-between;align-items:center;padding:22px 29px;background:linear-gradient(100deg,#d7f5ff04,#b07cff0b);position:relative}.lab-offer>div{max-width:680px;min-width:0}.lab-offer h2{font-size:26px!important;line-height:1.1!important;letter-spacing:-.04em;color:#f3f7ff;margin:0 0 7px!important;opacity:1!important;transform:none!important}.lab-offer p{font-size:11px!important;line-height:1.7!important;color:#b8c2d7!important;max-width:560px;margin:0!important}.lab-offer-link{flex-shrink:0;display:flex;align-items:flex-end;flex-direction:column;gap:6px;color:#dffbff;max-width:240px;text-align:end}.lab-offer-link>[data-lab-price]{font-size:28px;line-height:1;letter-spacing:-.04em;color:#75eef0;font-weight:500}.lab-offer-link>[data-lab-cta]{font-size:10px;color:#dde8ff}.lab-offer-link:hover>[data-lab-cta]{text-decoration:underline;text-underline-offset:4px}.lab-preview-zone.is-phone .lab-browser{width:122px;border-radius:18px;transform:rotateY(-8deg) rotateZ(2deg);border:3px solid #91acc44a;box-shadow:9px 15px 35px #0007}.lab-preview-zone.is-phone .lab-browser-bar{height:20px;padding:0 7px}.lab-preview-zone.is-phone .lab-browser-bar>span:first-child{display:none}.lab-preview-zone.is-phone .lab-browser-bar b{font-size:6px;max-width:88%}.lab-preview-zone.is-phone .lab-screen{aspect-ratio:390/798}.lab-preview-zone.is-phone .lab-project-image{object-fit:cover}.lab-preview-zone.is-dashboard .lab-screen{background:#edf2f5}.lab-preview-zone.is-dashboard .lab-project-image{object-fit:contain;object-position:center}.lab-preview-zone.is-phone .lab-profile{padding:12% 9%;direction:inherit}.lab-preview-zone.is-phone .lab-profile-top>span{font-size:3px;letter-spacing:0}.lab-preview-zone.is-phone .lab-profile-top>b{font-size:9px}.lab-preview-zone.is-phone .lab-profile-copy{padding-top:28%}.lab-preview-zone.is-phone .lab-profile-copy h3{font-size:24px!important}.lab-preview-zone.is-phone .lab-profile-copy p{font-size:7px!important}.lab-preview-zone.is-phone .lab-profile-work{display:grid;gap:8px;height:96px;grid-template-columns:1fr 1fr}.lab-preview-zone.is-phone .lab-profile-work i:last-child{grid-column:1/-1}.lab-preview-zone.is-phone .lab-profile-copy small{font-size:5px}.lab-preview-zone.is-phone .lab-cv{grid-template-columns:1fr;padding:8%;gap:8px}.lab-preview-zone.is-phone .lab-cv>div,.lab-preview-zone.is-phone .lab-cv>aside{padding:12%}.lab-preview-zone.is-phone .lab-cv h3{font-size:15px;margin-top:5px!important}.lab-preview-zone.is-phone .lab-cv h4{font-size:14px;margin:5px 0}.lab-preview-zone.is-phone .lab-doc-lines{margin:8px 0;gap:3px}.lab-preview-zone.is-phone .lab-cv p{font-size:5px!important;margin-bottom:6px!important}.lab-preview-zone.is-phone .lab-cv br{display:none}.lab-preview-zone.is-phone .lab-cv>aside{padding-block:8%}
.studio-lab.is-paused *,.studio-lab.is-offscreen *{animation-play-state:paused!important}.studio-lab.is-paused .lab-browser{transition:none}.mabni-lang-ar .studio-lab{font-family:inherit}.mabni-lang-ar .lab-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);padding:0 5px 0 29px}.mabni-lang-ar .lab-brand-caption p{direction:rtl;letter-spacing:0}.mabni-lang-ar .lab-profile,.mabni-lang-ar .lab-cv{direction:rtl}.mabni-lang-ar .lab-heading>div{letter-spacing:.13em;direction:ltr}.mabni-lang-ar .lab-offer h2{letter-spacing:0;line-height:1.4!important}.mabni-lang-ar .lab-profile-copy h3,.mabni-lang-ar .lab-cv h3{letter-spacing:0;line-height:1.3}.mabni-lang-ar .lab-offer-link{text-align:start}
@media(min-width:1450px){.lab-stage{min-height:395px}.lab-canvas-wrap{height:285px}.lab-device-space{height:315px}.lab-browser{max-width:545px}}
@media(max-width:900px){.lab-tabs button{gap:12px;padding:11px 14px}.lab-stage{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding-inline:4px 20px;min-height:330px}.mabni-lang-ar .lab-stage{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding-inline:4px 20px}.lab-canvas-wrap{height:230px}.lab-device-space{height:220px}.lab-browser{max-width:366px}.lab-preview-zone.is-phone .lab-browser{width:105px}.lab-offer{padding:20px 23px;gap:22px}.lab-offer h2{font-size:24px!important}.lab-offer p{font-size:10px!important}.lab-profile-work{height:43px}}
@media(max-width:650px){.mabni-page-home .welcome-hero{padding-top:28px}.mabni-page-home .welcome-hero h1{font-size:35px;margin-bottom:15px}.mabni-page-home .welcome-hero .lead{max-width:330px;font-size:14px;margin-bottom:14px}.mabni-page-home .welcome-hero .eyebrow{margin-bottom:14px}.studio-lab{border-radius:20px;margin:24px -7px 26px;max-width:none}.lab-heading{padding:17px 16px 0;font-size:8px;gap:12px;align-items:flex-start}.lab-heading>div{font-size:8px;letter-spacing:.12em;gap:6px}.lab-heading>span{max-width:120px;text-align:end}.lab-tabs{margin-top:16px;width:calc(100% - 24px);max-width:none;gap:2px;padding:3px;border-radius:10px}.lab-tabs button{flex:1;flex-direction:column;gap:4px;justify-content:center;padding:9px 6px;font-size:10px;border-radius:7px}.lab-tabs small{font-size:9px}.lab-stage,.mabni-lang-ar .lab-stage{grid-template-columns:1fr;gap:0;padding:0 16px;min-height:0}.lab-brand-zone{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:163px;gap:4px}.lab-canvas-wrap{height:174px;margin:0 -15px 0 -13px}.lab-brand-caption{margin:0;padding:0 0 3px;text-align:start}.lab-brand-caption strong{font-size:19px;letter-spacing:.16em}.lab-brand-caption p{font-size:9px;line-height:1.7;max-width:128px;margin:8px 0}.lab-brand-caption>div{justify-content:flex-start}.lab-remix{font-size:9px!important;padding:7px 11px;min-height:32px}.lab-pause{min-height:32px;width:32px}.lab-preview-zone{padding-top:0;margin-top:-2px}.lab-preview-tools{margin-bottom:8px;gap:8px}.lab-view-switch button,.lab-device-switch button{min-height:34px;font-size:9px;padding:8px 10px}.lab-device-switch svg{width:16px;height:16px}.lab-device-space{height:180px}.lab-browser{max-width:300px}.lab-browser{transform:rotateY(-3deg) rotateX(2deg);border-radius:8px}.lab-browser-bar{height:20px;padding-inline:8px}.lab-browser-bar b{font-size:7px}.lab-browser-bar i{width:3px;height:3px}.lab-profile-copy h3{font-size:29px!important}.lab-profile-copy p{font-size:7px!important;margin-bottom:9px!important}.lab-profile-work{height:35px;gap:5px}.lab-profile-top>b{font-size:9px}.lab-profile-top>span{font-size:4px}.lab-profile-copy small{font-size:5px}.lab-caption{font-size:8px!important;margin:12px 0 13px!important;min-height:24px}.lab-offer{padding:18px 16px 19px;gap:16px;align-items:flex-start}.lab-offer h2{font-size:22px!important;max-width:210px}.lab-offer p{font-size:9px!important;line-height:1.7!important}.lab-offer-link{gap:9px;max-width:93px;padding-top:2px}.lab-offer-link>[data-lab-price]{font-size:24px;white-space:nowrap}.lab-offer-link>[data-lab-cta]{font-size:9px;line-height:1.5;max-width:93px}.lab-preview-zone.is-phone .lab-browser{width:85px;border-radius:12px;border-width:2px}.lab-preview-zone.is-phone .lab-browser-bar{height:16px;padding:0 5px}.lab-preview-zone.is-phone .lab-browser-bar b{font-size:4px}.lab-personalize{margin:0 0 8px}.lab-name-label{font-size:8px!important;gap:9px}.lab-name-label input{font-size:16px!important;width:185px!important;padding:3px 8px!important}.lab-cv{gap:8px}.lab-cv h3{font-size:15px;margin:7px 0 5px!important}.lab-cv h4{font-size:15px;margin:8px 0}.lab-cv p{font-size:6px!important;margin-bottom:8px!important}.lab-doc-lines{gap:4px;margin:8px 0}.lab-cv aside>span{font-size:6px}.lab-preview-zone.is-phone .lab-profile-copy h3{font-size:16px!important}.lab-preview-zone.is-phone .lab-profile-copy p{font-size:5px!important}.lab-preview-zone.is-phone .lab-profile-copy small{font-size:4px}.lab-preview-zone.is-phone .lab-profile-top>b{font-size:6px}.lab-preview-zone.is-phone .lab-profile-top>span{display:none}.lab-preview-zone.is-phone .lab-profile-work{height:70px}.lab-preview-zone.is-phone .lab-cv h3{font-size:10px}.lab-preview-zone.is-phone .lab-cv h4{font-size:10px}.lab-preview-zone.is-phone .lab-cv p{font-size:4px!important}.lab-preview-zone.is-phone .lab-cv b,.lab-preview-zone.is-phone .lab-doc-label{font-size:4px}.lab-preview-zone.is-phone .lab-cv aside>span{font-size:4px}.lab-mark-fallback{width:75px;height:84px}.mabni-lang-ar .lab-brand-caption{direction:rtl;text-align:start}.mabni-lang-ar .lab-brand-caption>div{direction:rtl}.mabni-lang-ar .welcome-hero h1{font-size:33px}.mabni-lang-ar .lab-offer h2{font-size:21px!important}.mabni-lang-ar .lab-brand-caption strong{direction:ltr;display:block}.mabni-lang-fr .lab-offer h2{font-size:21px!important}}
@media(max-width:370px){.lab-offer{gap:11px}.lab-offer h2{font-size:20px!important}.lab-stage,.mabni-lang-ar .lab-stage{padding-inline:12px}.lab-device-space{height:163px}.lab-browser{max-width:268px}.lab-preview-zone.is-phone .lab-browser{width:77px}.lab-tabs button{font-size:9px}.lab-heading>span{max-width:107px}.lab-offer-link>[data-lab-price]{font-size:21px}}
@media(prefers-reduced-motion:reduce){.studio-lab *, .studio-lab *:before,.studio-lab *:after{animation:none!important;transition:none!important}.lab-browser,.lab-preview-zone:hover .lab-browser,.lab-preview-zone.is-phone .lab-browser{transform:none}}