/* Targeted fixes: user screenshots 08 Nov, About Details only. */
html body.an-about-details-mode #app .an2-trust-grid article>b{color:#fff!important}
html body.an-about-details-mode #app .an2-trust-grid article>h3{color:#fff!important}
html body.an-about-details-mode #app .an2-trust-grid article:nth-child(2n)>h3{color:#ff7900!important}
html body.an-about-details-mode #app .an2-trust-grid article p{color:#e6a06b!important}
html body.an-about-details-mode #app .an2-trust-grid article{border-color:#f07813!important}
@media(max-width:800px){
 html body.an-about-details-mode #app .an2-story{width:calc(100% - 20px)!important;margin-inline:auto!important;overflow:visible!important}
 html body.an-about-details-mode #app .an2-topline{width:100%!important;max-width:100%!important;overflow:visible!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:5px!important;padding:2px 0 5px!important}
 html body.an-about-details-mode #app .an2-topline>a{flex:0 0 auto!important;max-width:45%!important;margin-left:0!important;transform:none!important;padding:8px 12px!important;position:relative!important;left:0!important;white-space:nowrap!important}
 html body.an-about-details-mode #app .an2-topline>span{flex:1 1 auto!important;min-width:0!important;text-align:right!important;font-size:clamp(7px,1.8vw,10px)!important;letter-spacing:.5px!important;white-space:normal!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand{grid-template-columns:115px minmax(0,1fr)!important;align-items:center!important;min-height:114px!important;padding:9px 10px!important;overflow:visible!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-graduate-globe{width:112px!important;height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;overflow:visible!important;clip-path:none!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-graduate-globe .an2-globe-world{font-size:85px!important;display:block!important;line-height:1!important;transform-origin:center!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-graduate-globe .an2-globe-cap{top:1px!important;left:50%!important;width:107px!important;height:69px!important;font-size:0!important;line-height:0!important;transform:translateX(-50%)!important;animation:none!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))!important;z-index:4!important;overflow:visible!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-globe-cap svg{display:block;width:100%;height:100%;overflow:visible}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-approved-reference-hero{margin-top:0!important}
}
@media(min-width:801px){
 html body.an-about-details-mode.an-reference-pixel-view #app .an2-exact-hero .an2-founder-person{top:0!important;right:0!important;width:22.8%!important;height:69%!important;overflow:visible!important}
 html body.an-about-details-mode.an-reference-pixel-view #app .an2-exact-hero .an2-founder-person img{height:123%!important;right:-4%!important;bottom:-12px!important;object-position:right bottom!important;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 100%)!important}
 html body.an-about-details-mode.an-reference-pixel-view #app .an2-exact-hero .an2-exact-towers{background:radial-gradient(ellipse at 60% 53%,rgba(255,106,0,.57),transparent 73%),linear-gradient(90deg,rgba(255,108,0,.32),transparent 85%),url('assets/malaysia-skyline-clean.jpg') 69% 43% / auto 128% no-repeat!important;mask-image:linear-gradient(90deg,transparent,black 24%)!important;-webkit-mask-image:linear-gradient(90deg,transparent,black 24%)!important}
 html body.an-about-details-mode.an-reference-pixel-view #app .an2-exact-hero>.an2-nav a:hover{background:rgba(255,113,0,.24)!important;border-color:#ff7900!important}
}

/* Exact requested identity-card palette, including mobile. */
html body.an-about-details-mode #app .an2-trust-grid article b,
html body.an-about-details-mode #app .an2-trust-grid article:nth-child(n) b{color:#fff!important}
html body.an-about-details-mode #app .an2-trust-grid article h3,
html body.an-about-details-mode #app .an2-trust-grid article:nth-child(n) h3{color:#fff!important}
html body.an-about-details-mode #app .an2-trust-grid article p,
html body.an-about-details-mode #app .an2-trust-grid article:nth-child(n) p{color:#fff!important}
html body.an-about-details-mode #app .an2-trust-grid article p strong,
html body.an-about-details-mode #app .an2-trust-grid article p em{color:#ff8500!important}
html body.an-about-details-mode #app .an2-trust-grid article{background:linear-gradient(125deg,#291b17,#10141b)!important}
html body.an-about-details-mode #app .an2-story :is(.an2-section-label,.an2-nav a:hover,.an2-service-num){color:#ff7900!important}
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-graduate-globe{overflow:visible!important;clip-path:none!important;isolation:isolate!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-graduate-globe .an2-globe-cap{display:block!important;visibility:visible!important;opacity:1!important;z-index:12!important;top:10px!important}
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-graduate-globe .an2-globe-cap svg{display:block!important;visibility:visible!important;opacity:1!important}
}
