.ms-page{background:var(--cslbp-background);font-family:"IBM Plex Sans Arabic",var(--cslbp-font)}
.ms-hero{padding:16px 0 34px}.ms-hero-shell{display:grid;gap:18px;padding:16px;border-radius:40px;background:linear-gradient(145deg,#f9fbf7,#eef3ee 56%,color-mix(in srgb,var(--cslbp-primary) 8%,#f5f1ed));border:1px solid rgba(17,19,16,.07);box-shadow:0 28px 70px rgba(24,31,24,.11);overflow:hidden}
.ms-hero-copy{padding:12px 8px 8px}.ms-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--cslbp-secondary) 16%,#fff);color:#176b40;font-size:13px;font-weight:700}.ms-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cslbp-secondary);box-shadow:0 0 0 5px color-mix(in srgb,var(--cslbp-secondary) 14%,transparent)}
.ms-hero-copy h1{margin:18px 0 0;font-size:clamp(44px,12vw,82px);line-height:.99;letter-spacing:-.055em}.ms-hero-copy h1 span{display:block;color:var(--cslbp-primary)}.ms-hero-copy>p{margin:18px 0 0;color:#667067;font-size:17px;line-height:1.82;font-weight:500}
.ms-hero-actions{display:grid;gap:10px;margin-top:22px}.ms-primary,.ms-secondary{min-height:56px;border-radius:18px;padding-inline:18px;font-weight:700}.ms-primary{border:0;background:#111510;color:#fff;box-shadow:0 14px 30px rgba(17,21,16,.16)}.ms-secondary{border:1px solid #dce2db;background:#fff;color:#111510}.ms-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ms-trust span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(17,19,16,.07);font-size:12px;font-weight:700}
.ms-hero-board{position:relative;min-height:470px;border-radius:32px;background:radial-gradient(circle at 74% 16%,rgba(255,255,255,.98),transparent 24%),linear-gradient(145deg,#dfeee4,#fafbf9 52%,#f0e5df);overflow:hidden;isolation:isolate}
.ms-hero-orbit{position:absolute;left:50%;top:48%;translate:-50% -50%;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(17,19,16,.10);box-shadow:0 0 0 28px rgba(255,255,255,.32),0 0 0 62px rgba(255,255,255,.16);animation:ms-orbit 6.5s ease-in-out infinite}
.ms-hero-board>img{position:absolute;left:50%;top:48%;translate:-50% -50%;width:auto;height:auto;max-width:86%;max-height:72%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(25,35,25,.16));animation:ms-float 5.6s ease-in-out infinite}
.ms-price{position:absolute;top:18px;right:18px;width:104px;height:104px;border-radius:30px;display:grid;place-items:center;text-align:center;background:var(--cslbp-primary);color:#fff;box-shadow:0 18px 38px color-mix(in srgb,var(--cslbp-primary) 28%,transparent);transform:rotate(4deg)}.ms-price strong{font-size:31px;line-height:1}.ms-price small{display:block;font-size:12px;margin-top:4px}
.ms-hero-count{position:absolute;left:18px;top:20px;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.94);box-shadow:0 14px 30px rgba(24,31,24,.09);backdrop-filter:blur(12px)}.ms-hero-count b{font-size:27px;color:var(--cslbp-primary)}.ms-hero-count span{font-size:11px;line-height:1.35;font-weight:700;color:#687067}
.ms-scroll-cue{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:0;border-radius:20px;background:rgba(17,21,16,.94);color:#fff;font-weight:700;box-shadow:0 16px 30px rgba(17,21,16,.17)}.ms-scroll-cue b{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--cslbp-secondary);color:#071522;font-size:20px;animation:ms-down 1.6s ease-in-out infinite}
.ms-intro{text-align:center;padding:54px 0 22px}.ms-intro>div>span{color:#208b50;font-size:12px;font-weight:800;letter-spacing:.1em}.ms-intro h2{margin:10px 0 0;font-size:clamp(34px,9vw,58px);line-height:1.06;letter-spacing:-.04em}.ms-intro p{max-width:700px;margin:12px auto 0;color:#687067;font-size:16px;line-height:1.8}
.ms-story{padding:0 0 46px}.ms-story-layout{display:grid;gap:16px}.ms-stage-wrap{position:sticky;top:0;z-index:10;padding-top:6px;background:linear-gradient(to bottom,var(--cslbp-background) 0%,color-mix(in srgb,var(--cslbp-background) 92%,transparent) 72%,transparent 100%)}
.ms-stage{position:relative;height:72svh;min-height:530px;border-radius:34px;background:linear-gradient(145deg,#f9fbf8,#eef1ed 62%,color-mix(in srgb,var(--ms-accent) 9%,#f5f2ee));border:1px solid rgba(17,19,16,.07);box-shadow:0 24px 60px rgba(24,31,24,.12);overflow:hidden}
.ms-stage-top{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 0}.ms-stage-top>div:first-child{display:grid;gap:4px}.ms-stage-top span{color:#697169;font-size:12px;font-weight:700}.ms-stage-top strong{font-size:21px}.ms-stage-number{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:var(--ms-accent);color:#111510;font-size:23px;font-weight:800;box-shadow:0 0 24px color-mix(in srgb,var(--ms-accent) 30%,transparent)}
.ms-spotlight{position:relative;height:calc(72svh - 188px);min-height:330px;display:grid;place-items:center;padding:10px 16px 4px}.ms-spotlight:before{content:"";position:absolute;inset:8px 14px;border-radius:28px;background:linear-gradient(180deg,#fff,#f7faf7);border:1px solid rgba(17,19,16,.06);box-shadow:0 16px 36px rgba(24,31,24,.08)}
.ms-spotlight-ring{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:2px solid color-mix(in srgb,var(--ms-accent) 56%,transparent);box-shadow:0 0 0 15px color-mix(in srgb,var(--ms-accent) 9%,transparent),0 0 32px color-mix(in srgb,var(--ms-accent) 18%,transparent);animation:ms-ring 4.4s ease-in-out infinite}
.ms-spotlight img{position:relative;z-index:2;width:auto;height:auto;max-width:86%;max-height:84%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 18px rgba(0,0,0,.10));animation:ms-float 5.2s ease-in-out infinite}
.ms-energy{position:absolute;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--ms-accent));box-shadow:0 0 18px color-mix(in srgb,var(--ms-accent) 34%,transparent)}.ms-energy-a{width:150px;right:-30px;top:70px;transform:rotate(-18deg)}.ms-energy-b{width:170px;left:-36px;bottom:50px;transform:rotate(-18deg)}
.ms-build{position:absolute;left:16px;right:16px;bottom:96px;padding:10px 12px;border-radius:17px;background:rgba(255,255,255,.76);border:1px solid rgba(17,19,16,.06);backdrop-filter:blur(10px)}.ms-build-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.08em}.ms-build-head strong{font-size:13px;letter-spacing:0}.ms-progress{height:6px;margin-top:8px;border-radius:999px;background:#dfe5df;overflow:hidden}.ms-progress i{display:block;height:100%;width:10%;border-radius:inherit;background:linear-gradient(90deg,var(--ms-accent),color-mix(in srgb,var(--ms-accent) 75%,white));box-shadow:0 0 14px color-mix(in srgb,var(--ms-accent) 32%,transparent);transition:width .32s ease}
.ms-product-rail{position:absolute;left:12px;right:12px;bottom:12px;height:76px;display:grid;grid-template-columns:repeat(var(--rail-count),minmax(0,1fr));gap:7px;padding:7px;border-radius:22px;background:rgba(17,21,16,.94);box-shadow:0 16px 32px rgba(17,21,16,.18);scrollbar-width:none}.ms-product-rail::-webkit-scrollbar{display:none}.ms-product-rail--scroll{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.ms-mini{position:relative;border:0;padding:0;border-radius:14px;background:rgba(255,255,255,.06);opacity:.22;transform:scale(.93);overflow:hidden;transition:.28s ease}.ms-mini img{width:100%;height:100%;object-fit:contain;padding:7px;filter:grayscale(1)}.ms-mini>span{position:absolute;left:4px;top:4px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#111510;color:#fff;font-size:9px;font-weight:800}.ms-mini.is-built{background:#fff;opacity:1;transform:none}.ms-mini.is-built img{filter:none}.ms-mini.is-current{outline:3px solid var(--ms-accent);outline-offset:-3px;box-shadow:0 0 22px color-mix(in srgb,var(--ms-accent) 34%,transparent)}.ms-product-rail--scroll .ms-mini{scroll-snap-align:center}
.ms-steps{display:grid;gap:18px}.ms-step{min-height:31svh;display:grid;align-items:start;scroll-margin-top:calc(72svh + 18px)}.ms-step-card{padding:20px 18px;border-radius:30px;background:rgba(255,255,255,.86);border:1px solid color-mix(in srgb,var(--step-accent) 24%,#dce1dc);box-shadow:0 16px 34px rgba(24,31,24,.07);backdrop-filter:blur(14px);opacity:.45;transform:translateY(12px) scale(.98);transition:.34s ease}.ms-step.is-active .ms-step-card{opacity:1;transform:none;border-color:color-mix(in srgb,var(--step-accent) 42%,#dce1dc);box-shadow:0 20px 44px color-mix(in srgb,var(--step-accent) 11%,rgba(24,31,24,.06))}
.ms-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ms-step-head>div{display:grid;gap:3px}.ms-step-head small{color:#687067;font-size:12px;font-weight:700}.ms-step-head strong{font-size:17px}.ms-step-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#111510;color:var(--step-accent);font-size:18px;font-weight:800}
.ms-step-card h3{margin:15px 0 0;font-size:clamp(29px,7.5vw,44px);line-height:1.1;letter-spacing:-.035em}.ms-step-card p{margin:11px 0 0;color:#687067;font-size:15px;line-height:1.8}.ms-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ms-chips span{padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--step-accent) 14%,#f7f8f6);font-size:11px;font-weight:700}.ms-step-line{display:flex;align-items:center;gap:10px;margin-top:17px;color:#687067;font-size:11px;font-weight:700}.ms-step-line i{flex:1;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--step-accent),transparent)}
.ms-summary,.ms-order{padding:18px 0 42px}.ms-summary-card,.ms-order-card{display:grid;gap:20px;padding:18px;border-radius:36px;background:#fff;border:1px solid rgba(17,19,16,.07);box-shadow:0 24px 60px rgba(24,31,24,.11)}.ms-summary-image{min-height:330px;display:grid;place-items:center;padding:18px;border-radius:28px;background:linear-gradient(145deg,#eef5ef,#fff 58%,#f6ece8)}.ms-summary-image img{width:auto;height:auto;max-width:96%;max-height:420px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.08))}.ms-summary-copy>span{color:#208b50;font-size:11px;font-weight:800;letter-spacing:.1em}.ms-summary-copy h2,.ms-order-copy h2{margin:10px 0 0;font-size:clamp(35px,9vw,58px);line-height:1.06;letter-spacing:-.04em}.ms-summary-copy p,.ms-order-copy p{margin:12px 0 0;color:#687067;font-size:15px;line-height:1.82}.ms-summary-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ms-summary-copy>div span{padding:9px 11px;border-radius:999px;background:#f0f3ef;font-size:12px;font-weight:700}.ms-order-copy>strong{display:block;margin-top:13px;color:var(--cslbp-primary);font-size:48px;font-weight:800}.ms-order-points{display:grid;gap:8px;margin-top:17px}.ms-order-points span{padding:11px 12px;border-radius:14px;background:#f2f5f1;font-size:13px;font-weight:700}
@keyframes ms-orbit{0%,100%{transform:scale(.96) rotate(-2deg)}50%{transform:scale(1.03) rotate(2deg)}}@keyframes ms-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ms-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes ms-ring{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.035);opacity:1}}
@media(min-width:760px){.ms-hero-shell{grid-template-columns:.94fr 1.06fr;align-items:center;padding:20px}.ms-hero-copy{padding:20px}.ms-hero-actions{grid-template-columns:1fr 1fr}.ms-story-layout{grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);align-items:start;gap:22px}.ms-stage-wrap{top:10px;padding-top:0;background:none}.ms-stage{height:760px}.ms-spotlight{height:566px}.ms-step{min-height:760px;align-items:center}.ms-step-card{padding:28px 25px}.ms-summary-card,.ms-order-card{grid-template-columns:1.02fr .98fr;align-items:center;padding:24px}.ms-summary-image{min-height:470px}}
@media(max-width:620px){.ms-hero-shell{border-radius:30px;padding:10px}.ms-hero-board{min-height:410px;border-radius:25px}.ms-hero-board>img{max-height:68%}.ms-price{width:86px;height:86px;border-radius:24px}.ms-price strong{font-size:26px}.ms-hero-count{left:12px;top:12px;padding:8px 10px}.ms-hero-count b{font-size:23px}.ms-intro{padding-top:45px}.ms-stage{height:55svh;min-height:470px;border-radius:26px}.ms-spotlight{height:calc(55svh - 188px);min-height:280px}.ms-step{min-height:55svh;scroll-margin-top:calc(55svh + 14px)}.ms-step-card{min-height:calc(55svh - 24px);display:flex;flex-direction:column;justify-content:center}.ms-build{bottom:92px}.ms-product-rail{height:72px}}

.ms-story-layout,.ms-stage-wrap,.ms-stage{min-width:0;width:100%;max-width:100%}.ms-spotlight{overflow:hidden}.ms-spotlight img{position:absolute;left:24px;right:24px;top:18px;bottom:116px;width:calc(100% - 48px);height:calc(100% - 134px);max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none}.ms-stage-top,.ms-stage-top strong,.ms-stage-top span{font-family:var(--active-product-font,var(--cslbp-font))}.ms-step-card,.ms-step-card h3,.ms-step-card p,.ms-step-card small,.ms-step-card strong{font-family:var(--product-font,var(--cslbp-font))}.ms-product-rail{direction:ltr}

/* v3.5 product always remains inside the spotlight */
.ms-stage{background:linear-gradient(145deg,color-mix(in srgb,var(--cslbp-card) 94%,var(--ms-accent)),color-mix(in srgb,var(--cslbp-background) 92%,var(--ms-accent)))}
.ms-spotlight{overflow:hidden;padding:var(--cslbp-image-padding);contain:layout paint}
.ms-spotlight:before{inset:8px 14px;background:linear-gradient(180deg,var(--cslbp-media-box),var(--cslbp-media-box-alt))}
.ms-spotlight img{position:relative;inset:auto;z-index:2;display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:12px;object-fit:contain;object-position:center;transform-origin:center;animation:ms-float-safe 5.2s ease-in-out infinite}
.ms-product-rail{background:color-mix(in srgb,var(--cslbp-thumb-rail) 94%,transparent);overscroll-behavior-x:contain;touch-action:pan-y pan-x}
.ms-step-card,.ms-summary-card,.ms-order-card{background:var(--cslbp-card)}
@keyframes ms-float-safe{0%,100%{transform:translateY(0) scale(.94)}50%{transform:translateY(-3px) scale(.94)}}
@media(max-width:620px){.ms-spotlight{padding:max(18px,calc(var(--cslbp-image-padding) * .72))}.ms-spotlight img{padding:8px}}
.ms-stage-top,.ms-step-card{font-family:var(--active-product-font,var(--cslbp-product-font,var(--cslbp-font)))}
.ms-spotlight img{position:absolute;inset:var(--cslbp-image-padding);width:calc(100% - (var(--cslbp-image-padding) * 2));height:calc(100% - (var(--cslbp-image-padding) * 2));max-width:none;max-height:none;object-fit:contain;object-position:center}
@media(max-width:620px){.ms-spotlight img{inset:max(16px,calc(var(--cslbp-image-padding) * .72));width:calc(100% - (max(16px,calc(var(--cslbp-image-padding) * .72)) * 2));height:calc(100% - (max(16px,calc(var(--cslbp-image-padding) * .72)) * 2))}}
.ms-step-card,.ms-summary-card,.ms-order-card{color:var(--cslbp-card-text,#071522)}