/* Shared translucent Saudi-inspired theme, outside the approved orbit hero. */
body{background:#033d2d;color:#eff5ef;isolation:isolate}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body:before{background:linear-gradient(90deg,#003326dd,#003c2bba,#003326dd),url('saudi-landscape.png') center/cover;opacity:.65}body:after{background-image:repeating-linear-gradient(45deg,transparent 0 31px,#d9c395 32px 34px,transparent 35px 66px),repeating-linear-gradient(-45deg,transparent 0 31px,#d9c395 32px 34px,transparent 35px 66px);opacity:.045}main>section:not(.hero){background:transparent;border-top:1px solid #d6c29520}main>section:not(.hero):nth-of-type(even){background:#073e2a4d}.lead,.card p,.step span,.metric span{color:#c1d5c8}.kicker,.num{color:#dac494}.section-head h2,.consult h2,.card h3,.step b{color:#f0f5ee}.metrics,.card,.vision-card,.vision-card:first-child,.form,.client-board{background:#104b3b9e;border-color:#c7d5b92e;color:#eef5ee;box-shadow:0 15px 40px #00281b22;backdrop-filter:blur(8px)}.metric{border-color:#c7d5b92e}.metric strong{color:#e0cb9f}.metric:hover,.step:hover,.card:hover{background:#1a614bce;color:#fff}.card:hover p{color:#d4e4d8}.vision-card:first-child .kicker,.vision-card .kicker{color:#e2cc9e}.vision-card p{color:#c8dccd}.presence span{background:#15533ed4;border:1px solid #cbb57944;color:#ebf3e9}.client-board{padding:24px}.client-board img{border-radius:8px}.form input,.form select,.form textarea{background:#073b2dde;border-color:#aec2ac55;color:#edf4ec;color-scheme:dark}.form input::placeholder,.form textarea::placeholder{color:#b3c9bb}.form button{background:#dfc696;color:#0a3a2a}.form button:hover{background:#edd8b2}.form select option{background:#073b2d}.step{border-color:#cab98455}.vision-card:hover{background:#145c46d9}.consult .kicker{color:#e2cc9e}footer{background:#023225bf;border-top:1px solid #d6c29530}footer .brand{color:#eee8d7}
/* Real screenshots keep their original colors; their surrounding UI shares the theme. */
.workspace{background:#083c2eaf;color:#edf4ed;border-color:#a6bd9f40;backdrop-filter:blur(8px)}.workspace-top,.demo-tabs{background:#08382ccc;border-color:#a6bd9f33;color:#edf4ed}.demo-tabs button{color:#c5d9ca}.demo-tabs button[aria-pressed=true],.demo-tabs button:hover{background:#24624bc4;color:#f6ecda}.demo-badge{background:#24624b90;color:#d9dfcf}.kpi,.panel,.flow-node,.deal{background:#14523e99;border-color:#9fb99938;color:#edf4ed}.kpi small,.kpi em,.dash-title span,.chart-labels,.deal small,.demo-result{color:#bfd6c7}.task-row,.bars{border-color:#a6bd9f33}.status{background:#2c705866;color:#c7ecd6}.kanban-col{background:#0a382c88}.kanban-col h3{color:#c1d6c6}.web-frame,.phone{background:#0c4231;color:#edf4ed;border-color:#67967b}.phone-card,.web-cards div{background:#24644b99}.mini-nav{border-color:#8eaf9838}.flow-node:hover{background:#23654b}.official-gallery{padding:24px}.official-gallery figure{margin:0}.official-gallery img{width:100%;max-height:620px;object-fit:contain;display:block;background:#fff;border-radius:10px}.official-gallery figcaption{color:#c9d9cb;font-size:14px;line-height:1.6;padding:14px 0}.official-gallery a{color:#e8cf9e}.official-image-link{display:block;cursor:zoom-in}.official-note{color:#bccfbe;font-size:13px;line-height:1.6}.official-gallery .source-link{display:inline-block;padding:10px 0;text-decoration:underline}.workspace-layout.official-layout{display:block}.workspace-layout.official-layout .demo-tabs{display:none}@media(max-width:620px){.official-gallery{padding:12px}.client-board{padding:12px}}
body[data-service=oracle] .official-gallery img{max-width:100%;margin:auto}body[data-service=zoho] .official-gallery img{max-height:600px;width:auto;max-width:100%;margin:auto}.official-gallery figure{text-align:center}

/* Keep official screenshots at native resolution or smaller. */
.official-gallery img{width:auto;height:auto;max-width:100%;margin-inline:auto}body[data-service=oracle] .official-gallery img{max-height:740px}