/* An expanding gallery inspired by Moon Art; Infinity Tech's own assets and palette. */
.systems-gallery-content{display:grid;grid-template-rows:25px minmax(0,1fr) 35px;gap:14px;min-height:0}
.systems-gallery{display:flex;direction:ltr;gap:9px;min-height:0;isolation:isolate;touch-action:pan-y}
.system-panel{position:relative;min-width:0;flex:1 1 0;border:1px solid #c9dfff26;border-radius:23px;background:linear-gradient(165deg,#263570,#273268 65%,#25336b);box-shadow:inset 0 1px #ffffff0b,0 12px 25px #17205225;overflow:clip;isolation:isolate;transition:flex .8s cubic-bezier(.2,.75,.18,1),border-color .7s,box-shadow .7s}
.system-panel.is-selected{flex:5.2 1 0;border-color:#8fd2f487;box-shadow:inset 0 1px #ffffff18,0 15px 30px #17205255,0 0 30px #257acd21}
.panel-aura{position:absolute;inset:-10% -120%;background:radial-gradient(ellipse at 50% 42%,var(--panel-tone),transparent 63%);opacity:.48;transition:opacity .8s;z-index:-2}.is-selected .panel-aura{opacity:.75}
.panel-stars{position:absolute;inset:0;background-image:radial-gradient(#d5e6ff73 .75px,transparent 1px),radial-gradient(#adc9f84d .65px,transparent 1px);background-size:47px 79px,83px 53px;background-position:15px 13px,37px 31px;opacity:.3;mask-image:linear-gradient(#000,transparent 85%);z-index:-1}
.system-panel:after{content:'';position:absolute;bottom:-100px;left:-100%;right:-100%;height:165px;border-radius:50%;border-top:1px solid #c6ddff24;background:linear-gradient(#ffffff08,transparent);pointer-events:none}
.system-panel-select{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;color:white;background:transparent;cursor:pointer;text-align:center;z-index:2}
.system-panel-select:focus-visible{outline:2px solid #e0a7d1;outline-offset:-4px;border-radius:22px}
.panel-number{position:absolute;top:18px;left:0;right:0;font:600 9px 'Montserrat',sans-serif;letter-spacing:1.2px;color:#d9e6ffaa;transition:color .5s}
.system-panel .star-image{position:absolute;top:49px;left:50%;width:58px;height:53px;padding:8px;transform:translateX(-50%);border-radius:15px;box-shadow:inset 0 1px #fff,0 10px 20px #14204e3a;transition:width .8s,height .8s,border-radius .8s,box-shadow .5s}
.system-panel.is-selected .star-image{width:88px;height:75px;padding:10px;border-radius:20px;box-shadow:0 12px 30px #17205250,0 0 24px #97d4ff15}
.panel-spine{position:absolute;left:50%;top:61%;width:225px;transform:translate(-50%,-50%) rotate(-90deg);display:flex;align-items:center;justify-content:center;gap:12px;transition:opacity .25s;white-space:nowrap;pointer-events:none}
.panel-spine strong{font:700 16px 'IBM Plex Sans Arabic',sans-serif;direction:rtl}.panel-spine small{font:600 7px 'Montserrat',sans-serif;color:#bed1ec;letter-spacing:.5px}.system-panel.is-selected .panel-spine{opacity:0}
.panel-world{position:absolute;left:50%;top:46%;width:330px;transform:translate(-50%,-50%) scale(.7);opacity:.09;transition:opacity .65s,transform .9s cubic-bezier(.2,.75,.18,1);pointer-events:none}
.system-panel.is-selected .panel-world{opacity:1;transform:translate(-50%,-50%) scale(1)}
.panel-world .system-art{display:block}.panel-world .system-art text{display:none}
.panel-world .art-draw,.panel-world .art-pulse{stroke-dasharray:none!important}
.panel-copy{position:absolute;left:24px;right:24px;bottom:78px;display:grid;grid-template-columns:1fr 1fr;direction:rtl;gap:12px;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .65s;pointer-events:none}
.is-selected .panel-copy{opacity:1;transform:none;transition-delay:.25s}.panel-copy-ar{text-align:right}.panel-copy-en{text-align:left}
.panel-copy h3{margin:0;color:#fff;font:700 clamp(18px,1.7vw,26px)/1.4 'IBM Plex Sans Arabic',sans-serif}.panel-copy-en h3{font:600 clamp(14px,1.2vw,19px)/1.4 'Montserrat',sans-serif;letter-spacing:-.4px}.panel-copy p{margin:0 0 7px;font:700 10px 'IBM Plex Sans Arabic',sans-serif;color:#cbdaf4}.panel-copy-en p{font:600 6px/1.5 'Montserrat',sans-serif;letter-spacing:1px}
.panel-open{position:absolute;bottom:23px;left:23px;right:23px;width:calc(100% - 46px);height:35px;padding:7px 12px;display:flex;direction:rtl;align-items:center;gap:9px;background:#ecf4ff0c;border:1px solid #bdd9f135;border-radius:11px;color:#edf4ff;z-index:4;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s,background .3s,transform .6s;white-space:nowrap}
.panel-open>span{font:700 12px 'IBM Plex Sans Arabic',sans-serif}.panel-open small{font:600 6px 'Montserrat',sans-serif;letter-spacing:1px;margin-inline-start:auto;color:#d0e0f8}.panel-open b{font-size:17px;color:#e6a6ce;font-weight:400}.is-selected .panel-open{opacity:1;visibility:visible;transform:none;transition-delay:.3s}.panel-open:hover,.panel-open:focus-visible{background:#ffffff18;border-color:#b7dfff}
.panel-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#257ACD,#b5def6,#C15F9F);opacity:0}.is-selected .panel-progress{opacity:1}
.gallery-footer{display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:15px}.gallery-position{display:flex;align-items:baseline;gap:9px;font:600 9px 'Montserrat',sans-serif;color:#c4d3ec88}.gallery-position b{font-size:20px;color:#d5a6d0}.gallery-dots{display:flex;gap:6px}.gallery-dots button{position:relative;width:21px;height:25px;border:0;background:transparent;padding:0}.gallery-dots button:after{content:'';position:absolute;width:5px;height:5px;border-radius:10px;left:8px;top:10px;background:#aebfe766;transition:width .4s,left .4s,background .4s}.gallery-dots button[aria-pressed=true]:after{left:4px;width:13px;background:#d0a0cf}.gallery-dots button:focus-visible{outline:1px solid #b4d7f2;border-radius:8px}.gallery-hint{text-align:right;font:700 11px 'IBM Plex Sans Arabic',sans-serif;color:#c8d7ed}.gallery-hint small{display:block;font:600 5px 'Montserrat',sans-serif;letter-spacing:1.1px;color:#afc3df;margin-top:4px}
/* Capabilities dashboard: no fabricated performance data. */
.features-dashboard-content{display:grid;grid-template-rows:25px minmax(0,1fr);gap:16px;min-height:0}
.features-dashboard{display:grid;grid-template-rows:46px minmax(0,1fr) 27px;min-height:0;border:1px solid #c6ddff29;border-radius:22px;background:linear-gradient(120deg,#1e2f6e75,#2b38747a);box-shadow:0 18px 40px #14204e2b,inset 0 1px #fff0;overflow:hidden}
.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;direction:ltr;padding:0 20px;border-bottom:1px solid #ffffff12;background:#ffffff03;gap:20px}.dashboard-brand{display:flex;align-items:center;gap:10px;font:600 8px 'Montserrat',sans-serif;letter-spacing:.7px;color:#d1e1fa}.dashboard-brand i{width:6px;height:6px;border-radius:50%;background:#99d6f5;box-shadow:0 0 12px #8eceee}.dashboard-brand b{font-size:6px;font-weight:600;color:#aebfdf}.dashboard-topbar>strong{font:700 13px 'IBM Plex Sans Arabic',sans-serif;color:#d6e3f6}
.dashboard-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);direction:rtl;gap:20px;min-height:0;padding:20px}
.dashboard-sidebar{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:9px;min-height:0}
.dashboard-tab{display:flex;position:relative;align-items:center;gap:12px;padding:10px 13px;border:1px solid #ffffff0e;border-radius:12px;background:#ffffff03;color:#bacce8;text-align:right;min-width:0;overflow:hidden;transition:background .5s,border-color .5s,color .5s}
.dashboard-tab.is-current{background:linear-gradient(110deg,#257acd3f,#c15f9f20);border-color:#aed9f770;color:#fff;box-shadow:0 8px 18px #17205226}.dashboard-tab:focus-visible{outline:2px solid #d8a1cd;outline-offset:1px}.dashboard-tab strong{display:block;font:700 15px/1.4 'IBM Plex Sans Arabic',sans-serif}.dashboard-tab small{display:block;margin-top:5px;font:600 7px/1.5 'Montserrat',sans-serif;color:#b8c9e2;letter-spacing:.1px}.dash-tab-icon{flex-shrink:0}.dash-tab-icon svg{width:24px;height:24px;stroke:#94bfe9;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.is-current .dash-tab-icon svg{stroke:#d4a6d3}.dashboard-tab .feature-progress{top:auto;bottom:0;height:2px}
.dashboard-display{min-width:0;position:relative;min-height:0;background:radial-gradient(ellipse at 50% 40%,#257acd14,transparent 65%)}
.feature-pane{position:absolute;inset:0;display:grid;grid-template-rows:26px minmax(0,1fr) auto;gap:8px;visibility:hidden;opacity:0;pointer-events:none}.feature-pane.is-current{visibility:visible;opacity:1;pointer-events:auto}
.dashboard-pane-heading{display:flex;justify-content:space-between;align-items:center;direction:ltr;gap:20px}.dashboard-pane-heading>span{font:600 10px 'Montserrat',sans-serif;color:#d0dcf3}.dashboard-pane-heading>strong{font:700 17px 'IBM Plex Sans Arabic',sans-serif;color:#edf2ff}
.dashboard-visual{min-height:0;display:grid;place-items:center}.dashboard-visual svg{width:100%;height:100%;max-width:650px;max-height:300px;overflow:visible}
.dash-glass{fill:#547fc836;stroke:#a3cbf45c;stroke-width:1.3}.dash-ar{text-anchor:middle;fill:#dce9ff;font:700 15px 'IBM Plex Sans Arabic',sans-serif}.dash-en{text-anchor:middle;fill:#a8c8e9;font:600 7px 'Montserrat',sans-serif;letter-spacing:.8px}.dash-wire{fill:none;stroke:#8fc6ec;stroke-width:1.4;stroke-dasharray:5 7}.dash-signal{fill:#e1b5da;filter:drop-shadow(0 0 5px #c15f9f)}.dash-grid{stroke:#abcaf921;fill:none;stroke-width:1}.dash-bar{fill:#6bb3e7a6;stroke:#94d1f05e;transform-origin:center 275px}.dash-bar:nth-of-type(even){fill:#bd83beaa}.dash-line{fill:none;stroke:#d7a4d4;stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}.dash-stock{fill:#99c8ef88;stroke:#c7e6fa4d}.dash-stock:nth-of-type(even){fill:#b47ab2b0}.dash-paper{fill:#dbeaf8e6;stroke:#fff9}.dash-darkline{fill:none;stroke:#638dbe;stroke-width:6;stroke-linecap:round}.dash-shield{fill:#6594d52e;stroke:#a6d6f3;stroke-width:1.5}.dash-check{stroke:#d1a1cf;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dashboard-description{display:grid;grid-template-columns:1fr 1fr;direction:rtl;gap:32px;border-top:1px solid #ffffff13;padding-top:13px;align-items:start}.dashboard-description p{margin:0;font:700 14px/1.85 'IBM Plex Sans Arabic',sans-serif;color:#cbdaf0}.dashboard-description .feature-detail-en{grid-column:2;font:600 10px/1.85 'Montserrat',sans-serif;text-align:left}.dashboard-description .feature-detail-ar{grid-column:1}
.dashboard-status{display:flex;justify-content:space-between;align-items:center;direction:ltr;padding:0 20px;border-top:1px solid #ffffff0e;font:700 9px 'IBM Plex Sans Arabic',sans-serif;color:#a3b8d7}.dashboard-status>span:first-child{font:600 5px 'Montserrat',sans-serif;letter-spacing:1.2px}
@media(min-width:1700px){.system-panel .star-image{width:65px;height:60px}.system-panel.is-selected .star-image{width:108px;height:92px}.panel-world{width:410px}.panel-spine strong{font-size:19px}.panel-spine small{font-size:9px}.panel-copy{bottom:90px}.panel-copy h3{font-size:30px}.panel-copy-en h3{font-size:23px}.panel-open{height:42px}.dashboard-workspace{grid-template-columns:280px 1fr;gap:28px;padding:25px}.dashboard-tab strong{font-size:18px}.dashboard-tab small{font-size:9px}.dashboard-description p{font-size:17px}.dashboard-description .feature-detail-en{font-size:13px}.dashboard-visual svg{max-height:400px}}
@media(max-height:680px) and (min-width:761px){.systems-gallery-content{grid-template-rows:20px minmax(0,1fr) 30px;gap:9px}.panel-world{width:265px;top:46%}.system-panel .star-image{width:48px;height:44px;top:35px;padding:6px}.system-panel.is-selected .star-image{width:70px;height:59px}.panel-number{top:13px;font-size:7px}.panel-copy{bottom:68px;left:17px;right:17px}.panel-copy h3{font-size:18px}.panel-copy-en h3{font-size:13px}.panel-open{bottom:17px;left:17px;right:17px;width:calc(100% - 34px);height:31px}.features-dashboard-content{gap:10px;grid-template-rows:20px minmax(0,1fr)}.features-dashboard{grid-template-rows:38px minmax(0,1fr) 23px}.dashboard-workspace{padding:12px;gap:16px;grid-template-columns:210px 1fr}.dashboard-sidebar{gap:5px}.dashboard-tab{padding:5px 11px}.dashboard-tab strong{font-size:13px}.dashboard-tab small{font-size:6px}.dashboard-description{padding-top:8px;gap:20px}.dashboard-description p{font-size:12px}.dashboard-description .feature-detail-en{font-size:9px}.dashboard-pane-heading>strong{font-size:14px}.dashboard-pane-heading>span{font-size:8px}}
@media(max-width:1100px) and (min-width:761px){.systems-gallery{gap:6px}.system-panel{border-radius:18px}.system-panel.is-selected{flex:6.5 1 0}.system-panel .star-image{width:45px;height:43px;padding:6px}.system-panel.is-selected .star-image{width:77px;height:66px}.panel-spine{gap:9px}.panel-spine strong{font-size:14px}.panel-spine small{font-size:6px}.panel-copy{left:18px;right:18px}.panel-copy h3{font-size:18px}.panel-copy-en h3{font-size:13px}.panel-world{width:285px}.panel-open{left:18px;right:18px;width:calc(100% - 36px)}.dashboard-workspace{grid-template-columns:210px 1fr;gap:15px}.dashboard-tab strong{font-size:13px}.dashboard-description{gap:20px}.dashboard-description p{font-size:12px}.dashboard-description .feature-detail-en{font-size:9px}}
@media(max-width:760px){
 .systems-gallery-content{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding-bottom:10px}.systems-gallery-content .systems-lead{gap:10px;align-items:start}.systems-gallery-content .systems-lead>span{font-size:8px;line-height:1.7;max-width:45%}.systems-gallery-content .systems-lead>strong{font-size:12px;line-height:1.7;text-align:right}
 .systems-gallery{display:flex;flex-direction:column;height:auto;gap:8px;margin-top:17px}.system-panel{flex:none!important;height:65px;border-radius:16px;transition:height .7s cubic-bezier(.2,.75,.18,1),border-color .5s}.system-panel.is-selected{height:400px}.panel-number{left:14px;right:auto;top:25px;font-size:8px}.system-panel .star-image{left:auto;right:12px;top:10px;transform:none;width:49px;height:44px;padding:6px;border-radius:11px}.system-panel.is-selected .star-image{width:78px;height:66px;top:25px;right:calc(50% - 39px);border-radius:18px}.panel-spine{left:48px;right:75px;top:0;height:64px;width:auto;transform:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}.panel-spine strong{font-size:15px}.panel-spine small{font-size:7px}.system-panel.is-selected .panel-number{top:18px}.panel-world{top:44%;width:300px;opacity:0}.system-panel.is-selected .panel-world{opacity:1}.panel-copy{bottom:78px;left:21px;right:21px}.panel-copy h3{font-size:20px}.panel-copy-en h3{font-size:15px}.panel-copy p{font-size:9px}.panel-copy-en p{font-size:5px}.panel-open{bottom:22px}.gallery-footer{margin-top:20px;flex-wrap:wrap}.gallery-position{order:1}.gallery-dots{order:2;gap:3px}.gallery-hint{order:3;width:100%;display:flex;align-items:center;justify-content:space-between;direction:rtl;font-size:9px}.gallery-hint small{font-size:4px;letter-spacing:.5px;max-width:45%;line-height:1.8;text-align:left}
 .features-dashboard-content{display:block;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding-bottom:12px}.features-dashboard-content .feature-intro{margin-bottom:15px}.features-dashboard{display:block;border-radius:16px}.dashboard-topbar{height:44px;padding:0 13px;gap:10px}.dashboard-brand{font-size:6px;gap:6px}.dashboard-brand b{display:none}.dashboard-topbar>strong{font-size:11px}.dashboard-workspace{display:flex;flex-direction:column;padding:12px;gap:15px}.dashboard-sidebar{display:flex;overflow-x:auto;gap:8px;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}.dashboard-tab{flex:0 0 154px;min-height:67px;padding:10px;gap:8px}.dashboard-tab strong{font-size:12px}.dashboard-tab small{font-size:6px}.dash-tab-icon svg{width:20px;height:20px}.dashboard-display{height:385px}.feature-pane{grid-template-rows:25px minmax(0,1fr) auto;gap:10px}.dashboard-pane-heading{gap:10px}.dashboard-pane-heading>strong{font-size:13px}.dashboard-pane-heading>span{font-size:7px}.dashboard-description{gap:14px;padding-top:13px}.dashboard-description p{font-size:12px;line-height:1.85}.dashboard-description .feature-detail-en{font-size:8px;line-height:1.9}.dashboard-status{height:30px;padding:0 12px;font-size:7px}.dashboard-status>span:first-child{font-size:4px;letter-spacing:.6px}
}
@media(prefers-reduced-motion:reduce){.system-panel,.panel-world,.panel-copy,.panel-open,.panel-spine,.system-panel .star-image,.dashboard-tab{transition:none!important}}