@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:'Open Sans',Arial,sans-serif;font-size:14px;color:#333;background:#fff;line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;}
h1{font-size:2rem;font-weight:300;color:#fff;margin-bottom:16px;}
h2{font-size:1.5rem;font-weight:400;color:#1a3a5c;margin-bottom:12px;}
h3{font-size:1.1rem;font-weight:600;color:#1a3a5c;margin-bottom:10px;}
p{margin-bottom:14px;}p:last-child{margin-bottom:0;}

/* PAGE TRANSITION */
#pt-overlay{position:fixed;inset:0;z-index:9999;background:#0d2244;opacity:0;pointer-events:none;transition:opacity 0.28s ease;}
#pt-overlay.in{opacity:1;pointer-events:all;}

/* HEADER */
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,26,50,0.97);border-bottom:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(6px);}
.header-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between;}
.site-logo img{height:44px;width:auto;}
#primary-nav{display:flex;align-items:center;}
#primary-nav>li{position:relative;}
#primary-nav>li>a{display:block;padding:0 16px;line-height:72px;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.78);cursor:pointer;transition:color 0.2s;white-space:nowrap;position:relative;}
#primary-nav>li>a::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:#c9a635;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}
#primary-nav>li>a:hover,#primary-nav>li.active>a{color:#c9a635;}
#primary-nav>li>a:hover::after,#primary-nav>li.active>a::after{transform:scaleX(1);}
.dropdown{position:absolute;top:100%;left:0;min-width:220px;background:#0d2244;border-top:2px solid #c9a635;box-shadow:0 8px 24px rgba(0,0,0,0.4);display:none;z-index:200;animation:ddIn 0.18s ease;}
@keyframes ddIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:none;}}
li:hover>.dropdown{display:block;}
.dropdown li a{display:block;padding:11px 20px;font-size:11.5px;letter-spacing:0.8px;color:rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.05);transition:color 0.2s,padding-left 0.2s;}
.dropdown li a:hover{color:#c9a635;padding-left:26px;}
#nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;}
#nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:1px;transition:all 0.3s;}
#nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
#nav-toggle.open span:nth-child(2){opacity:0;}
#nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
#mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#0a1a32;overflow-y:auto;z-index:999;padding:24px 0;}
#mobile-menu.open{display:block;}
#mobile-menu li a{display:block;padding:14px 32px;font-size:14px;color:rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.05);transition:color 0.2s;}
#mobile-menu li a:hover{color:#c9a635;}
#mobile-menu .mob-sub a{padding-left:52px;font-size:13px;color:rgba(255,255,255,0.55);}

/* HERO */
#hero{position:relative;height:100vh;min-height:520px;overflow:hidden;margin-top:72px;}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1.1s ease;}
.slide.active{opacity:1;}
.slide-1{background-color:#0a1a32;background-image:linear-gradient(rgba(10,26,50,0.68),rgba(10,26,50,0.68)),url('../wp-content/uploads/neohomepagelngblock.jpg');background-size:cover;background-position:center;}
.slide-2{background-color:#0d2040;background-image:linear-gradient(rgba(10,26,50,0.68),rgba(10,26,50,0.68)),url('../wp-content/uploads/neohomepageblock.png');background-size:cover;background-position:center;}
.slide-content{text-align:center;padding:0 32px;max-width:760px;}
.slide-content h2{font-size:clamp(28px,5vw,54px);font-weight:300;color:#fff;line-height:1.18;margin-bottom:24px;letter-spacing:0.5px;opacity:0;}
.slide.active .slide-content h2{animation:heroIn 0.85s 0.35s cubic-bezier(.22,1,.36,1) forwards;}
@keyframes heroIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.slide-content a{display:inline-block;border:1px solid rgba(255,255,255,0.6);color:#fff;padding:11px 32px;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background 0.3s,border-color 0.3s,color 0.3s;opacity:0;}
.slide.active .slide-content a{animation:heroIn 0.85s 0.65s cubic-bezier(.22,1,.36,1) forwards;}
.slide-content a:hover{background:rgba(201,166,53,0.2);border-color:#c9a635;color:#c9a635;}
#slider-progress{position:absolute;bottom:0;left:0;height:3px;background:#c9a635;z-index:10;width:0;}
#slider-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:background 0.3s,transform 0.3s;}
.dot.active{background:#c9a635;transform:scale(1.3);}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);color:#fff;width:44px;height:44px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s,transform 0.2s;z-index:10;}
.slider-arrow:hover{background:rgba(201,166,53,0.3);transform:translateY(-50%) scale(1.1);}
#prev-slide{left:20px;}#next-slide{right:20px;}

/* INTRO BAND */
.intro-band{background:#0d2244;padding:48px 0;text-align:center;}
.intro-band p{font-size:17px;font-weight:300;color:rgba(255,255,255,0.88);max-width:720px;margin:0 auto 16px;line-height:1.65;}
.intro-band a{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:#c9a635;border-bottom:1px solid rgba(201,166,53,0.4);transition:letter-spacing 0.25s,border-color 0.25s;}
.intro-band a:hover{letter-spacing:3px;border-color:#c9a635;}

/* FEATURE BLOCKS */
.feature-blocks{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.feature-block{position:relative;overflow:hidden;height:320px;cursor:pointer;}
.feature-block img{width:100%;height:100%;object-fit:cover;filter:brightness(0.72);transition:filter 0.45s,transform 0.5s cubic-bezier(.22,1,.36,1);}
.feature-block:hover img{filter:brightness(0.9);transform:scale(1.05);}
.feature-block-text{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;background:linear-gradient(transparent,rgba(10,26,50,0.9));transform:translateY(5px);transition:transform 0.35s;}
.feature-block:hover .feature-block-text{transform:none;}
.feature-block-text h3{color:#fff;margin-bottom:4px;font-size:1.1rem;}
.feature-block-text .sub{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:#c9a635;margin-bottom:10px;}
.feature-block-text p{color:rgba(255,255,255,0.8);font-size:13px;margin:0;}

/* HOME NEWS + BRENT */
.home-news-row{display:grid;grid-template-columns:1.8fr 1fr;}
.news-list{padding:48px;}
.news-list h2{color:#1a3a5c;margin-bottom:28px;border-bottom:2px solid #c9a635;padding-bottom:12px;display:inline-block;}
.news-item{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #e8eef5;}
.news-item:last-child{border:none;}
.news-date{font-size:10.5px;letter-spacing:1px;color:#c9a635;text-transform:uppercase;white-space:nowrap;padding-top:2px;min-width:80px;}
.news-item-content h4{font-size:0.9rem;margin-bottom:0;}
.news-item-content h4 a{color:#1a3a5c;transition:color 0.2s;}
.news-item-content h4 a:hover{color:#c9a635;}
.news-more{display:inline-block;margin-top:20px;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:#c9a635;border-bottom:1px solid transparent;transition:letter-spacing 0.25s,border-color 0.25s;}
.news-more:hover{letter-spacing:2.5px;border-bottom-color:#c9a635;}
.brent-panel{background:#0d2244;padding:48px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.brent-panel h3{color:#c9a635;font-size:1rem;letter-spacing:1px;margin-bottom:16px;font-weight:400;}
.brent-price{font-size:3rem;font-weight:300;color:#fff;line-height:1;margin-bottom:8px;}
.brent-unit{font-size:10.5px;color:rgba(255,255,255,0.45);letter-spacing:1px;text-transform:uppercase;}
.brent-change{font-size:12px;margin-top:10px;min-height:18px;}
.brent-note{font-size:10px;color:rgba(255,255,255,0.25);margin-top:18px;}

/* PAGE BANNER */
.page-banner{margin-top:72px;padding:72px 0 56px;background:linear-gradient(135deg, #071525 0%, #0d2244 60%, #0a1e3d 100%);}
.page-banner-inner{max-width:1200px;margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:28px;}
.page-banner h1{font-size:clamp(24px,4vw,48px);font-weight:300;color:#fff;margin:0;line-height:1.15;animation:heroIn 0.7s 0.15s cubic-bezier(.22,1,.36,1) both;}
.page-banner img{width:80px;height:auto;flex-shrink:0;}

/* CONTENT */
.content-body{max-width:1200px;margin:0 auto;padding:64px 48px;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.two-col-wide{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:start;}
.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;}
.strategy-card{background:#f5f8fc;border-top:3px solid #c9a635;padding:28px 24px;transition:box-shadow 0.35s,transform 0.35s;}
.strategy-card:hover{box-shadow:0 10px 28px rgba(10,26,50,0.1);transform:translateY(-4px);}
.strategy-card h3{color:#0d2244;margin-bottom:10px;font-size:0.95rem;}
.strategy-card p{font-size:13.5px;color:#555;line-height:1.75;margin:0;}
.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;}
.vision-card{background:#0d2244;padding:32px 24px;transition:transform 0.35s,box-shadow 0.35s;}
.vision-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.2);}
.vision-card .vc-label{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#c9a635;margin-bottom:12px;}
.vision-card h3{color:#fff;margin-bottom:12px;font-size:1rem;}
.vision-card p{color:rgba(255,255,255,0.72);font-size:13px;line-height:1.75;margin:0;}
.team-intro{background:#f5f8fc;padding:28px 32px;border-left:4px solid #c9a635;margin-bottom:40px;font-size:14px;line-height:1.8;}
.team-member{padding:28px 0;border-bottom:1px solid #dde6f0;transition:background 0.2s;}
.team-member:last-child{border:none;}
.team-member:hover{background:#fafcff;padding-left:8px;}
.team-member-name{font-size:1.15rem;font-weight:600;color:#0d2244;margin-bottom:4px;}
.team-member-title{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#c9a635;margin-bottom:14px;}
.team-member-bio{font-size:13.5px;color:#444;line-height:1.82;}
.csr-list{margin:16px 0 28px;}
.csr-list li{padding:9px 0 9px 22px;position:relative;border-bottom:1px solid #eaf0f8;font-size:14px;color:#444;transition:color 0.2s,padding-left 0.25s;}
.csr-list li::before{content:'—';position:absolute;left:0;color:#c9a635;}
.csr-list li:hover{color:#0d2244;padding-left:28px;}
.field-box{background:#f5f8fc;border-left:4px solid #0d2244;padding:24px 28px;margin:24px 0;}
.field-box h3{color:#0d2244;margin-bottom:10px;}
.field-box p{font-size:14px;color:#444;margin:0;line-height:1.8;}
.chain-img-wrap{text-align:center;margin:36px 0 0;}
.chain-img-wrap img{max-width:100%;margin:0 auto;}
.client-logo-wrap{text-align:center;margin:36px 0 0;}
.client-logo-wrap img{max-width:100%;margin:0 auto;}
.csr-img-wrap{text-align:center;margin:36px 0 0;}
.csr-img-wrap img{max-width:100%;margin:0 auto;}
.bullet-list{margin:12px 0;}
.bullet-list li{padding:9px 0 9px 22px;position:relative;border-bottom:1px solid #eaf0f8;font-size:14px;color:#444;}
.bullet-list li::before{content:'—';position:absolute;left:0;color:#c9a635;}
.contact-table{margin:24px 0;}
.contact-row{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid #dde6f0;align-items:baseline;}
.contact-row:last-child{border:none;}
.contact-label{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#c9a635;min-width:110px;}
.contact-value{font-size:15px;color:#1a3a5c;}
.contact-value a{color:#0d2244;transition:color 0.2s;}
.contact-value a:hover{color:#c9a635;}
.contact-img-wrap{margin-top:32px;}
.contact-img-wrap img{width:100%;height:300px;object-fit:cover;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;}
.news-card{border:1px solid #dde6f0;overflow:hidden;transition:box-shadow 0.35s,transform 0.35s;}
.news-card:hover{box-shadow:0 8px 28px rgba(10,26,50,0.1);transform:translateY(-4px);}
.news-card-img-wrap{overflow:hidden;height:190px;}
.news-card-img{width:100%;height:100%;object-fit:cover;filter:brightness(0.82) saturate(0.8);transition:filter 0.45s,transform 0.5s cubic-bezier(.22,1,.36,1);}
.news-card:hover .news-card-img{filter:brightness(0.95) saturate(0.9);transform:scale(1.05);}
.news-card-body{padding:24px;}
.news-card-date{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#c9a635;margin-bottom:10px;}
.news-card-title{font-size:0.95rem;font-weight:600;color:#0d2244;line-height:1.45;margin-bottom:16px;}
.news-card-read{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:#c9a635;transition:letter-spacing 0.25s;}
.news-card-read:hover{letter-spacing:2.5px;}

/* FOOTER */
#site-footer{background:#07172e;padding:56px 0 0;border-top:2px solid #c9a635;}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;}
.footer-brand img{height:40px;margin-bottom:16px;filter:brightness(1.1);}
.footer-brand-name{font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:12px;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.75;max-width:260px;}
.footer-col h4{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#c9a635;margin-bottom:18px;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:13px;color:rgba(255,255,255,0.42);transition:color 0.2s,padding-left 0.2s;display:inline-block;}
.footer-col ul li a:hover{color:#c9a635;padding-left:5px;}
.footer-bottom{background:#04101e;padding:18px 48px;display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,0.22);flex-wrap:wrap;gap:8px;}

/* RESPONSIVE */
@media(max-width:1024px){
  .header-inner,.content-body,.footer-inner{padding-left:24px;padding-right:24px;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:36px;}
  .strategy-grid,.vision-grid{grid-template-columns:1fr;}
  .two-col,.two-col-wide{grid-template-columns:1fr;gap:36px;}
  .home-news-row{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr 1fr;}
  .feature-blocks{grid-template-columns:1fr;}
}
@media(max-width:768px){
  #primary-nav{display:none;}
  #nav-toggle{display:flex;}
  .page-banner{padding:52px 0 40px;}
  .page-banner-inner{padding:0 24px;}
  .news-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{padding:16px 24px;flex-direction:column;text-align:center;}
  #hero{height:80vh;}
}