.refuel-enterprise-hero,
.refuel-enterprise-hero * { box-sizing: border-box; }

.refuel-enterprise-hero {
  --enterprise-blue: #06448f;
  --enterprise-deep: #052751;
  --enterprise-ink: #061c3d;
  --enterprise-green: #67d878;
  --enterprise-orange: #ff7a1a;
  position: relative;
  width: 100%;
  min-height: 640px;
  overflow: hidden;
  padding: clamp(48px, 6vw, 78px) 24px 92px;
  color: #fff;
  background:
    radial-gradient(circle at 74% 18%, rgba(33,128,190,.32), transparent 31%),
    radial-gradient(circle at 7% 84%, rgba(103,216,120,.12), transparent 26%),
    linear-gradient(122deg, #041d3e 0%, #063873 57%, #07569a 100%);
  font-family: inherit;
  isolation: isolate;
}

.refuel-enterprise-hero__container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr);
  align-items: center;
  gap: clamp(44px, 6vw, 86px);
  width: min(1180px, 100%);
  min-height: 468px;
  margin: 0 auto;
}

.refuel-enterprise-hero__copy { max-width: 620px; }

.refuel-enterprise-hero__button svg,
.refuel-enterprise-hero__assurances svg,
.refuel-enterprise-hero__status svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.refuel-enterprise-hero h1 {
  max-width: 590px;
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 2.6vw, 32px);
  font-weight: 620;
  line-height: 1.14;
  letter-spacing: -.032em;
  text-wrap: balance;
}

.refuel-enterprise-hero__lead {
  max-width: 590px;
  margin: 22px 0 0;
  color: rgba(239,247,255,.83);
  font-size: 17px;
  line-height: 1.7;
}

.refuel-enterprise-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.refuel-enterprise-hero__button {
  display: inline-grid;
  grid-template-columns: 38px auto 20px;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 9px 17px 9px 10px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 14px;
  color: #fff;
  text-decoration: none !important;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.refuel-enterprise-hero__button > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: rgba(255,255,255,.12); }
.refuel-enterprise-hero__button > svg { width: 18px; }
.refuel-enterprise-hero__button strong { font-size: 14px; font-weight: 700; white-space: nowrap; }
.refuel-enterprise-hero__button--primary { color: var(--enterprise-ink); border-color: var(--enterprise-green); background: var(--enterprise-green); box-shadow: 0 15px 34px rgba(3,18,42,.25); }
.refuel-enterprise-hero__button--primary > span { background: rgba(4,68,143,.09); color: var(--enterprise-blue); }
.refuel-enterprise-hero__button--secondary { background: rgba(255,255,255,.075); backdrop-filter: blur(12px); }
.refuel-enterprise-hero__button:hover { color: inherit; transform: translateY(-3px); box-shadow: 0 17px 38px rgba(2,18,42,.3); }
.refuel-enterprise-hero__button:focus-visible { outline: 3px solid var(--enterprise-orange); outline-offset: 3px; }

.refuel-enterprise-hero__visual {
  position: relative;
  height: 456px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 28px 28px 90px 28px;
  box-shadow: 0 30px 64px rgba(2,18,43,.38);
  transform: rotate(1.2deg);
}

.refuel-enterprise-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 24%; transform: scale(1.025); animation: refuel-enterprise-breathe 13s ease-in-out infinite alternate; }
.refuel-enterprise-hero__visual-veil { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,27,58,.62), transparent 47%), radial-gradient(circle at 94% 4%, rgba(255,122,26,.16), transparent 25%); }

.refuel-enterprise-hero__status {
  position: absolute;
  right: 22px;
  bottom: 21px;
  display: grid;
  grid-template-columns: 42px auto 8px;
  align-items: center;
  gap: 12px;
  min-width: 280px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 16px;
  background: rgba(4,35,75,.88);
  box-shadow: 0 16px 42px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
}

