/* Pakistan Oil Traders / editorial green and gold */
:root{--green:#087043;--deep:#063e2b;--gold:#f4c941}body{background:#fcfdfb}.hero{min-height:720px;background:#063324}.hero-photo{object-position:80% 53%;filter:brightness(.79)}.hero-shade{background:linear-gradient(90deg,#052e24f5 0%,#053728e6 29%,#07362670 58%,#052e2400 90%)}.hero h1{color:#fff;max-width:730px;font-size:clamp(48px,5.2vw,76px);line-height:1.04}.hero h1 em{color:var(--gold)}.hero .eyebrow{color:#f3d679}.hero-content p{color:#e4eee7;max-width:470px;font-size:17px}.hero .button{background:var(--gold);border-color:var(--gold);color:#173d2a}.hero .button.secondary{background:#ffffff09;border-color:#d6e5d87a;color:#fff}.hero-note{color:#dbe8df}.hero .line{background:var(--gold)}.hero-content{padding-block:85px}.promise{margin-top:-24px;z-index:1;box-shadow:0 20px 50px #0b392519;border-radius:6px 6px 0 0;background:#fff;color:var(--deep);border-bottom:4px solid var(--gold);padding:34px 40px}.promise span{color:#596e60}.promise>div{border-color:#d9e4da}.section-head h2{letter-spacing:-.05em}.products-grid{gap:25px}.product{position:relative;border:0;background:#fff;box-shadow:0 5px 20px #122d1e0c;border-radius:9px;overflow:hidden}.product>img{height:245px}.product>div{padding:27px;border:1px solid #e0e8dc;border-top:0;border-radius:0 0 9px 9px}.product h3 span{border:1px solid #d2dfcf;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.product:hover h3 span{background:var(--green);color:#fff}.product:hover{box-shadow:0 20px 36px #123a2024;transform:translateY(-6px)}.application-section{background:#edf2e9;position:relative}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.application-card{position:relative;isolation:isolate;min-height:450px;display:flex;align-items:end;overflow:hidden;border-radius:8px;color:#fff}.application-card img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;transition:transform .5s}.application-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#032a1e00 12%,#032a1e90 40%,#032a1ef5 100%);z-index:-1}.application-card>div{padding:30px}.application-card span{font-size:9px;letter-spacing:.12em;color:#f2d56f}.application-card h3{font-size:30px;margin:18px 0}.application-card p{color:#e0e9e0;font-size:13px}.application-card b{font-size:12px;border-top:1px solid #ffffff45;padding-top:17px;display:block}.application-card:hover img{transform:scale(1.04)}.about-band{background:white}.photo-frame{border-radius:8px 65px 8px 8px;border-right:10px solid var(--gold)}.values article{position:relative;background:#f0f5ec;padding:30px;border:1px solid #dce7d7;border-radius:6px}.values .index{font-size:34px;font-weight:400;line-height:1;color:#8b731c}.visual-break{background:linear-gradient(90deg,#053624f2,#053624a0),url('lubricants.png') center 54%/cover;padding:110px 0;color:white;border-top:5px solid var(--gold)}.visual-break .eyebrow{color:#efd475}.visual-break h2{font-size:clamp(36px,4.5vw,62px);max-width:850px}.visual-break h2 em{color:var(--gold);font-style:normal}.visual-break p{color:#e3eee3;font-size:16px}.visual-break .button{background:var(--gold);color:var(--deep);border-color:var(--gold)}.partner-band{background:#f9faf5}.brands{box-shadow:0 12px 35px #073b2908}.supply-story{background:#eef4ed;background-image:radial-gradient(#b8cdbb 1px,transparent 1px);background-size:20px 20px}.supply-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.supply-title p{max-width:440px}.process-steps{background:white;padding:20px 35px;border-radius:8px;border-top:4px solid var(--gold);box-shadow:0 15px 30px #0b3c2410}.process-steps article{display:flex;gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}.process-steps article:last-child{border:0}.process-steps article>span{color:var(--green);font-size:27px;line-height:1.1}.process-steps h3{font-size:23px;margin-bottom:12px}.process-steps p{font-size:14px;margin:0}.home-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.home-faq details{padding:24px 0}.home-faq summary{font-size:16px}.home-faq .text-link{color:var(--green);font-weight:700;font-size:14px}.cta{background:linear-gradient(90deg,#063b2bf5,#063b2bd9),url('supply.png') center 50%/cover;border-radius:7px;box-shadow:0 20px 45px #09332115}.inner-hero{position:relative;background:linear-gradient(110deg,#083d2af5,#083d2adb),url('supply.png') center/cover;color:#fff}.inner-hero .eyebrow{color:var(--gold)}.inner-hero p{color:#dce8de}.inner-hero img{box-shadow:0 20px 40px #0003;border-radius:6px 50px 6px 6px}.premium-footer{background:linear-gradient(105deg,#062c20f7,#062c20ee),url('supply.png') center/cover;padding-top:0}.footer-callout{display:flex;justify-content:space-between;align-items:center;padding-block:65px;border-bottom:1px solid #ffffff25;gap:30px;margin-bottom:55px}.footer-callout .eyebrow{color:var(--gold)}.footer-callout h2{color:white;margin:0;font-size:44px}.footer-callout .button{background:var(--gold);color:var(--deep);border:0}.footer-grid{grid-template-columns:1.25fr .7fr 1fr .95fr 1.25fr;gap:35px}.footer-logo{display:block;background:white;width:245px;height:85px;border-radius:5px;margin-bottom:25px}.footer-logo img{top:-123px}.footer-grid .footer-phone{font-size:21px;color:var(--gold);margin-top:20px}footer p{line-height:1.9}.footer-grid>div>a{overflow-wrap:anywhere}.footer-grid>div>a:not(.footer-logo):hover{transform:translateX(3px)}.footer-grid h3{padding-bottom:13px;border-bottom:1px solid #ffffff25}.footer-bottom{padding-block:26px}.site-loader{display:none}.site-loader.is-active{position:fixed;inset:0;z-index:1000;background:#073b29;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:loader-failsafe .2s 2s forwards}.site-loader.is-done{opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.loader-emblem{font-size:70px;font-weight:bold;line-height:1;color:var(--gold);text-align:center}.loader-emblem span{font-size:11px;letter-spacing:.25em;display:block;color:white;margin-top:14px}.loader-track{height:3px;width:130px;background:#ffffff20;margin-top:25px;overflow:hidden}.loader-track:after{content:'';display:block;background:var(--gold);width:45%;height:100%;animation:loader-progress .7s infinite alternate}@keyframes loader-progress{to{transform:translateX(130%)}}@keyframes loader-failsafe{to{opacity:0;visibility:hidden}}@media(max-width:1100px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer-grid>div:last-child{grid-column:2/4}.supply-grid,.home-faq{gap:40px}.application-card>div{padding:23px}.application-card h3{font-size:26px}}@media(max-width:800px){.hero h1{font-size:57px}.application-grid{gap:15px}.application-card{min-height:410px}.application-card h3{font-size:23px}.application-card>div{padding:18px}.supply-grid{grid-template-columns:1fr}.home-faq{gap:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.footer-callout h2{font-size:34px}.footer-callout{padding-block:45px}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.hero{background:#073c2a}.hero-content{padding-block:47px}.hero h1{font-size:clamp(37px,10.5vw,48px)}.hero-content p{font-size:14px}.hero .hero-photo{height:270px;filter:brightness(.9)}.hero .hero-shade{display:none}.promise{margin-top:0;padding:26px}.product{display:block}.product>img{height:215px}.product>div{padding:23px}.product h3{font-size:25px;align-items:center}.product p{font-size:14px}.product .tiny{font-size:10px}.application-grid{grid-template-columns:1fr}.application-card{min-height:400px}.application-card>div{padding:28px}.application-card h3{font-size:30px}.application-card p{max-width:300px}.photo-frame{box-shadow:8px 10px 0 #dce7dc}.visual-break{padding-block:65px;background-position:62% center}.visual-break p{font-size:14px}.process-steps{padding:14px 23px}.home-faq{grid-template-columns:1fr}.footer-callout{display:block}.footer-callout .button{margin-top:28px}.footer-logo img{width:330px;height:330px;left:-52px;top:-123px}.footer-grid{gap:32px 20px}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:nth-child(4){grid-column:1/-1}.values article{padding:26px}.cta{margin-block:50px}.footer-callout h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.site-loader.is-active{display:none}.application-card img{transition:none}.loader-track:after{animation:none}}