:root{--navy-950:#061322;--navy-900:#08182c;--navy-800:#0d2747;--blue:#185caf;--red:#e12c39;--red-dark:#b91f2b;--kraft:#c18a4b;--kraft-light:#e6c18e;--paper:#f4ecdf;--paper-muted:#cbd4dc;--line:#dce8f22e;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--red) var(--navy-950)}body{min-width:320px;color:var(--paper);background:var(--navy-950);font-kerning:normal;margin:0;font-family:Cairo,sans-serif;font-size:1rem;overflow-x:hidden}body.is-loading{overflow:hidden}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--kraft-light);outline-offset:4px}::selection{color:var(--navy-950);background:var(--kraft-light)}.skip-link{z-index:1000;color:var(--navy-950);background:var(--paper);transition:transform .18s var(--ease-out);padding:.75rem 1rem;position:fixed;top:1rem;right:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.loader{z-index:500;width:100%;min-height:100svh;color:var(--paper);background:var(--navy-950);transition:opacity .65s var(--ease-out), visibility .65s;place-content:center;padding:2rem;display:grid;position:fixed;inset:0}.loader:before{content:"";opacity:.3;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.loader.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loader__mark{width:4rem;height:4rem;color:var(--red);margin-block-end:2.5rem;position:relative}.loader__mark:after{content:"";background:var(--red);transform-origin:100%;width:5.5rem;height:1px;animation:load-line 1.4s var(--ease-in-out) infinite alternate;position:absolute;top:0;right:calc(100% + 1rem)}.loader__mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:100%;height:100%}.loader__eyebrow{color:var(--paper-muted);letter-spacing:.12em;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.loader__track{background:#ffffff1f;width:min(74vw,22rem);height:2px;overflow:hidden}.loader__track span{background:var(--red);transform-origin:100%;width:100%;height:100%;transition:transform .18s var(--ease-out);display:block;transform:scaleX(0)}.loader__meta{color:var(--paper);justify-content:space-between;margin-top:.8rem;font-family:Noto Kufi Arabic,sans-serif;font-size:.72rem;display:flex}@keyframes load-line{0%{transform:scaleX(.2)}to{transform:scaleX(1)}}#factory-canvas{z-index:0;cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;inset:0}#factory-canvas:active{cursor:grabbing}.canvas-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0613220d 0%,#0613222e 45%,#061322db 78%,#061322f5 100%),linear-gradient(#0613228f 0%,#0000 24% 78%,#061322a8 100%);position:fixed;inset:0}.paper-grain{z-index:6;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:-60%;transform:rotate(5deg)}.site-header{z-index:30;min-height:6rem;padding:max(1.25rem, env(safe-area-inset-top)) clamp(1.25rem, 4vw, 4.5rem) 1.25rem;transition:min-height .3s var(--ease-out), background-color .3s, border-color .3s;border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;display:grid;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061322e0;min-height:4.75rem}.brand{justify-self:start;align-items:center;gap:.8rem;display:inline-flex}.brand__symbol{width:2.8rem;height:2.8rem;color:var(--paper);background:var(--red);place-items:center;display:grid;position:relative;transform:rotate(-3deg)}.brand__symbol svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.75rem;height:1.75rem}.brand strong,.brand small{display:block}.brand strong{font-family:Noto Kufi Arabic,sans-serif;font-size:.9rem;font-weight:800;line-height:1.6}.brand small{color:var(--paper-muted);font-size:.65rem;font-weight:600}.header__status{color:var(--paper-muted);justify-self:center;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;display:inline-flex}.pulse-dot{background:#58c98a;border-radius:50%;width:.45rem;height:.45rem;animation:2.2s ease-out infinite pulse;box-shadow:0 0 #58c98a80}@keyframes pulse{70%{box-shadow:0 0 0 .55rem #58c98a00}to{box-shadow:0 0 #58c98a00}}.header__cta{min-height:2.75rem;color:var(--paper);justify-self:end;align-items:center;gap:.75rem;font-size:.83rem;font-weight:800;display:inline-flex}.header__cta span{color:var(--red);transition:transform .2s var(--ease-out);font-size:1.1rem}@media (hover:hover){.header__cta:hover span{transform:translate(-.35rem)}}.story-rail{z-index:20;flex-direction:column;gap:.9rem;display:flex;position:fixed;top:50%;left:clamp(1rem,2vw,2.25rem);transform:translateY(-50%)}.rail-dot{justify-content:flex-end;align-items:center;width:1rem;height:1rem;display:flex;position:relative}.rail-dot:after{content:"";width:.4rem;height:.4rem;transition:transform .25s var(--ease-out), background-color .25s;background:#f4ecdf59;border:1px solid #f4ecdf52;border-radius:50%}.rail-dot:before{content:"";background:var(--red);width:1px;height:0;transition:height .3s var(--ease-out);position:absolute;left:.3rem;transform:translateY(1rem)}.rail-dot span{opacity:0;width:max-content;color:var(--paper-muted);pointer-events:none;transition:opacity .2s, transform .2s var(--ease-out);font-size:.65rem;font-weight:700;position:absolute;left:1.4rem;transform:translate(-.4rem)}.rail-dot.is-active:after{background:var(--red);transform:scale(1.8)}.rail-dot.is-past:before{height:.9rem}@media (hover:hover){.rail-dot:hover span{opacity:1;transform:translate(0)}}.scroll-meter{z-index:50;background:#ffffff14;height:3px;position:fixed;bottom:0;left:0;right:0}.scroll-meter span{background:var(--red);transform-origin:100%;width:100%;height:100%;display:block;transform:scaleX(0)}.scene-hud{z-index:10;color:var(--paper);pointer-events:none;align-items:center;gap:.8rem;display:flex;position:fixed;bottom:clamp(2rem,7vh,5.5rem);left:clamp(1.25rem,8vw,8rem)}.scene-hud__index{font-family:Noto Kufi Arabic,sans-serif;font-size:.75rem;font-weight:800}.scene-hud__line{background:var(--red);width:3.5rem;height:1px}.scene-hud__label{color:var(--paper-muted);font-size:.72rem;font-weight:700}.drag-hint{z-index:10;color:#f4ecdf94;pointer-events:none;align-items:center;gap:.55rem;font-size:.65rem;font-weight:600;transition:opacity .3s;display:flex;position:fixed;bottom:clamp(5.25rem,14vh,10rem);left:clamp(1.25rem,8vw,8rem)}.drag-hint.is-hidden{opacity:0}.drag-hint svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.25rem;height:1.25rem}#story{z-index:5;position:relative}.chapter{align-items:center;min-height:112svh;padding:8rem clamp(1.25rem,7vw,7rem) 5rem;display:flex;position:relative}.chapter--hero{min-height:100svh}.chapter__copy{width:min(100%,39rem);margin-left:auto}.chapter--opposite .chapter__copy{width:min(100%,34rem);margin-left:4vw;margin-right:auto}.chapter__copy--panel{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);clip-path:polygon(0 0,calc(100% - 2.25rem) 0,100% 2.25rem,100% 100%,0 100%);background:#08182cd1;border-top:1px solid #f4ecdf47;border-bottom:1px solid #f4ecdf1a;padding:clamp(1.6rem,3.8vw,3.5rem);position:relative;overflow:hidden}.chapter__copy--panel:after{content:"";border-left:1px solid #f4ecdf47;width:2.25rem;height:2.25rem;position:absolute;top:0;right:0;transform:rotate(45deg)translate(-.65rem,-1rem)}.eyebrow{color:var(--paper-muted);letter-spacing:.04em;align-items:center;gap:.9rem;margin-bottom:1.65rem;font-size:.72rem;font-weight:800;display:flex}.eyebrow i{background:var(--red);width:2.75rem;height:1px;display:block}.hero-copy h1,.chapter h2{letter-spacing:-.045em;margin:0;font-family:Noto Kufi Arabic,sans-serif;font-weight:900}.hero-copy h1{max-width:11ch;font-size:clamp(3.6rem,7vw,7.75rem);line-height:1.12}.hero-copy h1 span{color:var(--paper);letter-spacing:-.03em;font-size:.47em}.hero-copy h1 em{color:var(--kraft-light);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:var(--red);width:.74em;height:.09em;position:absolute;bottom:.02em;right:.05em;transform:rotate(-2deg)}.lead{max-width:38rem;color:var(--paper-muted);margin:2rem 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:500;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.75rem;margin-top:2.25rem;display:flex}.button{cursor:pointer;min-height:3.5rem;transition:color .18s, background-color .18s, transform .18s var(--ease-out);border:0;justify-content:center;align-items:center;gap:1rem;padding:.85rem 1.35rem;font-size:.85rem;font-weight:800;display:inline-flex}.button--signal{color:var(--paper);background:var(--red);box-shadow:.45rem .45rem #08182cad}.button--signal span{font-size:1.05rem}@media (hover:hover){.button--signal:hover{background:var(--red-dark);transform:translate(-.2rem,-.2rem)}}.text-link{min-height:2.75rem;color:var(--paper-muted);align-items:center;gap:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.text-link span{color:var(--kraft-light);transition:transform .18s var(--ease-out)}@media (hover:hover){.text-link:hover{color:var(--paper)}.text-link:hover span{transform:translate(-.3rem)}}.hero-proof{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:36rem;margin-top:clamp(2.5rem,6vh,5rem);display:grid}.hero-proof div{background:#08182c80;padding:1.1rem .8rem}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{color:var(--paper);font-family:Noto Kufi Arabic,sans-serif;font-size:1.2rem;font-weight:900}.hero-proof span{color:var(--paper-muted);margin-top:.25rem;font-size:.65rem;font-weight:600}.reveal-piece{opacity:0;transition:opacity .65s var(--ease-out), transform .65s var(--ease-out);transform:translateY(1.6rem)}body.is-ready .reveal-piece{opacity:1;transform:translateY(0)}body.is-ready .reveal-piece:nth-child(2){transition-delay:90ms}body.is-ready .reveal-piece:nth-child(3){transition-delay:.17s}body.is-ready .reveal-piece:nth-child(4){transition-delay:.24s}body.is-ready .reveal-piece:nth-child(5){transition-delay:.31s}.chapter-no,.chapter-kicker{font-size:.72rem;font-weight:800;display:block}.chapter-no{color:#f4ecdf5c;font-family:Noto Kufi Arabic,sans-serif;position:absolute;top:1.35rem;left:1.5rem}.chapter-kicker{color:var(--kraft-light);margin:0 0 1.2rem}.chapter h2{color:var(--paper);font-size:clamp(2.15rem,4.5vw,4.4rem);line-height:1.28}.chapter__copy>p:not(.chapter-kicker,.quote-note){max-width:35rem;color:var(--paper-muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.95}.spec-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;margin:2rem 0 0;display:grid}.spec-list div{padding:1.1rem 0}.spec-list div+div{border-right:1px solid var(--line);padding-right:1.25rem}.spec-list dt{color:#cbd4dcb3;font-size:.68rem;font-weight:600}.spec-list dd{margin:.35rem 0 0;font-size:.88rem;font-weight:800}.layer-switch{border:1px solid var(--line);gap:0;margin-top:2rem;display:inline-flex}.layer-switch button{min-height:3rem;color:var(--paper-muted);cursor:pointer;background:0 0;border:0;padding:.65rem 1.2rem;font-size:.76rem;font-weight:800;transition:color .18s,background-color .18s}.layer-switch button+button{border-right:1px solid var(--line)}.layer-switch button.is-selected{color:var(--navy-950);background:var(--kraft-light)}.ink-legend{align-items:center;gap:.65rem;margin-top:2rem;display:flex}.ink{cursor:pointer;width:2.4rem;height:2.4rem;transition:transform .18s var(--ease-out), border-color .18s;border:2px solid #0000;border-radius:50%;padding:0}.ink--blue{background:#1559b5}.ink--red{background:#d92c38}.ink--navy{background:#102845}.ink.is-selected{border-color:var(--paper);transform:scale(.78);box-shadow:0 0 0 5px #f4ecdf33}.ink-legend>span{color:var(--paper-muted);margin-right:.4rem;font-size:.7rem;font-weight:700}.process-ticks{border-top:1px solid var(--line);gap:0;margin:2rem 0 0;padding:0;list-style:none;display:grid}.process-ticks li{border-bottom:1px solid var(--line);min-height:3.15rem;color:var(--paper);align-items:center;gap:1rem;font-size:.8rem;font-weight:700;display:flex}.process-ticks span{color:var(--red);font-family:Noto Kufi Arabic,sans-serif;font-size:.68rem}.chapter--final{min-height:126svh;padding-bottom:8rem}.configurator{width:min(100%,41rem);color:var(--navy-950);clip-path:polygon(0 0,calc(100% - 2.5rem) 0,100% 2.5rem,100% 100%,0 100%);background:#f4ecdff7;padding:clamp(1.4rem,3.4vw,2.7rem);box-shadow:1rem 1rem #e12c39d1}.configurator .chapter-no{color:#08182c6b}.configurator .chapter-kicker{color:var(--red-dark)}.configurator h2{color:var(--navy-950);font-size:clamp(2.4rem,4.5vw,4.75rem)}.configurator__intro>p:last-child{color:#08182cb8;margin:.75rem 0 0;line-height:1.8}.product-tabs{border-top:1px solid #08182c33;border-bottom:1px solid #08182c33;grid-template-columns:repeat(3,1fr);margin-top:1.8rem;display:grid}.product-tabs button{color:#08182c9e;cursor:pointer;background:0 0;border:0;min-height:4.75rem;padding:.7rem;transition:color .18s,background-color .18s}.product-tabs button+button{border-right:1px solid #08182c33}.product-tabs button.is-selected{color:var(--paper);background:var(--navy-800)}.product-tabs span,.product-tabs small{display:block}.product-tabs span{font-size:.84rem;font-weight:900}.product-tabs small{margin-top:.2rem;font-size:.63rem;font-weight:600}.quantity-control{margin-top:1.7rem}.quantity-control>div:first-child,.range-labels{justify-content:space-between;align-items:center;display:flex}.quantity-control label{font-size:.75rem;font-weight:800}.quantity-control output{color:var(--red-dark);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:900}.quantity-control input{width:100%;height:1.75rem;accent-color:var(--red);cursor:pointer;margin:.65rem 0 0}.range-labels{color:#08182c85;font-size:.62rem;font-weight:700}.quote-result{background:#08182c29;grid-template-columns:1.2fr .8fr;gap:1px;margin-top:1.5rem;display:grid}.quote-result>div{background:#fffcf7e0;padding:1.1rem}.quote-result>div span,.quote-result>div small,.quote-result>div strong{display:block}.quote-result>div span{color:#08182c99;font-size:.62rem;font-weight:700}.quote-result>div strong{font-variant-numeric:tabular-nums;margin-top:.2rem;font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:900}.quote-result>div small{color:#08182c8a;font-size:.6rem;font-weight:600}.quote-result .button{box-shadow:none;grid-column:1/-1}.quote-note{color:#08182c8a;margin:.9rem 0 0;font-size:.61rem;font-weight:600}.experience-footer{z-index:12;min-height:9rem;padding:2rem clamp(1.25rem, 7vw, 7rem) max(2rem, env(safe-area-inset-bottom));background:var(--navy-950);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;display:grid;position:relative}.experience-footer div strong,.experience-footer div span{display:block}.experience-footer div strong{font-family:Noto Kufi Arabic,sans-serif;font-size:.88rem}.experience-footer div span,.experience-footer>span{color:var(--paper-muted);margin-top:.3rem;font-size:.65rem}.experience-footer a{color:var(--kraft-light);font-size:.74rem;font-weight:800}.experience-footer>span{justify-self:end}.webgl-fallback{z-index:2;text-align:center;width:min(40vw,28rem);position:fixed;top:7rem;left:4vw}.fallback-box{perspective:700px;width:10rem;height:8rem;transform-style:preserve-3d;margin:2rem auto;position:relative;transform:rotateX(-16deg)rotateY(30deg)}.fallback-box span{background:var(--kraft);border:1px solid var(--kraft-light);width:8rem;height:6rem;display:block;position:absolute}.fallback-box span:first-child{transform:translateZ(3rem)}.fallback-box span:nth-child(2){transform:rotateY(90deg)translateZ(4rem)}.fallback-box span:nth-child(3){transform:rotateX(90deg)translateZ(3rem)}.webgl-fallback p{color:var(--paper-muted);font-size:.75rem;line-height:1.8}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.header__status,.story-rail{display:none}.chapter{padding-inline:1.5rem}.chapter__copy{width:min(100%,35rem)}.chapter--opposite .chapter__copy{width:min(100%,33rem);margin-left:0}.scene-hud,.drag-hint{left:1.5rem}}@media (width<=680px){.site-header{min-height:4.8rem;padding-inline:1rem}.brand__symbol{width:2.45rem;height:2.45rem}.brand__symbol svg{width:1.45rem;height:1.45rem}.brand strong{font-size:.74rem}.brand small{display:none}.header__cta{font-size:.72rem}#factory-canvas{height:52svh}.canvas-shade{background:linear-gradient(0deg, var(--navy-950) 0%, #061322fa 38%, #06132233 68%, #06132261 100%)}.chapter,.chapter--hero,.chapter--final{align-items:flex-end;min-height:110svh;padding:50svh 1rem 4rem}.chapter--hero{min-height:106svh}.chapter--final{min-height:142svh}.hero-copy h1{font-size:clamp(3.25rem,16vw,5.1rem)}.lead{font-size:.98rem;line-height:1.8}.hero-actions{gap:1rem;margin-top:1.6rem}.button{min-height:3.25rem;padding-inline:1.1rem}.text-link{font-size:.7rem}.hero-proof{margin-top:2.1rem}.hero-proof div{padding-inline:.5rem}.hero-proof strong{font-size:.95rem}.hero-proof span{font-size:.56rem}.chapter__copy--panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08182ced;width:100%;padding:1.6rem 1.25rem}.chapter-no{font-size:.58rem;top:1rem;left:1rem}.chapter h2{font-size:clamp(2.15rem,11vw,3.25rem)}.chapter__copy>p:not(.chapter-kicker,.quote-note){font-size:.93rem;line-height:1.85}.scene-hud{top:5.5rem;bottom:auto;left:1rem}.drag-hint{display:none}.configurator{width:100%;padding:1.35rem 1rem;box-shadow:.5rem .5rem #e12c39d1}.configurator h2{font-size:2.5rem}.configurator__intro>p:last-child{font-size:.82rem}.product-tabs small{font-size:.54rem}.product-tabs button{min-height:4.25rem}.quote-result{grid-template-columns:1fr 1fr}.experience-footer{grid-template-columns:1fr auto;gap:1.25rem;padding-inline:1rem}.experience-footer>span{display:none}.webgl-fallback{width:90%;top:6rem;left:5%}}@media (pointer:coarse){.layer-switch button,.product-tabs button,.ink{min-height:3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-piece{opacity:1;transform:none}}html,body.vr-operation{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body.vr-operation{background:var(--navy-950);min-height:100svh;position:fixed;inset:0}.vr-operation #factory-canvas{cursor:grab;touch-action:none;width:100%;height:100svh}.vr-operation #factory-canvas:active{cursor:grabbing}.vr-operation .canvas-shade{transition:opacity .5s var(--ease-out);background:linear-gradient(#06132294 0%,#0000 17% 70%,#061322b8 100%),radial-gradient(circle at 50% 48%,#0000 28%,#06132229 68%,#06132280 100%)}.vr-operation[data-operation-stage="0"] .canvas-shade{background:linear-gradient(90deg,#06132205 0%,#0613221f 38%,#061322d1 72%,#061322f2 100%),linear-gradient(#0613228f 0%,#0000 24% 72%,#061322a3 100%)}[dir=ltr] .vr-operation[data-operation-stage="0"] .canvas-shade{background:linear-gradient(-90deg,#06132205 0%,#0613221f 38%,#061322d1 72%,#061322f2 100%),linear-gradient(#0613228f 0%,#0000 24% 72%,#061322a3 100%)}.vr-operation .paper-grain{z-index:3;opacity:.025}.operation-header.site-header{z-index:40;min-height:5.25rem;padding:max(.9rem, env(safe-area-inset-top)) clamp(1rem, 3.4vw, 3.5rem) .8rem;background:linear-gradient(#061322c7,#0000);border:0;grid-template-columns:1fr auto 1fr}.operation-header.site-header.is-scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#061322c7,#0000);border:0;min-height:5.25rem}.operation-header .brand__symbol{width:2.5rem;height:2.5rem}.operation-header .brand__symbol svg{width:1.5rem;height:1.5rem}.operation-header .brand strong{font-size:.78rem}.operation-header .brand small{font-size:.58rem}.operation-header__status{color:#f4ecdfc7;justify-self:center;align-items:center;gap:.55rem;min-height:2.5rem;font-size:.68rem;font-weight:800;display:inline-flex}.operation-exit{color:#f4ecdfb8;justify-self:end;align-items:center;gap:.6rem;min-width:2.75rem;min-height:2.75rem;font-size:.7rem;font-weight:800;display:inline-flex}.operation-exit svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--red);stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7px}[dir=ltr] .operation-exit svg{transform:scaleX(-1)}.operation-shell,.operation-panel{z-index:10;position:fixed;inset:0}.operation-shell{pointer-events:none}.operation-panel{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .36s var(--ease-out), visibility .36s}.operation-panel.is-active{visibility:visible;opacity:1}.operation-panel.is-active .operation-intro,.operation-panel.is-active .machine-command,.operation-panel.is-active .operation-final{pointer-events:auto}body.operation-is-moving .operation-panel.is-active .machine-command{opacity:0;transform:translate(-50%,1rem)}.operation-intro{top:50%;width:min(32rem,100% - 2.5rem);position:absolute;inset-inline-start:clamp(1.25rem,6vw,6rem);transform:translateY(-44%)}.operation-kicker{color:#f4ecdfbd;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-size:.72rem;font-weight:800;display:flex}.operation-kicker span{background:var(--red);width:2.5rem;height:1px;display:block}.operation-intro h1{max-width:8ch;color:var(--paper);letter-spacing:-.055em;text-shadow:0 .3rem 2rem #01080f52;margin:0;font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(3.6rem,5.4vw,5.9rem);font-weight:900;line-height:1.08}.operation-intro h1 em{color:var(--kraft-light);font-style:normal}.operation-intro>p:not(.operation-kicker){color:#f4ecdfc7;margin:1.4rem 0 0;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:600}.operation-primary{min-height:3.75rem;color:var(--paper);background:var(--red);cursor:pointer;transition:background-color .16s, transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:0;align-items:center;gap:1.25rem;margin-top:2rem;padding:.8rem 1.5rem;font-size:.85rem;font-weight:900;display:inline-flex;box-shadow:.5rem .5rem #061322b8}.operation-primary svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;width:1.15rem;height:1.15rem}[dir=rtl] .operation-primary svg{transform:scaleX(-1)}.operation-reticle{z-index:8;opacity:0;pointer-events:none;width:clamp(12rem,24vw,24rem);height:clamp(9rem,25vh,16rem);transition:opacity .3s, transform .5s var(--ease-out);position:fixed;top:47%;left:50%;transform:translate(-50%,-50%)scale(1.08)}body:not([data-operation-stage="0"]):not([data-operation-stage="5"]) .operation-reticle{opacity:.42;transform:translate(-50%,-50%)scale(1)}.operation-reticle i{border-style:solid;border-color:#e12c39e6;width:1.8rem;height:1.8rem;position:absolute}.operation-reticle i:first-child{border-width:2px 2px 0 0;top:0;right:0}.operation-reticle i:nth-child(2){border-width:2px 0 0 2px;top:0;left:0}.operation-reticle i:nth-child(3){border-width:0 2px 2px 0;bottom:0;right:0}.operation-reticle i:nth-child(4){border-width:0 0 2px 2px;bottom:0;left:0}.machine-beacon{z-index:1;pointer-events:none;width:1rem;height:1rem;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.machine-beacon span{background:var(--red);border:3px solid var(--paper);position:absolute;inset:0;transform:rotate(45deg);box-shadow:0 0 0 .45rem #e12c3929}.machine-beacon i{background:linear-gradient(var(--red), transparent);width:1px;height:clamp(3rem,11vh,7rem);position:absolute;top:1.6rem;left:50%;overflow:hidden}.operation-panel.is-active .machine-beacon span{animation:beacon 1.8s var(--ease-out) infinite}@keyframes beacon{0%,to{box-shadow:0 0 0 .35rem #e12c391f}50%{box-shadow:0 0 0 .85rem #e12c3900}}.machine-command{z-index:2;bottom:max(6.8rem, calc(env(safe-area-inset-bottom) + 5.5rem));text-align:center;min-width:min(28rem,100% - 2rem);transition:opacity .24s, transform .3s var(--ease-out);flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.machine-command__index{color:var(--kraft-light);letter-spacing:.08em;text-shadow:0 2px 10px var(--navy-950);font-size:.65rem;font-weight:900}.machine-command h2,.operation-final__title h2{color:var(--paper);letter-spacing:-.04em;text-shadow:0 .25rem 1.5rem #030b14cc;margin:.4rem 0 0;font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(2rem,3.5vw,4rem);font-weight:900;line-height:1.2}.paper-pull{--pull-x:0px;background:linear-gradient(90deg,#0000,#08182cc7,#0000);border-block:1px solid #f4ecdf52;width:min(20rem,100vw - 2rem);height:3.65rem;margin-top:1.1rem;position:relative}.paper-pull:before,.paper-pull:after{content:"";background:#f4ecdf40;width:3rem;height:1px;position:absolute;top:50%}.paper-pull:before{left:1rem}.paper-pull:after{right:1rem}.paper-pull button{z-index:2;width:3rem;height:3rem;color:var(--paper);background:var(--red);cursor:ew-resize;touch-action:none;transform:translate(calc(-50% + var(--pull-x)), -50%);border:1px solid #f4ecdfa6;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%}.paper-pull button svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.6px;width:1.25rem}.paper-pull>span{color:#f4ecdfad;width:100%;font-size:.65rem;font-weight:700;position:absolute;top:calc(100% + .35rem);left:0}.operation-switch{background:#f4ecdf3d;border:1px solid #f4ecdf3d;grid-template-columns:1fr 1fr;gap:1px;margin-top:1.1rem;display:inline-grid}.operation-switch button{color:#f4ecdfb3;cursor:pointer;width:6rem;min-height:4rem;transition:color .16s, background-color .16s, transform .16s var(--ease-out);background:#061322e0;border:0;place-items:center;padding:.4rem .8rem;display:grid}.operation-switch strong,.operation-switch span{display:block}.operation-switch strong{font-family:Noto Kufi Arabic,sans-serif;font-size:1.25rem}.operation-switch span{font-size:.62rem;font-weight:800}.operation-switch button.is-selected{color:var(--navy-950);background:var(--kraft-light)}.operation-inks{gap:.8rem;margin-top:1.2rem;display:flex}.operation-ink{cursor:pointer;width:3.5rem;height:3.5rem;transition:transform .18s var(--ease-out), background-color .16s;background:#061322bf;border:1px solid #f4ecdf7a;place-items:center;padding:0;display:grid;transform:rotate(45deg)}.operation-ink span{border:2px solid #f4ecdfb8;width:1.65rem;height:1.65rem}.operation-ink--blue span{background:#1559b5}.operation-ink--red span{background:#d92c38}.operation-ink--navy span{background:#102845}.operation-ink.is-selected{background:var(--paper);transform:rotate(45deg)scale(.84)}.operation-ink.is-selected span{border-color:var(--navy-950)}.machine-start{width:5.3rem;height:5.3rem;color:var(--paper);background:var(--red);cursor:pointer;border:.45rem solid #7d1620;border-radius:50%;place-items:center;margin-top:1.1rem;padding:0;font-size:.72rem;font-weight:900;transition:transform .12s,box-shadow .12s,background-color .12s;display:grid;position:relative;box-shadow:0 0 0 .22rem #f4ecdfa6,0 .8rem #63131b}.machine-start i{background:var(--paper);width:.7rem;height:.7rem;transform:rotate(45deg)}.machine-start:active,.machine-start.is-pressed{transform:translateY(.55rem);box-shadow:0 0 0 .22rem #f4ecdfa6,0 .25rem #63131b}.operation-final{position:absolute;inset:0}.operation-final__title{top:clamp(6.5rem,13vh,9rem);width:min(35rem,100% - 2.5rem);position:absolute;inset-inline-start:clamp(1.25rem,6vw,6rem)}.operation-final__title h2{max-width:10ch;font-size:clamp(2.4rem,5vw,5.5rem)}.operation-final__title p{color:#f4ecdfc2;margin:.65rem 0 0;font-size:.82rem;font-weight:700}.operation-final__controls{right:0;bottom:max(4.5rem, env(safe-area-inset-bottom));background:#061322e6;border-top:1px solid #f4ecdf3d;grid-template-columns:minmax(18rem,1.1fr) minmax(15rem,.9fr) minmax(18rem,1fr);align-items:stretch;min-height:7.75rem;display:grid;position:absolute;left:0}.operation-products{grid-template-columns:repeat(3,1fr);display:grid}.operation-products button{border:0;color:#f4ecdfad;cursor:pointer;background:0 0;border-inline-end:1px solid #f4ecdf21;min-width:0;min-height:4rem;padding:.75rem .45rem;transition:color .16s,background-color .16s}.operation-products span,.operation-products small{display:block}.operation-products span{font-size:.8rem;font-weight:900}.operation-products small{color:#cbd4dc9e;direction:ltr;margin-top:.25rem;font-size:.58rem;font-weight:700}.operation-products button.is-selected{color:var(--navy-950);background:var(--kraft-light)}.operation-products button.is-selected small{color:#0613229e}.operation-quantity{border-inline-end:1px solid #f4ecdf21;flex-direction:column;justify-content:center;padding:1rem clamp(1rem,2vw,2rem);display:flex}.operation-quantity>div{color:#f4ecdfb8;justify-content:space-between;gap:1rem;font-size:.7rem;font-weight:800;display:flex}.operation-quantity output{color:var(--kraft-light);font-variant-numeric:tabular-nums}.operation-quantity input{width:100%;height:2rem;accent-color:var(--red);cursor:pointer;margin-top:.55rem}.operation-order{grid-template-columns:minmax(8rem,.7fr) minmax(10rem,1.3fr);display:grid}.operation-order p{flex-direction:column;justify-content:center;margin:0;padding:1rem;display:flex}.operation-order p span{color:#f4ecdf9e;font-size:.6rem;font-weight:700}.operation-order p strong{font-variant-numeric:tabular-nums;margin-top:.15rem;font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(.95rem,1.6vw,1.35rem);font-weight:900}.operation-order p small{color:var(--kraft-light);font-size:.6rem;font-weight:800}.operation-order>a{min-height:4rem;color:var(--paper);background:var(--red);transition:background-color .16s, transform .16s var(--ease-out);justify-content:center;align-items:center;gap:.8rem;padding:1rem;font-size:.78rem;font-weight:900;display:flex}.operation-order>a svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8px;width:1.1rem;height:1.1rem}.operation-drag{z-index:16;bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 4.8rem));opacity:0;color:#f4ecdf8f;pointer-events:none;align-items:center;gap:.5rem;font-size:.62rem;font-weight:700;transition:opacity .25s;display:flex;position:fixed;inset-inline-end:clamp(1rem,3vw,3rem)}body:not([data-operation-stage="0"]):not([data-operation-stage="5"]) .operation-drag{opacity:1}.operation-drag.is-hidden{opacity:0!important}.operation-drag svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.15rem;height:1.15rem}.operation-rail{z-index:35;min-height:max(4.5rem, calc(3.6rem + env(safe-area-inset-bottom)));padding:0 clamp(1rem, 3.4vw, 3.5rem) env(safe-area-inset-bottom);background:#061322f0;border-top:1px solid #f4ecdf2e;grid-template-columns:minmax(5rem,.32fr) minmax(20rem,2fr) minmax(5rem,.32fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.operation-restart{opacity:0;color:#f4ecdfa3;pointer-events:none;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem;font-size:.65rem;font-weight:800;transition:color .16s,opacity .24s;display:inline-flex}body:not([data-operation-stage="0"]) .operation-restart{opacity:1;pointer-events:auto}.operation-restart svg{fill:none;width:1.05rem;height:1.05rem;stroke:var(--red);stroke-linecap:square;stroke-width:1.8px}.operation-rail ol{grid-template-columns:repeat(5,1fr);align-self:stretch;margin:0;padding:0;list-style:none;display:grid}.operation-rail li{color:#f4ecdf5c;justify-content:center;align-items:center;gap:.5rem;font-size:.62rem;font-weight:800;transition:color .22s;display:flex;position:relative}.operation-rail li+li{border-inline-start:1px solid #f4ecdf14}.operation-rail li i{width:.42rem;height:.42rem;transition:background-color .18s, transform .22s var(--ease-out);background:#f4ecdf38;transform:rotate(45deg)}.operation-rail li.is-past{color:#e6c18e99}.operation-rail li.is-past i{background:var(--kraft-light)}.operation-rail li.is-active{color:var(--paper)}.operation-rail li.is-active i{background:var(--red);transform:rotate(45deg)scale(1.45)}.operation-rail__line{background:#f4ecdf14;height:2px;position:absolute;top:-1px;left:0;right:0;overflow:hidden}.operation-rail__line span{background:var(--red);transform-origin:100%;width:100%;height:100%;transition:transform .7s var(--ease-out);display:block;transform:scaleX(0)}[dir=ltr] .operation-rail__line span{transform-origin:0}.operation-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:fixed;overflow:hidden}.operation-fallback{z-index:60;background:var(--navy-900);border:1px solid var(--line);width:min(32rem,100% - 2rem);padding:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}.operation-fallback h2{margin:0;font-family:Noto Kufi Arabic,sans-serif;font-size:1.4rem}.operation-fallback a{min-height:3rem;color:var(--paper);background:var(--red);justify-content:center;align-items:center;margin-top:1rem;padding:.7rem 1rem;font-size:.78rem;font-weight:900;display:inline-flex}@media (hover:hover){.operation-primary:hover,.operation-order>a:hover{background:var(--red-dark);transform:translate(-.16rem,-.16rem)}.operation-exit:hover,.operation-restart:hover{color:var(--paper)}.operation-switch button:hover:not(.is-selected),.operation-products button:hover:not(.is-selected){color:var(--paper);background:#f4ecdf14}.operation-ink:hover{transform:rotate(45deg)scale(.94)}.machine-start:hover{background:var(--red-dark)}}@media (width<=900px){.operation-header__status{display:none}.operation-header.site-header{grid-template-columns:1fr auto}.operation-final__controls{grid-template-columns:1fr 1fr}.operation-products{border-bottom:1px solid #f4ecdf21;grid-column:1/-1;min-height:4.5rem}.operation-final__controls{min-height:12rem}.operation-final__title{top:6rem}}@media (width<=680px){.vr-operation #factory-canvas{height:100svh}.vr-operation .canvas-shade,.vr-operation[data-operation-stage="0"] .canvas-shade,[dir=ltr] .vr-operation[data-operation-stage="0"] .canvas-shade{background:linear-gradient(#06132294 0%,#0000 18% 55%,#0613229e 74%,#061322f0 100%),radial-gradient(circle at 50% 38%,#0000 28%,#06132242 100%)}.operation-header.site-header{min-height:4.5rem;padding:max(.7rem, env(safe-area-inset-top)) .8rem .55rem}.operation-header .brand{gap:.55rem}.operation-header .brand__symbol{width:2.25rem;height:2.25rem}.operation-header .brand strong{font-size:.7rem}.operation-header .brand small,.operation-exit span{display:none}.operation-intro{top:auto;right:1rem;bottom:max(6.25rem, calc(env(safe-area-inset-bottom) + 5.25rem));width:auto;left:1rem;transform:none}.operation-kicker{margin-bottom:.75rem;font-size:.67rem}.operation-intro h1{max-width:8ch;font-size:clamp(2.8rem,13.5vw,4.2rem);line-height:1.12}.operation-intro>p:not(.operation-kicker){margin-top:.7rem;font-size:.9rem}.operation-primary{width:100%;min-height:3.4rem;margin-top:1rem}.operation-reticle{width:min(62vw,16rem);height:min(24vh,11rem);top:40%}.machine-beacon{top:39%}.machine-beacon i{height:5vh}.machine-command{bottom:max(5.8rem, calc(env(safe-area-inset-bottom) + 5rem));min-width:calc(100% - 2rem)}.machine-command h2{font-size:clamp(1.9rem,9vw,2.8rem)}.paper-pull{width:min(19rem,100vw - 2rem)}.paper-pull>span,.machine-command__index,.operation-switch span{font-size:.72rem}.operation-switch button{width:7rem;min-height:4.25rem}.operation-ink{width:3.65rem;height:3.65rem}.operation-drag{font-size:0;inset:5rem auto auto 1rem}.operation-drag svg{width:1.35rem;height:1.35rem}.operation-final__title{width:auto;top:5rem;left:1rem;right:1rem}.operation-final__title h2{max-width:9ch;font-size:clamp(2.2rem,10vw,3.5rem)}.operation-final__controls{bottom:max(3.75rem, env(safe-area-inset-bottom));grid-template-columns:1fr;min-height:0;max-height:45svh}.operation-products{grid-column:1;min-height:3.9rem}.operation-products button{min-height:3.9rem;padding:.5rem .25rem}.operation-products span{font-size:.76rem}.operation-products small{font-size:.62rem}.operation-quantity{border-bottom:1px solid #f4ecdf21;border-inline-end:0;padding:.55rem 1rem}.operation-quantity>div{font-size:.75rem}.operation-quantity input{height:1.6rem;margin-top:.2rem}.operation-order{grid-template-columns:.8fr 1.2fr;min-height:4rem}.operation-order p{padding:.65rem .8rem}.operation-order p span,.operation-order p small{font-size:.64rem}.operation-order>a{min-height:4rem;padding:.7rem;font-size:.74rem}.operation-rail{min-height:max(3.75rem, calc(3rem + env(safe-area-inset-bottom)));padding:0 .6rem env(safe-area-inset-bottom);grid-template-columns:3rem 1fr}.operation-restart{justify-content:center;min-width:2.75rem;padding:0}.operation-restart span{display:none}.operation-rail ol{grid-column:2}.operation-rail li{min-width:0}.operation-rail li span{opacity:0;text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:5.5rem;font-size:.68rem;transition:opacity .18s;position:absolute;top:.1rem;left:50%;overflow:hidden;transform:translate(-50%)}.operation-rail li.is-active span{opacity:1}.operation-rail li i{margin-top:1rem}}@media (pointer:coarse){.operation-primary,.operation-switch button,.operation-ink,.machine-start,.operation-products button,.operation-order>a,.operation-restart,.operation-exit{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.operation-panel,.machine-command,.operation-reticle,.operation-rail__line span{transition:none!important}.operation-panel.is-active .machine-beacon span{animation:none}}