@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070b14;--bg2:#0d1220;--accent:#4f46e5;--cyan:#06b6d4;--text:#e8e9ed;--muted:#6b7280;--border:#ffffff12;--card:#ffffff08;--grad:linear-gradient(135deg, #4f46e5, #06b6d4)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}.app{min-height:100vh}.nav{z-index:100;padding:1.25rem 2rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#070b14eb;padding:.9rem 2rem}.nav__inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.nav__brand{align-items:center;gap:.75rem;display:flex}.nav__name{letter-spacing:.02em;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.nav__name em{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.nav__cta{border:1px solid var(--accent);color:var(--text);border-radius:6px;padding:.5rem 1.25rem;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.nav__cta:hover{background:var(--accent)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__grid{background-image:linear-gradient(#4f46e50f 1px,#0000 1px),linear-gradient(90deg,#4f46e50f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 0%,#0000 100%)}.hero__glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.hero__glow--1{background:#4f46e526;width:600px;height:600px;top:-100px;left:50%;transform:translate(-60%)}.hero__glow--2{background:#06b6d41a;width:400px;height:400px;bottom:0;right:5%}.hero__content{z-index:1;text-align:center;max-width:760px;animation:.8s both fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__logo{justify-content:center;margin-bottom:2rem;animation:.6s both fadeUp;display:flex}.hero__badge{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border:1px solid #06b6d44d;border-radius:100px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.78rem;font-weight:500;animation:.7s both fadeUp;display:inline-block}.hero__title{margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.1;animation:.8s both fadeUp}.hero__title--accent{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__sub{color:var(--muted);max-width:580px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.75;animation:.9s both fadeUp}.hero__actions{flex-wrap:wrap;justify-content:center;gap:1rem;animation:1s both fadeUp;display:flex}.btn{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background:var(--grad);color:#fff;box-shadow:0 0 30px #4f46e54d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #4f46e580}.btn--ghost{border:1px solid var(--border);color:var(--text)}.btn--ghost:hover{background:#ffffff0d;border-color:#fff3}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);flex-wrap:wrap;justify-content:center;gap:0;display:flex}.stat{text-align:center;border-right:1px solid var(--border);flex:1;min-width:140px;padding:2rem 1.5rem}.stat:last-child{border-right:none}.stat__value{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.stat__label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem}.section__inner{max-width:1100px;margin:0 auto;padding:0 2rem}.section__header{text-align:center;margin-bottom:3.5rem}.section__tag{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-block}.section__title{margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.section__sub{color:var(--muted);max-width:520px;margin:0 auto;line-height:1.75}.services{padding:6rem 0}.services__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.service-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--grad);opacity:0;transition:opacity .3s;position:absolute;inset:0}.service-card:hover{border-color:#4f46e566;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.service-card:hover:before{opacity:.04}.service-card__icon{margin-bottom:1rem;font-size:2rem}.service-card__title{margin-bottom:.75rem;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.service-card__desc{color:var(--muted);font-size:.92rem;line-height:1.7}.about{background:var(--bg2);padding:6rem 0}.about__inner{grid-template-columns:1fr 1.4fr;align-items:center;gap:5rem;display:grid}.about__visual{justify-content:center;align-items:center;display:flex;position:relative}.about__logo-wrap{filter:drop-shadow(0 0 60px #4f46e54d)}.about__text{flex-direction:column;gap:1rem;display:flex}.about__text .section__title{text-align:left}.about__text p{color:var(--muted);font-size:.95rem;line-height:1.8}.about__flags{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.about__flags span{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:100px;padding:.35rem .9rem;font-size:.85rem}.contact{padding:6rem 0;position:relative;overflow:hidden}.contact__bg{pointer-events:none;position:absolute;inset:0}.contact__cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.contact-card{background:var(--card);border:1px solid var(--border);text-align:center;color:var(--text);border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s;display:block}.contact-card:hover{background:#4f46e50d;border-color:#4f46e566;transform:translateY(-3px)}.contact-card__icon{margin-bottom:1rem;font-size:2rem}.contact-card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.contact-card__value{font-family:Syne,sans-serif;font-size:.95rem;font-weight:600}.footer{border-top:1px solid var(--border);background:var(--bg2);padding:2rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.footer__brand{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.footer__info{color:var(--muted);font-size:.8rem}@media (width<=768px){.about__inner{grid-template-columns:1fr;gap:2.5rem}.about__visual{display:none}.stat{min-width:120px}.nav{padding:1rem}.footer__inner{text-align:center;flex-direction:column}}.refineries{background:var(--bg2);padding:5rem 0}.refineries__list{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.refinery-item{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:100px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s;display:flex}.refinery-item:hover{background:#4f46e50d;border-color:#4f46e566}.refinery-item--more{color:var(--muted);font-style:italic}.about__certs{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.cert-badge{letter-spacing:.05em;color:#a5b4fc;background:#4f46e51f;border:1px solid #4f46e54d;border-radius:6px;padding:.35rem .9rem;font-size:.78rem;font-weight:600}