@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#071b3b;--navy2:#0b2854;--gold:#e7ad32;--ink:#0b1729;--muted:#64748b;--line:#e7ebf0;--bg:#f6f8fb;--white:#fff;--radius:22px;--shadow:0 18px 60px rgba(7,27,59,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--white);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:#05142d;color:#cbd5e1;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.topbar span{display:flex;gap:8px;align-items:center}
header{position:absolute;top:35px;left:0;right:0;z-index:10;color:white}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{width:190px;filter:brightness(0) invert(1)}.navlinks{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px}.navlinks a{opacity:.92}.navlinks a:hover{color:var(--gold)}.navcta{border:1px solid rgba(255,255,255,.35);padding:12px 18px;border-radius:999px}.menu{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:760px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,16,36,.94) 0%,rgba(3,16,36,.76) 48%,rgba(3,16,36,.35) 100%),url("assets/img666000.jpg") center/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--white));opacity:.9}.hero .container{position:relative;z-index:2;padding-top:80px}.eyebrow{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#f4c85a;margin-bottom:20px}.eyebrow:before{content:"";width:34px;height:2px;background:var(--gold)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin:0 0 20px}h1{font-size:clamp(48px,7vw,86px);max-width:850px;letter-spacing:-.045em}.hero p{max-width:650px;font-size:19px;color:#dbe4f1;margin:0 0 34px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14px;transition:.2s}.btn-primary{background:var(--gold);color:#071b3b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(231,173,50,.25)}.btn-outline{border:1px solid rgba(255,255,255,.35);color:white}.btn-outline:hover{background:white;color:var(--navy)}
.stats{position:relative;z-index:4;margin-top:-80px}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.stat{padding:28px 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:800 32px Manrope;color:var(--navy);display:block}.stat span{font-size:13px;color:var(--muted)}
.section{padding:100px 0}.section.alt{background:var(--bg)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.kicker{color:#9a6e0f;font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px;margin-bottom:14px}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;color:var(--navy)}.lead{font-size:18px;color:#526174}.muted{color:var(--muted)}.photo{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}.photo img{width:100%;height:520px;object-fit:cover}.photo .badge{position:absolute;left:24px;bottom:24px;background:#fff;padding:14px 18px;border-radius:14px;font-weight:700;box-shadow:0 10px 30px #0002}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:46px;height:46px;border-radius:13px;background:#eef3fa;color:var(--navy);display:grid;place-items:center;font-size:22px;margin-bottom:22px}.card h3{font-size:22px;color:var(--navy)}.card p{color:var(--muted);font-size:15px}.link{font-weight:800;color:#8b650f;font-size:14px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{min-height:260px;border-radius:20px;overflow:hidden;position:relative;color:#fff;background-size:cover;background-position:center}.product:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(3,16,36,.9))}.product div{position:absolute;left:20px;right:20px;bottom:18px}.product h3{font-size:21px;margin-bottom:4px}.product p{font-size:12px;color:#d8e1ee;margin:0}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{padding:30px;border-top:2px solid #dfe5ec;position:relative}.step:before{content:attr(data-n);position:absolute;top:-16px;left:30px;background:var(--gold);color:var(--navy);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800}.step h3{margin-top:20px;font-size:19px}.step p{font-size:14px;color:var(--muted)}
.banner{margin:0 auto 100px;width:min(1180px,calc(100% - 40px));border-radius:28px;padding:65px;background:linear-gradient(100deg,rgba(5,20,45,.96),rgba(5,20,45,.68)),url("assets/img8.jpeg") center/cover;color:white}.banner h2{color:white;max-width:720px}.banner p{color:#d8e1ee;max-width:620px}
.pagehero{padding:190px 0 90px;color:white;background:linear-gradient(90deg,rgba(3,16,36,.92),rgba(3,16,36,.58)),url("assets/img233.jpg") center/cover}.pagehero h1{font-size:clamp(48px,6vw,74px)}.pagehero p{max-width:650px;color:#dce6f2;font-size:18px}
.valuegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.value{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.value h3{color:var(--navy);font-size:19px}.value p{margin:0;color:var(--muted);font-size:14px}
.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contactbox{padding:32px;border-radius:20px;background:var(--navy);color:white}.contactbox h3{font-size:24px}.contactrow{padding:18px 0;border-bottom:1px solid #ffffff20}.contactrow:last-child{border:0}.contactrow small{color:#9fb0c6;display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.contactrow a{color:white}.form{border:1px solid var(--line);border-radius:20px;padding:32px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:var(--navy)}input,textarea,select{font:inherit;padding:13px 14px;border:1px solid #d8dee8;border-radius:10px;outline:none}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold)}
footer{background:#04142e;color:#c1cddd;padding:60px 0 24px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footlogo{width:180px;filter:brightness(0) invert(1);margin-bottom:20px}.footerh{color:white;font-weight:800;margin-bottom:15px}.footerlinks{display:grid;gap:9px;font-size:14px}.copyright{border-top:1px solid #ffffff16;margin-top:40px;padding-top:20px;font-size:12px;display:flex;justify-content:space-between;gap:15px}
@media(max-width:850px){.topbar .container{justify-content:center}.topbar span:last-child{display:none}header{top:35px}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;background:#071b3b;padding:20px;border-radius:14px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:700px}.statsgrid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.grid2{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr;gap:15px}.contactgrid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.section{padding:75px 0}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.logo{width:155px}.hero{min-height:720px}.hero p{font-size:16px}.stats{margin-top:-45px}.statsgrid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.products{grid-template-columns:1fr}.process{grid-template-columns:1fr}.valuegrid,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.banner{padding:40px 25px;margin-bottom:70px}.footgrid{grid-template-columns:1fr}.copyright{flex-direction:column}}

/* Modern refinery hero slider */
.hero-slider{min-height:760px;position:relative;overflow:hidden;background:#031024;color:#fff}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .8s ease,visibility .8s ease;display:flex;align-items:center}
.slide.active{opacity:1;visibility:visible;z-index:1}
.slide-content{position:relative;z-index:2;padding-top:80px}
.hero-slider:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:150px;background:linear-gradient(transparent,#fff);opacity:.88;pointer-events:none}
.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(4,20,46,.35);backdrop-filter:blur(8px);color:#fff;font-size:36px;line-height:1;cursor:pointer;transition:.2s}
.slider-arrow:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}
.slider-dots{position:absolute;z-index:5;left:50%;bottom:44px;transform:translateX(-50%);display:flex;gap:8px}
.slider-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0;cursor:pointer;transition:.2s}
.slider-dot.active{width:28px;border-radius:999px;background:var(--gold)}
.gallery-intro{max-width:720px;margin-bottom:34px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:16px}
.gallery-item{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#dce3ec;box-shadow:0 12px 40px rgba(7,27,59,.09)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;display:block}
.gallery-item:hover img{transform:scale(1.04)}
.gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 16px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(transparent,rgba(3,16,36,.9))}
.gallery-wide{grid-column:span 2;grid-row:span 2}
@media(max-width:850px){.hero-slider{min-height:700px}.slider-arrow{width:42px;height:42px;font-size:30px}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-wide{grid-column:span 2;grid-row:span 1}}
@media(max-width:560px){.hero-slider{min-height:720px}.slide-content{padding-top:70px}.slider-arrow{top:auto;bottom:45px}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.slider-dots{bottom:60px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-wide{grid-column:span 1}}