@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102c39;--orange:#f16a35;--cream:#f6f5ef;--muted:#607078}*{box-sizing:border-box}body{margin:0;font:15px 'DM Sans',sans-serif;color:var(--navy);background:var(--cream)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{outline-offset:5px}header{background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid #dce0da}.top{background:var(--navy);color:#dce5e6;padding:9px 6%;font-size:11px;letter-spacing:1.2px;display:flex;justify-content:space-between}.nav{max-width:1400px;margin:auto;padding:24px 5%;display:flex;align-items:center;gap:35px}.brand{font:800 24px Manrope;letter-spacing:-1px;margin-right:auto}.brand span{color:var(--orange)}.brand small{display:block;font:9px 'DM Sans';letter-spacing:2.5px;margin-top:4px}.links{display:flex;align-items:center;gap:25px;font-size:13px}.links a:hover,.links a.active{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 24px;background:var(--orange);color:white;border:0;cursor:pointer;font-weight:600;font-size:13px}.btn.light{background:white;color:var(--navy)}.btn.outline{background:transparent;border:1px solid #b9c7cb;color:inherit}.menu{display:none;background:none;border:0;font-size:24px}.hero{position:relative;min-height:650px;background:linear-gradient(90deg,rgba(7,31,44,.38),rgba(7,31,44,.16) 63%,rgba(7,31,44,.06)),url('https://www.aljexdeprim.com/wp-content/uploads/2026/10/Cebu-CCLEX-and-Port-Hero.png') center/cover;color:white;display:flex;align-items:center}.hero-inner{width:100%;max-width:1400px;margin:auto;padding:80px 5% 110px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow:before{content:'';width:26px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Manrope;letter-spacing:-1.8px;line-height:1.1}h1{font-size:clamp(46px,5.9vw,82px);font-weight:500;max-width:800px;margin:0 0 26px}h1 em{font-style:normal;color:#ff9a69}p{line-height:1.8;color:var(--muted)}.hero p{color:#d2dce0;max-width:490px;margin-bottom:32px}.actions{display:flex;gap:15px;flex-wrap:wrap}.hero-note{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#dce5e6}.ribbon{padding:26px 5%;display:flex;justify-content:space-around;background:#eaece4;font-size:12px;gap:15px}.ribbon span:before{content:'↗';color:var(--orange);margin-right:12px}.section{padding:95px 6%;max-width:1440px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;margin:0;max-width:640px}.heading p{max-width:360px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #e1e4dc;padding:32px;position:relative}.card .icon{color:var(--orange);font-size:35px;margin-bottom:35px}.card h3{font-size:23px;font-weight:600;letter-spacing:-.6px}.card p{font-size:14px}.text-link{display:inline-block;margin-top:16px;font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:7px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo{width:100%;height:480px;object-fit:cover}.dark{background:var(--navy);color:white}.dark p{color:#c1cdd0}.feature{padding:22px 0;border-bottom:1px solid #ffffff25;display:flex;gap:25px}.feature b{color:#ff9667;font-size:12px}.feature h3{font-size:18px;letter-spacing:-.3px;margin:0 0 9px}.feature p{margin:0;font-size:13px}.china{background:#e8ece5}.china .photo{height:450px}.label{color:var(--orange);font-size:10px;letter-spacing:1.6px;font-weight:700}.step{display:grid;grid-template-columns:60px 1fr;gap:20px;border-top:1px solid #cfd7d4;padding:28px 0}.step b{color:var(--orange);font-size:23px}.step h3{font-size:21px;letter-spacing:-.5px;margin:0}.step p{margin-bottom:0}.page-head{padding:75px 6%;background:var(--navy);color:white}.page-head h1{font-size:58px}.page-head p{max-width:650px;color:#cad5d7}.article{max-width:820px;margin:auto;padding:70px 6%}.article h2{font-size:30px;margin:36px 0 20px}.article li{line-height:1.9;color:var(--muted);margin:12px 0}details{border-bottom:1px solid #d6ded7;padding:23px 0}summary{cursor:pointer;font:600 18px Manrope;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--orange)}details[open] summary:after{content:'−'}form{background:white;padding:35px;border:1px solid #dce1da}label{display:block;font-size:12px;margin-bottom:18px}input,select,textarea{width:100%;padding:13px;margin-top:8px;border:1px solid #cbd4d1;background:#fcfcf9;color:var(--navy)}textarea{min-height:110px}.notice{padding:18px;background:#e9ede5;font-size:12px;line-height:1.8;margin-top:24px}.news-card{padding:0;overflow:hidden}.news-card img{width:100%;height:200px;object-fit:cover}.news-card div{padding:28px}.news-card h3{font-size:22px;line-height:1.3}.cta{padding:65px 6%;background:var(--orange);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{max-width:700px}footer{background:#0b232f;color:#b4c5cb;padding:60px 6% 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer .brand{color:white}footer p{color:#a8bdc4;font-size:12px;max-width:300px}footer h4{color:white;font-size:12px}footer a{display:block;font-size:12px;margin:14px 0}.copyright{border-top:1px solid #ffffff20;margin-top:40px;padding-top:20px;font-size:10px;display:flex;justify-content:space-between}.resource-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.resource-tabs a{border:1px solid #cbd4d1;padding:12px 20px;font-size:12px}.resource-tabs a:hover{background:var(--navy);color:white}.hidden{display:none}@media(max-width:900px){.links{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:var(--cream);flex-direction:column;align-items:start}.links.open{display:flex}.menu{display:block}.nav>.btn{display:none}.top span:last-child{display:none}.hero{min-height:640px}.hero-inner{padding:65px 6% 100px}.hero-note span:last-child{display:none}.ribbon{flex-wrap:wrap;justify-content:start;gap:20px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:35px}.section{padding:65px 6%}.heading{display:block}.heading p{margin-top:25px}.photo,.china .photo{height:320px}.footer-grid{grid-template-columns:1fr 1fr}.cta{display:block}.cta .btn{margin-top:25px}.page-head h1{font-size:42px}}

.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.social-links a{display:flex;align-items:center;gap:8px;border:1px solid #ffffff40;padding:10px 13px;margin:0}.social-links svg{height:20px;width:20px}.social-links a:hover{color:white;border-color:#f16a35}.messaging-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.contact-qr{width:100%;max-width:220px;background:white}.contact-icon svg{height:46px;width:46px;color:#f16a35}@media(max-width:900px){.messaging-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.messaging-grid{grid-template-columns:1fr}}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.social-links a{display:flex;align-items:center;gap:8px;border:1px solid #ffffff40;padding:10px 13px;margin:0}.social-links svg{height:20px;width:20px}.social-links a:hover{color:white;border-color:#f16a35}.messaging-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.contact-qr{width:100%;max-width:220px;background:white}.contact-icon svg{height:46px;width:46px;color:#f16a35}@media(max-width:900px){.messaging-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.messaging-grid{grid-template-columns:1fr}}