.refuel-enterprise-hero__status > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: var(--enterprise-green); background: rgba(103,216,120,.1); }
.refuel-enterprise-hero__status small { display: block; margin-bottom: 4px; color: #a9bdd7; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.refuel-enterprise-hero__status strong { font-size: 14px; font-weight: 650; }
.refuel-enterprise-hero__status i { width: 8px; height: 8px; border-radius: 50%; background: var(--enterprise-orange); box-shadow: 0 0 0 8px rgba(255,122,26,.12); animation: refuel-enterprise-pulse 1.8s ease-out infinite; }

.refuel-enterprise-hero__assurances {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 23px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  width: min(880px, calc(100% - 48px));
  min-height: 50px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 15px;
  background: rgba(3,29,63,.76);
  transform: translateX(-50%);
  backdrop-filter: blur(12px);
}

.refuel-enterprise-hero__assurances span { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 24px; color: rgba(240,247,255,.85); font-size: 11px; font-weight: 650; text-align: center; }
.refuel-enterprise-hero__assurances span + span { border-left: 1px solid rgba(255,255,255,.16); }
.refuel-enterprise-hero__assurances svg { width: 17px; color: var(--enterprise-green); }

.refuel-enterprise-hero__motion { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.refuel-enterprise-hero__motion span { position: absolute; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.refuel-enterprise-hero__motion span:first-child { top: -390px; right: -170px; width: 760px; height: 760px; animation: refuel-enterprise-spin 25s linear infinite; }
.refuel-enterprise-hero__motion span:nth-child(2) { bottom: -390px; left: -290px; width: 650px; height: 650px; border-color: rgba(103,216,120,.16); animation: refuel-enterprise-spin 32s linear infinite reverse; }
.refuel-enterprise-hero__motion i { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--enterprise-orange); box-shadow: 0 0 0 8px rgba(255,122,26,.1); }
.refuel-enterprise-hero__motion i:nth-of-type(1) { top: 16%; right: 11%; animation: refuel-enterprise-float 5s ease-in-out infinite; }
.refuel-enterprise-hero__motion i:nth-of-type(2) { bottom: 18%; left: 7%; background: var(--enterprise-green); animation: refuel-enterprise-float 6s ease-in-out infinite reverse; }

@keyframes refuel-enterprise-breathe { to { transform: scale(1.075); } }
@keyframes refuel-enterprise-spin { to { transform: rotate(360deg); } }
@keyframes refuel-enterprise-float { 50% { transform: translateY(-18px); } }
@keyframes refuel-enterprise-pulse { 70%,100% { box-shadow: 0 0 0 15px rgba(255,122,26,0); } }

@media (max-width: 900px) {
  .refuel-enterprise-hero { min-height: 610px; padding: 38px 16px 74px; }
  .refuel-enterprise-hero__container { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
  .refuel-enterprise-hero__copy { max-width: 700px; }
  .refuel-enterprise-hero__visual { height: 245px; border-radius: 22px 22px 58px 22px; transform: none; }
  .refuel-enterprise-hero__visual img { object-position: 50% 27%; }
  .refuel-enterprise-hero__status { right: 12px; bottom: 12px; min-width: 255px; }
}

@media (max-width: 600px) {
  .refuel-enterprise-hero { min-height: 0; padding: 26px 11px 70px; }
  .refuel-enterprise-hero__container { gap: 19px; }
  .refuel-enterprise-hero h1 { max-width: 355px; font-size: clamp(24px, 6.7vw, 26px); font-weight: 600; line-height: 1.16; }
  .refuel-enterprise-hero__lead { margin-top: 15px; font-size: 15px; line-height: 1.58; }
  .refuel-enterprise-hero__actions { display: grid; gap: 9px; margin-top: 20px; }
  .refuel-enterprise-hero__button { width: 100%; min-height: 57px; }
  .refuel-enterprise-hero__visual { height: 210px; }
  .refuel-enterprise-hero__status { min-width: 232px; grid-template-columns: 38px auto 7px; padding: 9px; }
  .refuel-enterprise-hero__status > span { width: 38px; height: 38px; }
  .refuel-enterprise-hero__status strong { font-size: 12px; }
  .refuel-enterprise-hero__assurances { bottom: 13px; width: calc(100% - 22px); min-height: 43px; }
  .refuel-enterprise-hero__assurances span { gap: 4px; padding: 0 5px; font-size: 8px; line-height: 1.2; }
  .refuel-enterprise-hero__assurances svg { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .refuel-enterprise-hero *, .refuel-enterprise-hero *::before, .refuel-enterprise-hero *::after { animation: none !important; scroll-behavior: auto !important; }
}