*{box-sizing:border-box}body{margin:0;background:#061020;color:#e9f1ff;font:16px system-ui,sans-serif}a{color:inherit;text-decoration:none}header{padding:24px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #243650;background:#081527}strong.logo{font-size:26px;letter-spacing:4px}small,.muted{color:#9fb4d0}nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 5%;border-bottom:1px solid #243650}nav a,button,.button{padding:12px 17px;border:1px solid #31486b;background:#10223b;color:#edf5ff;border-radius:10px;cursor:pointer;font:inherit}nav a.active,button,.button{background:#1369ef;border-color:#378aff}.gold{color:#efc576}main{max-width:1320px;margin:auto;padding:48px 5%}h1{font-size:clamp(34px,5vw,66px);line-height:1.1;letter-spacing:-2px}h2{font-size:28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;min-height:430px}.lead{font-size:19px;line-height:1.8;color:#adc1dd}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.card{background:linear-gradient(140deg,#122b4b,#0b192d);border:1px solid #294364;border-radius:19px;padding:25px}.card p{color:#a7bdd8;line-height:1.7}.kpi{font-size:40px;font-weight:750;color:#80bcff}.tag{display:inline-block;border:1px solid #5a4d32;color:#efc576;border-radius:30px;padding:7px 13px;font-size:12px;letter-spacing:1px}.notice{padding:15px 20px;background:#10253e;border-left:3px solid #efc576;border-radius:6px;color:#bed0e7;margin:24px 0}.bars{display:flex;gap:14px;height:170px;align-items:end;margin-top:30px}.bars i{flex:1;background:linear-gradient(#49c8ff,#1468e8);border-radius:7px 7px 0 0}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;padding:17px 12px;border-bottom:1px solid #2b3c54}th{color:#90afcf;font-size:13px}input,select{padding:12px;background:#071629;color:white;border:1px solid #385477;border-radius:8px;font:inherit;max-width:100%}.scroll{overflow:auto}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0}footer{padding:30px 5%;border-top:1px solid #243650;color:#9fb4d0;font-size:13px}#result{white-space:pre-line}.security{color:#77dec2}@media(max-width:800px){.hero,.grid{grid-template-columns:1fr}header{gap:15px;flex-wrap:wrap}nav a{font-size:13px;padding:10px}main{padding-top:25px}h1{letter-spacing:-1px}}
/* Tipografi korporat: fon sistem tanpa muat turun luaran */
:root{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:inherit;font-size:15px;line-height:1.65}h1,h2,h3{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;line-height:1.2;text-wrap:balance}h1{font-size:clamp(32px,4vw,54px);font-weight:700;letter-spacing:-1.3px;margin:22px 0 26px;max-width:950px}h2{font-size:24px;font-weight:650;letter-spacing:-.45px;margin:0 0 16px}h3{font-size:19px;font-weight:650}strong.logo{font-size:25px;letter-spacing:4px;font-weight:750}nav a{font-size:14px;font-weight:600;letter-spacing:.1px;padding:11px 17px}.lead{font-size:18px;line-height:1.85;max-width:650px}.card p{font-size:15px;line-height:1.8}.tag{font-size:11px;font-weight:650;letter-spacing:1.25px}small{font-size:12px;line-height:1.7}input,select,button,.button{font-family:inherit;font-size:14px;line-height:1.5}button,.button{font-weight:600}label{font-size:14px;font-weight:550}input{font-weight:400}td{font-size:14px}th{font-weight:650;letter-spacing:.3px}#result{font-size:16px;font-weight:600;line-height:1.75}.kpi{font-size:38px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.notice{font-size:13px;line-height:1.8}footer{font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efc576;outline-offset:4px}@media(max-width:600px){h1{font-size:34px;letter-spacing:-.7px}h2{font-size:22px}.lead{font-size:16px}nav{gap:7px}nav a{font-size:13px;padding:10px 12px}}

.header-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.language-label{font-size:12px;color:#adc1dd}html[lang="ta"] body{font-family:"Nirmala UI","Latha",sans-serif}html[lang="zh-Hans"] body{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif}html[lang="ta"] h1,html[lang="zh-Hans"] h1{font-family:inherit;letter-spacing:0;font-size:clamp(30px,3.5vw,48px)}html[lang="ta"] h2,html[lang="zh-Hans"] h2{font-family:inherit;letter-spacing:0}header{gap:20px}.header-tools select{min-width:140px}nav a{white-space:normal}
/* NEXORE Digital Corporate */
:root{--cyan:#69dcff;--gold:#edc983;--line:#8bbcff25}body{background:radial-gradient(ellipse at 80% 0%,#15345e70,transparent 50%),#060f1e;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#6cafff05 1px,transparent 1px),linear-gradient(90deg,#6cafff05 1px,transparent 1px);background-size:64px 64px}header{background:#081526df;backdrop-filter:blur(20px);padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}header>a{position:relative;padding-left:60px;min-height:50px;display:block}.brand-mark{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:48px;color:#d9f4ff;font-size:28px;font-weight:700;background:linear-gradient(145deg,#247bff,#091b37);border:1px solid #65d0ff88;border-radius:13px 3px 13px 3px;box-shadow:0 0 30px #2a91ff25}.logo{color:#f6f8ff}.tag{background:#0d21357a;border-color:#cba55e55;color:#e8c989}nav{border-color:var(--line);gap:7px}nav a{display:flex;align-items:center;gap:9px;background:transparent;border-color:transparent;color:#9eb4d1}nav a svg{width:19px;height:19px;flex-shrink:0}nav a.active{background:linear-gradient(110deg,#1466dd,#1d86fb);box-shadow:0 5px 20px #0866e52b;color:white}nav a:hover{color:#fff;border-color:#70b5ff55;background-color:#142a46}main{padding-top:44px}.hero{gap:60px;min-height:570px;padding-bottom:45px}.hero h1{font-size:clamp(38px,4.8vw,65px);line-height:1.13;letter-spacing:-1.7px}.hero h1 .gold{background:linear-gradient(100deg,#ffe9b7,#dca651);background-clip:text;-webkit-text-fill-color:transparent}.hero .lead{font-size:17px}.card{position:relative;background:linear-gradient(135deg,#172e4ac9,#0b1729ed 75%);border:1px solid var(--line);box-shadow:0 16px 42px #00000022,inset 0 1px 0 #ffffff09;border-radius:20px}.card:before{content:"";position:absolute;left:25px;right:25px;top:0;height:1px;background:linear-gradient(90deg,transparent,#80c9ff55,transparent)}article.card{padding:28px;transition:transform .2s,border-color .2s}article.card:hover{transform:translateY(-4px);border-color:#75c7ff66}.module-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:#78d7ff;background:#1673d91f;border:1px solid #62bcff33;margin-bottom:25px}.module-icon svg{width:25px;height:25px}.grid article:nth-child(3n) .module-icon{color:#efce8b;background:#b48b2d15;border-color:#d6ae4e33}.card h2{font-size:21px}.kpi{font-size:44px;font-weight:650;color:#e8f3ff}.actions button,.button{border-radius:11px;background:linear-gradient(115deg,#1465e3,#268eff);border:1px solid #6caeff77;box-shadow:0 7px 20px #0965ed1b;padding:12px 20px;transition:filter .2s}.actions button:hover,.button:hover{filter:brightness(1.15)}input,select{background:#061327b8;border-color:#385473;min-height:45px}input:focus,select:focus{border-color:#67bcff}.notice{background:#0d1e32aa;border-left:2px solid #caa76b;color:#9fb5cf}.command-visual{padding:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#1d59864d,transparent 65%),linear-gradient(145deg,#112844,#081526);box-shadow:0 25px 90px #0007,0 0 60px #1475e812;min-height:440px}.command-visual .bars{height:70px;gap:10px}.command-visual .bars i{background:linear-gradient(#72dfff,#1765db);box-shadow:0 0 18px #3294ff15}.command-visual h2{font-size:19px}.command-visual .kpi{font-size:25px}.command-visual p{font-size:12px}.orbital{height:225px;position:relative;width:100%;display:grid;place-items:center}.orbit{position:absolute;width:210px;height:210px;border:1px solid #54c4ff3b;border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg);box-shadow:0 0 30px #1674ca15}.orbit-b{width:270px;height:270px;transform:rotateX(55deg) rotateZ(45deg);border-style:dashed}.core{position:relative;display:grid;place-items:center;width:100px;height:100px;border:1px solid #78d2ff70;border-radius:26px;background:linear-gradient(145deg,#2a83df88,#122642);font-size:51px;font-weight:650;box-shadow:0 0 60px #35b8ff25,inset 0 0 30px #60d6ff12;transform:rotate(-8deg)}.core span{position:absolute;right:-8px;bottom:-10px;font-size:24px;color:#f3cf89}.satellite{position:absolute;display:grid;place-items:center;width:42px;height:42px;background:#112940;border:1px solid #77c7ff66;border-radius:12px;box-shadow:0 8px 25px #0006}.satellite svg{width:23px;height:23px;color:#81dbff}.s1{left:13%;top:22%}.s2{right:9%;top:32%}.s3{left:24%;bottom:7%;border-color:#d8b66b66}.s3 svg{color:#f3cf89}.workspace nav{position:absolute;left:0;top:104px;width:240px;display:flex;flex-direction:column;gap:10px;padding:32px 18px;min-height:calc(100vh - 104px);background:#081526a8;border-right:1px solid var(--line);border-bottom:0}.workspace nav a{padding:13px 15px;line-height:1.6}.workspace main{margin-left:240px;padding:42px 40px;max-width:1450px}.workspace h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1px}.workspace footer{margin-left:240px}.workspace .grid{gap:16px}.workspace .card p{font-size:14px}table input{width:100%;min-width:160px}th{background:#10213866}.scroll{border:1px solid #29415e66;border-radius:12px}footer{background:#07132280}@media(min-width:1550px){.workspace main{margin-right:auto}}@media(max-width:1000px){.workspace nav{position:static;width:auto;min-height:0;flex-direction:row;flex-wrap:wrap;padding:16px 5%;border-right:0;border-bottom:1px solid var(--line)}.workspace main{margin-left:auto;padding:35px 5%}.workspace footer{margin-left:0}.hero{gap:25px}.header-tools .tag{display:none}}@media(max-width:800px){.hero{min-height:0}.hero h1{font-size:44px}.command-visual{min-height:400px}.workspace .grid{grid-template-columns:1fr}.orbital{height:210px}header{align-items:center}.header-tools{gap:7px}.header-tools label{display:none}.header-tools select{min-width:120px}.hero{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Animasi muka depan sahaja */
@media(prefers-reduced-motion:no-preference){
.marketing .hero>div:first-child{animation:nx-arrive .8s ease-out both}
.marketing .command-visual{animation:nx-arrive 1s .15s ease-out both}
.marketing .orbit-a{animation:nx-orbit 28s linear infinite}
.marketing .orbit-b{animation:nx-orbit-reverse 38s linear infinite}
.marketing .core{animation:nx-core 6s ease-in-out infinite}
.marketing .satellite{animation:nx-float 5s ease-in-out infinite}
.marketing .s2{animation-delay:-1.8s}.marketing .s3{animation-delay:-3.2s}
.marketing .command-visual .bars i{transform-origin:bottom;animation:nx-bar 1s ease-out both}
.marketing .command-visual .bars i:nth-child(2){animation-delay:.1s}.marketing .command-visual .bars i:nth-child(3){animation-delay:.2s}.marketing .command-visual .bars i:nth-child(4){animation-delay:.3s}.marketing .command-visual .bars i:nth-child(5){animation-delay:.4s}.marketing .command-visual .bars i:nth-child(6){animation-delay:.5s}
}
@keyframes nx-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes nx-orbit{from{transform:rotateX(55deg) rotateZ(-25deg)}to{transform:rotateX(55deg) rotateZ(335deg)}}
@keyframes nx-orbit-reverse{from{transform:rotateX(55deg) rotateZ(45deg)}to{transform:rotateX(55deg) rotateZ(-315deg)}}
@keyframes nx-core{0%,100%{transform:translateY(0) rotate(-8deg);box-shadow:0 0 35px #35b8ff20}50%{transform:translateY(-6px) rotate(-4deg);box-shadow:0 0 55px #35b8ff38}}
@keyframes nx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes nx-bar{from{transform:scaleY(.05);opacity:.3}to{transform:scaleY(1);opacity:1}}
html.nx-motion-paused *,html.nx-motion-paused *:before,html.nx-motion-paused *:after{animation-play-state:paused!important}
.motion-toggle{margin-top:12px;background:#10243b;border:1px solid #45658a;color:#b9cfe8;font-size:12px;padding:7px 12px;border-radius:8px}

/* Ikon mesra berwarna */
.nav-icon{width:33px;height:33px;border-radius:11px;display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#2376bb55,#123460);border:1px solid #71cfff4d;color:#86e0ff;box-shadow:inset 0 1px 0 #ffffff22,0 4px 8px #0002}.nav-icon svg{width:19px;height:19px}.tone-1{background:linear-gradient(145deg,#6750aa77,#262449);border-color:#bba1ff55;color:#d0bbff}.tone-2{background:linear-gradient(145deg,#ad7c2e66,#443419);border-color:#f4d49655;color:#ffe1a2}.tone-3{background:linear-gradient(145deg,#227f7166,#123c39);border-color:#80dfc755;color:#99f4dd}nav a.active .nav-icon{background:#ffffff20;border-color:#ffffff55;color:#fff}nav a:hover .nav-icon{transform:translateY(-2px)}.nav-icon{transition:transform .2s}.package-icon{position:relative;width:68px;height:68px;border-radius:21px;background:linear-gradient(145deg,#2481e955,#123056);box-shadow:inset 0 1px 0 #ffffff29,0 10px 25px #0002;margin-bottom:28px}.package-icon svg{width:34px;height:34px}.package-1{color:#d4c4ff;background:linear-gradient(145deg,#7458b555,#282044);border-color:#bca1ff55}.package-2{color:#ffe0a0;background:linear-gradient(145deg,#ad843a55,#3f3019);border-color:#e9c98055}.spark{position:absolute;right:-6px;top:-9px;color:#f0d49a;font-size:22px;text-shadow:0 0 12px #edc57655}.module-icon{border-radius:15px;box-shadow:inset 0 1px 0 #ffffff19}.grid article:nth-child(2)>.module-icon:not(.package-icon){color:#c7b8ff;background:#6c4db82e;border-color:#ac8eff55}.grid article:nth-child(4)>.module-icon{color:#9becd6;background:#22776933;border-color:#82dfbc55}@media(prefers-reduced-motion:reduce){nav a:hover .nav-icon{transform:none}}

.remove-supplier{margin-top:8px;padding:6px 11px;font-size:12px;color:#ffc3bd;background:#722c303d;border:1px solid #d6766b55}.remove-supplier:hover{background:#91383d66}#addSupplier{background:linear-gradient(110deg,#164d60,#167e88);border-color:#75d8d888}

.demo-link{display:inline-flex;margin-top:8px;font-size:13px;padding:9px 14px}.staff-demo{margin:24px 0}.staff-demo input[type="search"]{min-width:220px}.grid article.card{display:flex;flex-direction:column;align-items:flex-start}.grid article.card>.demo-link{margin-top:auto}#security{scroll-margin-top:25px}