/* All new rules are scoped. Original iPOS sections, admin and PDFs retain their styles. */
.ipos-infinity-launch{margin:24px 0 64px;border:1px solid #273044;border-radius:28px;overflow:hidden;background:#070b15;color:#f1f5ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ipos-infinity-launch *{box-sizing:border-box}
.ipos-infinity-launch a{color:inherit;text-decoration:none}
.ipos-infinity-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 34px;border-bottom:1px solid #263043;background:#101624;font-size:12px}
.ipos-infinity-topline>span{font-size:10px;letter-spacing:2px;color:#9faed0}
.ipos-infinity-topline a{display:flex;gap:30px;color:#c2cbff}
.ipos-infinity-launch .ipos-infinity-hero{position:relative;isolation:isolate;display:block;padding:44px 24px 50px;margin:0;min-height:720px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 25%,#192344aa,transparent 60%),#070b15;box-shadow:none;text-align:center}
.ipos-infinity-launch .hero-morph-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ipos-infinity-launch .ipos-star-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}
.ipos-infinity-copy{position:relative;z-index:1;max-width:920px;margin:auto;pointer-events:none}
.ipos-infinity-copy a{pointer-events:auto}
.ipos-infinity-copy .ipos-infinity-eyebrow{font-size:10px;letter-spacing:2.4px;color:#99a9cc;margin:0}
.ipos-infinity-launch .hero-signature{position:relative;width:min(580px,100%);height:210px;margin:12px auto 22px;display:grid;place-items:center}
.ipos-infinity-launch .hero-signature-fallback{width:84%;height:100%;filter:drop-shadow(0 0 18px #a7b8ff44)}
.ipos-infinity-launch .hero-signature>span{position:absolute;bottom:0;left:0;right:0;font-size:10px;font-weight:600;letter-spacing:9px;padding-left:9px;color:#bdc9ed}
.ipos-infinity-launch .hero-morph-ready .hero-signature-fallback{opacity:0}
.ipos-infinity-launch h1{font-size:clamp(44px,5.6vw,76px);font-weight:580;letter-spacing:-3.5px;line-height:1.04;color:#f2f5fd;margin:0 0 24px}
.ipos-infinity-launch h1>span{background:linear-gradient(110deg,#e1eaff,#b9a6f5 50%,#a9c7ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.ipos-infinity-copy>p:not(.ipos-infinity-eyebrow){font-size:15px;line-height:1.8;color:#a6b3cd;max-width:640px;margin:0 auto}
.ipos-infinity-copy strong{font-weight:600;color:#d2dbef}
.ipos-infinity-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin:30px auto}
.ipos-infinity-actions a{display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px;min-height:48px;padding:12px 20px;border:1px solid #34425d;border-radius:8px;transition:transform .2s,background .2s}
.ipos-infinity-actions a:hover{background:#24304a;transform:translateY(-2px)}
.ipos-infinity-actions .ipos-infinity-primary{background:#b7c4ff;border-color:#b7c4ff;color:#111a37;font-weight:650}
.ipos-infinity-actions .ipos-infinity-primary:hover{background:#d8dfff}
.ipos-infinity-proof{display:flex;justify-content:center;gap:26px;font-size:10px;color:#7f91b4;flex-wrap:wrap}
.ipos-infinity-proof strong{color:#afbdd8}
.ipos-infinity-motion{position:absolute;right:24px;bottom:20px;border:1px solid #303d57!important;color:#9aaccf!important;background:#111a2b!important;border-radius:24px!important;font:10px system-ui!important;padding:8px 14px!important;z-index:2;cursor:pointer}
.ipos-infinity-bridge{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#101624;border-top:1px solid #263043;padding:34px}
.ipos-infinity-bridge>div>span{font-size:9px;letter-spacing:2px;color:#8093bc}
.ipos-infinity-bridge p{margin:12px 0 0;color:#a9b7d2;font-size:20px;line-height:1.4;letter-spacing:-.5px}
.ipos-infinity-bridge p strong{color:#f0f3fc;font-weight:500}
.ipos-infinity-bridge>a{display:flex;gap:36px;font-size:12px;white-space:nowrap;color:#becaff}
#ipos-existing-showcase{scroll-margin-top:110px}
.ipos-infinity-launch a:focus-visible,.ipos-infinity-launch button:focus-visible{outline:3px solid #bfd0ff;outline-offset:5px}
@media(max-width:760px){.ipos-infinity-launch{margin-top:12px;border-radius:18px}.ipos-infinity-topline{padding:18px 20px;align-items:flex-start}.ipos-infinity-topline>span{max-width:110px;line-height:1.6;font-size:8px}.ipos-infinity-topline>a{font-size:10px;max-width:155px;gap:12px}.ipos-infinity-launch .ipos-infinity-hero{min-height:650px;padding:36px 20px 58px}.ipos-infinity-copy .ipos-infinity-eyebrow{font-size:8px;letter-spacing:1.4px}.ipos-infinity-launch .hero-signature{height:165px;margin:12px auto 24px}.ipos-infinity-launch h1{font-size:49px;letter-spacing:-2.7px}.ipos-infinity-copy>p:not(.ipos-infinity-eyebrow){font-size:13px}.ipos-infinity-actions{gap:12px;margin:24px 0}.ipos-infinity-actions a{font-size:11px;gap:16px;padding:12px 15px}.ipos-infinity-proof{gap:9px;font-size:9px;flex-direction:column}.ipos-infinity-bridge{padding:25px 20px;align-items:flex-start;flex-direction:column;gap:22px}.ipos-infinity-bridge p{font-size:19px}.ipos-infinity-motion{bottom:14px;right:14px}}
@media(prefers-reduced-motion:reduce){.ipos-infinity-actions a{transition:none}.ipos-infinity-motion{display:none}}
.ipos-infinity-launch{margin-top:0;border-radius:0 0 32px 32px;border-inline:0}
.ipos-infinity-topline{padding:18px max(5vw,24px)}
.ipos-infinity-topline>span{font-size:11px;letter-spacing:1.7px}
.ipos-infinity-topline>a{font-size:13px}
.service-card .service-img-wrap{height:245px;display:grid;place-items:center;background:linear-gradient(135deg,#f6f9ff,#fff)}
.service-card .service-img-wrap img{width:100%;height:100%;max-height:245px;object-fit:contain;padding:14px;background:transparent}
.service-card .service-img-wrap:after{display:none}
@media(max-width:760px){.ipos-infinity-topline{align-items:center;padding:16px 20px;gap:20px}.ipos-infinity-topline>span{max-width:none;line-height:1.5;font-size:9px;letter-spacing:1px}.ipos-infinity-topline>a{max-width:none;font-size:11px;line-height:1.5}.service-card .service-img-wrap,.service-card .service-img-wrap img{height:220px;max-height:220px}}
/* Consistent industry placement and touch-friendly two-card rails. */
.site-header .header-inner{max-width:1480px;padding-inline:28px;gap:28px}
@media(min-width:1281px){.site-header #mainNav{gap:2px;flex-wrap:nowrap}.site-header #mainNav>.nav-item>a{white-space:nowrap;font-size:14px;line-height:1.3;padding:11px 12px;font-weight:750}.site-header .brand.brand-lockup{max-width:170px;flex-shrink:0}}
@media(min-width:761px) and (max-width:1100px){.site-header .header-inner{flex-wrap:wrap;align-items:center}.site-header .nav-toggle{display:inline-flex;margin-left:auto}.site-header #mainNav{width:100%;display:none;flex-wrap:wrap;justify-content:flex-start;padding:12px 0 8px;gap:5px}.site-header #mainNav.open{display:flex;max-height:70vh;overflow-y:auto;opacity:1;transform:none}.site-header #mainNav .nav-item>a{white-space:nowrap}}
@media(max-width:760px){.site-header .header-inner{padding-inline:18px;gap:12px;align-items:center}.site-header .nav-toggle{align-self:center;margin-block:0}.site-header .brand{align-self:center}}
@media(max-width:760px){.site-header #mainNav:not(.open){display:none}.site-header #mainNav.open{display:flex}}
.modern-industry-card .industry-img{display:block;aspect-ratio:4/3;height:auto;min-height:0;max-height:none;overflow:hidden;background:#f3f6fc}
.modern-industry-card .industry-img img{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:contain;background:#f3f6fc;padding:0}
.h-scroll{touch-action:pan-x pan-y;scrollbar-width:thin;scroll-padding-inline:4px}
.h-scroll:focus-visible,.directory-grid:focus-visible{outline:3px solid #315bea;outline-offset:5px}
@media(min-width:761px) and (max-width:1100px){.h-scroll{grid-auto-columns:calc((100% - 20px)/2);gap:20px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card .service-img-wrap,.service-card .service-img-wrap img{height:220px;max-height:220px}}
@media(max-width:760px){
 .h-scroll,.directory-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:6px 0 18px;max-width:100%;min-width:0}
 .h-scroll>*,.directory-grid>*{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
 .h-scroll .service-body,.directory-grid .service-body,.h-scroll .modern-industry-card>div,.directory-grid .modern-industry-card>div{padding:13px}
 .h-scroll h3,.directory-grid h3{font-size:17px;line-height:1.2;letter-spacing:-.3px;overflow-wrap:anywhere}
 .h-scroll p,.directory-grid p{font-size:12px;line-height:1.55;min-height:0}
 .h-scroll .tag,.directory-grid .tag{font-size:8px;padding:4px 6px;letter-spacing:.5px}
 .h-scroll .actions,.directory-grid .actions{gap:7px;flex-wrap:wrap}
 .h-scroll .btn,.directory-grid .btn,.h-scroll .industry-link,.directory-grid .industry-link{font-size:11px;padding:8px 9px;min-height:34px;white-space:normal}
 .h-scroll .service-img-wrap,.h-scroll .service-img-wrap img,.directory-grid .service-img-wrap,.directory-grid .service-img-wrap img{height:145px;max-height:145px;padding:6px}
 .h-scroll .industry-icon,.directory-grid .industry-icon{width:30px;height:30px;font-size:13px;margin-bottom:10px}
 .h-scroll .service-card,.directory-grid .service-card,.h-scroll .industry-card,.directory-grid .industry-card{border-radius:18px}
}

/* Larger source-resolution brand within the original 72px header. */
.site-header .brand.brand-lockup{width:170px;max-width:170px;height:64px;padding:0;margin:0;overflow:visible;display:flex;align-items:center;justify-content:flex-start}
.site-header .brand.brand-lockup .brand-logo{display:block;width:170px;max-width:100%;height:64px;max-height:64px;padding:0;margin:0;object-fit:contain;transform:none}
@media(max-width:760px){.site-header .brand.brand-lockup{width:150px;max-width:150px;height:64px}.site-header .brand.brand-lockup .brand-logo{width:150px;max-width:100%;height:64px;transform:none}}

.site-header.is-compact .brand.brand-lockup{height:42px}.site-header.is-compact .brand.brand-lockup .brand-logo{height:42px;max-height:42px}

.ipos-home-brandline{display:inline-flex;align-items:center;gap:20px;margin:0 0 28px!important;padding:12px 22px;border:1px solid #ffffff26;border-radius:18px;background:linear-gradient(125deg,#1a2949cc,#24263fcc);box-shadow:0 12px 36px #0002;color:#e3eaff;font-family:system-ui;line-height:1.2;backdrop-filter:blur(12px)}
.ipos-home-brandline strong{font-size:38px;letter-spacing:-1.5px;background:linear-gradient(90deg,#c7e7ff,#e5d4ff);background-clip:text;-webkit-text-fill-color:transparent}
.ipos-home-brandline span{font-size:16px;font-weight:650;border-left:1px solid #65718c;padding-left:20px}
@media(max-width:480px){.ipos-home-brandline{gap:13px;padding:10px 16px}.ipos-home-brandline strong{font-size:31px}.ipos-home-brandline span{font-size:13px;padding-left:13px}}

/* The brand signature has its own dimensions; it must not inherit hero paragraph sizing. */
.ipos-infinity-copy>.ipos-home-brandline{display:flex;width:max-content;max-width:100%;min-height:62px;height:auto;align-items:center;justify-content:center;gap:18px;padding:11px 20px;margin:0 auto 18px!important;line-height:1.2;font-size:16px;border-radius:17px}
.ipos-infinity-copy>.ipos-home-brandline>strong{display:block;font-size:38px;font-weight:750;line-height:1;letter-spacing:-1.5px}
.ipos-infinity-copy>.ipos-home-brandline>span{display:block;align-self:center;font-size:16px;font-weight:650;line-height:1.3;padding-left:18px}
.ipos-infinity-launch .hero-signature{height:190px;margin:8px auto 22px}
.ipos-infinity-launch .ipos-infinity-hero{padding-top:36px;min-height:700px}
.site-header .header-inner{padding-block:4px;min-height:72px}
@media(min-width:1281px){.site-header .header-inner{justify-content:space-between;gap:24px}.site-header #mainNav{justify-content:flex-end;margin:0}}
@media(max-width:760px){.ipos-infinity-copy>.ipos-home-brandline{min-height:56px;gap:14px;padding:10px 16px;margin-bottom:16px!important}.ipos-infinity-copy>.ipos-home-brandline>strong{font-size:32px}.ipos-infinity-copy>.ipos-home-brandline>span{font-size:13px;padding-left:14px}.ipos-infinity-launch .hero-signature{height:165px;margin-top:4px}.ipos-infinity-launch .ipos-infinity-hero{padding-top:28px;min-height:650px}}

/* Spread the desktop navigation while retaining the exact logo and header dimensions. */
@media(min-width:1101px){
 .site-header .header-inner{width:calc(100% - 48px);max-width:1760px;padding-inline:0;gap:24px;flex-wrap:nowrap;justify-content:space-between}
 .site-header .nav-toggle{display:none}
 .site-header #mainNav,.site-header #mainNav:not(.open){display:flex;position:static;width:auto;max-height:none;opacity:1;transform:none;overflow:visible;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:2px;padding:0;margin:0}
 .site-header #mainNav>.nav-item>a{white-space:nowrap;width:auto;font-size:clamp(12px,.75vw,14px);line-height:1.3;padding:11px clamp(7px,.62vw,12px);transform:none}
 .site-header .brand.brand-lockup{flex:0 0 170px;width:170px;max-width:170px}
}
.site-footer .footer-inner>div>img{background:#fff;border-radius:9px;padding:4px;box-sizing:border-box;object-fit:contain}

.office-details>[hidden]{display:none!important}
/* Keep the two leading offices precisely aligned, including the selected card. */
.contact-section .office-card:hover,.contact-section .office-card.active,.contact-section .office-card:focus-visible{transform:none}
@media(max-width:980px){.contact-section .contact-map-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section .live-map,.contact-section .map-office-panel{grid-column:1/-1}.contact-section .office-card,.contact-section .office-card.featured-office{grid-column:span 1;min-height:170px}.contact-section .office-card.featured-office h3{font-size:24px;overflow-wrap:anywhere}}
@media(max-width:600px){.contact-section .office-card{padding:15px}.contact-section .office-top{flex-wrap:wrap}.contact-section .map-hint{display:none}.contact-section .office-card.featured-office h3{font-size:22px}.contact-section .office-card h3{font-size:18px}}

.ecosystem-overview{max-width:1180px;margin:auto;padding:56px 22px 80px}.ecosystem-overview h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-2px;color:#071c4d;max-width:900px}.ecosystem-intro{max-width:860px;font-size:19px;line-height:1.8;color:#516784}.ecosystem-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 54px}.ecosystem-product-grid.ecosystem-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-product-grid article{padding:28px;border:1px solid #dbe4ef;border-radius:22px;background:#fff;box-shadow:0 16px 42px #1225440a}.ecosystem-product-grid h2{font-size:27px;line-height:1.2}.ecosystem-product-grid p{color:#526782;line-height:1.8}.ecosystem-product-grid a{font-weight:750}.ecosystem-trust{padding:36px;border-radius:24px;background:#edf4ff;margin:42px 0}.ecosystem-trust p{max-width:820px;line-height:1.85}.ecosystem-overview>h2{font-size:34px;line-height:1.2}@media(max-width:760px){.ecosystem-product-grid,.ecosystem-product-grid.ecosystem-three{grid-template-columns:1fr}.ecosystem-overview{padding:32px 18px 56px}.ecosystem-product-grid article{padding:24px}.ecosystem-trust{padding:26px}}

.ipos-powered-strip{display:flex;justify-content:center;align-items:center;min-height:35px;box-sizing:border-box;padding:9px 20px;border-top:1px solid #242428;background:#080809;color:#a1a1a6;font-family:Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.025em;text-align:center}.ipos-powered-strip strong{font-size:inherit;font-weight:600;color:#e3e3e7}.site-footer .ipos-powered-strip{margin:0;width:100%}

/* Hardware detail heroes show their native catalog artwork. */
.hardware-master-hero .master-gallery.is-single{grid-template-columns:minmax(0,1fr);padding-bottom:0}.hardware-master-hero .master-gallery-slide img{opacity:1;transform:none}.hardware-master-hero .master-gallery-slide>img{object-fit:contain!important;object-position:center!important}.hardware-master-hero .master-gallery{min-width:0}

#officePanelWhatsappHeading{overflow-wrap:anywhere}
