:root{--ink:#071b26;--ink-2:#0d2b38;--blue:#0c5973;--cyan:#7ee0e8;--orange:#ff642e;--acid:#d5f35a;--pale:#edf3f2;--paper:#f8faf7;--line:#bed0d2;--white:#fff;--display:"Arial Narrow","Roboto Condensed",Impact,sans-serif;--body:Inter,Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.62;overflow-x:hidden}
a{transition:color .2s ease,background .2s ease,transform .2s ease}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.wrap{width:min(1240px,calc(100% - 64px));margin:auto}
.preview{padding:8px 20px;background:var(--orange);color:#fff;font-size:10px;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase}
.nav{min-height:96px;display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(7,27,38,.15)}
.brand{position:relative;color:var(--ink);font-family:var(--display);font-size:31px;font-weight:900;letter-spacing:-.02em;line-height:.7;text-decoration:none}
.brand:after{content:"";position:absolute;right:-15px;top:-7px;width:6px;height:38px;background:var(--orange);transform:skew(-14deg)}
.brand small{display:block;margin-top:8px;color:var(--orange);font-family:var(--body);font-size:9px;font-weight:800;letter-spacing:.48em}
.nav nav{display:flex;gap:28px;margin-left:auto}
.nav nav a,.text-link{position:relative;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.025em;text-decoration:none}
.nav nav a:after,.text-link:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav nav a:hover:after,.nav nav a[aria-current="page"]:after,.text-link:hover:after{transform:scaleX(1)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 23px;border:1px solid var(--orange);border-radius:0;background:var(--orange);color:#fff;font-size:13px;font-weight:800;letter-spacing:.045em;text-decoration:none;text-transform:uppercase;box-shadow:7px 7px 0 var(--ink)}
.button:hover{background:var(--ink);border-color:var(--ink);transform:translate(3px,3px);box-shadow:3px 3px 0 var(--orange)}
.button.small{min-height:42px;padding:10px 17px;box-shadow:none}
.hero{position:relative;isolation:isolate;padding:112px 0 122px;background:var(--ink);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.hero:after{content:"";position:absolute;z-index:-1;right:-10vw;bottom:-31vw;width:62vw;height:62vw;border:clamp(70px,9vw,150px) solid var(--orange);border-radius:50%;opacity:.92}
.hero>.wrap:not(.hero-grid){position:relative}
.hero>.wrap:not(.hero-grid):after{content:"01";position:absolute;right:0;top:50%;color:rgba(255,255,255,.08);font-family:var(--display);font-size:clamp(140px,22vw,310px);font-weight:900;line-height:.7;transform:translateY(-45%)}
.hero-grid,.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(48px,7vw,110px);align-items:center}
h1,h2,h3{font-family:var(--display);text-transform:uppercase}
h1{max-width:1050px;margin:.2em 0 .3em;font-size:clamp(58px,7.7vw,112px);font-weight:800;letter-spacing:-.045em;line-height:.84}
.hero:not(:has(.hero-grid)) h1{max-width:880px}
h2{max-width:950px;margin:.15em 0 .7em;font-size:clamp(40px,5.5vw,75px);font-weight:800;letter-spacing:-.035em;line-height:.92}
h3{margin:.15em 0 .55em;font-size:clamp(23px,2vw,31px);font-weight:800;line-height:1}
p{max-width:72ch}
.lead{max-width:790px;color:#d7e4e6;font-size:clamp(18px,2vw,23px);line-height:1.48}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.eyebrow:before{content:"";width:38px;height:3px;background:currentColor}
.actions{display:flex;align-items:center;gap:28px;margin-top:36px}
.hero .text-link{color:#fff}
.signal{position:relative;padding:42px 38px 34px;border:1px solid rgba(255,255,255,.25);background:rgba(7,27,38,.86);box-shadow:18px 18px 0 var(--orange);backdrop-filter:blur(8px)}
.signal:before{content:"SYSTEM / 01";display:block;margin-bottom:24px;color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.2em}
.signal strong{font-family:var(--display);font-size:30px;line-height:1;text-transform:uppercase}
.signal ol{margin-bottom:0;padding-left:20px}
.signal li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.section{position:relative;padding:118px 0}
.section>.eyebrow,.section>h2,.section>.lead,.section>.actions{margin-left:auto;margin-right:auto;width:min(1240px,calc(100% - 64px))}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink)}
.cards article{position:relative;min-height:280px;padding:36px 30px;border:0;background:var(--pale);overflow:hidden;transition:background .25s ease,color .25s ease,transform .25s ease}
.cards article:before{content:"0" counter(card);display:block;margin-bottom:52px;color:var(--orange);font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:.1em;counter-increment:card}
.cards{counter-reset:card}
.cards article:after{content:"";position:absolute;right:-30px;bottom:-55px;width:130px;height:130px;border:28px solid rgba(7,27,38,.07);border-radius:50%}
.cards article:hover{z-index:2;background:var(--ink-2);color:#fff;transform:translateY(-8px)}
.cards article p{font-size:14px}
.dark{background:var(--ink);color:#fff}
.dark h2{color:#fff}
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.22);counter-reset:sector}
.sectors span{position:relative;min-height:150px;padding:75px 28px 24px;background:var(--ink);font-family:var(--display);font-size:26px;font-weight:800;line-height:1;text-transform:uppercase;counter-increment:sector;transition:background .2s ease,color .2s ease}
.sectors span:before{content:"0" counter(sector);position:absolute;top:24px;left:28px;color:var(--orange);font-family:var(--body);font-size:10px;letter-spacing:.15em}
.sectors span:hover{background:var(--orange);color:#fff}
.sectors span:hover:before{color:var(--ink)}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.steps b{color:var(--orange);font-family:var(--display);font-size:24px}
.steps strong{display:block;color:inherit;font-family:var(--display);font-size:23px;line-height:1;text-transform:uppercase}
.pale{background:var(--pale)}
.pale:before{content:"";position:absolute;top:0;right:0;width:32%;height:10px;background:var(--orange)}
.note{padding:18px 20px;border-left:5px solid var(--orange);background:rgba(255,255,255,.55);font-size:13px}
.contact{text-align:left;max-width:940px;margin:auto}
.contact h2{max-width:900px}
.case-lead{color:var(--ink)}
.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:42px 0;background:var(--ink)}
.case-metrics div{padding:26px;background:#fff}
.case-metrics strong,.case-metrics span{display:block}
.case-metrics strong{color:var(--orange);font-family:var(--display);font-size:30px;text-transform:uppercase}
.case-metrics span{font-size:13px;font-weight:700;text-transform:uppercase}
.case-story,.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:36px 0}
.case-story article{padding:28px;background:#fff;border-top:5px solid var(--orange)}
.case-gallery figure{margin:0;background:#fff;border:1px solid var(--line)}
.case-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain}
.case-gallery figcaption{padding:14px;font-size:13px;font-weight:800;text-transform:uppercase}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.resource-grid article{padding:34px 30px;border-top:6px solid var(--orange);background:#fff;box-shadow:0 18px 45px rgba(7,27,38,.08)}
.resource-grid h3{min-height:2em}
.resource-type{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.article-body{max-width:900px}
.article-body h2{margin-top:1.2em;font-size:clamp(34px,4vw,56px)}
.article-body h3{margin-top:1.8em}
.article-body ul,.article-body ol{max-width:74ch;padding-left:24px}
.article-body li{margin:.65em 0}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px;color:#c5d5d8;font-size:12px;font-weight:700;text-transform:uppercase}
footer{padding:46px 0;border-top:8px solid var(--orange);background:#031117;color:#a9bcc1;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
:where(.skip-link){position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.7rem 1rem;background:#fff;color:#111827;border:2px solid currentColor;transform:translateY(-200%)}
:where(.skip-link:focus){transform:translateY(0)}
@media(max-width:960px){.nav nav{gap:15px}.hero-grid,.split{grid-template-columns:1fr;gap:46px}.hero-grid .signal{max-width:620px}.cards{grid-template-columns:1fr 1fr}.sectors{grid-template-columns:1fr 1fr}.case-metrics{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr}}
@media(max-width:800px){.wrap,.section>.eyebrow,.section>h2,.section>.lead,.section>.actions{width:min(100% - 36px,1240px)}.nav{min-height:0;padding:20px 0 14px;flex-wrap:wrap;gap:18px}.nav nav{display:flex;order:3;width:100%;gap:8px 18px;padding-top:13px;border-top:1px solid rgba(7,27,38,.15);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.nav nav a{min-height:36px;display:inline-flex;align-items:center}.nav .button{margin-left:auto}.hero{padding:76px 0 90px}.hero:after{right:-25vw;bottom:-18vw;width:82vw;height:82vw;opacity:.55}.section{padding:82px 0}h1{font-size:clamp(52px,13.5vw,82px)}.cards article{min-height:245px}.sectors span{min-height:125px}}
@media(max-width:520px){.nav .button.small{min-height:38px;padding:8px 11px;font-size:11px}.actions{align-items:flex-start;flex-direction:column}.cards,.sectors,.case-metrics,.case-story,.case-gallery{grid-template-columns:1fr}.cards article{min-height:220px}.cards article:before{margin-bottom:28px}.signal{padding:32px 26px;box-shadow:10px 10px 0 var(--orange)}.hero>.wrap:not(.hero-grid):after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Malay review print controls */
@media print { .skip-link { display: none !important; } }