@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--teal:#009e93;--ink:#101c1d;--cream:#f5f7f4;--gold:#d7b56d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.03}h2{font-size:clamp(42px,5vw,66px);margin-bottom:25px}em{font-style:normal;color:var(--teal)}.topbar{padding:8px 5%;background:var(--teal);color:white;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;font-weight:800}header{position:sticky;top:0;z-index:20;background:#f8faf7f2;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:17px 5%;gap:20px;border-bottom:1px solid #dbe4df}.brand{line-height:1.1;display:block;white-space:nowrap}.brand-top{display:block;font-size:11px;letter-spacing:.5px;color:var(--teal);margin-bottom:4px}.brand strong{font-size:25px;font-weight:800;letter-spacing:-1px;font-style:italic}.brand strong span{font-weight:500}.brand i{color:#dc3540;margin-left:6px}nav{display:flex;gap:28px;font-size:12px;font-weight:700}nav a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--teal);color:white;border:0;border-radius:3px;padding:16px 24px;font-size:13px;font-weight:800;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 9px 25px #009e9330}.btn span{font-size:20px;line-height:1}.btn.small{padding:13px 18px;font-size:11px}.shine:after{content:'';position:absolute;top:0;left:-100%;height:100%;width:45%;background:linear-gradient(100deg,transparent,#ffffff4d,transparent);transform:skewX(-20deg);animation:shine 7s infinite}.hero{min-height:670px;position:relative;color:#fff;background:#102324;overflow:hidden}.hero-bg{position:absolute;width:65%;right:0;height:100%;object-position:center 52%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2223 18%,#0b2223ed 35%,#0b222360 65%,#0b222320)}.hero-content{position:relative;max-width:1300px;margin:auto;padding:85px 5% 70px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;margin-bottom:26px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#39dfc8;border-radius:50%;margin-right:8px}.teal{color:var(--teal)}h1{font-size:clamp(58px,7.3vw,100px);margin-bottom:25px;max-width:750px}h1 em{color:#38d0bb}.intro{color:#d1dfda;font-size:14px;line-height:1.9}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.textlink{font-size:12px;font-weight:700;border-bottom:1px solid #ffffff60;padding-bottom:7px}.textlink span{margin-left:15px}.micro{font-size:9px;color:#b7c8c4;letter-spacing:3px;margin-top:35px}.hero-caption{position:absolute;bottom:20px;right:5%;display:flex;gap:50px;font-size:9px;letter-spacing:1px;color:#d6e5e1}.ribbon{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:#e8eeea;font-size:12px;font-weight:800;letter-spacing:1px;border-bottom:1px solid #d5e0d9}.ribbon span:first-child{color:var(--teal);font-size:19px;letter-spacing:-.4px}.section{padding:95px 6%;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head>p{max-width:380px;color:#65716d;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dbe3de}.service-grid article{padding:32px;position:relative;background:#fff;border-right:1px solid #dbe3de;transition:background .3s}.service-grid article:last-child{border:0}.service-grid article:hover{background:#edf8f4}.service-icon{font-size:40px;color:var(--teal);display:block;margin-bottom:22px;line-height:1}.num{position:absolute;top:35px;right:30px;font-size:10px;color:#80938d}.service-grid h3{font-size:19px}.service-grid p{font-size:13px;color:#65716d;min-height:65px}.service-grid a{font-size:11px;font-weight:800;color:var(--teal)}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;background:#eaf0ec;max-width:none}.about-image{position:relative;height:590px;max-width:600px;justify-self:end;width:100%}.about-image img{height:100%;object-position:center 45%}.about-image>span{position:absolute;bottom:0;background:#102324d9;color:#fff;width:100%;padding:20px;font-size:9px;letter-spacing:1.5px}.about-copy{max-width:480px}.about-copy>p:not(.eyebrow){font-size:14px;color:#5a6c65}.partner{display:flex;align-items:center;gap:17px;border-top:1px solid #cddbd3;border-bottom:1px solid #cddbd3;padding:20px 0;margin:25px 0}.partner img{width:48px;height:52px;object-fit:contain;mix-blend-mode:multiply}.partner strong,.partner span{display:block}.partner strong{font-size:14px}.partner span{font-size:11px;color:#5a6c65}.dark{border-color:#bbc9c1}.tag{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#71837b}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}figure{margin:0}figure img{height:370px;border-radius:2px}figure:first-child img{object-position:center 45%}figcaption{font-size:10px;font-weight:700;margin-top:15px;color:#697a72}.booking{max-width:none;background:var(--teal);color:white;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-left:max(6%,calc((100vw - 1260px)/2));padding-right:max(6%,calc((100vw - 1260px)/2))}.booking h2{font-size:76px}.booking>div>p:not(.eyebrow){color:#d4eeea;font-size:14px}.booking-note{display:flex;gap:20px;align-items:center;margin-top:35px}.booking-note>span{font-size:42px;color:#a9ded4}.booking-note p{margin:0;font-weight:700;font-size:12px}.booking-note small{font-weight:400;color:#c8e6df}.booking form{padding:32px;background:#ffffff12;border:1px solid #ffffff3b;border-radius:4px}.booking label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.booking label span{font-weight:400;opacity:.75}.booking input,.booking select{width:100%;border:1px solid #ffffff50;background:#fff;color:var(--ink);padding:13px;border-radius:2px;margin-bottom:20px;min-height:49px}.booking .btn{width:100%;background:var(--ink)}.form-note{font-size:10px;color:#d7eee8;line-height:1.8;margin:14px 0 0}.location{display:grid;grid-template-columns:1fr 1.1fr;gap:85px}address{font-style:normal;font-size:14px;color:#596b63}.location-name{font-size:12px;margin-top:24px;color:#66756e}.contact-links{display:grid;gap:9px;margin:24px 0}.contact-links a{font-size:17px;font-weight:800;display:flex;justify-content:space-between;border-bottom:1px solid #dce4df;padding-bottom:10px}.contact-links span{font-size:9px;color:var(--teal);align-self:center}.muted{font-size:11px;color:#6b7a73}.map-card{position:relative;min-height:440px;background:#dce9e2;border:1px solid #dce4df}.map-card iframe{width:100%;height:100%;min-height:440px;border:0;filter:saturate(.6)}.map-card>div{position:absolute;bottom:20px;left:20px;right:20px;background:var(--ink);color:#fff;padding:18px;font-weight:800;font-size:13px}.map-card small{display:block;font-size:8px;letter-spacing:2px;color:#8bc7b6;margin-left:24px}.map-card>div>span{color:#35c1a9;margin-right:10px}footer{background:#0c2020;color:#d6e4de;padding:60px 6% 22px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding-bottom:40px}.light strong{color:#fff}.light .brand-top{color:#51cdbc}.footer-main p,.footer-main a:not(.brand){font-size:11px;color:#9db3a9}.footer-main>div>strong{font-size:13px}.footer-label{font-size:8px!important;letter-spacing:1.8px}.local-pride strong{display:block;font-size:18px!important;line-height:1.5}.flag{display:block;color:var(--gold);font-size:20px;letter-spacing:-3px;margin-bottom:10px}.footer-bottom{border-top:1px solid #29413b;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:#829d91}.floating-wa{position:fixed;bottom:22px;right:22px;z-index:25;background:#fff;color:#087e70;border:1px solid #c0e5d9;padding:12px 20px;border-radius:30px;font-size:11px;font-weight:800;box-shadow:0 5px 25px #10232422;animation:bounce 8s 3s infinite}.floating-wa span{margin-left:15px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@keyframes shine{0%,75%{left:-100%}100%{left:150%}}@keyframes bounce{0%,90%,100%{transform:translateY(0)}94%{transform:translateY(-6px)}97%{transform:translateY(-2px)}}@media(min-width:1500px){.hero-content{padding-left:0}}@media(max-width:900px){nav{gap:15px}header .small{display:none}.about{gap:35px}.section{padding:70px 5%}.booking{gap:35px}.booking h2{font-size:58px}.location{gap:35px}.ribbon span{font-size:9px}.hero-bg{width:100%}.hero-shade{background:linear-gradient(90deg,#0b2223f5,#0b2223b0 55%,#0b22234d)}.gallery-grid{gap:12px}figure img{height:290px}}@media(max-width:600px){header{padding:15px 5%}.brand strong{font-size:21px}.brand-top{font-size:9px}nav{gap:13px;font-size:10px}nav a:nth-child(2),nav a:nth-child(3){display:none}.topbar{font-size:8px;letter-spacing:1px}.hero{min-height:660px}.hero-content{padding:72px 6% 65px}.hero-bg{object-position:65% center}.hero h1{font-size:64px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:12px}.actions{gap:18px;align-items:flex-start;flex-direction:column}.btn{padding:15px 20px;font-size:12px}.hero-caption{font-size:7px;gap:20px;left:6%;right:6%;justify-content:space-between}.micro{margin-top:28px;font-size:8px}.ribbon{padding:20px 5%;flex-wrap:wrap;gap:13px}.ribbon span:first-child{font-size:16px;flex-basis:100%}.section-head{display:block}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #dbe3de;padding:28px}.service-grid p{min-height:0}.service-icon{margin-bottom:15px}.about,.booking,.location{grid-template-columns:1fr;gap:35px}.about-image{height:420px}.about-copy{max-width:none}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.gallery-grid figure:first-child{grid-column:1/-1}.gallery-grid figure:first-child img{height:360px}.gallery-grid figure img{height:250px}figcaption{font-size:8px}.tag{display:block;margin-top:20px}.booking h2{font-size:62px}.booking form{padding:24px}.map-card,.map-card iframe{min-height:350px}.contact-links a{font-size:15px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-bottom{display:block;font-size:8px;padding-bottom:45px}.footer-bottom>span{display:block;margin-bottom:8px}.floating-wa{bottom:15px;right:15px}.section{padding:60px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important;transition:none!important}}

