:root{--gold:#f2b91f;--gold2:#ffca2c;--navy:#18304d;--navy2:#0f2239;--ink:#101722;--muted:#667085;--paper:#f6f7f9;--white:#fff;--line:#e5e7eb;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:var(--gold);box-shadow:0 2px 12px #0002}.nav-shell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;min-width:0}.brand img{width:68px;height:68px;border-radius:8px;object-fit:cover;background:#090b12}.brand span{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:.3px}.brand small{color:#1a1a1a;font-size:12px;margin-top:2px}.nav{display:flex;align-items:center;gap:24px}.nav>a{color:#101010;text-decoration:none;font-size:14px;font-weight:700}.nav>a:hover{opacity:.65}.lang{display:flex;align-items:center;gap:5px;border-left:1px solid #0003;padding-left:12px}.lang button{border:0;background:transparent;font-weight:800;cursor:pointer;padding:5px 4px}.lang button.active{background:#111;color:#fff;border-radius:4px}.nav-toggle{display:none;border:0;background:#111;color:#fff;border-radius:6px;padding:8px 11px;font-size:20px}.hero{position:relative;min-height:580px;background:url('tanker.jpg') center/cover no-repeat;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,25,.86),rgba(7,15,25,.48),rgba(7,15,25,.32))}.hero-inner{position:relative;z-index:1;display:flex;justify-content:flex-end}.hero-copy{max-width:650px;text-align:left;color:#fff;padding:70px 0}.eyebrow,.section-kicker,.section-title>span{display:inline-block;font-weight:800;letter-spacing:1.5px;font-size:12px;color:var(--gold);margin-bottom:10px}.hero h1{font-size:49px;line-height:1.04;margin:0 0 18px;font-weight:900;letter-spacing:.4px}.hero h1 span{color:var(--gold2)}.hero p{font-size:18px;max-width:620px;color:#eef2f7;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:#fff;text-decoration:none;border:0;padding:15px 23px;font-weight:900;font-size:13px;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn-ghost{background:transparent;border:2px solid #fff}.section{padding:82px 0}.section-title{margin-bottom:36px}.section-title.center{text-align:center}.section-title h2{font-size:36px;line-height:1.15;margin:0 0 12px;color:var(--navy)}.section-title p{color:var(--muted);max-width:740px;margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px #1018280d}.service-card img{width:100%;height:240px;object-fit:cover;display:block}.service-body{padding:24px 28px 30px;text-align:center}.service-body h3{font-size:20px;margin:3px 0 14px;color:#e2a400}.service-body p{font-size:14px;color:#212936;margin:0}.about-band{background:var(--navy);padding:70px 0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.about-image img{width:100%;height:380px;object-fit:cover;display:block;box-shadow:18px 18px 0 #10233a}.about-copy{color:#fff}.section-kicker.light{color:var(--gold)}.about-copy h2{font-size:38px;line-height:1.1;margin:8px 0 20px}.about-copy p{color:#e3e8ef}.text-link{color:var(--gold);font-weight:800;text-decoration:none}.why{position:relative;background:url('tanks.jpg') center/cover no-repeat;padding:80px 0}.why-overlay{position:absolute;inset:0;background:#0b17234f}.why-wrap{position:relative;z-index:1}.why-box{background:#fff;max-width:600px;padding:28px 36px 34px;box-shadow:0 12px 28px #0002}.why-box h2{font-size:41px;color:var(--navy);margin:0 0 14px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin:16px 0 28px;font-weight:700}.why-grid div{color:var(--navy)}.why-grid div::first-letter{color:var(--gold)}.products-section{background:#fff}.product-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}.product-photo img{width:100%;max-height:540px;object-fit:cover;box-shadow:18px 18px 0 var(--paper)}.product-copy h2{font-size:43px;line-height:1.05;color:var(--navy);margin:0 0 18px}.product-copy h2 em{font-style:normal;color:var(--gold)}.product-copy>p{color:var(--muted)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.specs>div{border:1px solid var(--line);padding:14px 16px;background:#fafafa}.specs span{display:block;color:var(--muted);font-size:12px}.specs strong{display:block;margin-top:4px;color:var(--navy)}.notice{font-size:12px;border-left:4px solid var(--gold);padding-left:12px}.capabilities{position:relative;background:url('loading.jpg') center/cover no-repeat;color:#fff;padding:72px 0}.cap-overlay{position:absolute;inset:0;background:#211b17d9}.cap-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.cap-grid article{padding:0 15px}.cap-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#145bbb;font-size:26px;margin-bottom:-2px}.cap-grid h3{display:inline-block;background:#145bbb;padding:4px 10px;margin:0 0 12px;font-size:18px}.cap-grid p{margin:0;color:#fff;font-weight:700}.procedure-section{background:var(--paper)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#fff;padding:26px;border-top:5px solid var(--gold);box-shadow:0 8px 20px #1118270a}.step b{font-size:32px;color:#e8b017}.step h3{margin:5px 0 8px;color:var(--navy)}.step p{margin:0;color:var(--muted);font-size:14px}.contact-section{background:var(--navy2);color:#fff;padding:78px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-grid h2{font-size:40px;margin:0 0 15px}.contact-grid>div>p{color:#d6dee8}.contact-list{margin-top:24px}.contact-list p{margin:7px 0}.inquiry{background:#fff;padding:28px;display:grid;gap:12px}.inquiry input,.inquiry textarea{width:100%;border:1px solid #d0d5dd;padding:14px;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dark-btn{background:#101722}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0}.footer-wrap>div{display:flex;flex-direction:column}.footer-wrap small{color:var(--muted)}.footer-wrap p{font-size:12px;color:var(--muted)}.wa-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 8px 20px #0003;z-index:30}
@media(max-width:960px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fff;padding:18px;box-shadow:0 12px 28px #0002;flex-direction:column;align-items:stretch;gap:10px}.nav.open{display:flex}.nav>a{padding:8px}.lang{border-left:0;padding-left:7px}.service-grid,.cap-grid,.steps{grid-template-columns:1fr 1fr}.about-grid,.product-layout,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-inner{justify-content:flex-start}.hero-copy{max-width:700px}.hero h1{font-size:42px}.about-image img{height:320px}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 28px))}.topbar .brand img{width:52px;height:52px}.brand strong{font-size:13px}.brand small{font-size:10px}.nav-shell{min-height:70px}.nav{top:70px}.hero{min-height:520px;background-position:38% center}.hero h1{font-size:34px}.hero p{font-size:16px}.section{padding:60px 0}.service-grid,.cap-grid,.steps{grid-template-columns:1fr}.service-card img{height:210px}.about-copy h2,.product-copy h2,.contact-grid h2{font-size:32px}.why-box{padding:24px}.why-box h2{font-size:32px}.why-grid,.specs,.form-row{grid-template-columns:1fr}.footer-wrap{flex-direction:column;align-items:flex-start}.cap-grid{gap:32px}.about-image img{height:260px}}


/* ===== V6 MULTI-PAGE EXTENSIONS ===== */
.nav a.active{background:#111;color:#fff;border-radius:4px;padding:8px 10px}
.page-hero{position:relative;min-height:330px;display:flex;align-items:center;background-position:center;background-size:cover;color:#fff}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,20,34,.9),rgba(9,20,34,.56))}
.page-hero .container{position:relative;z-index:1;padding-top:42px;padding-bottom:42px}
.page-hero h1{font-size:46px;line-height:1.05;margin:8px 0 12px;max-width:800px}
.page-hero p{max-width:760px;font-size:17px;color:#e7edf5;margin:0}
.page-hero.company{background-image:url('loading.jpg')}
.page-hero.product{background-image:url('fuel.jpg');background-position:center 55%}
.page-hero.procedure{background-image:url('tanker.jpg')}
.page-hero.documents{background-image:url('sgs.jpg')}
.page-hero.faq{background-image:url('tanks.jpg')}
.page-hero.contact{background-image:url('loading.jpg')}
.page-hero.legal{background-image:url('tanks.jpg')}
.breadcrumbs{font-size:12px;margin-top:15px;color:#d8e1ec}.breadcrumbs a{color:var(--gold);text-decoration:none}
.content-section{padding:70px 0}.content-section.alt{background:var(--paper)}
.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}
.content-grid.equal{grid-template-columns:1fr 1fr}
.content-grid img{max-width:100%;display:block}
.lead{font-size:19px;color:#3e4c5d}
.prose h2{color:var(--navy);font-size:32px;line-height:1.15;margin:0 0 16px}
.prose h3{color:var(--navy);margin-top:28px}
.prose p,.prose li{color:#465467}
.prose ul{padding-left:20px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{border:1px solid var(--line);background:#fff;padding:24px;box-shadow:0 8px 22px #1018280a}
.info-card h3{color:var(--navy);margin:0 0 10px}.info-card p{margin:0;color:var(--muted)}
.trust-strip{background:var(--navy2);color:#fff;padding:28px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust-grid div{border-left:3px solid var(--gold);padding-left:12px}.trust-grid strong{display:block}.trust-grid span{font-size:13px;color:#d1dae6}
.spec-table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}
.spec-table{width:100%;border-collapse:collapse;min-width:680px}
.spec-table th,.spec-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}
.spec-table th{background:var(--navy);color:#fff;font-size:13px}
.spec-table td{font-size:14px;color:#354254}
.spec-table tr:last-child td{border-bottom:0}
.callout{border-left:5px solid var(--gold);background:#fff7dc;padding:18px 20px;margin:22px 0;color:#4a3b00}
.badge-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.badge{background:#eef2f6;color:var(--navy);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}
.process-list{display:grid;gap:14px}
.process-row{display:grid;grid-template-columns:70px 1fr;gap:18px;background:#fff;border:1px solid var(--line);padding:20px;align-items:start}
.process-row .num{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#111;font-weight:900}
.process-row h3{margin:2px 0 7px;color:var(--navy)}.process-row p{margin:0;color:var(--muted)}
.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.doc-item{background:#fff;border:1px solid var(--line);padding:20px}.doc-item h3{margin:0 0 8px;color:var(--navy)}.doc-item p{margin:0;color:var(--muted);font-size:14px}
.verify-box{background:var(--navy);color:#fff;padding:28px}.verify-box h2{margin-top:0}.verify-box p,.verify-box li{color:#dce5ef}
.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:#fff}.faq-item button{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font-weight:800;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;gap:15px}.faq-item .answer{display:none;padding:0 20px 18px;color:var(--muted)}.faq-item.open .answer{display:block}.faq-item.open button{color:#9b7100}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.contact-card{background:#fff;border:1px solid var(--line);padding:22px}.contact-card h3{margin:0 0 6px;color:var(--navy)}.contact-card p,.contact-card a{color:var(--muted);text-decoration:none}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checklist div{background:#fff;border:1px solid var(--line);padding:12px 14px}
.legal-copy{max-width:900px;margin:auto}.legal-copy h2{margin-top:34px;color:var(--navy)}.legal-copy p,.legal-copy li{color:#465467}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:12px;text-decoration:none}.footer-links a:hover{color:var(--navy)}
.cta-band{background:var(--gold);padding:35px 0}.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-flex h2{margin:0;color:#111}.cta-flex p{margin:5px 0 0;color:#3c3200}.cta-band .btn{background:#111}
.muted-note{font-size:12px;color:var(--muted)}
@media(max-width:960px){.card-grid{grid-template-columns:1fr 1fr}.content-grid,.content-grid.equal{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr 1fr}.page-hero h1{font-size:39px}}
@media(max-width:640px){.card-grid,.trust-grid,.contact-cards,.checklist{grid-template-columns:1fr}.process-row{grid-template-columns:54px 1fr;padding:16px}.page-hero{min-height:290px}.page-hero h1{font-size:33px}.cta-flex{align-items:flex-start;flex-direction:column}.nav a.active{padding:8px}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
