.petroleum-hero{position:relative;height:85vh;min-height:750px;display:flex;align-items:center;overflow:hidden}.petroleum-hero-bg,.petroleum-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.petroleum-hero-bg{background-size:cover;background-position:center;transition:transform .6s ease}.petroleum-hero:hover .petroleum-hero-bg{transform:scale(1.05)}.petroleum-hero-overlay{background:linear-gradient(135deg,rgba(3,46,59,.93)0,rgba(15,138,140,.88) 100%);z-index:1}.petroleum-hero-content{position:relative;z-index:2;padding-top:80px}.petroleum-hero-title{font-size:clamp(3rem,5vw,5rem);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:24px;letter-spacing:-1.5px}.petroleum-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:rgba(255,255,255,.95);max-width:700px;margin-bottom:48px}.hero-stats{display:flex;gap:48px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-number{font-size:48px;font-weight:700;color:var(--white);line-height:1;margin-bottom:8px;text-shadow:0 4px 12px rgba(0,0,0,.3)}.hero-stat-label{font-size:14px;font-weight:600;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:1px}.petroleum-overview{padding:120px 0;background:var(--white)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.overview-text{font-size:17px;line-height:1.9;color:var(--text-gray);margin-bottom:24px}.overview-features{display:flex;flex-direction:column;gap:20px;margin-top:40px}.overview-feature{display:flex;align-items:center;gap:16px;padding:20px;background:var(--off-white);border-radius:16px;border-left:4px solid var(--primary-teal);transition:all .3s ease}.overview-feature:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(15,138,140,.15)}.overview-feature svg{flex-shrink:0;color:var(--primary-teal)}.overview-feature span{font-size:16px;font-weight:600;color:var(--dark-bg)}.overview-image{width:100%;height:600px;background-size:cover;background-position:center;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);transition:transform .4s ease}.overview-image:hover{transform:scale(1.02)}.product-categories-section{padding:120px 0;background:linear-gradient(180deg,var(--off-white) 0%,var(--white) 100%)}.section-header-center{text-align:center;margin-bottom:80px}.section-subtitle,.section-subtitle-light{font-size:17px;line-height:1.8;max-width:700px;margin:0 auto}.section-subtitle{color:var(--text-gray)}.section-subtitle-light{color:rgba(255,255,255,.9)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.category-card{background:var(--white);border-radius:24px;padding:40px 32px;border:2px solid rgba(15,138,140,.1);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.category-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:opacity .4s ease}.category-card:hover::before{opacity:1}.category-card:hover{transform:translateY(-12px);border-color:var(--primary-teal);box-shadow:0 24px 60px rgba(15,138,140,.2)}.category-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.category-number{font-size:48px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.category-icon-large{width:64px;height:64px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.application-card:hover .application-icon,.category-card:hover .category-icon-large{background:var(--primary-gradient);transform:scale(1.1) rotate(-5deg)}.category-icon-large svg{width:32px;height:32px;stroke:var(--primary-teal);transition:stroke .4s ease}.category-card:hover .category-icon-large svg,.doc-card:hover .doc-icon svg{stroke:var(--white)}.category-card-title{font-size:24px;font-weight:700;color:var(--dark-bg);margin-bottom:12px;line-height:1.3}.category-card-desc{font-size:15px;line-height:1.7;color:var(--text-gray);margin-bottom:24px}.category-product-list{list-style:none;margin-bottom:32px;flex:1}.category-product-list li{font-size:14px;line-height:1.6;color:var(--text-gray);padding:8px 0 8px 20px;position:relative}.category-product-list li::before{content:"•";position:absolute;left:0;color:var(--primary-teal);font-size:18px}.category-cta{width:100%;padding:14px 24px;background:var(--primary-gradient);color:var(--white);border:0;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.category-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,138,140,.3)}.applications-section{position:relative;padding:120px 0;overflow:hidden}.applications-bg,.applications-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.applications-bg{background-size:cover;background-position:center;background-attachment:fixed}.applications-overlay{background:linear-gradient(135deg,rgba(3,46,59,.95)0,rgba(15,138,140,.92) 100%);z-index:1}.applications-section .container{position:relative;z-index:2}.applications-section .section-heading{color:var(--white)}.applications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.application-card{background:linear-gradient(145deg,rgba(255,255,255,.12)0,rgba(255,255,255,.06) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.2);border-radius:20px;padding:40px 32px;text-align:center;transition:all .4s ease}.application-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.18)0,rgba(255,255,255,.1) 100%);border-color:rgba(255,255,255,.4);transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.application-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(15,138,140,.3)0,rgba(3,46,59,.2) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s ease}.application-icon svg{width:36px;height:36px;stroke:var(--white)}.application-card h4{font-size:20px;font-weight:700;color:var(--white);margin-bottom:12px}.application-card p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.85)}.quality-standards{padding:120px 0;background:var(--white)}.quality-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quality-text{font-size:17px;line-height:1.9;color:var(--text-gray);margin-bottom:40px}.standards-list{display:flex;flex-direction:column;gap:24px}.standard-item{display:flex;gap:20px;padding:28px;background:var(--off-white);border-radius:16px;border-left:4px solid var(--primary-teal);transition:all .3s ease}.standard-item:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(15,138,140,.15)}.standard-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.doc-icon svg,.standard-icon svg{width:24px;height:24px;stroke:var(--primary-teal)}.standard-content h4{font-size:18px;font-weight:700;color:var(--dark-bg);margin-bottom:6px}.doc-card p,.standard-content p,.why-feature-content p{font-size:15px;line-height:1.7;color:var(--text-gray)}.quality-image{width:100%;height:600px;background-size:cover;background-position:center;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);transition:transform .4s ease}.quality-image:hover{transform:scale(1.02)}.documentation-section{padding:120px 0;background:linear-gradient(180deg,var(--off-white) 0%,var(--white) 100%)}.documentation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.doc-card,.doc-icon{transition:all .4s ease}.doc-card{background:var(--white);border-radius:20px;padding:40px 32px;text-align:center;border:2px solid rgba(15,138,140,.1)}.doc-card:hover{transform:translateY(-8px);border-color:var(--primary-teal);box-shadow:0 20px 50px rgba(15,138,140,.15)}.doc-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.doc-card:hover .doc-icon{background:var(--primary-gradient);transform:scale(1.1)}.doc-icon svg{width:36px;height:36px;transition:stroke .4s ease}.doc-card h4,.why-feature-content h4{font-size:20px;font-weight:700;color:var(--dark-bg);margin-bottom:12px}.why-choose-petroleum{padding:120px 0;background:var(--white)}.why-choose-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-image{width:100%;height:600px;background-size:cover;background-position:center;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);transition:transform .4s ease}.why-image:hover{transform:scale(1.02)}.why-text{font-size:17px;line-height:1.9;color:var(--text-gray);margin-bottom:40px}.why-features{display:flex;flex-direction:column;gap:24px}.why-feature-item{display:flex;gap:24px;padding:32px;background:var(--off-white);border-radius:16px;transition:all .3s ease;border:2px solid transparent}.why-feature-item:hover{border-color:var(--primary-teal);transform:translateX(8px);box-shadow:0 8px 24px rgba(15,138,140,.15)}.why-feature-number{flex-shrink:0;width:56px;height:56px;background:var(--primary-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--white)}.why-feature-content h4{margin-bottom:8px}.petroleum-cta{padding:100px 0;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--primary-dark) 100%);position:relative;overflow:hidden}.petroleum-cta::before{content:"";position:absolute;top:-50%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(15,138,140,.15)0,transparent 70%);border-radius:50%;opacity:.5}.petroleum-cta-content{text-align:center;position:relative;z-index:1}.petroleum-cta-title{font-size:4rem;font-weight:700;color:var(--white);margin-bottom:24px;letter-spacing:-1px}.petroleum-cta-text{font-size:18px;line-height:1.7;color:rgba(255,255,255,.9);margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}.petroleum-cta-buttons{display:flex;gap:20px;justify-content:center;align-items:center}.cta-btn-primary,.cta-btn-secondary{padding:18px 48px;border-radius:50px;font-weight:600;font-size:16px;transition:all .3s ease}.cta-btn-primary{background:var(--white);color:var(--primary-dark);border:0;cursor:pointer;box-shadow:0 4px 15px rgba(255,255,255,.3)}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.4);background:rgba(255,255,255,.95)}.cta-btn-secondary{background:0 0;color:var(--white);border:2px solid var(--white);display:inline-block;text-decoration:none}.cta-btn-secondary:hover{background:var(--white);color:var(--primary-dark);transform:translateY(-3px)}@media (max-width:1024px){.overview-grid,.quality-content,.why-choose-content{grid-template-columns:1fr;gap:48px}.applications-grid,.categories-grid,.documentation-grid{grid-template-columns:repeat(2,1fr)}.overview-image,.quality-image,.why-image{height:400px}}@media (max-width:768px){.petroleum-hero{height:70vh;min-height:600px}.petroleum-hero-content{padding-top:60px}.petroleum-hero-title{font-size:3rem}.hero-stats{gap:32px}.hero-stat-number{font-size:36px}section{padding:80px 0}.applications-grid,.categories-grid,.documentation-grid{grid-template-columns:1fr}.petroleum-cta-title{font-size:2.5rem}.petroleum-cta-buttons{flex-direction:column;width:100%}.cta-btn-primary,.cta-btn-secondary{width:100%;text-align:center}}@media (max-width:480px){.petroleum-cta-title,.petroleum-hero-title{font-size:2rem}.hero-stats{gap:24px}.hero-stat-number{font-size:28px}.application-card,.category-card,.doc-card{padding:32px 24px}.standard-item,.why-feature-item{padding:24px;flex-direction:column}}