.dynz-emblem{width:180px;height:140px;object-fit:cover;object-position:center 55%;border-radius:4px;margin-top:20px}
/* PETRONAS x Dynz: refined depth, static calls to action */
:root{--ink:#0c1719;--teal:#009e93}header{background:#09191bef;color:#eefaf6;border-bottom:1px solid #2d4d49}.brand-top{color:#4dd8c4}.brand i{color:var(--gold)}nav a:hover{color:#4dd8c4}.btn{background:linear-gradient(145deg,#0bb9a8,#008a80);border:1px solid #56d6c36b;border-bottom:4px solid #00685f;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff36,0 6px 12px #0527241c;transition:none}.btn:hover{transform:none;box-shadow:inset 0 1px 0 #ffffff50,0 6px 12px #0527241c}.shine:after{display:none}.floating-wa{animation:none;box-shadow:0 5px 18px #051f2530;bottom:22px;right:22px;border-radius:9px}.fixed-actions{position:fixed;bottom:22px;right:22px;display:flex;gap:8px;z-index:25}.fixed-actions .floating-wa{position:static}.fixed-book{display:flex;align-items:center;background:#009e93;color:#fff;padding:12px 20px;border:1px solid #40c7b3;border-bottom:3px solid #00665d;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 5px 18px #051f2530}.hero{background:#071a1d}.hero-shade{background:linear-gradient(90deg,#071a1d 13%,#071a1df0 33%,#071a1d68 67%,#071a1d20)}.hero-content{padding-top:75px;padding-bottom:80px}.ribbon{background:#071a1d;color:#a8c8be;border-color:#25413c}.ribbon span:first-child{color:#39cfba}.service-grid{border:0;gap:22px;perspective:1200px}.service-grid article{border:1px solid #d1e2d7!important;border-radius:14px;background:linear-gradient(145deg,#fff,#edf4ef);box-shadow:0 4px 0 #ceddd3,0 18px 30px #1023240b;transition:transform .25s,box-shadow .25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 4px 0 #96c2b0,0 24px 35px #10232414}.service-icon{display:grid;place-items:center;width:65px;height:65px;background:linear-gradient(145deg,#13c3af,#007c73);color:#eafff7;font-size:37px;border-radius:17px;box-shadow:inset 0 2px 0 #ffffff60,0 5px 0 #00665f,0 12px 18px #009e9322}.gallery{background:#0b1b1d;color:#fff;max-width:none}.gallery .tag{color:#8cafa1}.gallery-grid{perspective:1500px;gap:26px}.gallery-grid figure{padding:10px 10px 0;border:1px solid #38514c;border-radius:15px;background:linear-gradient(135deg,#263a39,#102527);box-shadow:0 7px 0 #051315,0 20px 35px #0003;transition:transform .25s,box-shadow .25s;transform-style:preserve-3d}.gallery-grid figure:hover{transform:translateY(-7px) rotateX(2deg);box-shadow:0 7px 0 #051315,0 25px 40px #0005}.gallery-grid img{border-radius:9px;filter:brightness(1.13) contrast(1.02) saturate(.9)}.gallery-grid figcaption{padding:0 8px 12px;color:#b7d0c4}.about-image{border-radius:14px;overflow:hidden;box-shadow:0 10px 0 #c7d9cd,0 25px 45px #1023241f}.about-image img{filter:brightness(1.09) saturate(.92)}.booking{background:linear-gradient(115deg,#007f77,#06483f 60%,#102324)}.booking-cta{background:#ffffff0d;border:1px solid #ffffff30;border-radius:16px;padding:35px;align-self:center;box-shadow:0 15px 35px #0002}.booking-cta h3{font-size:23px}.booking-cta p{font-size:13px;color:#c4e5d7}.booking-cta .btn{margin-top:15px}.smart-guide{background:#e6f0e9}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.guide-options{display:flex;flex-wrap:wrap;gap:10px}.guide-options button{padding:12px 17px;border:1px solid #b7d3c3;background:#fff;border-radius:30px;font-size:12px;font-weight:700;color:#23483d;cursor:pointer}.guide-options button[aria-pressed=true]{background:#007f74;color:#fff;border-color:#007f74}.guide-result{margin-top:25px;padding:25px;background:#fff;border-left:3px solid #009e93;border-radius:0 10px 10px 0;min-height:190px}.guide-result h3{font-size:19px}.guide-result p{font-size:13px;color:#61776a}.guide-result small{font-size:10px;color:#718176}.guide-result a{display:inline-block;color:#008675;font-size:12px;font-weight:800;margin:0 0 12px}.guide-photo{position:relative}.guide-photo img{height:430px;border-radius:20px;box-shadow:15px 15px 0 #009e93}.guide-photo span{position:absolute;left:20px;bottom:20px;background:#071a1de8;color:#d7f3e5;padding:12px 18px;border:1px solid #628f7e;border-radius:8px;font-size:11px;letter-spacing:1px}.booking-page header .back-link{color:#fff}@media(max-width:700px){.guide-layout{grid-template-columns:1fr;gap:30px}.guide-photo img{height:320px;box-shadow:8px 8px 0 #009e93}.fixed-actions{bottom:12px;right:12px;gap:6px}.fixed-actions a{padding:11px 15px;font-size:10px}.floating-wa span{margin-left:6px}.gallery-grid{gap:20px 12px}.hero-shade{background:linear-gradient(90deg,#071a1de8,#071a1db8 55%,#071a1d66)}.hero h1{font-size:58px}.gallery-grid figure{padding:7px 7px 0}.booking-cta{padding:25px}.service-grid{gap:20px}}
/* Prominent original Dynz identity */
.hero-dynz-logo{position:absolute;right:6%;bottom:76px;width:230px;height:170px;object-fit:cover;object-position:center 55%;border:1px solid #d7b56d70;border-radius:14px;background:#000;box-shadow:0 15px 35px #0006;z-index:2}.footer-dynz-logo{width:160px;height:115px;object-fit:cover;object-position:center 55%;border-radius:8px;margin-bottom:20px}.dynz-emblem{width:260px;height:190px}@media(max-width:900px){.hero-dynz-logo{width:170px;height:125px;right:5%;bottom:35px}.hero-caption{display:none}}@media(max-width:600px){.hero{padding-bottom:175px}.hero-dynz-logo{left:6%;right:auto;bottom:25px;width:190px;height:140px}.hero-content{padding-bottom:25px}.dynz-emblem{width:240px;height:180px}}