/* MANO orbit hero: real product UI, vector artwork, wine and gold. */
.mn-hero{grid-template-columns:1fr 1.12fr;gap:60px;padding-block:90px 70px}
.mn-hero-vis.mn-orbit-art{position:relative;isolation:isolate;width:100%;padding:100px 30px 116px;perspective:1800px;perspective-origin:50% 45%;direction:ltr}
.mn-orbit-art:before,.mn-orbit-art:after{display:none}
.mn-orbit-halo{position:absolute;inset:10% -15%;z-index:-3;background:radial-gradient(ellipse,#a82f5133,transparent 62%),radial-gradient(ellipse at 60% 55%,#e8b43b20,transparent 65%);pointer-events:none}
.mn-orbit-ring{position:absolute;inset:12% 3% 15%;border:1px solid #e8b43b27;border-radius:50%;z-index:-2;pointer-events:none;transform:rotate(-24deg)}
.mn-orbit-ring.ring-b{inset:19% -4% 21%;border-color:#ca426b26;transform:rotate(31deg)}
.mn-orbit-ring:after{content:"";position:absolute;top:14%;left:13%;width:5px;height:5px;border-radius:50%;background:#f6cc6c;box-shadow:0 0 16px #e8b43b}
.mn-orbit-ring.ring-b:after{top:auto;left:auto;bottom:8%;right:20%;background:#ed83a2;box-shadow:0 0 15px #ed83a2}
.mn-orbit-floor{position:absolute;bottom:65px;left:14%;right:14%;height:50px;background:radial-gradient(ellipse,#e8b43b24,transparent 65%);pointer-events:none}
.mn-orbit-stack{position:absolute;inset:113px 37px 112px 13px;z-index:-1;border:1px solid #b9833e35;border-radius:20px;background:linear-gradient(135deg,#38122260,#140b0e33);transform:rotate(-3deg);box-shadow:-10px 10px 0 -1px #170a0e,-10px 10px 0 0 #e8b43b16}
.mn-orbit-art .mn-frame{border:1px solid #e4b75588!important;border-radius:16px;background:linear-gradient(145deg,#32131f,#11090d)!important;box-shadow:0 1px 0 #ffedb944,inset 0 1px #fff2,-2px 3px 0 #5a3e21,-4px 6px 0 #2c1a12,0 30px 65px #0009,0 0 40px #e8b43b14!important}
body .mn-orbit-art .mn-frame{transform:rotateX(calc(var(--rx) + 3deg)) rotateY(calc(var(--ry) - 6deg)) rotateZ(-1.2deg)!important;transition:transform .16s linear!important;will-change:auto}
.mn-orbit-art .mn-frame-bar{min-height:36px;padding:8px 9px;gap:5px;direction:ltr}
.mn-orbit-art .mn-frame-bar i{width:6px;height:6px}
.mn-orbit-art .mn-frame-bar span{font:600 11px/1.3 "MANO Zain",Tahoma,sans-serif;letter-spacing:.14em;opacity:1}
.mn-orbit-art .mn-frame img{border-radius:8px;image-rendering:auto}
.mn-orbit-art .mn-frame:after{opacity:.35;animation-duration:9s}
.mn-orbit-art .mn-preview-caption{position:absolute;bottom:52px;left:8%;right:8%;justify-content:center;flex-wrap:wrap;gap:5px 16px;text-align:center;direction:inherit}
.mn-orbit-art .mn-preview-caption b{font-size:.9rem;color:#c8b29c}
.mn-orb{position:absolute;z-index:3;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff5d7;border:1px solid #ffe3a877;background:linear-gradient(145deg,#e8be62,#9a5721);box-shadow:inset 0 2px 2px #fff6,0 5px 0 #643a1d,0 12px 28px #0007,0 0 25px #e8b43b30;animation:mnOrbitBob 6s ease-in-out infinite;--orb-angle:-10deg;transform:rotate(var(--orb-angle));pointer-events:none}
.mn-orb svg{width:29px;height:29px;filter:drop-shadow(0 2px 1px #0004)}
.mn-orb-spark{top:28px;left:17%;width:48px;height:60px;border:0;border-radius:0;background:none;box-shadow:none;color:#ffd465;filter:drop-shadow(0 0 14px #e8b43b70);--orb-angle:9deg}
.mn-orb-spark svg{width:48px;height:60px;fill:#eab74633;stroke-width:1.1}
.mn-orb-sound{top:34px;left:48%;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#78d0a3,#1e7359);border-color:#9de5b95c;box-shadow:inset 0 2px 1px #fff4,0 4px 0 #184634,0 0 26px #3fa07a30;animation-delay:-1.8s;--orb-angle:10deg}
.mn-orb-sound svg{width:23px;height:23px}
.mn-orb-layers{top:55px;right:2%;background:linear-gradient(145deg,#b7728c,#69223e);border-color:#efb7ca77;box-shadow:inset 0 2px 1px #fff5,0 5px 0 #381021,0 0 30px #c5487526;animation-delay:-3s;--orb-angle:13deg}
.mn-orb-text{left:-1%;top:57%;animation-delay:-2.5s;--orb-angle:-13deg}
.mn-orb-resolve{right:-2%;top:56%;width:84px;height:84px;border-radius:23px;background:linear-gradient(145deg,#222d35,#080e14);border:1px solid #e6c16eaa;box-shadow:inset 0 2px 2px #fff5,0 6px 0 #070a0d,0 18px 32px #000b,0 0 36px #e8b43b35;animation-delay:-1s;--orb-angle:12deg}
.mn-orb-resolve img{width:64px;height:64px;object-fit:contain}
.mn-orb-live{position:absolute;right:5px;bottom:5px;width:9px;height:9px;border:2px solid #111c16;border-radius:50%;background:#62e3a6;box-shadow:0 0 12px #62e3a6}
.mn-orb-off{top:auto;bottom:72px;width:45px;height:56px;border-radius:12px;background:#17161b;border-color:#ffffff15;box-shadow:inset 0 1px #fff1,0 4px 0 #09090c,0 8px 20px #0005;color:#9d9296;animation:none;opacity:.6}
.mn-orb-off img{width:29px;height:29px;filter:grayscale(1);opacity:.5;margin-top:4px;border-radius:7px}
.mn-orb-off small{font-size:10px;line-height:1.3;letter-spacing:0;margin-bottom:4px}
.mn-orb-pr{left:31%;--orb-angle:-8deg}.mn-orb-ae{left:46%;--orb-angle:8deg}
@keyframes mnOrbitBob{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:3deg}}
.mn-app:not(.on){background:#151217;border-color:#ffffff12;box-shadow:none;color:#a2979b}
.mn-app:not(.on) .mn-app-ic{box-shadow:none;filter:grayscale(1);opacity:.45}
.mn-app:not(.on) .mn-app-tx bdi{color:#aaa0a3}.mn-app:not(.on) .mn-app-tx em{color:#83787d}
.mn-app:not(.on):after{display:none}.mn-app:not(.on):hover{transform:none;box-shadow:none;border-color:#ffffff20}
/* Readable type and native-resolution imagery across the site. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-kerning:normal;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit;font-size:inherit}
[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] p,[lang=ar] button{letter-spacing:normal}
.mn-tag,.mn-head p,.mn-card p,.mn-workspace-grid p{font-size:clamp(1rem,.94rem + .18vw,1.08rem);line-height:1.95}
.mn-tab small{font-size:.88rem;line-height:1.8}.mn-links button{font-size:.95rem}
.mn-fcol a,.mn-fcol button,.mn-copy{font-size:.9rem}
.mn-rv{transform:none;transition:opacity .7s var(--d,0s)}
.mn-app{filter:none;animation-name:mnAppCleanIn}
@keyframes mnAppCleanIn{to{opacity:1;transform:none}}
.mn-stage img,.sc-img,.mn-frame img{max-width:100%;object-fit:contain;image-rendering:auto}

.mn-hero .mn-logo{filter:none;backface-visibility:visible}
:focus-visible{outline:2px solid #f3d582;outline-offset:5px}
@media(min-width:1200px){.mn-orbit-art{min-height:590px;display:flex;align-items:center}.mn-orbit-art .mn-frame{width:100%}}
@media(max-width:1050px) and (min-width:801px){.mn-hero{gap:30px;grid-template-columns:1fr 1fr}.mn-orb-resolve{width:66px;height:66px}.mn-orb-resolve img{width:50px;height:50px}.mn-hero-vis.mn-orbit-art{padding-inline:22px}}
@media(max-width:800px){.mn-hero{grid-template-columns:1fr;gap:10px;padding-block:42px 30px}.mn-hero-vis.mn-orbit-art{max-width:580px;margin:auto;padding:100px 36px 115px}.mn-orbit-stack{inset-inline:18px 43px}.mn-orb-text{left:1%}.mn-orb-resolve{right:0}.mn-apps{justify-content:center}}
@media(max-width:440px){.mn-hero-vis.mn-orbit-art{padding:88px 19px 105px}.mn-orb{width:42px;height:42px;border-radius:12px}.mn-orb svg{width:24px;height:24px}.mn-orb-spark{top:14px;left:15%;background:none}.mn-orb-spark svg{height:48px;width:40px}.mn-orb-sound{top:23px;left:46%;width:36px;height:36px}.mn-orb-layers{top:36px;right:2%}.mn-orb-text{left:-1%}.mn-orb-resolve{width:63px;height:63px;border-radius:18px;right:-1%;top:53%}.mn-orb-resolve img{width:48px;height:48px}.mn-orb-off{top:auto;bottom:61px;width:39px;height:49px;border-radius:10px}.mn-orb-off img{width:25px;height:25px}.mn-orbit-stack{inset:100px 26px 102px 6px}.mn-orbit-art .mn-preview-caption{bottom:28px;flex-direction:column;gap:2px}.mn-orbit-art .mn-frame-bar{min-height:27px;padding:6px}.mn-app{padding:7px 9px;gap:6px}.mn-app-tx bdi{font-size:12px}.mn-app-ic,.mn-app-ic img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.mn-orb,.mn-app{animation:none!important;translate:none;rotate:none;opacity:1;transform:none}.mn-orbit-art .mn-frame:after{display:none}body .mn-orbit-art .mn-frame{transform:none!important;transition:none!important}.mn-3d-in,.mn-logo{transform:none!important}.mn-rv{transition:none}}

/* The hero illustration uses live type and vector marks, never a scaled UI bitmap. */
.mn-live-panel{padding:14px 12px 10px;background:linear-gradient(145deg,#160c11,#0e090c);border:1px solid #e8b43b26;border-radius:10px;container-type:inline-size}
.mn-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4px 11px;border-bottom:1px solid #e8b43b25}
.mn-panel-head img{width:110px!important;height:auto;border-radius:0!important}
.mn-panel-head>span{display:flex;align-items:center;gap:5px;font:10px/1.3 Arial,sans-serif;letter-spacing:.1em;color:#c3a05b;direction:ltr}
.mn-panel-head i,.mn-panel-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#53d79b;box-shadow:0 0 8px #53d79b55}
.mn-panel-status{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 6px;margin:9px 0 13px;border:1px solid #4d846c44;border-radius:7px;color:#82cca9;font-size:10px;line-height:1.5}
.mn-panel-status>span{direction:ltr;display:flex;align-items:center;gap:5px;font-family:Arial,sans-serif;font-size:9px}
.mn-panel-status b{font-weight:400;color:#b7a48b}
.mn-panel-section{margin-top:12px}.mn-panel-section h3{font-size:12px;font-weight:700;color:#d3bd91;margin-bottom:6px;line-height:1.5;letter-spacing:0}
.mn-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.mn-panel-tool{display:flex;align-items:center;gap:6px;padding:10px 6px;min-height:64px;border:1px solid #e8b43b27;border-radius:8px;background:linear-gradient(140deg,#341423,#1c0e15);box-shadow:inset 0 1px #fff04}
.mn-panel-icon{flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:linear-gradient(140deg,#f6d77c,#b8802e);box-shadow:inset 0 1px #fff7,0 4px 9px #0005;color:#301c0b;font:700 12px/1 Arial,sans-serif}
.mn-panel-tool:nth-child(2) .mn-panel-icon{background:linear-gradient(140deg,#ce93ad,#8e3f61);color:#fff5f9}
.mn-panel-tool:nth-child(3) .mn-panel-icon{background:linear-gradient(140deg,#93c5ae,#3b7a65);color:#e8fff4}
.mn-panel-tool b{display:block;font-size:12px;line-height:1.6;color:#f3e8d3}
.mn-panel-tool small{display:block;font-size:9px;line-height:1.8;color:#ba9faa;font-weight:400}
.mn-panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;border-top:1px solid #e8b43b20;margin-top:16px;padding:10px 2px 0;color:#c4a45c}
.mn-panel-bottom>span{font:8px/1.5 Arial,sans-serif;letter-spacing:.1em}.mn-panel-bottom b{font-size:10px;font-weight:400}
@media(max-width:440px){.mn-live-panel{padding:11px 7px 8px}.mn-panel-head img{width:90px!important}.mn-panel-tool{display:block;padding:8px 5px;min-height:85px}.mn-panel-icon{margin-bottom:5px;width:23px;height:23px}.mn-panel-tool b{font-size:11px}.mn-panel-tool small{font-size:9px}.mn-panel-bottom>span{font-size:7px}.mn-panel-head>span{font-size:8px}}

/* Original MANO launcher icons, rendered from the app at 160px with antialiasing. */
.mn-orb.mn-orb-tool{width:74px;height:74px;border:0;background:none;box-shadow:none;filter:drop-shadow(0 8px 8px #0008)}
.mn-orb-tool img{display:block;width:100%;height:100%;object-fit:contain}
.mn-orb-spark{left:13%;top:18px}.mn-orb-sound{left:45%;top:20px;width:61px!important;height:61px!important}
.mn-orb-layers{right:0;top:42px}.mn-orb-text{left:-4%;top:56%}
.mn-orb-cut{left:-5%;top:30%;--orb-angle:12deg;animation-delay:-4s}
.mn-orb-bgr{right:-5%;top:29%;--orb-angle:-12deg;animation-delay:-2s}
.mn-orb-fx{left:7%;bottom:63px;--orb-angle:15deg;animation-delay:-3s}
.mn-orb-carousel{right:8%;bottom:60px;--orb-angle:-9deg;animation-delay:-5s}
.mn-panel-icon,.mn-panel-tool:nth-child(2) .mn-panel-icon,.mn-panel-tool:nth-child(3) .mn-panel-icon{width:33px;height:33px;background:none;box-shadow:none}
.mn-panel-icon img{width:33px!important;height:33px;border-radius:0!important}
body .mn-orbit-art .mn-frame{transform:rotateX(calc(var(--rx) + 6deg)) rotateY(calc(var(--ry) - 10deg)) rotateZ(-1.5deg)!important;animation:mnPanelFloat 7s ease-in-out infinite;transform-origin:center;will-change:transform}
@keyframes mnPanelFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.sc-shot{perspective:1500px;perspective-origin:center;--shot-rx:0deg;--shot-ry:0deg}
body .sc-shot .sc-img{transform:rotateX(calc(4deg + var(--shot-rx))) rotateY(calc(-7deg + var(--shot-ry)));animation:scFloat 7s ease-in-out infinite;transform-origin:center;transition:transform .22s ease-out;box-shadow:0 2px 0 #bd873a55,-3px 4px 0 #492a21,-6px 8px 0 #2a1518,0 35px 65px #000a,0 0 0 1px #e8b43b44!important;will-change:transform}
body[dir=rtl] .sc-shot .sc-img,[dir=rtl] body .sc-shot .sc-img{transform:rotateX(calc(4deg + var(--shot-rx))) rotateY(calc(7deg + var(--shot-ry)))}
@keyframes scFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:440px){.mn-orb.mn-orb-tool{width:57px;height:57px}.mn-orb-spark{top:11px;left:11%}.mn-orb-sound{top:15px;left:43%;width:48px!important;height:48px!important}.mn-orb-layers{top:31px;right:-1%}.mn-orb-text{left:-5%;top:57%}.mn-orb-cut{left:-5%;top:28%}.mn-orb-bgr{right:-5%;top:28%}.mn-orb-fx{left:4%;bottom:51px}.mn-orb-carousel{right:5%;bottom:50px}.mn-panel-icon,.mn-panel-icon img{width:29px!important;height:29px}}
@media(prefers-reduced-motion:reduce){body .mn-orbit-art .mn-frame,body .sc-shot .sc-img{transform:none!important;animation:none!important;translate:none!important;transition:none!important;will-change:auto}.mn-orb{animation:none!important}.sc-shadow{animation:none!important}}