*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;background:#f8fafc;font-family:Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1200px,92%);margin:0 auto}.nav-dark{background:0 0;padding:22px 0}.nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.logo{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo img{object-fit:contain;width:50px;height:50px}.nav-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.nav-links a{color:#dbe4f0;font-size:15px;font-weight:600}.nav-actions{align-items:center;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:14px 22px;font-weight:700;transition:all .2s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-gold{color:#111827;background:#d3aa45}.btn-outline{color:#fff;background:#ffffff14;border:1px solid #ffffff40}.btn-dark{color:#fff;background:#0f1f3d}.btn-whatsapp{color:#fff;background:#25d366;border-radius:10px;margin-top:8px;padding:12px 18px;font-weight:700;display:inline-block}.hero{text-align:center;color:#fff;padding:100px 0}.hero-center{max-width:900px;margin:0 auto}.hero-center h1{margin-bottom:12px;font-size:48px;font-weight:800}.hero-center p{opacity:.9;margin-top:10px;font-size:18px}.hero.dark{background:radial-gradient(circle at top,#1e3a8a,#020617)}.hero.gradient{background:linear-gradient(135deg,#1e3a8a,#7c2d12)}.main-dark{color:#fff;background:linear-gradient(135deg,#0e1b33,#57200c)}.hero-dark{background-color:#0000;background-image:linear-gradient(#0f172acc,#0f172ae6),url(/images/petro.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:110px 0 120px}.hero-content{max-width:760px}.badge{background:#ffffff1f;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:26px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.hero-dark h1{margin-bottom:22px;font-size:55px;font-weight:800;line-height:1.05}.hero-dark p{color:#d6deea;max-width:700px;margin-bottom:30px;font-size:18px}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.stats{background:#fff;border-bottom:1px solid #e5e7eb;padding:56px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stats-grid h3{color:#0f172a;margin-bottom:8px;font-size:35px}.stats-grid p{color:#6b7280;text-transform:uppercase;letter-spacing:1px;font-size:14px}.section{padding:50px 0}.section-light{background:#090c12}.section-heading{text-align:center;max-width:780px;margin:0 auto 46px}.section-heading h1,.section-heading h2{color:#0f172a;margin-bottom:16px;font-size:40px}.section-heading p{color:#6b7280;font-size:19px}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0f172a0d}.card h3{color:#0f172a;margin-bottom:5px;font-size:28px}.card p{color:#6b7280;font-size:17px;line-height:1.4}.products-dark{color:#fff;background:#0f1f3d;padding:30px 0}.products-dark h2{margin-bottom:32px;font-size:40px}.product-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.product-pill{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;padding:22px 24px;font-size:18px;font-weight:700}.catalog-link{color:#d3aa45;margin-top:8px;font-weight:700;display:inline-block}.cta-gold{background:#d3aa45;padding:40px 0}.cta-inner{text-align:center;max-width:820px;margin:0 auto}.cta-inner h2{color:#0f172a;margin-bottom:16px;font-size:40px}.cta-inner p{color:#1f2937;margin-bottom:28px;font-size:20px}.contact-form{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto;display:grid}.contact-form input,.contact-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;padding:16px 18px}.contact-form textarea{resize:vertical;grid-column:1/-1;min-height:140px}.contact-form button{width:fit-content}.about-hero{padding:90px 0 110px}.about-hero-inner{text-align:center;max-width:820px}.about-hero h1{color:#fff;margin-bottom:18px;font-size:58px}.about-hero p{color:#d6deea;font-size:22px}.about-story{background:#fff;padding:90px 0}.about-story-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.about-story h2{color:#0f172a;margin-bottom:22px;font-size:42px}.about-story p{color:#6b7280;margin-bottom:20px;font-size:18px;line-height:1.9}.about-image-box{justify-content:center;align-items:center;display:flex}.about-image-placeholder{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:320px;font-size:20px;font-weight:700;display:flex}.about-values{background:#f8fafc;padding:90px 0}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:34px 28px;box-shadow:0 10px 30px #0f172a0a}.value-number{color:#c9a44c;margin-bottom:14px;font-size:42px;font-weight:700}.value-card h3{color:#0f172a;margin-bottom:12px;font-size:28px}.value-card p{color:#6b7280;font-size:17px;line-height:1.8}.products-page-hero{padding:70px 0 80px}.products-page-hero-inner{text-align:center;max-width:760px}.products-page-hero h1{color:#fff;margin-bottom:14px;font-size:58px}.products-page-hero p{color:#d6deea;font-size:22px}.products-page-section{background:#f8fafc;padding:70px 0 90px}.products-cards-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.product-card-large{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden;box-shadow:0 8px 28px #0f172a0d}.product-card-body{padding:28px 26px 24px}.product-card-large h3{color:#111827;margin-bottom:16px;font-size:22px;line-height:1.35}.product-card-desc{color:#6b7280;margin-bottom:22px;font-size:16px;line-height:1.8}.product-apps-title{color:#374151;letter-spacing:.6px;margin-bottom:12px;font-size:13px;font-weight:800}.product-tags{flex-wrap:wrap;gap:8px;display:flex}.product-tag{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:6px 10px;font-size:13px}.product-card-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.product-footer-link{color:#4b5563;font-size:14px;font-weight:600}.gold-link{color:#c9a44c}.services-page-section{background:#fff;padding:70px 0 40px}.service-row{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:60px;display:grid}.reverse-row{align-items:center}.service-text h2{color:#111827;margin-bottom:18px;font-size:42px}.service-text p{color:#6b7280;margin-bottom:24px;font-size:18px;line-height:1.9}.service-list{color:#374151;gap:14px;font-size:17px;list-style:none;display:grid}.service-list li:before{content:"✓";color:#9ca3af;margin-right:10px}.service-image-box{width:100%}.service-image-placeholder{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:18px;justify-content:center;align-items:center;min-height:340px;font-size:34px;font-weight:600;display:flex}.services-cta{background:#fff;border-top:1px solid #e5e7eb;padding:70px 0}.services-cta-inner{text-align:center;max-width:760px}.services-cta-inner h2{color:#111827;margin-bottom:24px;font-size:42px}.blog-hero{padding:80px 0 90px}.blog-hero-inner{text-align:center;max-width:820px}.blog-hero h1{color:#fff;margin-bottom:16px;font-size:62px}.blog-hero p{color:#d6deea;font-size:22px}.blog-section{background:#f8fafc;padding:70px 0 90px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden;box-shadow:0 8px 28px #0f172a0d}.blog-thumb{color:#6b7280;background:#e5e7eb;justify-content:center;align-items:center;height:170px;font-size:28px;font-weight:500;display:flex}.blog-card-body{padding:22px 22px 18px}.blog-meta{color:#9a7a2f;text-transform:uppercase;letter-spacing:.6px;flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.blog-card h3{color:#111827;margin-bottom:14px;font-size:30px;line-height:1.3}.blog-card p{color:#6b7280;font-size:16px;line-height:1.8}.blog-card-footer{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 22px;font-size:14px;display:flex}.read-link{color:#4b5563;font-weight:600}.quote-hero{padding:70px 0 120px}.quote-hero .container{text-align:center}.quote-hero h1{color:#fff;margin-bottom:12px;font-size:56px}.quote-hero p{color:#d6deea;font-size:20px}.quote-section{background:#f8fafc;margin-top:-55px;padding:0 0 70px}.quote-grid{background:#fff;border-radius:20px;grid-template-columns:320px 1fr;align-items:start;gap:28px;padding:28px;display:grid;box-shadow:0 12px 30px #0f172a14}.quote-contact{padding:12px 8px}.quote-contact h3{color:#111827;margin-bottom:22px;font-size:28px}.quote-contact p{color:#4b5563;margin-bottom:18px;line-height:1.9}.quote-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.quote-form input,.quote-form select,.quote-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:14px 16px}.quote-form textarea{resize:vertical;grid-column:1/-1;min-height:140px}.quote-form button{grid-column:1/-1;justify-self:start}.map-section{background:#f8fafc;padding:0 0 80px}.map-section h2{color:#111827;margin-bottom:20px;font-size:34px}.map-box{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 30px #0f172a14}.whatsapp-float{color:#fff;z-index:999;background:#25d366;border-radius:999px;padding:14px 18px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px #0000002e}.whatsapp-float:hover{transform:translateY(-2px)}.scroll-top{color:#000;cursor:pointer;z-index:999;background:#b33b20;border:none;border-radius:50%;width:45px;height:45px;font-size:20px;font-weight:700;transition:all .3s;position:fixed;bottom:90px;right:24px;box-shadow:0 6px 20px #0003}.scroll-top:hover{background:#f59e0b;transform:translateY(-5px)}.footer-dark{color:#fff;background:#0f1f3d;padding:72px 0 30px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;display:grid}.footer-logo{margin-bottom:18px}.footer-text{color:#cbd5e1;max-width:320px;line-height:1.8}.footer-dark h4{margin-bottom:16px;font-size:22px}.footer-list{color:#cbd5e1;gap:12px;list-style:none;display:grid}.footer-bottom{color:#cbd5e1;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px}@media (width<=1100px){.product-grid,.products-cards-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.nav{flex-direction:column;align-items:flex-start}.stats-grid,.cards,.product-grid,.footer-grid,.values-grid,.products-cards-grid,.blog-grid,.about-story-grid,.service-row,.quote-grid{grid-template-columns:1fr}.hero-dark h1,.section-heading h2,.products-dark h2,.cta-inner h2,.about-hero h1,.products-page-hero h1,.blog-hero h1,.quote-hero h1,.hero-center h1{font-size:40px}.hero-dark p,.section-heading p,.cta-inner p,.about-hero p,.products-page-hero p,.blog-hero p,.quote-hero p{font-size:18px}.contact-form,.quote-form{grid-template-columns:1fr}.quote-form button{width:100%}}@media (width<=700px){.blog-card h3{font-size:24px}}@media (width<=600px){.stats-grid,.cards,.product-grid,.footer-grid{grid-template-columns:1fr}.hero-dark{padding:90px 0 100px}.hero-dark h1{font-size:38px}.nav-links{gap:14px}.logo{font-size:28px}.stats-grid h3{font-size:34px}}.nav-dak.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6}.nav-links .active{color:#d3aa45}.top-shell{background:#0f172a}.hero{margin-top:0;padding-top:80px}.top-shell>*{margin-top:0!important}.markets-section{background:#f8fafc;padding:70px 0 90px}.markets-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.market-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.market-card h3{color:#111827;margin-bottom:12px;font-size:34px}.market-card p{color:#6b7280;font-size:17px;line-height:1.5}@media (width<=900px){.markets-grid{grid-template-columns:1fr}}.how-section{background:#f8fafc;padding:70px 0 90px}.how-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.how-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000000d}.how-card h3{color:#111827;margin-bottom:12px;font-size:22px}.how-card p{color:#6b7280;font-size:16px;line-height:1.8}.card:hover{transition:all .3s;transform:translateY(-5px)}@media (width<=768px){.nav{flex-direction:column;align-items:flex-start;gap:16px}.nav-links{flex-wrap:wrap;gap:14px;display:flex}.nav-links a{font-size:14px}.nav-actions{width:100%}.nav-actions .btn{text-align:center;width:100%}.logo{gap:8px;font-size:16px}.logo img{width:34px;height:34px}.hero-dark,.hero,.hero-gradient,.about-hero,.products-page-hero,.blog-hero,.quote-hero{padding:50px 0 60px}.hero-center,.about-hero-inner,.products-page-hero-inner,.blog-hero-inner{text-align:left}.hero-dark h1,.hero-center h1,.about-hero h1,.products-page-hero h1,.blog-hero h1,.quote-hero h1{margin-bottom:14px;font-size:38px;line-height:1.15}.hero-dark p,.hero-center p,.about-hero p,.products-page-hero p,.blog-hero p,.quote-hero p{font-size:18px;line-height:1.6}.badge{margin-bottom:18px;padding:7px 12px;font-size:12px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{text-align:center;width:100%}.stats{padding:30px 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.stats-grid h3{font-size:28px}.stats-grid p{font-size:11px}.container{width:92%}.whatsapp-float{padding:12px 16px;font-size:15px;bottom:16px;right:16px}.scroll-top{width:42px;height:42px;font-size:18px;bottom:78px;right:16px}.whatsapp-float{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding:0;display:flex;bottom:16px;right:16px}.whatsapp-text{display:none}.whatsapp-icon{font-size:24px;line-height:1}.hero-buttons .btn-gold{display:none!important}}
