/* One device layout for all viewports. Screen image and frame scale together. */
.hybrid-device-grid { align-items:start; }
.hybrid-device-grid > article { min-width:0; }
.hybrid-device-grid .hybrid-device { height:auto; min-height:0; width:100%; margin:0 0 28px; }
.hybrid-device-grid .desktop-device { display:block; padding:0 0 36px; }
.hybrid-device-grid .device-screen { display:block; width:100%; height:auto!important; min-width:0; }
.hybrid-device-grid .actual-device-screen { display:block; position:static; width:100%; height:auto; object-fit:contain; aspect-ratio:auto; }
.hybrid-device-grid .desktop-stand { left:50%; bottom:8px; transform:translateX(-50%); }
.hybrid-device-grid .web-device { display:block; padding:0; }
.hybrid-device-grid .browser-bar { width:100%; min-width:0; }
.hybrid-device-grid .browser-bar span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hybrid-device-grid .mobile-device { display:flex; flex-direction:column; align-items:center; gap:16px; padding:0; }
.hybrid-device-grid .phone-frame { position:relative; flex:none; box-sizing:border-box; width:min(100%,216px); max-width:100%; height:auto; aspect-ratio:auto; padding:7px; border:0; border-radius:28px; background:#242332; overflow:hidden; box-shadow:0 18px 36px #2d244326,0 0 0 1px #635b76; }
.phone-viewport { display:block!important; position:relative; width:100%; aspect-ratio:312/720; overflow:hidden; border-radius:21px; background:#f4f7f1; }
.hybrid-device-grid .phone-frame .actual-phone-screen { display:block; position:static; inset:auto; width:120.192308%; height:124.512195%; max-width:none; object-fit:fill; aspect-ratio:auto; }
.hybrid-device-grid .phone-frame .phone-camera { position:absolute; z-index:2; left:50%; top:5px; transform:translateX(-50%); width:38px; height:5px; margin:0; border-radius:8px; background:#242332; }
.hybrid-device-grid .mobile-os { position:static; display:block; max-width:100%; margin:0; }
.hero .hero-erp-mockup { max-width:100%; height:auto; }
img { max-width:100%; }
.wrap, .section-heading>*, .enquiry-page>* { min-width:0; }
.selected-files, .enquiry-status { overflow-wrap:anywhere; }
.skip-link { position:fixed; left:16px; top:-90px; z-index:999; padding:12px 18px; background:#21182d; color:white; border-radius:8px; }
.skip-link:focus { top:12px; }
[data-cms] { white-space:normal; }
.cms-updated-text { white-space:pre-line; }
.client-monogram { display:grid; place-items:center; width:70px; height:70px; border-radius:18px; background:#eee8f6; color:#72508d; font-size:26px; font-weight:600; }
@media(max-width:800px) {
  .hybrid-device-grid { grid-template-columns:1fr; }
  .hybrid-device-grid > article { padding:26px; }
  .hybrid-device-grid .phone-frame { width:min(100%,216px,calc(60svh * 312 / 720)); height:auto; }
  .hybrid-device-grid h3 { font-size:clamp(24px,6vw,32px); line-height:1.25; }
  .hybrid-device-grid p { font-size:15px; }
  .business-chat { position:static; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:22px; gap:14px; background:#f5f1f9; }
  .business-chat>a,.whatsapp-choice summary { width:44px; height:44px; }
  .business-chat svg { width:24px; height:24px; }
  .whatsapp-numbers { right:0; bottom:55px; width:min(270px,calc(100vw - 32px)); }
  .enquiry-page-panel { padding:22px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .flip-card *, .reveal, .will-reveal { animation:none!important; transition:none!important; }
}
/* Refined product presentation: restrained perspective and machined graphite. */
.hybrid-device-grid .mobile-device { position:relative; isolation:isolate; padding:20px 0 10px; }
.hybrid-device-grid .mobile-device:before { content:""; position:absolute; inset:12% -10% 6%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,#dce7ed99 0%,#e9e3f366 40%,transparent 70%); pointer-events:none; }
.hybrid-device-grid .phone-frame { width:min(100%,216px); padding:7px; border:1px solid #686a72; border-radius:33px; background:linear-gradient(125deg,#656973 0%,#16191f 8%,#090c11 48%,#353b45 91%,#858b94 100%); transform:none; box-shadow:1px 0 0 #c4c8ce inset,-2px -1px 0 #06090e inset,8px 20px 30px -14px #151c3766,0 34px 30px -28px #0e193b88; }
.hybrid-device-grid .phone-viewport { border-radius:25px; }
.hybrid-device-grid .phone-frame .phone-camera { top:12px; width:40px; height:8px; background:linear-gradient(90deg,#080a0e 75%,#20344a); border:1px solid #151b25; border-radius:10px; box-shadow:0 1px 1px #ffffff20; }
.hybrid-device-grid .phone-frame:after { content:""; position:absolute; left:37%; bottom:11px; width:26%; height:3px; border-radius:8px; background:#1d2730aa; pointer-events:none; }
.hybrid-device-grid .mobile-os { background:#f6f7fb; border:1px solid #e1e4ec; color:#586174; border-radius:20px; padding:7px 14px; font-size:10px; letter-spacing:.4px; }
@media(max-width:800px){.hybrid-device-grid .phone-frame{width:min(100%,216px,calc(60svh * 312 / 720));}}

/* Front-facing handset; preserve the rounded frame. */
.hybrid-device-grid .phone-frame { transform:none!important; rotate:0deg; perspective:none; border-radius:33px!important; }
.hybrid-device-grid .phone-viewport { transform:none!important; border-radius:25px!important; }

/* Equal top inset across the three device cards. */
.hybrid-device-grid .mobile-device { padding-top:0; }

.product-trial-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;align-self:flex-start;border:1px solid currentColor;border-radius:9px;padding:10px 15px;margin-top:14px;margin-bottom:12px;font-size:12px;font-weight:700;text-decoration:none}.product-trial-link:hover{background:#ffffff25}.product-flip .flip-front .flip-control{margin-top:4px}
.product-purchase-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;margin-bottom:12px}.product-purchase-actions .product-trial-link{margin:0}.product-buy-link{display:inline-flex;align-items:center;gap:15px;background:#241b31;color:#fff!important;border:1px solid #241b31;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700;text-decoration:none}.product-buy-link:hover{background:#68477e;border-color:#68477e}
.qsoft-access-bar{background:#251a32;color:#fff;position:relative;z-index:51}.qsoft-access-inner{max-width:1440px;margin:auto;padding:11px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px}.qsoft-access-caption{font-size:12px;color:#d5c6e1;letter-spacing:.15px}.qsoft-access-actions{display:flex;align-items:center;gap:12px}.qsoft-access-actions a{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:8px;padding:10px 19px;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;text-decoration:none}.qsoft-access-actions .qsoft-try-erp{background:#fff;color:#33223f;border:1px solid #fff}.qsoft-access-actions .qsoft-signup{background:#bfa0de;color:#24162f;border:1px solid #bfa0de}.qsoft-access-actions a:hover{filter:brightness(.93)}.qsoft-access-actions a:focus-visible{outline:3px solid #ecdcff;outline-offset:3px}@media(max-width:600px){.qsoft-access-inner{padding:10px 20px}.qsoft-access-caption{display:none}.qsoft-access-actions{width:100%;gap:10px}.qsoft-access-actions a{flex:1;font-size:13px;padding:11px 14px;gap:12px}}
.qsoft-access-actions .qsoft-login{color:#fff;border:1px solid #78628b;background:transparent}@media(max-width:600px){.qsoft-access-inner{padding-inline:14px}.qsoft-access-actions{gap:7px}.qsoft-access-actions a{padding:11px 10px;gap:6px;font-size:12px}}