/* Shared product identity: warm cream, ink, orange writing, yellow design. */
body.mk-brand-home .site-main{padding:0!important;max-width:none!important;width:100%!important}body.mk-brand-home .uicore-body-content{background:#fff8ee!important}body.mk-brand-home{--mkh6-mobile-height:72px!important}body.mk-brand-home .mkh6-mobile-cta-row{display:none!important}
.mb{--ink:#161512;--muted:#7b7266;--orange:#ff6b25;--yellow:#f9cf45;background:#fff8ee;color:var(--ink);direction:rtl;text-align:right;line-height:1.8;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;width:100%;overflow:clip}.mb *, .mb *::before,.mb *::after{box-sizing:border-box}.mb :where(h1,h2,h3,p,figure){margin:0}.mb :where(h1,h2,h3):not(:where(.mb-engine *,.mk-ui *,.mb-curated-shot *)){font-family:inherit!important;font-weight:800;letter-spacing:-.02em;line-height:1.28;color:inherit}.mb a{text-decoration:none!important}.mb button{font:inherit;cursor:pointer}.mb-wrap{max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}.mb-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center;padding-top:78px;padding-bottom:80px;min-height:690px}.mb-wordmark{display:flex;align-items:center;gap:9px;margin-bottom:38px}.mb-icon{display:block;flex:none;border:0!important;border-radius:23%;object-fit:contain}.mb-wordmark span{font-size:13px;font-weight:700;margin-right:6px}.mb-eyebrow{display:block;color:#a65224;font-size:12px;font-weight:800;margin-bottom:14px}.mb h1{font-size:clamp(38px,4.2vw,64px);line-height:1.28}.mb h1 em{font-style:normal;color:#dd571b}.mb-lead{color:#756b5e;font-size:19px;line-height:1.9;margin-top:22px!important;max-width:560px}.mb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.mb-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 20px;min-height:54px;border-radius:14px;font-size:14px;font-weight:800;color:#171512!important;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.mb-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #33220c18}.mb-orange{background:linear-gradient(135deg,#ff6b25,#ff975c)}.mb-yellow{background:linear-gradient(135deg,#f5c52b,#ffe89c)}.mb-black{background:#181612;color:#fff8ee!important}.mb-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#7b6b58;margin-top:20px}.mb-trust span::before{content:'✓';color:#b66422;margin-left:5px}.mb-returning{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#887c6d}.mb-returning a{color:#171512;text-decoration:underline!important;text-underline-offset:4px}.mb-demo{border:1px solid #e9ddcd;border-radius:26px;padding:22px;background:#fffdf8;box-shadow:0 28px 70px #6b421015;transform:rotate(-1deg)}.mb-demo-top{display:flex;justify-content:space-between;font-size:11px;color:#8b7a65;margin-bottom:18px}.mb-demo-dot::before{content:'';display:inline-block;width:6px;height:6px;background:#ed7a3a;border-radius:50%;margin-left:6px}.mb-idea{background:#f6efe5;border-radius:14px;padding:15px}.mb-idea small{display:block;color:#977d61;font-size:10px}.mb-idea b{font-size:15px}.mb-demo-tabs{display:flex;gap:7px;margin:16px 0}.mb-demo-tabs button{flex:1;background:#fff;color:#796e61;border:1px solid #e8dfd3;border-radius:10px;font-size:13px;padding:9px}.mb-demo-tabs button[aria-selected=true]{background:#171512;color:#fff;border-color:#171512}.mb-demo-panel{min-height:262px;padding:16px 8px}.mb-demo-panel[hidden]{display:none!important}.mb-small-label{font-size:11px;color:#e07534}.mb-demo-panel h3{font-size:26px;margin:8px 0 16px}.mb-demo-panel p{font-size:14px;line-height:1.9;color:#7b7061}.mb-demo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.mb-demo-tags span{font-size:10px;background:#f5efe5;padding:4px 9px;border-radius:6px}.mb-demo-bottom{border-top:1px solid #ece4d9;padding-top:15px;font-size:10px;color:#8c7d6c;text-align:center}.mb-mini-slides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mb-mini-slide{padding:18px 14px;aspect-ratio:4/5;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between}.mb-mini-slide small{font-size:9px;opacity:.6}.mb-mini-slide h3{font-size:24px;line-height:1.4}.mb-mini-slide span{font-size:10px}.mb-mini-slide.dark{background:#171512;color:#fff8ee}.mb-mini-slide.yellow{background:#f6d35c}.mb-mini-slide em{color:#f5cc54;font-style:normal}.mb-example-note{font-size:10px!important;margin-top:8px!important}.mb-strip{border-block:1px solid #e9dece;background:#f8f1e6}.mb-strip .mb-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:19px;padding-bottom:19px;font-size:13px;color:#817361}.mb-strip b{color:#211e19}.mb-section{padding-top:88px;padding-bottom:88px}.mb-heading{max-width:760px;margin:0 auto 38px;text-align:center}.mb-heading h2{font-size:clamp(28px,3.1vw,44px)}.mb-heading p{color:#847665;font-size:16px;margin-top:17px}.mb-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mb-product{border:1px solid #e9decf;border-radius:26px;padding:36px;display:flex;flex-direction:column;align-items:flex-start;background:#fffcf7}.mb-product-writing{background:linear-gradient(145deg,#fff4e9,#fffdf8)}.mb-product-design{background:linear-gradient(145deg,#fff9de,#fffdf8)}.mb-product .mb-eyebrow{margin-top:24px}.mb-product h3{font-size:32px}.mb-product p{font-size:16px;color:#7a6e5d;margin-top:18px}.mb-product ul{padding:0;list-style:none;margin:20px 0 28px;font-size:14px;color:#685f54}.mb-product li{margin:8px 0}.mb-product li::before{content:'✓';color:#b47429;margin-left:8px}.mb-product .mb-button{margin-top:auto}.mb-flow-section{background:#171512;color:#fff8ee;padding:74px 0}.mb-flow-section .mb-eyebrow{color:#ffab78}.mb-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:0}.mb-flow li{border-top:1px solid #ffffff25;padding-top:20px}.mb-flow li>b{color:#e8b849;font-size:14px}.mb-flow h3{font-size:23px;margin:14px 0}.mb-flow p{font-size:15px;color:#c4b9a8}.mb-consult{margin:80px 0 0;padding:40px;background:#f4e9d5;border-radius:26px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.mb-consult h2{font-size:35px}.mb-consult p{font-size:16px;color:#766650;margin-top:20px}.mb-consult>div:last-child{display:flex;flex-direction:column;align-items:center;gap:16px}.mb-textlink{color:#9c6126;text-decoration:underline!important;text-underline-offset:5px;font-size:13px;font-weight:700}.mb-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mb-choice-grid a{display:flex;flex-direction:column;gap:14px;padding:25px;background:#fffdf8;border:1px solid #e8dccb;border-radius:18px;color:#171512}.mb-choice-grid span{font-size:14px;color:#8a7962}.mb-choice-grid b{font-size:20px}.mb-faq{max-width:900px;padding-bottom:80px}.mb-faq details{border-bottom:1px solid #e7dcca;padding:18px 0}.mb-faq summary{font-size:16px;font-weight:700;cursor:pointer;min-height:32px}.mb-faq details p{padding-top:15px;color:#776b5b;font-size:15px}.mb-final{background:#171512;text-align:center;color:#fff8ee;padding:65px 0}.mb-final h2{font-size:clamp(27px,3vw,40px)}.mb-final .mb-actions{justify-content:center}.mb-final p{font-size:12px;color:#8d8273;margin-top:35px}.mb-final p a{color:inherit}.mb :focus-visible,.mb-product-nav :focus-visible{outline:2px solid #d47829;outline-offset:5px}
/* Product landing pages keep the plugin's live examples and checkout. */
.mb-product-nav{direction:rtl;display:flex;justify-content:center;gap:8px;padding:13px 20px;background:#fff8ee;border-bottom:1px solid #ebdfcf;flex-wrap:wrap}.mb-product-nav a{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:12px;font-weight:700;color:#827362;padding:7px 14px;border-radius:9px;text-decoration:none}.mb-product-nav a[aria-current=page]{background:#171512;color:#fff8ee}.mk-brand-design .mkdl{--org:#e9b827}.mk-brand-design .mkdl-btn:not(.ghost){background:linear-gradient(135deg,#f5c52b,#ffe89c);box-shadow:0 12px 30px #c7921c20}.mk-brand-design .mkdl-hero h1 span{color:#9c6e12}.mk-brand-design .mkdl-lockup img{box-shadow:0 12px 25px #c7921c20}.mk-brand-design .mkdl-dark h2 em{color:#f4d368}.mk-brand-design .mkdl-pill{background:#f4d36820;border-color:#d7b35340;color:#9a7016}.mk-brand-design .mkdl-dark .mkdl-pill{color:#f4d368}.mk-brand-design .mkdl-hero:before{background:radial-gradient(ellipse at 30% 40%,#f8d05220,transparent 65%)}.mb-compare{padding:80px 0;background:#f7efdf;color:#171512;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;direction:rtl}.mb-compare h2{font-size:clamp(28px,3vw,43px);line-height:1.4}.mb-beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;max-width:900px;margin:auto}.mb-before,.mb-after{border-radius:22px;padding:35px;box-sizing:border-box}.mb-before{background:#fffdf7;border:1px solid #e4d8c4}.mb-before small,.mb-after small{font-size:12px;opacity:.65}.mb-before p{font-size:21px;line-height:2;margin:28px 0;color:#776e62}.mb-after{background:#171512;color:#fff8ee;min-height:335px}.mb-after h3{font-size:34px;line-height:1.4;margin:20px 0;color:inherit}.mb-after h3 em{color:#f7d365;font-style:normal}.mb-after>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #ffffff25;padding-top:20px}.mb-after>div span{font-size:12px;line-height:2;color:#e3cf94}.mb-after>b{display:block;font-size:10px;color:#aaa08f;margin-top:24px}.mb-compare .mb-textlink{display:block;text-align:center;margin-top:25px}
@media(max-width:900px){.mb-hero{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:50px}.mb-hero-copy{text-align:center}.mb-wordmark,.mb-actions,.mb-trust,.mb-returning{justify-content:center}.mb-wordmark{margin-bottom:25px}.mb-lead{margin-left:auto!important;margin-right:auto!important}.mb-demo{max-width:560px;width:100%;margin:auto;transform:none}.mb-product{padding:26px}.mb-choice-grid{grid-template-columns:1fr 1fr}.mb-flow{gap:22px}.mb-strip .mb-wrap{justify-content:center;flex-wrap:wrap}.mb-product h3{font-size:28px}}
@media(max-width:600px){.mb-wrap{padding-left:20px;padding-right:20px}.mb h1{font-size:38px}.mb-lead{font-size:16px}.mb-actions{display:grid;grid-template-columns:1fr;width:100%}.mb-button{width:100%}.mb-hero{padding-top:32px}.mb-demo{padding:17px;border-radius:22px}.mb-demo-panel{min-height:250px}.mb-demo-panel h3{font-size:24px}.mb-product-grid,.mb-flow,.mb-choice-grid,.mb-beforeafter{grid-template-columns:1fr}.mb-section{padding-top:58px;padding-bottom:58px}.mb-heading{margin-bottom:28px}.mb-heading h2{font-size:29px}.mb-product{padding:26px}.mb-flow-section{padding:52px 0}.mb-flow{gap:25px}.mb-product-nav{gap:3px;padding:9px 6px}.mb-product-nav a{font-size:10px;padding:7px 10px}.mb-compare{padding:52px 0}.mb-before,.mb-after{padding:25px}.mb-before p{font-size:18px}.mb-beforeafter{gap:16px}.mb-strip .mb-wrap{font-size:11px;gap:12px}.mb-faq{padding-bottom:55px}.mb-mini-slide h3{font-size:21px}.mb-final .mb-actions{max-width:360px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.mb *{animation:none!important;transition:none!important}}

.mb-choice-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.mb-choice-grid{grid-template-columns:1fr}}
/* Role symbols replace illustrative faces. */
.mk-brand-writing .mk-lp-face>svg{display:none!important}
.mk-brand-writing .mk-lp-face{display:flex!important;align-items:center;justify-content:center;background:#fff4e5!important;border:1px solid #f0d9c0!important;border-radius:24px!important;box-shadow:none!important;width:88px!important;height:88px!important}
.mk-brand-writing .mk-lp-face em{position:static!important;display:flex!important;align-items:center;justify-content:center;transform:none!important;width:54px!important;height:54px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#d85412!important}
.mk-brand-writing .mk-lp-face em svg{width:38px!important;height:38px!important}
/* Break out of the theme's boxed article container. */
body.mk-brand-home #main,body.mk-brand-home #primary,body.mk-brand-home .uicore-body-content{background:#fff8ee!important}
.mk-brand-home .mb,.mb-product-nav{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);box-sizing:border-box}
.mk-brand-home .mb-icon{filter:none}
.mb-wordmark{position:relative}
.mb-wordmark::after{content:'✦';color:#d58b16;font-size:22px;line-height:1;animation:mbSparkle 3.4s ease-in-out infinite}
@keyframes mbSparkle{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.mb-wordmark::after{animation:none}}
.mb-live-writing.mk-lp{width:100%;max-width:100%;margin:0;background:transparent;color:#181611;min-width:0}
.mb-live-writing .mk-ui{width:100%;max-width:100%;transform:none!important}
.mb-live-writing .mk-live-caption{color:#765642!important}
.mb-live-writing>.mb-eyebrow{margin-bottom:14px;display:block}
.mb-live-design{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.mb-live-design .mb-heading{text-align:right;margin:0}
.mb-design-steps{list-style:none;padding:0;display:grid;gap:15px;margin:28px 0}
.mb-design-steps li{display:flex;align-items:center;gap:12px;font-weight:700}
.mb-design-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f6d14b}
.mb-engine{min-width:0;border:1px solid #e6ddcf;border-radius:24px;background:#fffdf7;padding:16px;box-shadow:0 22px 50px #39220712}
.mb-engine-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:13px;font-weight:700}
.mb-engine-top small{color:#836315}
.mb-engine-canvas{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#f4eee4}
.mb-engine-canvas>.ds-frame{width:100%!important;height:100%!important;aspect-ratio:4/5}
.mb-engine-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding-top:14px;font-size:13px}
.mb-engine-controls button{background:#f6ecd5;border:0;border-radius:10px;min-width:44px;min-height:44px;color:#171511;padding:8px 12px;font:inherit;cursor:pointer}
@media(max-width:700px){.mb-live-design{grid-template-columns:1fr;gap:28px}.mb-live-writing .mk-ui{min-width:0}.mb-live-writing .mk-live-stage{height:370px}.mb-engine{padding:12px}.mb-live-design .mb-heading h2{font-size:30px}}
/* Editorial refinement: clear sections, flat surfaces and readable demos. */
.mb-live-writing .mk-ui{box-shadow:0 16px 36px rgba(0,0,0,.12)!important;border:1px solid #e7dfce!important;border-radius:24px!important;overflow:hidden}
.mb-live-writing .mk-live-caption{font-size:13px!important;line-height:1.7;margin:18px 0 0!important;text-align:center;color:#bcaa93!important}
.mb-live-writing .mk-live-stage{height:360px!important;min-height:360px!important}
.mb-live-writing .mk-ui-app{padding:20px!important}
.mb-live-writing .mk-live-host{font-size:15px}
.mb-live-writing{box-shadow:none!important;padding:0!important;border-radius:24px;background:none!important}
.mb-live-writing::before,.mb-live-writing::after{display:none!important}
.mb-live-writing>.mb-eyebrow{color:#e2ccb5}
body.mk-brand-home #main,body.mk-brand-home #primary,body.mk-brand-home .uicore-body-content{background:#0e0d0b!important}
.mk-brand-home .mb{background:#0e0d0b;color:#fff8ee}
.mb-hero{padding-top:68px;padding-bottom:70px;min-height:640px;gap:62px}
.mb-hero-copy h1{font-size:clamp(36px,3.6vw,60px);line-height:1.32;color:#fff8ee}
.mb-hero-copy h1 em{color:#ff9354}
.mb-lead{color:#c8bcae;font-size:18px;line-height:1.85}
.mb-trust,.mb-returning{color:#b9ad9e}.mb-returning a{color:#fff8ee}
.mb-wordmark{margin-bottom:26px}.mb-eyebrow{color:#f09c63}
.mb-live-design{position:relative;background:#fff8ee;color:#171512;border-radius:28px;margin-top:20px;margin-bottom:30px;padding:48px;max-width:1144px;gap:54px}
.mb-live-design .mb-heading h2{font-size:clamp(28px,2.8vw,42px)}
.mb-live-design .mb-heading p{color:#766a5c;font-size:17px}
.mb-live-design .mb-eyebrow{color:#9a721a}
.mb-engine{box-shadow:none;border:1px solid #e4d9c9;background:#fffcf7;padding:14px;max-width:460px;width:100%;margin-inline:auto;color:#161512;direction:rtl;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
.mb-engine-controls button{font-family:inherit;font-size:13px;font-weight:600;border:1px solid #eadfca}
.mb-product{box-shadow:none;padding:34px;color:#171512}
.mb-product .mb-eyebrow{color:#a45b29}.mb-product-design .mb-eyebrow{color:#927013}
.mb-heading p{color:#bfb2a2}.mb-heading h2{line-height:1.35}
.mb-flow-section{background:#171511;border-block:1px solid #302b23}
.mb-flow-section h2,.mb-flow h3{color:#fff8ee}.mb-flow p{color:#c4b5a2}
.mb-faq{padding-top:44px;padding-bottom:64px}.mb-faq details{border-color:#373128;background:#171510}.mb-faq summary{color:#fff8ee}.mb-faq details p{color:#bcaf9e}
.mb-final{background:#000;color:#FFF9E8;padding:56px 0}.mb-final h2{font-size:clamp(28px,3vw,44px)}
.mb-section{padding-top:64px;padding-bottom:64px}
.mk-brand-home #mk-global-header-v6{box-shadow:none!important}
.mb-design-hero-preview{width:100%;min-width:0}
.mk-brand-design .mkdl-hero{padding-top:54px;padding-bottom:60px}
.mk-brand-design .mkdl-hero-grid{gap:56px;align-items:center}
.mk-brand-design .mkdl-demo,.mk-brand-design .mkdl-note,.mk-brand-design .mkdl-fan{box-shadow:none}
.mk-brand-design .mkdl-wall{padding:0 24px;overflow:visible;mask-image:none;-webkit-mask-image:none;max-width:1180px;margin:auto}
.mk-brand-design .mkdl-wrow{overflow:visible;transform:none!important;margin:0}
.mk-brand-design .mkdl-wrow:not(:first-child){display:none}
.mk-brand-design .mkdl-wtrack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;animation:none!important;transform:none!important}
.mk-brand-design .mkdl-wdup,.mk-brand-design .mkdl-wtrack>.mkdl-wc:nth-child(n+7){display:none!important}
.mk-brand-design .mkdl-wc{width:auto;min-width:0;margin:0}
.mk-brand-design .mkdl-wc>div:first-child{box-shadow:none!important;transform:none!important}
.mk-brand-design .mkdl-wall-cta{margin-top:30px}
.mk-brand-writing .mk-ui{box-shadow:0 16px 36px #0002!important}
@media(max-width:700px){
.mb-hero{padding:30px 20px 42px;gap:32px;min-height:0}.mb-hero-copy h1{font-size:36px}.mb-lead{font-size:16px;line-height:1.85}.mb-wordmark{margin-bottom:22px}
.mb-live-design{width:calc(100% - 32px);margin:10px 16px 22px;padding:28px 18px;grid-template-columns:1fr;gap:28px;border-radius:22px}
.mb-live-design .mb-heading h2{font-size:30px}.mb-live-writing .mk-ui-app{padding:14px!important}.mb-live-writing .mk-live-stage{height:342px!important;min-height:342px!important}
.mb-section{padding-top:42px;padding-bottom:42px}.mb-product{padding:26px 22px}.mb-heading h2{font-size:30px}
.mb-engine-controls{gap:7px}.mb-engine-controls button{font-size:12px;padding:7px 9px}
.mk-brand-design .mkdl-hero-grid{gap:28px}.mk-brand-design .mkdl-wtrack{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mk-brand-design .mkdl-wall{padding:0 18px}.mk-brand-design .mkdl-sec{padding-top:46px;padding-bottom:46px}
}
@media(max-width:430px){.mk-brand-design .mkdl-wtrack{grid-template-columns:1fr}.mk-brand-design .mkdl-wtrack>.mkdl-wc:nth-child(n+4){display:none!important}}
/* A focused preview of the actual input/editor flow. */
.mb-workflow{max-width:520px;padding:0!important;border-radius:22px;overflow:hidden;background:#fff8ee;color:#171511}
.mb-workflow .mb-engine-top{padding:16px 18px;margin:0;border-bottom:1px solid #e8dfd2;font-size:14px}
.mb-workflow .mb-engine-top small{font-size:10px;color:#94733a}
.mb-work-progress{display:flex;gap:5px;padding:12px 16px;border-bottom:1px solid #e8dfd2}
.mb-work-progress button{flex:1;padding:7px 2px;border:0;border-bottom:3px solid #e9dfcf;background:transparent;color:#847969;font:600 11px Tahoma;min-height:36px;cursor:pointer}
.mb-work-progress button.on{border-color:#efbd28;color:#171511}
.mb-work-stage{height:400px;position:relative;padding:16px;overflow:hidden;text-align:right;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
.mb-work-input h3{margin:5px 0 16px!important;font-size:25px!important;color:#15130e;line-height:1.3}
.mb-work-seg{display:flex;gap:7px;margin-bottom:14px;font-size:12px}
.mb-work-seg span{padding:7px 10px;border:1px solid #e5dac9;border-radius:8px;flex:1;text-align:center}
.mb-work-seg .on{border-color:#e8b922;background:#fff1bf}
.mb-work-text{min-height:206px;padding:16px;background:#fff;border:1px solid #e6ded1;border-radius:12px;white-space:pre-line;font-size:16px;line-height:1.9;color:#28231a}
.mb-work-text::after{content:'|';color:#b67c10;animation:mbCursor 1s steps(1) infinite}
.mb-work-input-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:11px;color:#8b7c66}
.mb-work-input-foot small{font-size:9px}.mb-work-go{padding:10px 28px;background:#171511;color:#fff8ee;border-radius:12px;font-size:13px;box-shadow:0 0 0 3px #f8d663}
.mb-work-toolbar{display:flex;gap:6px;align-items:center;padding-bottom:10px;font-size:10px;line-height:1.4}
.mb-work-toolbar span{padding:6px;border:1px solid #e4dbcb;border-radius:6px;background:#fff}.mb-work-toolbar .mb-work-focus{background:#fff0b9;border-color:#efc53f}
.mb-work-editor{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:start}
.mb-work-palette{display:grid;gap:10px;font-size:9px;background:#fff;border:1px solid #e7dece;border-radius:10px;padding:12px 9px;min-width:0}.mb-work-palette b{font-size:11px}.mb-work-palette small{color:#8b7550}
.mb-work-swatches{display:flex;gap:5px}.mb-work-swatches i{width:20px;height:20px;border-radius:50%;background:#f4cc47;border:1px solid #ded3bf}.mb-work-swatches i:nth-child(2){background:#171511}.mb-work-swatches i:nth-child(3){background:#fff8ee}
.mb-work-canvas{aspect-ratio:4/5;max-height:294px;width:100%;overflow:hidden;border-radius:8px;background:#fff}.mb-work-canvas>.ds-frame{width:100%!important;height:100%!important}
.mb-work-thumbs{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px}.mb-work-thumbs>span{padding:5px 13px;border:1px solid #e3d8c6;border-radius:5px;background:#fff}.mb-work-thumbs>span.on{background:#f5cf4b;border-color:#edbe30}.mb-work-thumbs small{font-size:9px;color:#92806a}
.mb-work-tip{position:absolute;bottom:20px;left:18px;right:18px;background:#181610;color:#fff2d8;border-radius:10px;padding:10px;text-align:center;font-size:11px}
.mb-work-download{position:absolute;inset:60px 35px 65px;background:#fffcf4f5;border:1px solid #e8d7b4;border-radius:18px;box-shadow:0 12px 25px #0001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}.mb-work-download>span{font-size:35px;color:#249965}.mb-work-download>b{font-size:18px}.mb-work-download>small{font-size:12px;color:#82715b}.mb-work-download>em{font-style:normal;background:#171511;color:#fff8ee;border-radius:10px;padding:10px 28px;font-size:13px}
.mb-work-caption{font-size:12px!important;text-align:center;margin:0!important;padding:0 12px 10px!important;color:#826a43!important;min-height:25px;line-height:1.6}
.mb-workflow .mb-engine-controls{padding:10px 12px 14px;border-top:1px solid #e9dfce}
@keyframes mbCursor{50%{opacity:0}}
.mb-curated{max-width:1080px;margin:0 auto;padding:64px 24px;color:#fff8ee;text-align:center;direction:rtl;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
.mb-curated>h2{font:800 clamp(28px,3vw,42px)/1.4 'IBM Plex Sans Arabic',Tahoma,sans-serif!important;color:#fff8ee;margin:0 0 12px!important}
.mb-curated>p{font-size:16px;color:#bbad9a;margin:0 0 28px!important}
.mb-curated-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px;gap:30px;margin:auto}
.mb-curated figure{margin:0;min-width:0}.mb-curated-shot{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#eae3d5;box-shadow:none}
.mb-curated-shot>.ds-frame{width:100%!important;height:100%!important}
.mb-curated figcaption{padding:16px 0 4px;font-size:14px;color:#e4d6c3}
.mb-curated-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:24px;font-size:12px;color:#c5b699}
.mb-curated-controls button{font:600 12px Tahoma;border:1px solid #54452f;background:#282116;color:#ffe5ab;padding:11px 17px;border-radius:10px;cursor:pointer}
/* One navigation and one primary action per section. */
body:is(.mk-brand-home,.mk-brand-writing,.mk-brand-design) .mkh6-tool-button,
body:is(.mk-brand-home,.mk-brand-writing,.mk-brand-design) .mk-foot-tool,
body:is(.mk-brand-home,.mk-brand-writing,.mk-brand-design) .mk-badge{display:none!important}
.mk-brand-writing .mk-lp-lockup-icon>.mk-om{width:110px!important;height:110px!important}
.mk-brand-writing .mk-lp-lockup-icon{width:110px!important;height:110px!important;flex:none}
.mk-brand-writing .mk-lp-lockup{gap:22px!important}
.mb-wordmark>.mb-icon{width:64px!important;height:64px!important}
@media(max-width:767px){body:is(.mk-brand-home,.mk-brand-writing,.mk-brand-design){padding-top:72px!important;--mkh6-mobile-height:72px!important}body:is(.mk-brand-home,.mk-brand-writing,.mk-brand-design) .mkh6-mobile-cta-row{display:none!important}
.mk-brand-writing .mk-lp-lockup-icon,.mk-brand-writing .mk-lp-lockup-icon>.mk-om{width:90px!important;height:90px!important}
.mb-work-stage{height:370px;padding:12px}.mb-work-editor{grid-template-columns:83px minmax(0,1fr);gap:9px}.mb-work-canvas{max-height:266px}.mb-work-toolbar{font-size:9px}.mb-work-palette{padding:9px 6px}.mb-work-seg span{padding:7px 3px}.mb-work-text{font-size:14px}.mb-work-progress{padding:10px}.mb-work-progress button{font-size:10px}.mb-curated{padding:42px 18px}.mb-curated-pair{gap:18px}.mb-curated figcaption{font-size:12px}}
@media(max-width:480px){.mb-curated-pair{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;gap:14px}.mb-curated figure{flex:0 0 88%;scroll-snap-align:center}.mb-work-editor{grid-template-columns:72px minmax(0,1fr)}.mb-work-stage{height:365px}.mb-work-toolbar{font-size:8px;gap:4px}.mb-work-palette>span{font-size:8px}.mb-work-palette{gap:8px}.mb-work-swatches i{width:15px;height:15px}.mb-work-canvas{max-height:255px}.mb-wordmark>.mb-icon{width:58px!important;height:58px!important}}
@media(prefers-reduced-motion:reduce){.mb-work-text::after{animation:none}}
.mb-app-mark{position:relative;display:inline-block;flex:none;line-height:0}
.mb-app-mark::before,.mb-app-mark::after{content:'✦';position:absolute;line-height:1;color:#ff9c5d;font-size:21px;top:-9px;left:-11px;animation:mbSparkle 3.2s ease-in-out infinite;pointer-events:none}
.mb-app-mark::after{font-size:12px;top:24px;left:-16px;animation-delay:1.1s}
.mb-app-design::before,.mb-app-design::after{color:#f4cf62;animation-delay:.8s}
.mb-wordmark{gap:24px}.mb-wordmark::after{display:none}.mb-wordmark .mb-icon{width:64px!important;height:64px!important}.mb-wordmark>span:last-child{margin-inline-start:6px;font-size:12px;line-height:1.6}
.mk-brand-writing .mk-lp-lockup-icon{position:relative}.mk-brand-writing .mk-lp-lockup-icon::after{content:'✦';position:absolute;font-size:24px;top:-9px;left:-15px;color:#ffb47a;animation:mbSparkle 3.2s infinite}
.mk-brand-design .mkdl-lockup>img{width:100px!important;height:100px!important}.mk-brand-design .mkdl-lockup{position:relative;gap:24px}.mk-brand-design .mkdl-lockup::before{content:'✦';position:absolute;right:-14px;top:-10px;color:#e5ba29;font-size:24px;animation:mbSparkle 3.2s infinite}
@media(max-width:480px){.mb-wordmark .mb-icon{width:60px!important;height:60px!important}.mb-wordmark{gap:20px}.mk-brand-design .mkdl-lockup>img{width:88px!important;height:88px!important}}
@media(prefers-reduced-motion:reduce){.mb-app-mark::before,.mb-app-mark::after,.mk-lp-lockup-icon::after,.mkdl-lockup::before{animation:none!important}}
.mb-flow-icon{display:grid!important;place-items:center;width:54px;height:54px;background:#2d2417;border:1px solid #655031;border-radius:16px;color:#ffd474!important}.mb-flow-icon svg{width:28px;height:28px}
.mb-curated-shot>.ds-frame{animation:mbSlideReveal .5s ease both}
@keyframes mbSlideReveal{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mb-curated-shot>.ds-frame{animation:none}}

.mb-workflow,.mb-workflow *,.mb-curated,.mb-curated *{box-sizing:border-box}

/* Hero: prominent paired icons directly above the headline. */
.mb-hero-copy .mb-wordmark{margin-bottom:20px;gap:20px}.mb-hero-copy .mb-wordmark .mb-app-mark{width:88px;height:88px;flex:0 0 88px}.mb-hero-copy .mb-wordmark .mb-app-mark img{width:100%;height:100%}.mb-hero-copy h1{margin-top:0}@media(max-width:700px){.mb-hero-copy .mb-wordmark{margin-bottom:18px;gap:18px}.mb-hero-copy .mb-wordmark .mb-app-mark{width:78px;height:78px;flex-basis:78px}}

/* Keep the app's native 4:5 frame; never compress it to fill the editor. */
.mb-hero-copy .mb-wordmark .mb-icon{width:88px!important;height:88px!important}
.mb-work-editor{background:#eee9e1;border:1px solid #ded8ce;border-radius:10px;padding:12px;align-items:center}
.mb-work-canvas{width:min(100%,224px);height:auto!important;max-height:none!important;aspect-ratio:4/5;margin-inline:auto;border-radius:0;outline:1px solid #d6cdbd;box-shadow:0 5px 14px #0002;flex:none}
.mb-work-canvas>.ds-frame{height:auto!important;aspect-ratio:4/5!important;width:100%!important}
.mb-work-stage{height:auto;min-height:440px;overflow:visible}
.mb-work-tip{position:static;margin-top:12px;padding:8px;font-size:10px}
.mb-work-thumbs{flex-wrap:wrap}
@media(max-width:700px){.mb-hero-copy .mb-wordmark .mb-icon{width:78px!important;height:78px!important}.mb-work-stage{height:auto;min-height:370px}.mb-work-editor{padding:8px;grid-template-columns:65px minmax(0,1fr);gap:8px}.mb-work-canvas{width:min(100%,200px)}}

/* Native editor hierarchy: toolbar, isolated 4:5 canvas, actual slide thumbnails. */
.mb-native-edit{--line:#e5dfd4;--ink:#171511;--org:#ff671e;--muted:#8c8274;color:var(--ink);background:#f1ede6;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:14px}
.mb-native-edit .mkd-bar{gap:6px}.mb-native-edit .mkd-bar-g{gap:5px}
.mb-native-edit .mkd-btn,.mb-native-edit .mkd-tog{font-size:10px!important;padding:7px 9px!important;min-height:30px;line-height:1.4;border-radius:20px;display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line)}
.mb-native-edit .mkd-btn:not(.ghost){background:var(--ink);color:#fff}
.mb-native-edit .mkd-ic{width:28px;height:28px}
.mb-native-edit .mkd-canvas{gap:12px;min-height:0}
.mb-native-edit .mkd-shot.is-none{width:min(100%,220px);flex:0 1 220px}
.mb-native-edit .mkd-big{min-width:0!important;width:100%!important;border-radius:8px!important;box-shadow:0 8px 18px #0002!important}
.mb-native-edit .ds-frame{width:100%!important;height:auto!important;aspect-ratio:4/5!important}
.mb-native-edit .mkd-strip{justify-content:center;gap:9px;padding:6px 0 0}
.mb-native-edit .mkd-th{width:42px;border-radius:4px;border-width:2px;flex:0 0 42px}
.mb-native-arrow{font-size:23px;width:27px;height:27px;background:#fff;border-radius:50%;display:grid;place-items:center;flex:none}
.mb-work-stage{min-height:430px;padding:12px}
@media(max-width:480px){.mb-native-edit{padding:9px;gap:12px}.mb-native-edit .mkd-btn,.mb-native-edit .mkd-tog{font-size:8px!important;padding:6px!important}.mb-native-edit .mkd-shot.is-none{flex-basis:184px;max-width:184px}.mb-native-edit .mkd-canvas{gap:8px}.mb-work-stage{min-height:390px}}

/* Isolate the embedded editor from the application's desktop named grid areas. */
.mb-workflow .mb-native-edit{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;grid-template:none!important}
.mb-workflow .mb-native-edit>div{grid-area:auto!important;position:static!important;width:100%;min-width:0}
.mb-workflow .mb-native-edit>.mkd-bar{flex:0 0 auto;flex-direction:row;min-height:30px;height:auto}
.mb-workflow .mb-native-edit>.mkd-canvas{flex:0 0 auto;flex-direction:row;min-height:0;height:auto}
.mb-workflow .mb-native-edit>.mkd-strip{display:flex!important;flex-direction:row!important;justify-content:center;max-height:none!important;overflow:visible!important;flex:0 0 auto;height:auto;padding:6px 0!important}
.mb-workflow .mb-work-stage{min-height:0!important;height:auto!important;padding:12px;overflow:hidden}
.mb-workflow .mb-work-input{min-height:370px}
.mb-workflow .mb-work-tip{position:static!important;margin-top:12px}
.mb-curated{max-width:1200px;padding-block:80px}
.mb-curated .mb-curated-pair{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:30px 22px;overflow:visible!important}
.mb-curated .mb-curated-pair figure{min-width:0;margin:0;flex:none}
.mb-curated figcaption{display:flex;flex-direction:column;gap:3px;text-align:right;font-size:13px}
.mb-curated figcaption span{font-size:11px;color:#bbae9c}
.mb-curated-shot{border-radius:10px;outline:1px solid #ffffff12}
.mb-story{padding-block:72px;border-top:1px solid #ffffff16}
.mb-story .mb-heading{max-width:770px}
.mb-friction{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.mb-friction article{border-top:1px solid #5b4b37;padding-top:22px}
.mb-friction i{font-style:normal;font-size:30px;color:#ffbd86;display:block;margin-bottom:12px}
.mb-friction article>span{font-size:12px;color:#bd9e7a}.mb-friction h3{font-size:24px;margin:8px 0!important}.mb-friction p{font-size:16px;line-height:1.9;color:#bdb2a3}
.mb-writing-story{padding-block:76px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.mb-writing-story h2{font-size:clamp(28px,3vw,42px)}.mb-writing-story p{font-size:17px;color:#bdb2a3;margin-top:20px!important;line-height:1.9}.mb-writing-story ul{padding:0;list-style:none;color:#d3c4b2;font-size:14px;line-height:2.5}.mb-writing-story li:before{content:'✓';color:#ffad71;margin-left:10px}
.mb-writing-example{background:#211b16;border:1px solid #584331;border-radius:24px;padding:26px}.mb-writing-example>small{font-size:12px;color:#c4ac92}.mb-example-seed{padding:16px 0;border-bottom:1px solid #ffffff18}.mb-example-seed>span{font-size:11px;color:#a68b73}.mb-example-seed p{margin-top:5px!important;font-size:17px}.mb-example-result{padding-top:20px}.mb-example-result>span{color:#ffb179;font-size:12px}.mb-example-result h3{color:#fff5e8!important;font-size:27px;line-height:1.55!important;margin:12px 0!important}.mb-example-result p{font-size:13px!important;margin-top:12px!important}.mb-example-caption{display:block;padding-top:20px;font-size:11px;color:#aa937a}
@media(max-width:900px){.mb-curated .mb-curated-pair{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-writing-story{gap:32px}}
@media(max-width:600px){.mb-curated{padding:48px 18px}.mb-curated .mb-curated-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.mb-curated figcaption{font-size:12px}.mb-curated figcaption span{font-size:10px}.mb-friction{grid-template-columns:1fr;gap:25px}.mb-story{padding-block:46px}.mb-writing-story{grid-template-columns:1fr;padding-block:40px;gap:25px}.mb-writing-example{padding:22px}.mb-writing-story h2{font-size:30px}.mb-workflow .mb-work-input{min-height:330px}}

/* Large visual benefit panels and an editorial writing example. */
.mb-visual-cards{gap:22px;align-items:stretch}
.mb-visual-cards article{border:1px solid #4a3e30;border-radius:24px;padding:16px 16px 25px;background:#1b1813;overflow:hidden}
.mb-visual-cards h3{font-size:28px!important;margin:23px 9px 10px!important;line-height:1.4!important}
.mb-visual-cards article>p{font-size:18px;line-height:1.8;margin:0 9px!important;color:#d0c3b2}
.mb-benefit-art{height:268px;border-radius:16px;position:relative;overflow:hidden;box-sizing:border-box}
.mb-art-write{background:#fff6e9;color:#231b13;padding:24px}
.mb-art-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.mb-art-label img{width:35px;height:35px}.mb-art-label i{width:7px;height:7px;background:#ff6c25;border-radius:50%;margin-inline-start:auto;animation:mbSparkle 2.6s infinite}
.mb-art-write>strong{display:block;font-size:27px;line-height:1.5;margin:18px 0;color:#231b13;letter-spacing:-.02em}
.mb-art-angles{display:flex;gap:6px;flex-wrap:wrap}.mb-art-angles span{font-size:13px;color:#924922;background:#ffe3cd;border:1px solid #efc9a9;border-radius:20px;padding:5px 9px}
.mb-art-design{background:radial-gradient(ellipse at 50% 60%,#ae853c55,transparent 75%),#302718;display:grid;place-items:center}
.mb-art-paper{position:absolute;width:160px;height:213px;border-radius:8px;box-shadow:0 12px 30px #0003;top:27px;left:calc(50% - 80px)}
.mb-art-paper.back{background:#eabf47;transform:rotate(-12deg) translate(-18px,2px)}
.mb-art-paper.front{background:#f7f0df;color:#272013;transform:rotate(6deg);padding:20px;display:flex;flex-direction:column;justify-content:center}
.mb-art-paper.front>span{font-size:14px;line-height:1.5}.mb-art-paper.front>strong{font-size:34px;line-height:1.2;margin:9px 0}.mb-art-paper.front>small{font-size:13px}.mb-art-line{height:4px;background:#deb631;width:40px;margin:6px 0 12px}
.mb-art-tool{position:absolute;bottom:20px;right:20px;background:#fff6e9;padding:6px;border-radius:16px;box-shadow:0 4px 18px #0003}.mb-art-tool img{width:44px;height:44px;display:block}
.mb-art-brand{background:#e6e8dc;color:#20281f;padding:24px;display:flex;flex-direction:column;justify-content:center}
.mb-brand-name{font-size:42px;font-weight:800;line-height:1.15;letter-spacing:-.03em}.mb-brand-name em{color:#6b7854;font-style:normal}
.mb-brand-swatches{display:flex;gap:9px;margin-top:24px}.mb-brand-swatches i{display:block;width:33px;height:33px;border-radius:50%;background:#20281f;border:3px solid #ffffff9c}.mb-brand-swatches i:nth-child(2){background:#758564}.mb-brand-swatches i:nth-child(3){background:#e6c257}.mb-brand-swatches i:nth-child(4){background:#fbf6e8}
.mb-brand-choice{display:flex;gap:12px;font-size:14px;margin-top:18px}
.mb-writing-story{gap:50px}.mb-writing-story>div:first-child>p{font-size:20px;line-height:1.85}.mb-writing-story ul{font-size:17px;line-height:2.3}
.mb-editorial-example{padding:0;background:transparent;border:0;border-radius:0;position:relative}
.mb-editorial-example .mb-example-seed{padding:23px 28px;background:#282219;border:1px solid #554735;border-radius:18px;margin-left:35px}
.mb-editorial-example .mb-example-seed>span{font-size:16px;color:#c7ac8c}.mb-editorial-example .mb-example-seed p{font-size:26px;line-height:1.5;color:#f3e8d9}
.mb-example-direction{font-size:34px;line-height:1;padding:12px 45px;color:#ffab72}
.mb-editorial-example .mb-example-result{background:#fff4e7;color:#1b1712;border:1px solid #ffd9b7;border-radius:20px;padding:28px 30px;box-shadow:0 20px 40px #0002}
.mb-editorial-example .mb-example-result>span{font-size:16px;color:#974518;display:flex;gap:10px;align-items:center}.mb-editorial-example .mb-example-result>span img{width:35px;height:35px}
.mb-editorial-example .mb-example-result h3{font-size:clamp(35px,3.5vw,48px)!important;line-height:1.3!important;color:#201a14!important;margin:23px 0 13px!important}
.mb-editorial-example .mb-example-result>p{color:#65513d;font-size:22px!important;line-height:1.6;margin-top:0!important}
.mb-result-rule{height:4px;width:52px;background:#fa752e;margin:23px 0 17px}.mb-editorial-example .mb-example-result>small{font-size:14px;color:#8b6e53}
.mb .mb-eyebrow{font-size:15px}.mb .mb-textlink{font-size:16px}.mb .mb-trust,.mb .mb-returning{font-size:14px}.mb .mb-product ul{font-size:16px}.mb .mb-product p{font-size:18px}.mb .mb-button{font-size:16px}.mb .mb-curated figcaption{font-size:16px}.mb .mb-curated figcaption span{font-size:14px}
@media(max-width:900px) and (min-width:601px){.mb-visual-cards{grid-template-columns:1fr}.mb-visual-cards article{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.mb-visual-cards .mb-benefit-art{grid-row:1/3}.mb-visual-cards article>p{align-self:start}.mb-visual-cards article>h3{align-self:end}}
@media(max-width:600px){.mb-visual-cards{gap:22px}.mb-visual-cards article{padding:13px 13px 24px}.mb-benefit-art{height:255px}.mb-visual-cards h3{font-size:27px!important}.mb-visual-cards article>p{font-size:17px}.mb-art-write>strong{font-size:26px}.mb-art-angles span{font-size:13px}.mb-writing-story>div:first-child>p{font-size:18px}.mb-writing-story ul{font-size:16px}.mb-editorial-example .mb-example-seed{padding:20px;margin-left:20px}.mb-editorial-example .mb-example-seed p{font-size:24px}.mb-editorial-example .mb-example-result{padding:23px}.mb-editorial-example .mb-example-result>span{font-size:14px}.mb-editorial-example .mb-example-result h3{font-size:38px!important}.mb-editorial-example .mb-example-result>p{font-size:21px!important}.mb .mb-eyebrow{font-size:14px}.mb .mb-curated figcaption{font-size:14px}.mb .mb-curated figcaption span{font-size:12px}}

/* Same palette and FAQ structure as the original writing landing. */
.mb{--o:#FF6B18;--cream:#FFF9E8;--card:#0e0e0e;--line:rgba(255,255,255,.12);--muted:rgba(255,249,232,.68);background:#000!important;color:#FFF9E8}
.mb-story,.mb-writing-story,.mb-final{background:#000}.mb-visual-cards article{background:#0e0e0e;border-color:#ffffff1f}.mb .mb-eyebrow{color:#ff8a45}.mb-story{border-color:#ffffff1f}
.mb .mb-live-design{background:transparent!important;color:#fff9e8;border-radius:0;box-shadow:none;border-block:1px solid #ffffff1f;padding-block:72px}
.mb-live-design .mb-heading p{color:#c9c2b6}.mb-live-design .mb-heading h2{color:#fff9e8}.mb-live-design .mb-design-steps{color:#fff9e8}.mb-live-design .mb-textlink{color:#ffad75}
.mb-workflow{background:#FFF9EE!important;border-color:#E8DCC6;color:#0E0D0C}
.mb-workflow .mb-native-edit{background:#FFF9EE!important;border-color:#E8DCC6;--line:#E8DCC6;--ink:#0E0D0C}
.mb-workflow .mb-work-seg{background:#F4EAD8;padding:4px;border-radius:30px;gap:0}.mb-workflow .mb-work-seg span{border:0;border-radius:25px;font-size:13px}.mb-workflow .mb-work-seg .on{background:#0E0D0C;color:#fff}.mb-workflow .mb-work-go{box-shadow:none;background:#0E0D0C;border-radius:30px;font-size:16px}.mb-workflow .mb-work-text{font-size:17px!important}.mb-workflow .mb-engine-top{font-size:16px}.mb-workflow .mb-engine-top small{font-size:12px}.mb-workflow .mb-work-progress button{font-size:13px}
.mb-cover-gallery{max-width:none!important;width:100%;overflow:hidden;padding:72px 0}
.mb-cover-gallery>h2,.mb-cover-gallery>p{padding-inline:20px}.mb-cover-gallery>p{font-size:18px}
.mb-cover-lane{overflow:hidden;direction:ltr;padding:12px 0 24px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.mb-cover-track{display:flex;width:max-content;gap:22px;animation:mbCoversDrift 38s linear infinite}
.mb-cover-lane:nth-of-type(2) .mb-cover-track{animation-direction:reverse;animation-duration:44s}
.mb-cover-group{display:flex;gap:22px;flex:none;direction:rtl}.mb-cover-group figure{width:240px;flex:0 0 240px;margin:0!important;direction:rtl}
.mb-cover-gallery .mb-curated-shot{aspect-ratio:4/5;border-radius:13px}.mb-cover-gallery figcaption{font-size:15px!important;text-align:center;padding:12px 0 0}
.mb-cover-lane:hover .mb-cover-track,.mb-cover-lane:focus-within .mb-cover-track{animation-play-state:paused}
@keyframes mbCoversDrift{to{transform:translateX(calc(-50% - 11px))}}
.mb-product{background:#0e0e0e!important;color:#fff9e8!important;border-color:#ffffff1f;padding:30px}
.mb-product-writing{background:radial-gradient(ellipse at 90% 0,#ff6b181c,transparent 60%),#0e0e0e!important}.mb-product-design{background:radial-gradient(ellipse at 90% 0,#f5cf451c,transparent 60%),#0e0e0e!important}
.mb-product .mb-app-mark img{width:86px!important;height:86px!important}.mb-product h3{color:#fff9e8!important;font-size:34px!important}.mb-product p,.mb-product ul{color:#ccc0b1!important}.mb-product .mb-eyebrow{font-size:17px}.mb-product-design .mb-eyebrow{color:#f5cf45}
.mb-product-scene{width:100%;min-height:195px;margin-top:25px;border-radius:16px;padding:23px;border:1px solid #ffffff22;overflow:hidden}
.mb-product-words{background:#fff3e8;color:#211a14}.mb-product-words>span{font-size:16px;color:#9b4a1e}.mb-product-words>b{display:block;font-size:29px;line-height:1.5;margin:10px 0}.mb-product-words>div{display:flex;gap:9px}.mb-product-words i{font-style:normal;font-size:15px;border:1px solid #deb897;border-radius:20px;padding:4px 14px}
.mb-product-layout{background:#f1ce57;color:#18170e;display:flex;justify-content:space-between;align-items:center;gap:20px}.mb-product-layout span{font-size:15px}.mb-product-layout b{display:block;font-size:30px;line-height:1.35;margin-top:10px}.mb-product-layout aside{display:flex;gap:6px;transform:rotate(-8deg)}.mb-product-layout aside i{display:block;width:32px;height:100px;background:#fff9e8;border:1px solid #b29945;border-radius:6px}.mb-product-layout aside i:nth-child(2){background:#1a1a12;transform:translateY(-8px)}
.mb-faq{padding-top:70px;padding-bottom:80px}
.mb .mk-lp-qs{max-width:820px;margin:auto;display:grid;gap:14px}.mb .mk-lp-qs details{padding:0;border-radius:20px;background:#0e0e0e;border:1px solid #ffffff1f}.mb .mk-lp-qs details[open]{border-color:#ff6b1873}.mb .mk-lp-qs summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;font-size:19px;font-weight:800;color:#fff;line-height:1.6}.mb .mk-lp-qs summary::-webkit-details-marker{display:none}.mb .mk-lp-qs summary:after{content:'+';flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ff6b181f;color:#ff6b18;font-size:22px;line-height:1;transition:transform .25s}.mb .mk-lp-qs details[open] summary:after{transform:rotate(45deg)}.mb .mk-lp-qs details p{padding:0 26px 24px;font-size:18px;line-height:1.9;color:#fff9e8ad}
.mb-final>.mb-wrap{max-width:1000px;border-radius:32px;padding:55px 24px;border:1px solid #ff6b1859;background:radial-gradient(70% 90% at 50% 0%,#ff6b1847,transparent 70%),#0b0b0b}
@media(max-width:600px){.mb-cover-group figure{width:190px;flex-basis:190px}.mb-cover-track,.mb-cover-group{gap:16px}@keyframes mbCoversDrift{to{transform:translateX(calc(-50% - 8px))}}.mb-product{padding:24px}.mb-product h3{font-size:29px!important}.mb-product-scene{padding:18px;min-height:180px}.mb-product-words>b{font-size:26px}.mb-product-layout b{font-size:27px}.mb-product-layout aside i{width:24px;height:88px}.mb .mk-lp-qs summary{font-size:18px;padding:20px}.mb .mk-lp-qs details p{font-size:17px;padding:0 20px 22px}.mb .mb-live-design{padding-block:40px}.mb-final{padding-inline:18px}.mb-workflow .mb-work-progress button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mb-cover-track{animation:none!important}.mb-cover-lane{overflow-x:auto}}

.mb .mb-final h2{color:#FFF9E8!important;-webkit-text-fill-color:#FFF9E8}.mb-final .mb-button img{width:34px;height:34px;object-fit:contain;border-radius:9px;flex:none;display:block}.mb-final .mb-button{gap:12px;min-height:60px}

/* Guided pointer and real slide transitions; scoped to the marketing preview. */
.mb-workflow .mb-work-stage{position:relative!important}
.mb-demo-cursor{position:absolute;z-index:12;width:30px;height:34px;pointer-events:none;opacity:0;left:70%;top:75%;transition:left .65s ease,top .65s ease,opacity .2s;direction:ltr;filter:drop-shadow(0 3px 4px #0003)}
.mb-demo-cursor.shown{opacity:1}.mb-demo-cursor svg{width:28px;height:32px;display:block}
.mb-demo-cursor i{position:absolute;left:-10px;top:-10px;width:28px;height:28px;border:3px solid #ff6b18;border-radius:50%;opacity:0}
.mb-demo-cursor.clicking i{animation:mbDemoClick .8s ease-out 1}
.mb-workflow .mb-demo-focus{outline:2px solid #ff6b18!important;outline-offset:3px}
.mb-demo-style-panel{position:absolute;z-index:10;inset:64px 18px auto;background:#fff9ee;border:1px solid #e8dcc6;border-radius:18px;padding:22px;box-shadow:0 16px 40px #0002;animation:mbDemoReveal .4s ease both;color:#0e0d0c}
.mb-demo-style-panel>b{display:block;font-size:20px;margin-bottom:18px}.mb-demo-style-option{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px;background:#fff;border:2px solid #ff6b18;border-radius:14px}.mb-demo-style-option strong{font-size:20px}.mb-demo-style-option small{font-size:15px}.mb-demo-style-option em{grid-column:2;grid-row:2;color:#ff6b18}.mb-demo-swatches{grid-column:1/-1;display:flex;gap:8px}.mb-demo-swatches i{width:24px;height:24px;border-radius:50%;background:#efeddd;border:1px solid #ccc}.mb-demo-swatches i:nth-child(2){background:#343c2b}.mb-demo-swatches i:nth-child(3){background:#a7b383}
.mb-demo-reveal{animation:mbDemoReveal .55s ease both}.mb-demo-generating .mb-work-go{animation:mbDemoGlow 1s ease-in-out infinite}.mb-workflow [data-mb-phase].on{background-image:linear-gradient(#f4cc47,#f4cc47);background-size:var(--demo-progress,0%) 3px;background-repeat:no-repeat;background-position:right bottom}
[data-mb-engine][data-playing="false"] *{animation-play-state:paused!important}
@keyframes mbDemoClick{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.7)}}
@keyframes mbDemoReveal{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes mbDemoGlow{50%{box-shadow:0 0 0 6px #ff6b1825}}
@media(prefers-reduced-motion:reduce){.mb-demo-cursor{display:none}.mb-demo-reveal,.mb-demo-style-panel{animation:none}}

/* Same automatic presentation conventions and interface type as the writing demo. */
.mb-workflow{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif!important}
.mb-demo-browser{display:flex;direction:ltr;align-items:center;gap:6px;height:38px;padding:0 14px;background:#161616}.mb-demo-browser>i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.mb-demo-browser>i:nth-child(2){background:#febc2e}.mb-demo-browser>i:nth-child(3){background:#28c840}.mb-demo-browser>span{margin:auto;color:#ffffff80;font:12px sans-serif;background:#ffffff0f;padding:3px 16px;border-radius:999px}
.mb-workflow .mb-engine-top{font-size:17px}.mb-workflow .mb-engine-top small{display:flex;align-items:center;gap:6px;font-size:12px;background:#fff0c7;color:#866109;padding:3px 10px;border-radius:30px}.mb-engine-top small i{width:6px;height:6px;border-radius:50%;background:#f2ba00;animation:mbDemoGlow 1.2s infinite}
.mb-work-progress [data-mb-phase]{flex:1;padding:7px 2px;border-bottom:3px solid #e9dfcf;color:#847969;font:600 14px/1.6 "IBM Plex Sans Arabic",Tahoma,sans-serif;text-align:center}
.mb-work-progress [data-mb-phase].on{border-color:#efbd28;color:#171511}
.mb-workflow .mb-work-stage,.mb-workflow .mkd-bar,.mb-workflow .mkd-btn,.mb-workflow .mkd-tog{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif!important;letter-spacing:normal!important}
.mb-workflow .mb-work-text{font-size:19px;line-height:1.8}.mb-workflow .mkd-bar .mkd-btn,.mb-workflow .mkd-bar .mkd-tog{font-size:14px!important;line-height:1.5!important;padding:7px 10px!important}.mb-workflow .mb-work-seg{font-size:14px}.mb-workflow .mb-work-go{font-size:16px}.mb-workflow .mb-work-caption{font-size:16px;padding:14px;margin:0!important;line-height:1.6}
.mb-workflow .mb-work-input-foot{font-size:13px}.mb-workflow .mb-work-input-foot small{font-size:12px}.mb-workflow .mb-work-tip{font-size:14px}
@media(max-width:600px){.mb-work-progress [data-mb-phase]{font-size:13px}.mb-workflow .mkd-bar .mkd-btn,.mb-workflow .mkd-bar .mkd-tog{font-size:12px!important;padding:6px 8px!important}.mb-workflow .mb-work-text{font-size:17px}.mb-workflow .mb-work-seg{font-size:13px}}
/* Scene choreography adapted from the writing product's live demonstration. */
.mb-workflow .mb-work-stage{height:448px!important;min-height:448px!important;padding:20px!important;isolation:isolate}
.md-live-host,.md-scene{height:100%;min-width:0}.md-scene{display:flex;flex-direction:column;animation:mdSceneIn .4s ease both}
.md-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:23px;font-weight:700;line-height:1.4;color:#0e0d0c;margin-bottom:22px}.md-title>span{font-size:13px;color:#7a7063;font-weight:500}
.md-input{background:#fff;border:2px solid #f2be25;box-shadow:0 0 0 5px #f2be2518;border-radius:16px;min-height:248px;padding:20px;white-space:pre-line;font-size:19px;line-height:1.85;color:#171511}.md-caret{display:inline-block;width:2px;height:20px;background:#ebaa16;vertical-align:middle;animation:mbCursor 1s steps(1) infinite}
.md-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}.md-action>span{font-size:14px;color:#7a7063}.md-action>b{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border-radius:99px;background:#141310;color:#fff9e8;font-size:16px;transition:transform .15s,background .2s}.md-action>b.pressed{transform:scale(.94);background:#f5c72f;color:#141310}
.md-loading{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:26px}.md-logo{position:relative;width:74px;height:74px}.md-logo img{width:100%;height:100%;position:relative;animation:mdLogoPulse 1.8s ease-in-out infinite}.md-logo:before,.md-logo:after{content:"";position:absolute;inset:0;border:2px solid #edb619;border-radius:26%;animation:mdLogoRing 1.8s ease-out infinite}.md-logo:after{animation-delay:.9s}.md-loading>b{font-size:19px;color:#635b4f;font-weight:500}.md-loading-line{width:150px;height:3px;border-radius:4px;background:#e7deca;overflow:hidden}.md-loading-line i{display:block;height:100%;width:40%;background:#e8b211;animation:mdLoading 1.4s ease-in-out infinite}
.md-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.md-style{position:relative;min-width:0;padding:7px;border:2px solid #e8dfcd;background:#fff;border-radius:12px;animation:mdCardIn .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*260ms);transition:transform .3s,border .3s,box-shadow .3s}.md-style>b{display:block;text-align:center;font-size:14px;margin-top:10px;white-space:nowrap}.md-style>i{position:absolute;left:-7px;top:-7px;background:#f5cb39;color:#000;font-style:normal;width:26px;height:26px;text-align:center;border-radius:50%;opacity:0}.md-style.chosen{border-color:#f1bf23;box-shadow:0 10px 25px #e5b22135;transform:translateY(-8px)}.md-style.chosen>i{opacity:1}.md-frame{width:100%;aspect-ratio:4/5;border-radius:8px;overflow:hidden;min-width:0}.md-frame>.ds-frame{width:100%!important;height:auto!important;aspect-ratio:4/5!important;max-width:none!important}
.md-style-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;font-size:14px;color:#7a7063}.md-style-note>i{width:17px;height:17px;border-radius:50%;background:#f2eddd;border:1px solid #ded6c2}.md-style-note>i:nth-child(2){background:#283a2c}.md-style-note>i:nth-child(3){background:#a5b184}.md-style-note>span{margin-inline-start:8px}
.md-result-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:372px;width:100%;margin:auto}.md-result-card{animation:mdCardIn .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*650ms);border:2px solid transparent;border-radius:11px;transition:border .3s,transform .3s;box-shadow:0 12px 25px #0002}.md-result-card.chosen{border-color:#e9b419;transform:translateY(-6px)}.md-result-note{display:flex;justify-content:center;gap:20px;font-size:15px;color:#4d7158;margin-top:20px}
.md-edit-focus{width:220px;margin:0 auto;box-shadow:0 12px 30px #0002;border-radius:8px}.md-editing{outline:2px solid #eab628;outline-offset:6px;border-radius:2px}.md-edit-label{margin-top:auto;padding-top:15px;font-size:15px;text-align:center;color:#6d654f}
.md-finish-stack{position:relative;width:240px;height:280px;margin:auto}.md-finish-stack>div{position:absolute;width:190px;left:25px;top:10px;box-shadow:0 15px 30px #0002;border-radius:10px;transition:transform .7s}.md-finish-stack>div:first-child{transform:translate(32px,8px) rotate(9deg);animation:mdFanBack .8s ease both}.md-finish-stack>div:nth-child(2){transform:translate(-20px,-2px) rotate(-6deg);animation:mdFanFront .8s ease both}.md-check{position:absolute;bottom:18px;right:0;z-index:2;display:grid;place-items:center;border-radius:50%;width:46px;height:46px;background:#1e9e60;color:#fff;font-size:26px;border:4px solid #fff9ee;transform:scale(0);transition:transform .45s cubic-bezier(.2,1.5,.5,1)}.md-check.on{transform:scale(1)}
.md-live-cursor{position:absolute;left:0;top:0;width:28px;height:32px;z-index:25;pointer-events:none;opacity:0;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .2s;filter:drop-shadow(0 3px 4px #0003)}.md-live-cursor.on{opacity:1}.md-live-cursor svg{display:block;width:28px;height:32px}.md-live-cursor>i{position:absolute;width:25px;height:25px;left:-9px;top:-9px;border:3px solid #f2bc20;border-radius:50%;opacity:0}.md-live-cursor.click>i{animation:mbDemoClick .5s ease-out}.mb-work-caption.md-in{animation:mdSceneIn .3s ease}.mb-work-progress [data-mb-phase].done{border-color:#edcb69;color:#736344}
@keyframes mdSceneIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mdCardIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes mdLogoRing{0%{transform:scale(.85);opacity:.55}100%{transform:scale(1.6);opacity:0}}
@keyframes mdLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07) rotate(-2deg)}}
@keyframes mdLoading{0%{transform:translateX(-160%)}100%{transform:translateX(330%)}}
@keyframes mdFanBack{from{opacity:0;transform:translate(0,20px)}to{opacity:1;transform:translate(32px,8px) rotate(9deg)}}
@keyframes mdFanFront{from{opacity:0;transform:translate(0,20px)}to{opacity:1;transform:translate(-20px,-2px) rotate(-6deg)}}
@media(max-width:600px){.mb-workflow .mb-work-stage{height:420px!important;min-height:420px!important;padding:16px!important}.md-title{font-size:21px;margin-bottom:18px}.md-title>span{font-size:12px}.md-input{font-size:17px;min-height:240px;padding:16px}.md-style-grid{gap:6px}.md-style{padding:4px;border-radius:9px}.md-style>b{font-size:12px}.md-style-note{flex-wrap:wrap;row-gap:12px;font-size:13px}.md-style-note>span{flex-basis:100%;text-align:center}.md-edit-focus{width:210px}.md-action>span{font-size:12px}.md-action>b{font-size:14px;padding:0 18px}.md-result-pair{gap:12px}.md-result-note{font-size:13px;gap:12px}}
@media(prefers-reduced-motion:reduce){.md-scene,.md-result-card{animation:none}.md-live-cursor{display:none}}
/* Dedicated design landing: writing-page rhythm, design-tool yellow identity. */
.md-landing{--md-yellow:#f6c933;--md-cream:#fff9e8;background:#000!important;color:var(--md-cream)!important;font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif!important;font-size:18px;line-height:1.75;overflow:hidden}
.md-landing *{box-sizing:border-box}.md-wrap{width:calc(100% - 48px);max-width:1144px;margin-inline:auto}.md-landing h1,.md-landing h2,.md-landing h3,.md-landing p{margin:0}.md-landing h1,.md-landing h2,.md-landing h3{color:var(--md-cream);font-family:inherit;letter-spacing:normal}.md-landing em{font-style:normal;color:var(--md-yellow)}.md-landing a{text-decoration:none!important}.md-section{padding-block:88px}.md-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:72px 84px}.md-lockup{display:flex;align-items:center;gap:20px;margin-bottom:30px}.md-lockup img{width:92px;height:92px;display:block}.md-lockup>span:last-child{font-size:18px;font-weight:700;color:#fff9e8}.md-lockup small{display:block;font-size:14px;font-weight:400;color:#b9b4a7}.md-hero h1{font-size:clamp(36px,3.5vw,56px);line-height:1.35;font-weight:700}.md-hero-copy>p{font-size:20px;line-height:1.85;color:#c1baaa;margin-top:26px}.md-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.md-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:14px 24px;border-radius:15px;background:linear-gradient(125deg,#f4c227,#ffe394);color:#15130d!important;font-weight:700;font-size:17px;transition:transform .2s,box-shadow .2s}.md-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f3c52825}.md-primary img{width:30px;height:30px;display:block;border-radius:8px}.md-text-link{font-size:16px;color:#e0d4b5!important}.md-trust{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0;font-size:14px;color:#bfb6a2}.md-trust li:before{content:"✓";color:#f3cd4a;margin-inline-end:6px}.md-hero-demo{min-width:0}.md-hero-demo .mb-workflow{max-width:none;width:100%;box-shadow:0 30px 80px #f3c52d12;border-color:#e9d79133}
.md-heading{max-width:760px;margin:0 auto 46px;text-align:center}.md-heading>span,.md-kicker{display:block;color:#dfbb54;font-size:15px;font-weight:600;margin-bottom:20px}.md-heading h2,.md-identity h2,.md-final h2{font-size:clamp(32px,3.4vw,49px);line-height:1.4;font-weight:700}.md-heading>p{font-size:19px;color:#bfb7a6;line-height:1.8;margin-top:22px}.md-outcome{border-top:1px solid #fff9e815}.md-value-grid,.md-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.md-value-grid h3,.md-step-title h3{font-size:26px;line-height:1.4;margin:24px 0 14px}.md-value-grid article>p,.md-how-grid article>p{font-size:18px;line-height:1.8;color:#bdb5a4}.md-value-visual{height:268px;border-radius:22px;position:relative;overflow:hidden;padding:26px;color:#171510;background:#fff8e8;display:flex;flex-direction:column;justify-content:center}.md-value-visual small{font-size:14px}.md-value-visual b{font-size:37px;line-height:1.3}.md-paper-visual{background:#f3cd42}.md-paper-visual>i{position:absolute;inset:28px 52px;background:#fff5c3;border-radius:13px;transform:rotate(-9deg)}.md-paper-visual>i:nth-child(2){transform:rotate(7deg);background:#e7b52c}.md-paper-visual>div{position:relative;margin:auto;padding:20px 23px;background:#fff9e8;border-radius:13px;width:210px;height:222px;display:flex;flex-direction:column;justify-content:space-between}.md-paper-visual span{font-size:12px;direction:ltr;text-align:right}.md-brand-visual{background:#1d322b;color:#ecf2dc;gap:22px}.md-brand-visual>div{display:flex;gap:8px}.md-brand-visual i{width:28px;height:28px;border-radius:50%;background:#d4e8be}.md-brand-visual i:nth-child(2){background:#a5b386}.md-brand-visual i:nth-child(3){background:#f4ebd0}.md-brand-visual i:nth-child(4){background:#4e725d}.md-brand-visual>span{font-size:14px}.md-edit-visual{gap:14px}.md-edit-visual>b{outline:1px dashed #b88d24;outline-offset:6px;width:max-content}.md-edit-visual>span{font-size:12px;display:flex;align-items:center;gap:12px;margin-top:8px}.md-edit-visual>span i{width:95px;height:3px;background:#b6953f;position:relative}.md-edit-visual>span i:after{content:"";width:10px;height:10px;background:#171510;border-radius:50%;position:absolute;left:35%;top:-3px}.md-edit-visual>em{position:absolute;left:22px;top:26px;background:#ddebd5;color:#416340;border-radius:20px;padding:4px 12px;font-size:13px}
.md-how{background:#0c0c0a;border-block:1px solid #ffffff0d}.md-how-art{height:224px;border:1px solid #ffffff17;border-radius:20px;padding:24px;background:#161613;overflow:hidden}.md-how-art>span{font-size:14px;color:#b2a58a}.md-how-text p{font-size:25px;line-height:1.6;margin:15px 0;color:#fff8e3}.md-how-text>i{display:block;height:5px;width:85%;background:#e9dfc626;border-radius:6px;margin-top:8px}.md-how-text>i:nth-last-child(1){width:42%}.md-how-style>div{display:flex;gap:12px;margin:20px 0}.md-how-style i{width:70px;height:80px;display:grid;place-items:center;border-radius:10px;font-size:34px;font-style:normal;background:#fff5d5;color:#181710}.md-how-style i:nth-child(2){background:#f6cb39;transform:translateY(-7px);box-shadow:0 7px 20px #f6cb3920}.md-how-style i:nth-child(3){background:#234238;color:#e9edd7}.md-how-style>b{font-size:17px;font-weight:500;color:#d9c68f}.md-how-ready{display:grid;place-items:center;position:relative}.md-how-ready>div{width:160px;height:185px;border-radius:12px;background:#f4ca37;color:#141510;padding:18px;transform:rotate(-6deg);box-shadow:12px 6px #63542c;display:flex;flex-direction:column;justify-content:space-between}.md-how-ready b{font-size:33px;line-height:1.3}.md-how-ready span{font-size:12px}.md-how-ready>i{position:absolute;bottom:25px;left:55px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eaf0dc;color:#376b47;font-style:normal}.md-step-title{display:flex;align-items:center;gap:12px;margin-top:24px;margin-bottom:12px}.md-step-title>b{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#f5cb3d;color:#17140d;font-size:17px}.md-step-title h3{margin:0}.md-gallery{padding-block:72px 20px}.md-gallery .mb-curated{margin:0 auto}.md-identity{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.md-identity-copy>p{font-size:20px;color:#beb6a6;margin:24px 0}.md-identity-copy>ul{list-style:none;padding:0;margin:0;color:#cfc4ae;font-size:17px;line-height:2.2}.md-identity-copy li:before{content:"✓";color:#efc43f;margin-inline-end:10px}.md-identity-art{padding:28px;border:1px solid #f5ce541f;background:#11110e;border-radius:25px;box-shadow:0 25px 55px #f6cf3808}.md-identity-label{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:22px;color:#d4cbb6}.md-identity-label>b{font-weight:500;color:#98bd92}.md-identity-sample{background:#f5d562;color:#1a231a;padding:30px;border-radius:14px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.md-identity-sample small{font-size:15px}.md-identity-sample>b{font-size:58px;line-height:1.1;z-index:1}.md-identity-sample>i{position:absolute;width:180px;height:180px;border:40px solid #2b4924;left:-25px;top:60px;border-radius:50%;opacity:.85}.md-identity-sample>span{font-size:15px;z-index:1}.md-identity-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.md-identity-options>div{background:#ffffff06;border:1px solid #ffffff10;border-radius:12px;padding:14px}.md-identity-options small{display:block;font-size:12px;color:#a9a08b;margin-bottom:10px}.md-identity-options b{font-size:16px;font-weight:500}.md-identity-options span{display:flex;gap:8px}.md-identity-options i{width:25px;height:25px;border-radius:50%;background:#f5d562}.md-identity-options i:nth-child(2){background:#2b4924}.md-identity-options i:nth-child(3){background:#fff9e8}
.md-formats-section{background:#0b0b09;border-block:1px solid #ffffff0d}.md-format-grid{gap:32px!important}.md-format-grid figure{background:#151510;border:1px solid #fff9e814;padding:24px;border-radius:22px;margin:0}.md-format-grid figcaption b{font-size:25px!important;color:#fff9e8!important}.md-format-grid figcaption span{font-size:17px!important;color:#bcb3a1!important}.md-landing #mkdl-plans{background:#000!important;border-bottom:1px solid #ffffff0f}.md-landing #mkdl-plans .mkdl-head h2{font-size:46px;color:#fff9e8}.md-landing #mkdl-plans .mkdl-head em{color:#f5cd45}.md-landing .mkdl-plan{background:#11110f;color:#fff9e8;border-color:#ffffff1f}.md-landing .mkdl-plan.best{border-color:#e8bc32}.md-landing .mkdl-plan i,.md-landing #mkdl-plans .mkdl-btn{background:#f6cd42;color:#15140e}
.md-faq .mk-lp-qs{max-width:860px;margin:auto;display:grid;gap:12px}.md-faq details{background:#0e0e0e;border:1px solid #ffffff1f;border-radius:14px;overflow:hidden}.md-faq details[open]{border-color:#e9bf3973}.md-faq summary{font-size:20px;line-height:1.6;padding:22px 24px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none}.md-faq summary::-webkit-details-marker{display:none}.md-faq summary i{width:28px;height:28px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;font-style:normal;flex:none;transition:transform .2s;color:#e9c657}.md-faq details[open] summary i{transform:rotate(45deg)}.md-faq details p{padding:0 24px 24px;font-size:18px;line-height:1.9;color:#bdb5a5}.md-final{text-align:center;padding:60px 36px;margin-bottom:72px;border:1px solid #e6bc382b;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#f2c43115,transparent 70%),#080807}.md-final>img{display:block;margin:0 auto 24px}.md-final>p{font-size:20px;color:#bfb6a3;margin:25px auto 30px}.md-writing-link{display:block;font-size:15px;color:#cdbf9b!important;margin-top:25px}.md-landing :focus-visible{outline:2px solid #f5cb39;outline-offset:5px}
@media(max-width:850px){.md-hero{gap:28px}.md-identity{gap:35px}.md-value-grid,.md-how-grid{gap:18px}.md-value-visual{padding:20px}.md-value-visual b{font-size:30px}.md-paper-visual>div{width:100%}.md-format-grid{gap:16px!important}.md-format-grid figure{padding:14px}}
@media(max-width:700px){.md-wrap{width:calc(100% - 36px)}.md-section{padding-block:60px}.md-hero{grid-template-columns:1fr;padding-block:38px 58px;gap:36px}.md-lockup{margin-bottom:24px}.md-lockup img{width:82px;height:82px}.md-hero h1{font-size:37px}.md-hero-copy>p{font-size:18px}.md-hero-actions{gap:18px}.md-primary{font-size:16px;min-height:55px}.md-trust{font-size:13px;gap:13px}.md-heading{margin-bottom:32px}.md-heading h2,.md-identity h2,.md-final h2{font-size:33px}.md-heading>p{font-size:17px}.md-value-grid,.md-how-grid,.md-identity{grid-template-columns:1fr;gap:36px}.md-value-visual{height:260px}.md-value-grid h3,.md-step-title h3{font-size:26px}.md-value-grid article>p,.md-how-grid article>p{font-size:17px}.md-how-art{height:224px}.md-value-visual b{font-size:38px}.md-paper-visual>div{width:210px}.md-gallery{padding-block:45px 0}.md-identity-copy>p{font-size:18px}.md-identity-art{padding:20px}.md-format-grid{grid-template-columns:1fr!important;gap:26px!important}.md-format-grid figure{padding:22px}.md-format-grid [data-format]{max-width:220px;margin-inline:auto}.md-format-grid figcaption span{font-size:16px!important}.md-landing #mkdl-plans .mkdl-head h2{font-size:33px}.md-faq summary{font-size:18px;padding:19px 18px}.md-faq details p{font-size:17px;padding:0 18px 20px}.md-final{padding:40px 20px;margin-bottom:45px}.md-final>p{font-size:18px}.md-writing-link{font-size:14px}}
/* Large style previews: every option takes centre stage before selection. */
.md-style-showcase{height:286px;position:relative;overflow:hidden;margin-inline:-12px;flex:none}.md-style-slide{position:absolute;width:190px;left:50%;top:16px;margin-left:-95px;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s;box-shadow:0 12px 28px #0002;border-radius:10px;overflow:hidden}.md-style-slide[data-position="0"]{transform:translateX(0) scale(1);opacity:1;z-index:3}.md-style-slide[data-position="1"]{transform:translateX(150px) scale(.75) rotate(7deg);opacity:.65;z-index:1}.md-style-slide[data-position="-1"]{transform:translateX(-150px) scale(.75) rotate(-7deg);opacity:.65;z-index:1}.md-style-tabs{display:flex;justify-content:center;gap:8px;margin-top:8px;position:relative;z-index:5}.md-style-tabs>span{padding:6px 13px;border-radius:99px;border:1px solid #e6dcc8;font-size:14px;background:#fff;color:#4d473c;transition:background .25s,border .25s}.md-style-tabs>span.active{background:#f7cd3e;border-color:#efbc23;color:#171510;font-weight:700}.md-style-font{font-size:13px;color:#84745a;text-align:center;margin-top:12px}
@media(max-width:600px){.md-style-showcase{height:270px}.md-style-slide{width:184px;margin-left:-92px}.md-style-slide[data-position="1"]{transform:translateX(124px) scale(.68) rotate(7deg)}.md-style-slide[data-position="-1"]{transform:translateX(-124px) scale(.68) rotate(-7deg)}.md-style-tabs{gap:5px}.md-style-tabs>span{padding:5px 9px;font-size:13px}.md-style-font{font-size:12px}}
/* Shared prices: the combined product comes first, then each tool separately. */
.mb-pricing-section{background:#000;color:#fff9e8;padding:86px 24px;font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;direction:rtl;text-align:right;line-height:1.7;scroll-margin-top:100px}
.mb-pricing-section *{box-sizing:border-box}.mb-pricing-wrap{max-width:1144px;margin:auto}.mb-pricing-heading{text-align:center;max-width:750px;margin:0 auto 42px}.mb-pricing-heading>span{font-size:16px;color:#efc647;font-weight:600}.mb-pricing-section .mb-pricing-heading h2{font-size:clamp(32px,3.4vw,48px);line-height:1.35;margin:18px 0!important;color:#fff9e8!important}.mb-pricing-heading>p{font-size:19px;color:#c0b6a3}.mb-price-bundle{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;background:radial-gradient(ellipse at 100% 0,#ff8a3420,transparent 65%),radial-gradient(ellipse at 0 100%,#f6cf3220,transparent 65%),#10100e;border:1px solid #edc54c88;border-radius:25px;padding:36px;margin-bottom:28px}.mb-price-icons{display:flex;gap:20px;margin-bottom:25px}.mb-price-icons img,.mb-price-card>header img{width:58px!important;height:58px!important}.mb-price-kicker{color:#eac25a;font-size:16px}.mb-pricing-section .mb-price-intro h3{font-size:35px;line-height:1.35;margin:15px 0!important;color:#fff9e8!important}.mb-price-intro>p{font-size:18px;color:#c7bca9;margin-top:16px}.mb-price-intro ul{list-style:none;padding:0;margin:20px 0 0;font-size:17px;color:#d4c8b1}.mb-price-intro li:before{content:"✓";color:#f6cf46;margin-inline-end:10px}.mb-price-options{display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}.mb-price-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 20px;background:#ffffff05;border:1px solid #ffffff1b;border-radius:16px;padding:20px}.mb-price-period{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mb-pricing-section .mb-price-period h4{font-family:inherit;font-size:21px;line-height:1.5;margin:0;color:#fff9e8!important}.mb-price-period>span{font-size:12px;color:#b9dab1;background:#25452855;padding:3px 8px;border-radius:20px}.mb-price-amount{display:flex;gap:10px;align-items:baseline;grid-column:1/-1}.mb-price-amount>bdi{font-size:40px;font-weight:700;line-height:1.3;color:#fff9e8}.mb-price-amount>span{font-size:15px;color:#b7ac98}.mb-price-billing{grid-column:1/-1;font-size:14px!important;color:#c2b6a0!important;line-height:1.7!important;margin:0!important}.mb-price-buy{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:20px;min-height:47px;padding:10px 16px;font-size:16px;font-weight:700;text-decoration:none!important;background:linear-gradient(125deg,#f2c22e,#ffe08a);color:#14130e!important;border-radius:12px;margin-top:6px;transition:transform .2s}.mb-price-buy:hover{transform:translateY(-2px)}.mb-price-singles{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mb-price-card{background:#10100e;border:1px solid #ffffff1c;border-radius:22px;padding:28px}.mb-price-card>header{display:flex;align-items:center;gap:20px;margin-bottom:26px}.mb-pricing-section .mb-price-card h3{font-size:28px!important;color:#fff9e8!important;margin:0 0 8px!important}.mb-price-card>header p{font-size:16px;color:#bdb3a1;line-height:1.6}.mb-price-writing .mb-price-buy{background:linear-gradient(125deg,#ff702d,#ffab72)}.mb-price-footnote{text-align:center;font-size:14px!important;color:#a99d87!important;margin:25px 0 0!important}.mb-pricing-section :focus-visible{outline:2px solid #f4cc46;outline-offset:4px}
@media(min-width:701px){.mb-price-card .mb-price-row{grid-template-columns:1fr auto}.mb-price-card .mb-price-amount{grid-column:2;grid-row:1}.mb-price-card .mb-price-amount>bdi{font-size:32px}.mb-price-card .mb-price-billing{grid-column:1/-1}.mb-price-card .mb-price-buy{grid-column:1/-1}}
@media(max-width:700px){.mb-pricing-section{padding:58px 18px}.mb-price-bundle{grid-template-columns:1fr;gap:26px;padding:24px}.mb-price-singles{grid-template-columns:1fr;gap:24px}.mb-price-card{padding:23px}.mb-price-card>header{gap:18px}.mb-pricing-section .mb-price-card h3{font-size:25px!important}.mb-pricing-section .mb-price-intro h3{font-size:31px}.mb-pricing-heading>p{font-size:17px}.mb-price-row{padding:18px}.mb-price-amount>bdi{font-size:37px}.mb-price-billing{font-size:14px!important}.mb-price-card>header img{width:52px!important;height:52px!important}.mb-price-footnote{font-size:13px!important}}
.mb-pricing-jump{display:block;width:fit-content;color:#f3cf78!important;font-size:16px;font-weight:600;margin-top:20px;text-underline-offset:5px}.mb-pricing-jump:hover{text-decoration:underline!important}@media(max-width:900px){.mb-pricing-jump{margin-inline:auto;font-size:15px;text-align:center}}
.mb-price-tabs{display:none}.mb-price-row[hidden]{display:none!important}
@media(max-width:700px){.mb-price-tabs{display:flex;gap:4px;padding:5px;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;margin-bottom:14px}.mb-pricing-section .mb-price-tabs button{display:block;flex:1;min-width:0;border:0;border-radius:8px;background:transparent;color:#c4baa6;font:600 15px/1.6 "IBM Plex Sans Arabic",Tahoma,sans-serif;padding:9px 4px;cursor:pointer;min-height:43px}.mb-pricing-section .mb-price-tabs button[aria-selected="true"]{background:#f6cc43;color:#15130c}.mb-price-writing .mb-price-tabs button[aria-selected="true"]{background:#ff9657}.mb-price-bundle{padding:24px;gap:22px}.mb-price-bundle .mb-price-intro ul{display:none}.mb-price-icons{margin-bottom:18px}.mb-price-bundle .mb-price-intro h3{font-size:28px!important}.mb-price-bundle .mb-price-intro>p{font-size:16px}.mb-price-bundle .mb-price-row{background:#0003}.mb-price-card>header{margin-bottom:20px}.mb-price-period h4{font-size:19px!important}}