*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00897b;--primary-fg: #ffffff;--bg: #ffffff;--fg: #1a2332;--muted: #6b7a8d;--border: #e8ecf0;--card-bg: #ffffff;--secondary-bg: #1e2a4a;--secondary-fg: #ffffff;--petronas-dark: #0d1520;--radius: .5rem}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);transition:opacity .2s,background .2s;cursor:pointer;border:none}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{opacity:.9}.btn-outline-light{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline-light:hover{background:#ffffff1a}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.logo{display:flex;align-items:center;gap:.75rem}.logo-img{width:2.5rem;height:2.5rem;border-radius:var(--radius);object-fit:contain}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.logo-name{font-size:1rem;font-weight:600}.nav{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--muted);transition:color .2s}.nav-link:hover{color:var(--fg)}.header-cta{padding:.5rem 1rem}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--fg);border-radius:2px}.hero{position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0f1eeb,#0a0f1eb3 60%,#0a0f1e73)}.hero-content{position:relative;padding:6rem 1.5rem;max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:1.5rem}.badge-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary)}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#fff}.hero-desc{margin-top:1.5rem;font-size:1rem;color:#fffc;max-width:560px}.hero-actions{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--secondary-bg);color:var(--secondary-fg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto}.stat-item{padding:2.5rem 1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:var(--primary)}.stat-label{margin-top:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffffb3}.section{padding:6rem 0}.section-header{max-width:600px}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.section-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--primary);font-weight:500}.section-tag-light{color:#fffc}.section-title{margin-top:.75rem;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.section-desc{margin-top:1rem;color:var(--muted);font-size:1rem}.text-white{color:#fff}.fuels-side-img{display:none;width:16rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 8px #0000000f}.fuels-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:.75rem;overflow:hidden;border:1px solid var(--border)}.fuel-card{display:flex;gap:1.25rem;padding:1.5rem;background:var(--card-bg);transition:background .2s}.fuel-card:hover{background:#f0faf8}.fuel-icon{flex-shrink:0;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:700;color:#fff;font-size:1.1rem}.fuel-name{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.fuel-desc{margin-top:.25rem;font-size:.85rem;color:var(--muted)}.primax-section{background:var(--petronas-dark);color:#fff;overflow:hidden}.primax-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:6rem 1.5rem}.primax-desc{margin-top:1.25rem;color:#ffffffb3;max-width:480px}.primax-list{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;font-size:.9rem;color:#ffffffd9}.primax-list li{display:flex;align-items:center;gap:.75rem}.primax-img-wrapper{position:relative}.primax-glow{position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;border-radius:1.5rem;background:radial-gradient(60% 60% at 50% 50%,rgba(0,137,123,.35),transparent 70%)}.primax-img{position:relative;width:100%;border-radius:1rem;object-fit:cover;box-shadow:0 24px 60px -20px #00897b59}.services-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.service-card{padding:1.5rem;border-radius:.75rem;border:1px solid var(--border);background:var(--card-bg);transition:box-shadow .2s}.service-card:hover{box-shadow:0 4px 20px #00000014}.service-number{font-size:.85rem;font-family:monospace;color:var(--primary);font-weight:500}.service-name{margin-top:1rem;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.service-desc{margin-top:.5rem;font-size:.85rem;color:var(--muted)}.visit-section{position:relative;overflow:hidden}.visit-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00897b,#1e3a6a)}.visit-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:6rem 1.5rem;color:#fff}.visit-desc{margin-top:1.25rem;color:#ffffffd9;max-width:480px}.visit-card{padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1.5rem}.visit-info-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffffb3}.visit-info-value{margin-top:.25rem;font-size:1.1rem}.visit-dev{margin-top:.75rem;display:flex;align-items:center;gap:.75rem}.dev-logo{width:3rem;height:3rem;border-radius:var(--radius);object-fit:cover}.dev-name{font-size:1rem;font-weight:600}.footer{border-top:1px solid var(--border);background:var(--bg);padding:2.5rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-logo{width:2rem;height:2rem;object-fit:contain}.footer-links{display:flex;gap:1.5rem}.footer-links a:hover{color:var(--fg)}@media (max-width: 1024px){.fuels-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:1.5rem;border-bottom:1px solid var(--border);gap:1rem}.nav-open,.mobile-menu-btn{display:flex}.header-cta{display:none}.hero-title{font-size:2rem}.hero-content{padding:4rem 1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:2rem}.section-title{font-size:1.75rem}.section-header-row{flex-direction:column;align-items:flex-start}.fuels-grid{grid-template-columns:1fr}.primax-grid{grid-template-columns:1fr;padding:4rem 1.5rem}.services-grid{grid-template-columns:1fr}.visit-grid{grid-template-columns:1fr;padding:4rem 1.5rem}.footer-inner{flex-direction:column;gap:1rem;text-align:center}}@media (min-width: 769px){.fuels-side-img{display:block}.hero-title{font-size:4rem}}