@font-face{font-family:Inter;src:url('../fonts/inter-400.ttf') format('truetype');font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-600.ttf') format('truetype');font-display:swap;font-weight:700}@font-face{font-family:Space;src:url('../fonts/spacegrotesk-600.ttf') format('truetype');font-display:swap}:root{--bg:#0b1820;--ink:#e9f2ee;--accent:#8be0c0;--muted:#a2b7ba;--line:#28414a;--focus:#a2f5d7;--button-ink:#102a25;--display:Space,Arial,sans-serif;--sans:Inter,Arial,sans-serif}.header{background:#0b1820f5}.brand{font:22px Space,Arial}.brand b{font:11px Inter,Arial;border:1px solid #426c68;padding:3px 6px;border-radius:4px;margin-left:5px;color:var(--accent)}h1{font-size:clamp(44px,4.4vw,62px);line-height:1.1;letter-spacing:-2.5px}h1 em,h2 em{font-style:normal}h2{font-size:42px;line-height:1.14;letter-spacing:-1.8px}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:1.8px}.lead{font-size:18px;color:#d3e1de}.hero{grid-template-columns:1fr 1.03fr;gap:30px;min-height:620px;padding-top:60px}.map-scene{height:460px;background:radial-gradient(ellipse at 60% 55%,#183c40,#0e2029 65%);border:1px solid #2b4b50;border-radius:14px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 30px 70px #0003}.map-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;padding:22px;position:relative;z-index:3}.map-top .dot{width:5px;height:5px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#5da48b0d 1px,transparent 1px),linear-gradient(90deg,#5da48b0d 1px,transparent 1px);background-size:30px 30px;transform:perspective(700px) rotateX(24deg) scale(1.3)}.malaysia{position:absolute;top:80px;left:0;width:100%;height:auto;filter:drop-shadow(0 14px 0 #081b2299);transform:rotate(-7deg)}.scan-line{position:absolute;top:20%;bottom:20%;width:1px;left:10%;background:linear-gradient(transparent,#8be0c077,transparent);box-shadow:-20px 0 45px #8be0c02b;animation:scan 9s ease-in-out infinite}.map-orbit{border:1px solid #7acbb623;border-radius:50%;width:440px;height:440px;position:absolute;left:15%;top:5%;transform:rotateX(48deg);box-shadow:0 0 0 30px #6bc4ad07,0 0 0 90px #6bc4ad04}.map-pin{position:absolute;left:20%;top:47%;width:12px;height:12px;background:#b5f5d9;border:3px solid #0e3939;border-radius:50%;box-shadow:0 0 0 8px #8be0c020,0 0 0 23px #8be0c00a;animation:pin 4s ease-in-out infinite}.map-label{position:absolute;left:25%;top:50%;font-size:7px;letter-spacing:1px;background:#0b2029dc;border:1px solid #4c7d71;border-radius:3px;padding:6px 10px}.map-bottom{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#10232e 30%)}.map-bottom span{display:block;color:var(--accent);font-size:11px}.map-bottom b{display:block;font:23px Space,Arial;margin:6px 0 12px}.map-bottom small{font-size:8px;color:var(--muted)}.capability-strip{display:flex;justify-content:space-between;border-block:1px solid var(--line);font-size:11px;color:var(--muted);padding-block:23px}.capability-strip span:before{content:'+';color:var(--accent);margin-right:12px}.climate-story{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0f222c}.climate-menu{display:flex;border-bottom:1px solid var(--line)}.climate-menu button{padding:20px 28px;background:none;border:0;color:var(--muted);font-size:13px;flex:1;border-bottom:2px solid transparent}.climate-menu button span{margin-right:12px;font-size:18px}.climate-menu [aria-selected=true]{background:#18342f;color:#a9f1d3;border-bottom-color:var(--accent)}.climate-panel{display:grid;grid-template-columns:1fr 1fr;min-height:350px;animation:enter .45s ease both}.climate-panel[hidden]{display:none}.climate-visual{position:relative;overflow:hidden;min-height:350px;background:radial-gradient(ellipse at 42% 35%,#294b44,transparent 65%)}.building{position:absolute;width:160px;height:140px;bottom:55px;left:32%;border:1px solid #7caf9a;background:#132e33;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;transform:skewY(-8deg);box-shadow:17px 14px 0 #091b24}.building:after{content:'';position:absolute;left:-30px;right:-30px;bottom:-20px;border-bottom:1px solid #678d7d;transform:skewY(8deg)}.building i{background:#467768;border:1px solid #81ae93}.sun{width:78px;height:78px;border-radius:50%;border:1px solid #c6bd7e;background:#c4b77727;position:absolute;left:22%;top:45px;box-shadow:0 0 0 18px #e9cb6710,0 0 0 40px #e9cb6707;animation:float 7s ease-in-out infinite}.visual-label{position:absolute;bottom:18px;left:25px;font-size:8px;letter-spacing:2px;color:var(--muted)}.climate-copy{padding:40px 40px 30px;border-left:1px solid var(--line)}.climate-copy h3{font-size:29px;line-height:1.22;letter-spacing:-1px}.climate-copy p:not(.eyebrow):not(.caption){font-size:13px;color:var(--muted);margin-top:17px}.question-line{border-top:1px solid var(--line);padding-top:15px;font-size:12px}.question-line span{display:block;font-size:8px;letter-spacing:1.4px;color:var(--accent);margin-bottom:6px}.rain-lines{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0,transparent 32px,#8ac5dc66 33px,transparent 34px);mask-image:linear-gradient(transparent,#000,transparent);animation:rain 2.5s linear infinite}.rain-art{background:radial-gradient(ellipse,#29485c,transparent 70%)}.water-art{background:radial-gradient(ellipse,#244b48,transparent 70%)}.water-rings{position:absolute;width:290px;height:150px;border:1px solid #67c5b0;border-radius:50%;left:20%;top:45%;box-shadow:0 0 0 20px #67c5b01b,0 0 0 45px #67c5b012;animation:float 5s ease-in-out infinite}.business-section{background:#dbe9e0;color:#122e2c;padding:80px 0}.business-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.business-section .eyebrow{color:#376052}.business-section h2 em{color:#376052}.business-section p:not(.eyebrow){max-width:410px;font-size:14px;color:#3f5d55}.business-list>div{display:grid;grid-template-columns:28px 1fr;gap:3px 15px;padding:17px 0;border-bottom:1px solid #adcbc0}.business-list>div:first-child{padding-top:0}.business-list span{grid-row:1/3;font-size:10px;color:#537568}.business-list b{font-size:16px}.business-list small{font-size:11px;color:#4c6d61}.workspace-illustration{border:1px solid var(--line);border-radius:10px;background:#10242d;display:grid;grid-template-columns:220px 1fr;overflow:hidden;box-shadow:0 30px 65px #0002}.workspace-sidebar{padding:32px 25px;display:flex;flex-direction:column;gap:16px;border-right:1px solid var(--line);font-size:11px;color:var(--muted)}.workspace-sidebar .eyebrow{margin-bottom:0}.workspace-sidebar strong{color:var(--ink);font-size:13px;margin-bottom:25px}.workspace-sidebar .active{background:#29473d;color:#bcf1d6;padding:10px;margin-inline:-10px;border-radius:4px}.workspace-main{padding:30px}.workspace-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.workspace-heading .eyebrow{font-size:8px;margin-bottom:8px}.workspace-heading h3{font-size:24px;margin:0 0 22px}.example-badge{font-size:7px;border:1px solid var(--line);color:var(--muted);padding:5px 7px;border-radius:3px;letter-spacing:1px}.site-rows>div{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.site-icon{font-size:24px;color:var(--accent)}.site-rows strong{font-size:12px}.site-rows small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.site-rows b{margin-left:auto;font-size:10px;color:var(--accent);font-weight:400}.snapshot{background:#193732;padding:17px;margin-top:12px;border-radius:5px}.snapshot>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.snapshot>div{display:flex;gap:10px 23px;flex-wrap:wrap;font-size:10px;margin-top:10px}.snapshot b{font-weight:400}.vantage .roles article{border-color:var(--line)}.vantage .roles h3{font-size:23px}.closing{background:radial-gradient(ellipse at bottom,#234840,#10222b);border-block:1px solid var(--line)}.closing .actions{justify-content:center}.closing h2{font-size:46px;line-height:1.18}.vantage .footer strong{font-family:Space,Arial}.vantage .questions h2{font-size:36px}@keyframes scan{50%{left:90%;opacity:.4}}@keyframes pin{50%{box-shadow:0 0 0 13px #8be0c015,0 0 0 30px #8be0c005}}@keyframes rain{to{background-position:-35px 70px}}@media(max-width:1100px){.header nav{font-size:11px}.header{gap:20px}.brand{font-size:19px}.hero h1{font-size:49px}.map-scene{height:420px}.business-layout{gap:45px}.workspace-illustration{grid-template-columns:190px 1fr}.climate-copy{padding:30px}.building{left:25%}.hero .actions{gap:16px}.hero .button{font-size:12px;padding-inline:17px}}@media(max-width:800px){.hero{grid-template-columns:1fr}.map-scene{max-width:600px;width:100%;margin:auto;height:450px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px}.climate-panel{grid-template-columns:1fr}.climate-copy{border-left:0;border-top:1px solid var(--line)}.climate-visual{min-height:300px}.building{left:38%}.business-layout{grid-template-columns:1fr;gap:40px}.workspace-illustration{grid-template-columns:1fr}.workspace-sidebar{display:none}.workspace-main{padding:23px}.workspace-heading h3{font-size:20px}.site-rows b{font-size:8px}.closing h2{font-size:38px}.climate-menu button{font-size:11px;padding:15px 10px}.climate-menu button span{margin-right:6px}.closing .actions{flex-wrap:wrap}.hero h1{font-size:48px}}@media(max-width:420px){.map-scene{height:360px}.malaysia{top:70px}.map-bottom b{font-size:20px}.map-label{font-size:6px}.capability-strip{font-size:9px}.workspace-main{padding:18px}.site-rows>div{flex-wrap:wrap}.site-rows b{margin-left:40px}.hero h1{font-size:40px}.brand{font-size:18px}.brand img{width:28px;height:28px}.climate-copy{padding:25px}.climate-copy h3{font-size:25px}}
.map-credit{font-size:8px;color:var(--muted);margin-top:-25px;margin-bottom:25px;text-align:right}.map-credit a{text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.map-credit{text-align:left;margin-top:0}}