/* Touch layouts share the site's charcoal and orange design. */
.feedme-heading{position:relative}
.feedme-heading-robot{position:absolute;right:0;bottom:0;width:clamp(90px,11vw,160px);max-width:32%;height:auto;pointer-events:none}
.our-story{padding:100px 0;background:radial-gradient(ellipse at 90% 15%,#f57c0012,transparent 45%),#0b0b0c;border-block:1px solid #ffffff12}
.our-story-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:start}
.our-story-copy h2{font-family:var(--font-display);font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 24px;color:#f5f5f7}
.our-story-copy h2 span{color:#ff9400}
.our-story p{font-size:16px;line-height:1.75;color:#a9a9b0;margin:16px 0 0}
.our-story .our-story-lead{font-size:20px;line-height:1.55;color:#dedee2;margin-bottom:24px}
.our-story-panel{padding:34px;background:linear-gradient(135deg,#2a1b0e,#141415 70%);border:1px solid #ff940030;border-radius:28px}
.our-story-established{display:block;color:#ffad53;font-size:12px;line-height:1.6}
.our-story h3{font-family:var(--font-display);font-size:25px;line-height:1.2;letter-spacing:-.025em;color:#f5f5f7}
.our-story-panel h3{margin-top:22px}
.our-story-values{padding:24px 0;margin-top:16px;border-block:1px solid #ffffff18}
.our-story-values strong{display:block;color:#ff9400;font:700 28px/1.25 var(--font-display)}
.our-story-values span{display:block;color:#c3c3c8;font-size:14px;line-height:1.6;margin-top:12px}
.our-story-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 0;margin-top:16px;border-block:1px solid #ffffff18}
.our-story-metrics strong{display:block;color:#ff9400;font:700 clamp(32px,3.7vw,46px)/1.15 var(--font-display);white-space:nowrap}
.our-story-metrics span{display:block;color:#c3c3c8;font-size:13px;line-height:1.6;margin-top:10px}
.our-story-client-total{min-width:0}
@media(max-width:380px){.our-story-metrics{grid-template-columns:1fr}}
.our-story-quote{margin:24px 0 0;padding:20px;border-left:3px solid #ff9400;border-radius:0 16px 16px 0;background:#f57c000d}
.our-story-quote::before{content:'“';display:block;color:#ff9400;font:48px/.8 Georgia,serif;margin-bottom:12px}
.our-story .our-story-quote p{margin:0;color:#dedee2;font-size:16px;line-height:1.7}
.our-story-quote cite{display:block;margin-top:14px;font-size:13px;font-style:normal;font-weight:600;color:#ffad53}
.our-story-solutions{max-width:920px;margin-top:56px}
.our-story-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.our-story-process article{border:1px solid #ffffff18;border-radius:22px;background:#151516;padding:24px}
.our-story-process article>span{display:block;color:#ff9400;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:16px}
.our-story-process h3{font-size:21px}.our-story-process p{font-size:14px;line-height:1.65}
.our-story-future{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;border-top:1px solid #ffffff18;margin-top:48px;padding-top:36px}
.our-story-future h3{margin-top:16px;font-size:32px}.our-story-future p{margin-top:0}
.our-story-belief .our-story-quote{border-left:0;background:transparent;padding:0;margin-top:28px}
.our-story-belief .our-story-quote p{font-size:clamp(20px,2.2vw,28px);line-height:1.6}
.home-company-section h2{font-family:var(--font-display);font-size:clamp(36px,4.5vw,62px);line-height:1.1;letter-spacing:-.04em;color:#f5f5f7;margin:20px 0 24px}
.company-profile{background:#080809}.company-solution{background:radial-gradient(ellipse at 10% 0,#f57c000e,transparent 50%),#111112}
.home-company-section .our-story-solutions{margin-top:0}
.home-company-section .our-story-future{border:0;padding:0;margin:0}
.company-mission .our-story-future>div>p+p{margin-top:20px}
@media(max-width:1024px){.our-story{padding:64px 0}.our-story-intro,.our-story-future{grid-template-columns:1fr;gap:28px}.our-story-process{grid-template-columns:repeat(2,minmax(0,1fr))}.our-story-panel{padding:26px}.our-story-solutions{margin-top:36px}.our-story-copy h2{font-size:clamp(36px,7vw,56px)}}
@media(max-width:560px){.our-story-process{grid-template-columns:1fr}.our-story-process article{padding:22px}.our-story .our-story-lead{font-size:18px}.our-story-future h3{font-size:28px}}
.mobile-home-story,.mobile-feature-flow{display:none}
.mobile-feature-progress{display:none}
.mobile-malaysia-map{display:none}
.feedme-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
.friendly-demo-platforms span{min-width:44px;min-height:44px;display:inline-flex;justify-content:center;padding:10px}
.friendly-demo-platforms svg{width:20px;height:20px}
@media(max-width:1024px){




  .feedme-pricing-grid{grid-template-columns:1fr}
  html{scroll-padding-top:64px}body{overflow-wrap:break-word}
  .nav-mobile-btn{min-width:44px;min-height:44px}
  .mobile-menu{padding:24px max(22px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom));gap:12px;overflow-y:auto;overscroll-behavior:contain;height:calc(100dvh - 52px)}
  .mobile-menu button{min-height:48px;font-size:24px;flex-shrink:0}
  .mobile-hardware-links{display:grid;border-left:2px solid #f57c00;padding-left:16px;margin-bottom:12px}
  .mobile-hardware-links button{font-size:16px;color:#f5f5f7;min-height:44px}
  input,select,textarea{font-size:16px!important}button,a.btn,.btn-primary,.btn-secondary{min-height:44px}
  .view input,.view select,.view textarea{max-width:100%;min-width:0}
  .nav-inner{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  .nav-logo{min-height:44px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .footer-col a{font-size:14px;line-height:1.4;min-height:44px;padding:12px 0;margin:0}
  .footer-col h4{font-size:12px;margin-bottom:10px}.footer-social-col{grid-column:1/-1}
  .footer-social-link{width:44px;height:44px;padding:0!important}
  .footer-bottom{align-items:flex-start;font-size:12px}.footer-bottom-links{flex-wrap:wrap;gap:12px}
  .footer-bottom-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
  .cinematic-hero{display:none}
  .mobile-home-story{display:grid;gap:20px;padding:94px 22px 48px;background:radial-gradient(ellipse at top,#27170b,#050505 48%)}
  .mobile-story-card{padding:28px 22px;background:#141415;border:1px solid #ffffff18;border-radius:24px}
  .mobile-story-card:first-child,.mobile-story-card:last-child{background:transparent;border:0;padding:8px 0 24px}
  .mobile-story-card h1,.mobile-story-card h2{font-family:var(--font-display);font-size:clamp(30px,8vw,48px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}
  .mobile-story-card:first-child h1{font-size:clamp(40px,11vw,64px)}
  .mobile-story-card p{font-size:16px;line-height:1.6;color:#b9b9be;margin:12px 0}
  .mobile-story-card img{width:100%;height:220px;object-fit:contain;margin:18px 0}
  .mobile-story-card .story-cta{pointer-events:auto;min-height:48px}
  .feedme-hero-grid{min-height:0;gap:24px}.feedme-slide{padding:76px 20px 48px}
  .feedme-hero-art{height:240px}.feedme-hero-logo{width:220px;max-height:230px}
  .feedme-feature-card{min-height:150px;padding:24px}
  .feedme-contact-card{min-height:0}.feedme-section-head{gap:22px}
  .feedme-illustration-wrap,.feedme-illustration{min-height:300px}
  .qr-demo-dialog,.friendly-demo-dialog,.display-demo-dialog,.queue-demo-dialog,.inventory-demo-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:64px 18px 28px;overflow-y:auto!important;overscroll-behavior:contain}
  .qr-demo-modal,.friendly-demo-modal,.display-demo-modal,.queue-demo-modal,.inventory-demo-modal{padding:0}
  .qr-demo-close{position:fixed!important;top:calc(12px + env(safe-area-inset-top))!important;right:16px!important;width:44px!important;height:44px!important;z-index:20;background:#232326}
  .qr-demo-story,.qr-demo-caption,.friendly-demo-stage,.friendly-demo-tagline,.display-demo-scroller,.queue-demo-scroller,.inventory-demo-scroller,.display-demo-progress,.queue-demo-progress,.inventory-demo-progress{display:none!important}
  .mobile-feature-flow{display:grid;gap:18px;margin-top:24px}
  .mobile-feature-progress{display:block;color:#ff9b35;font-size:13px;line-height:1.5;margin-top:20px}
  .mobile-feature-card{display:none}
  .mobile-feature-card.is-current{display:block;animation:mobileFeatureEnter .5s ease both}
  .mobile-feature-card.is-current img{animation:mobileFeatureFocus 3.5s ease both}
  .mobile-feature-card video{pointer-events:none;max-height:calc(100dvh - 270px)}
  .mobile-feature-card img{max-height:calc(100dvh - 270px)}
  .mobile-feature-card{min-width:0;background:#19191b;border:1px solid #ffffff21;border-radius:18px;padding:18px}
  .mobile-feature-card h3{font-size:18px;line-height:1.4;margin:0 0 16px;color:#f5f5f7}
  .mobile-feature-card img,.mobile-feature-card video{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:8px;background:#080808}
  .mobile-feature-card video{height:auto;min-height:180px}
  .mobile-feature-card img,.mobile-feature-card video{max-height:calc(100dvh - 270px)}
  .qr-demo-header h2,.friendly-demo-head h2,.display-demo-head h2,.queue-demo-head h2,.inventory-demo-head h2{font-size:clamp(28px,7vw,40px);line-height:1.12}
  .friendly-demo-head{display:block}.friendly-demo-platforms{margin-top:18px;flex-wrap:wrap}
  .d3-showcase{height:100dvh}.d3-showcase-scroll{scroll-snap-type:none}
  .d3-showcase-brand{left:0;top:0;width:100%;max-width:none;padding:16px 64px 16px 20px;background:#080808f5;transform:none}
  .d3-showcase-brand h2{font-size:26px;line-height:1.05}.d3-showcase-kicker{display:none}
  .d3-showcase-request{margin-top:12px;height:44px}.d3-showcase-close{width:44px;height:44px;top:12px;right:12px}
  .d3-stage-content{margin-left:0;min-height:100dvh;padding:150px 24px 40px;grid-template-columns:minmax(0,1fr);gap:20px}
  .d3-stage-visual{min-width:0}.d3-stage-visual img{max-height:38dvh;object-fit:contain}
  .d3-showcase-progress{display:none}
  .support-page{padding:88px 20px 48px}.support-enquiry-form{min-width:0}
  .support-form-panel{order:-1}.support-guide{border-right:0;border-bottom:0;border-top:1px solid #ffffff1a}
  .hardware-carousel-dots button{width:44px;height:44px;border-radius:50%;background:transparent!important;position:relative;box-shadow:none!important}
  .hardware-carousel-dots button::after{content:'';position:absolute;width:8px;height:8px;left:17px;top:17px;border-radius:50%;background:#777}
  .hardware-carousel-dots button.is-active::after{background:#f57c00}
  .hardware-bundle-carousel{perspective:none;cursor:auto;flex:none;overflow:visible}
  .hardware-bundle-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px;transform:none!important;padding:0;transition:none}
  .hardware-bundle-option{transform:none!important;opacity:1;min-width:0;transition:border-color .2s;padding:8px 8px 16px;border-radius:16px}
  .hardware-bundle-option[data-carousel-clone],.hardware-carousel-dots,.hardware-carousel-hint{display:none!important}
  .hardware-bundle-option[data-carousel-index="0"]{order:0}.hardware-bundle-option[data-carousel-index="1"]{order:1}
  .hardware-bundle-option img{object-fit:contain;aspect-ratio:1;height:auto}
  .hardware-bundle-option strong{font-size:16px;margin:12px 4px 0}.hardware-bundle-option small{font-size:12px}
  .hardware-bundle-option-check{right:12px;top:12px}
  .scroll-top-button{min-height:44px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
}
@keyframes mobileFeatureEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes mobileFeatureFocus{from{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:620px){
  .hardware-intro{min-height:0;padding:90px 20px 48px}
  .bundle-card img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important}
  .hardware-bundle-title{font-size:clamp(34px,10vw,52px)}
  .feedme-hero-title{font-size:clamp(40px,12vw,58px)}
  .section-title{font-size:clamp(32px,9vw,44px)!important}
}
@media(max-width:1024px) and (max-height:500px){
  .mobile-home-story{padding-top:78px}.d3-stage-content{padding-top:140px}
  .d3-stage-visual img{max-height:65dvh}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:1025px){.company-mission .our-story-future{align-items:end}}
/* Homepage brand identity */
.nav-logo .nav-brand-mark{width:44px;height:24px;object-fit:contain;flex:none}
.cinematic-topline{display:none!important}
.hero-brand-backdrop{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(940px,76vw);height:auto;opacity:.19;filter:drop-shadow(0 0 40px rgba(245,124,0,.24));pointer-events:none}
.cinematic-copy[data-story-phase="0"] .cinematic-copy-inner{z-index:1}
.cinematic-copy[data-story-phase="0"] .story-kicker{font-family:var(--font-display);font-size:clamp(24px,2.5vw,34px);letter-spacing:-.02em;text-transform:none;line-height:1.2;margin-bottom:28px}
.cinematic-copy[data-story-phase="0"] .story-kicker::before{display:none}
@media(max-width:767px){
 .hero-brand-backdrop{top:30%;width:110vw;max-width:none;opacity:.2}
 .cinematic-copy[data-story-phase="0"] .story-kicker{font-size:28px;margin-bottom:22px}
 .nav-logo .nav-brand-mark{width:38px;height:22px}
}
@media(max-width:1024px){
 .mobile-story-card:first-child{position:relative;isolation:isolate}
 .mobile-story-card:first-child::before{content:"";position:absolute;inset:-20px -16px 0;z-index:-1;background:url('nexai-infinity-logo.png') center 35%/contain no-repeat;opacity:.19;pointer-events:none}
 .mobile-story-card:first-child .story-kicker{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);letter-spacing:-.02em;text-transform:none;line-height:1.2;margin-bottom:22px}
 .mobile-story-card:first-child .story-kicker::before{display:none}
}
@media(min-width:1025px){
 .cinematic-copy[data-story-phase="0"] .story-title{font-size:clamp(54px,6.5vw,100px)}
}
/* Keep the brand and navigation on a shared centre line. */
.nav-logo{gap:9px;flex-shrink:0;align-items:center}
.nav-logo-text{color:#ff9500;font-size:15px;line-height:1;white-space:nowrap}
@media(min-width:1025px){
 .nav-inner{display:grid;grid-template-columns:1fr auto 1fr;column-gap:28px;align-items:center}
 .nav-logo{justify-self:start}
 .nav-links{justify-self:center;align-items:center}
 .nav-cta{justify-self:end}
}
/* Phones open directly on Our Story; tablet and desktop keep the introduction. */
@media(max-width:767px){
 #view-home > .mobile-home-story,#view-home > .cinematic-hero{display:none}
 #view-home > #our-story{padding-top:88px}
}