@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Figtree:wght@400;500;600&display=swap";
.bls-root{--bls-deep:#021820;--bls-mid:#0a3545;--bls-foam:#1a6b7c;--bls-fuel:#e8b84a;--bls-fuel-deep:#c48a12;--bls-mist:#d7ebe8;--bls-ink:#f3f7f6;z-index:9999;background:var(--bls-deep);color:var(--bls-ink);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.25rem;font-family:Figtree,system-ui,sans-serif;animation:.45s ease-out both bls-fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.bls-sky{background:radial-gradient(90% 55% at 50% -5%,#e8b84a47,#0000 55%),radial-gradient(70% 40% at 80% 20%,#1a6b7c59,#0000 50%),linear-gradient(#041e28 0%,#0a3545 42%,#06303c 68%,#021820 100%);position:absolute;inset:0}.bls-sun{opacity:.55;filter:blur(2px);background:radial-gradient(circle,#f6d98a 0%,#e8b84a 35%,#0000 70%);border-radius:50%;width:min(24vw,160px);height:min(24vw,160px);animation:5s ease-in-out infinite bls-sun-breathe;position:absolute;top:10%;left:50%;transform:translate(-50%)}.bls-haze{opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 20% 70%,#ffffff0a 0 1px,#0000 1.5px),radial-gradient(circle at 70% 40%,#ffffff08 0 1px,#0000 1.5px);background-size:48px 48px,72px 72px;position:absolute;inset:0}.bls-sea{background:linear-gradient(#0000,#02182066 20%,#021820);height:36%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bls-wave{opacity:.35;border-radius:45%;width:120%;height:120px;position:absolute;left:-10%}.bls-wave-a{background:#1a6b7c73;animation:7s linear infinite bls-wave;bottom:18%}.bls-wave-b{opacity:.5;background:#0a3545b3;height:140px;animation:9s linear infinite reverse bls-wave;bottom:8%}.bls-wave-c{opacity:.7;background:#021820d9;height:160px;animation:11s linear infinite bls-wave;bottom:-10%}.bls-shimmer{background:linear-gradient(105deg,#0000 40%,#e8b84a14 50%,#0000 60%) 0 0/200% 100%;animation:5s ease-in-out infinite bls-shimmer;position:absolute;inset:0}.bls-stage{z-index:2;flex-direction:column;align-items:center;gap:1.75rem;width:min(100%,560px);display:flex;position:relative}.bls-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#e8b84ae6;text-align:center;margin:0;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) .15s both bls-copy-up}.bls-scene{pointer-events:none;justify-content:center;align-items:flex-end;gap:.35rem;width:100%;max-width:520px;min-height:118px;display:flex;position:relative;overflow:visible}.bls-ship-col{flex-direction:column;flex:0 auto;align-items:center;gap:.4rem;display:flex}.bls-ship{filter:drop-shadow(0 8px 14px #00000059);overflow:visible}.bls-ship-receive{width:min(42vw,220px);animation:1.1s cubic-bezier(.22,1,.36,1) both bls-ship-in-left}.bls-ship-barge{width:min(32vw,170px);animation:1.15s cubic-bezier(.22,1,.36,1) .15s both bls-ship-in-right}.bls-ship-label{letter-spacing:.14em;text-transform:uppercase;color:#d7ebe8e0;white-space:nowrap;margin:0;font-family:Syne,sans-serif;font-size:clamp(.62rem,1.6vw,.75rem);font-weight:700}.bls-hose{opacity:0;width:min(18vw,100px);margin:0 -.5% 1.55rem;animation:.6s ease-out .95s forwards bls-hose-appear}.bls-hose-line{stroke-dasharray:220;stroke-dashoffset:220px;animation:1s ease-out 1s forwards bls-hose-draw}.bls-hose-fuel{stroke-dashoffset:0;animation:1.1s linear 1.6s infinite bls-fuel-flow}.bls-fuel-drop{opacity:0}.bls-fuel-drop-1{animation:1.4s ease-in-out 1.8s infinite bls-drop}.bls-fuel-drop-2{animation:1.4s ease-in-out 2.15s infinite bls-drop}.bls-fuel-drop-3{animation:1.4s ease-in-out 2.5s infinite bls-drop}.bls-copy{z-index:2;text-align:center;width:100%;max-width:420px;animation:.8s cubic-bezier(.22,1,.36,1) .35s both bls-copy-up;position:relative}.bls-title{letter-spacing:-.02em;color:#f7fbfa;text-shadow:0 8px 30px #00000059;white-space:nowrap;margin:0 0 .55rem;font-family:Syne,sans-serif;font-size:clamp(1.55rem,4.2vw,2.15rem);font-weight:800;line-height:1.15}.bls-caption{color:#d7ebe8d1;min-height:1.4em;margin:0 0 1.25rem;font-size:.95rem;font-weight:500;animation:.45s both bls-caption-swap}.bls-gauge{align-items:center;gap:.75rem;width:100%;display:flex}.bls-gauge-track{background:#d7ebe824;border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d7ebe814}.bls-gauge-fill{border-radius:inherit;background:linear-gradient(90deg,#c48a12,#e8b84a 55%,#f3d98a);height:100%;transition:width 80ms linear;box-shadow:0 0 16px #e8b84a73}.bls-gauge-glint{background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:2.2s ease-in-out 1.2s infinite bls-glint;position:absolute;inset:0;transform:translate(-100%)}.bls-gauge-label{letter-spacing:.04em;min-width:2.5rem;color:var(--bls-fuel);text-align:right;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700}@keyframes bls-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bls-sun-breathe{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.65;transform:translate(-50%)scale(1.08)}}@keyframes bls-wave{0%{transform:translate(0)rotate(.5deg)}to{transform:translate(-8%)rotate(-.5deg)}}@keyframes bls-shimmer{0%,to{background-position:120% 0}50%{background-position:-20% 0}}@keyframes bls-ship-in-left{0%{opacity:0;transform:translate(-48%)translateY(12px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes bls-ship-in-right{0%{opacity:0;transform:translate(48%)translateY(12px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes bls-hose-appear{to{opacity:1}}@keyframes bls-hose-draw{to{stroke-dashoffset:0}}@keyframes bls-fuel-flow{0%{stroke-dashoffset:48px}to{stroke-dashoffset:0}}@keyframes bls-drop{0%,to{opacity:0;transform:translateY(0)scale(.6)}35%{opacity:1;transform:translateY(2px)scale(1)}70%{opacity:.2;transform:translateY(6px)scale(.8)}}@keyframes bls-copy-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bls-caption-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bls-glint{0%,40%{transform:translate(-100%)}70%,to{transform:translate(120%)}}@media (max-width:640px){.bls-stage{gap:1.35rem}.bls-scene{gap:.25rem;max-width:360px;min-height:108px}.bls-ship-label{letter-spacing:.12em;font-size:.6rem}.bls-hose{margin-bottom:1.4rem}.bls-title{white-space:normal;font-size:1.45rem}.bls-eyebrow{letter-spacing:.16em}}@media (prefers-reduced-motion:reduce){.bls-root *,.bls-root :before,.bls-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}